@hotelinking/ui 4.32.16 → 4.32.17

package/dist/ui.es.js

@@ -1,163 +1,347 @@
-import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as a, createElementBlock as n, createVNode as r, renderSlot as o, createElementVNode as i, ref as s, cloneVNode as u, h as d, Fragment as c, inject as p, provide as g, onMounted as f, watchEffect as m, nextTick as v, computed as y, defineComponent as b, toRaw as h, watch as x, onUnmounted as w, Teleport as k, reactive as S, unref as C, shallowRef as O, withCtx as D, createTextVNode as M, toDisplayString as P, Transition as _, renderList as T, createCommentVNode as j, withDirectives as E, vModelDynamic as L, vShow as B, withModifiers as I, vModelText as R, createStaticVNode as A, resolveComponent as F, vModelCheckbox as N, isRef as $ } from "vue";
-import H from "dayjs";
-import Y from "vue3-apexcharts";
-const V = { name: "uiIcon" }, z = Object.assign(V, { props: { icon: { type: Function, required: true }, size: { type: String, default: "normal" }, color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (r2) => (o2, i2) => r2.loading ? (e(), n("div", { key: 1, class: a([{ "h-4 w-4": "normal" === r2.size, "h-6 w-6": "big" === r2.size, "h-12 w-12": "huge" === r2.size, "h-20 w-20": "massive" === r2.size }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"]) }, null, 2)) : (e(), t(l(r2.icon), { key: 0, class: a({ "h-4 w-4": "normal" === r2.size, "h-6 w-6": "big" === r2.size, "h-12 w-12": "huge" === r2.size, "h-20 w-20": "massive" === r2.size, "text-indigo-600": "primary" === r2.color, "text-cyan-300": "secondary" === r2.color, "text-red-400": "red" === r2.color, "text-yellow-400": "yellow" === r2.color, "text-green-400": "green" === r2.color, "text-white": "white" === r2.color, "text-gray-300": "gray" === r2.color, "text-black": "black" === r2.color }) }, null, 8, ["class"])) }), q = ["disabled"], U = { key: 1, class: "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200" }, W = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), K = { name: "uiButton" }, J = Object.assign(K, { props: { color: { type: String, default: "primary" }, size: { type: String, default: "normal" }, icon: { type: Function, default: () => {
-} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), n("button", U, [r(z, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), W])) : (e(), n("button", { key: 0, disabled: t2.disabled, class: a([{ "bg-indigo-600 hover:bg-indigo-800 text-white shadow-sm": "primary" === t2.color, "bg-cyan-300 hover:bg-cyan-500 text-white shadow-sme": "secondary" === t2.color, "bg-red-400 hover:bg-red-600 text-white shadow-sm": "red" === t2.color, "bg-yellow-400 hover:bg-yellow-600 text-white shadow-sm": "yellow" === t2.color, "bg-green-400 hover:bg-green-600 text-white shadow-sm": "green" === t2.color, "bg-transparent hover:bg-indigo-800 text-indigo-800 hover:text-white": "transparent" === t2.color, "px-4 py-2 text-sm rounded-md": "normal" === t2.size, "px-2.5 py-1.5 text-xs rounded leading-none": "small" === t2.size, "px-6 py-3 text-base rounded-md": "large" === t2.size }, "inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]), type: "button" }, [r(z, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), o(l2.$slots, "default")], 10, q)) }), G = { key: 0, class: "relative flex items-start" }, Z = { class: "flex items-center h-5" }, X = ["checked", "value", "disabled"], Q = { class: "ml-3 text-sm" }, ee = { class: "text-gray-500" }, te = { key: 1, class: "flex items-center animate-pulse" }, le = [i("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1), i("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)], ae = { name: "uiCheckbox" }, ne = Object.assign(ae, { props: { disabled: { type: Boolean, default: false }, value: { type: String }, check: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, emits: ["checkboxChanged"], setup(t2, { emit: l2 }) {
-  const a2 = l2, r2 = t2, u2 = s(r2.check);
-  return (l3, s2) => t2.loading ? (e(), n("div", te, le)) : (e(), n("div", G, [i("div", Z, [i("input", { checked: t2.check, value: t2.value, disabled: t2.disabled, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25", type: "checkbox", onChange: s2[0] || (s2[0] = (e2) => {
-    r2.disabled || (u2.value = !u2.value, a2("checkboxChanged", { checked: u2.value, value: r2.value }));
-  }) }, null, 40, X)]), i("div", Q, [i("span", ee, [o(l3.$slots, "default")])])]));
+import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as n, createElementBlock as a, createVNode as o, renderSlot as r, createElementVNode as i, ref as s, computed as u, unref as d, shallowRef as c, watch as p, triggerRef as g, onScopeDispose as f, nextTick as m, watchEffect as v, onMounted as b, cloneVNode as h, h as y, Fragment as x, defineComponent as w, inject as k, provide as S, reactive as C, onUnmounted as O, toRaw as M, getCurrentInstance as T, Teleport as E, withCtx as D, createTextVNode as _, toDisplayString as I, Transition as P, renderList as j, createCommentVNode as R, withDirectives as B, vModelDynamic as L, vShow as A, withModifiers as F, vModelText as N, createStaticVNode as z, resolveComponent as $, vModelCheckbox as H, isRef as V } from "vue";
+import Y from "dayjs";
+import U from "vue3-apexcharts";
+const q = { name: "uiIcon" }, W = Object.assign(q, { props: { icon: { type: Function, required: true }, size: { type: String, default: "normal" }, color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (o2) => (r2, i2) => o2.loading ? (e(), a("div", { key: 1, class: n([{ "h-4 w-4": "normal" === o2.size, "h-6 w-6": "big" === o2.size, "h-12 w-12": "huge" === o2.size, "h-20 w-20": "massive" === o2.size }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"]) }, null, 2)) : (e(), t(l(o2.icon), { key: 0, class: n({ "h-4 w-4": "normal" === o2.size, "h-6 w-6": "big" === o2.size, "h-12 w-12": "huge" === o2.size, "h-20 w-20": "massive" === o2.size, "text-indigo-600": "primary" === o2.color, "text-cyan-300": "secondary" === o2.color, "text-red-400": "red" === o2.color, "text-yellow-400": "yellow" === o2.color, "text-green-400": "green" === o2.color, "text-white": "white" === o2.color, "text-gray-300": "gray" === o2.color, "text-black": "black" === o2.color }) }, null, 8, ["class"])) }), K = ["disabled"], J = { key: 1, class: "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200" }, G = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), Z = { name: "uiButton" }, X = Object.assign(Z, { props: { color: { type: String, default: "primary" }, size: { type: String, default: "normal" }, icon: { type: Function, default: () => {
+} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), a("button", J, [o(W, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), G])) : (e(), a("button", { key: 0, disabled: t2.disabled, class: n([{ "bg-indigo-600 hover:bg-indigo-800 text-white shadow-sm": "primary" === t2.color, "bg-cyan-300 hover:bg-cyan-500 text-white shadow-sme": "secondary" === t2.color, "bg-red-400 hover:bg-red-600 text-white shadow-sm": "red" === t2.color, "bg-yellow-400 hover:bg-yellow-600 text-white shadow-sm": "yellow" === t2.color, "bg-green-400 hover:bg-green-600 text-white shadow-sm": "green" === t2.color, "bg-transparent hover:bg-indigo-800 text-indigo-800 hover:text-white": "transparent" === t2.color, "px-4 py-2 text-sm rounded-md": "normal" === t2.size, "px-2.5 py-1.5 text-xs rounded leading-none": "small" === t2.size, "px-6 py-3 text-base rounded-md": "large" === t2.size }, "inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]), type: "button" }, [o(W, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), r(l2.$slots, "default")], 10, K)) }), Q = { key: 0, class: "relative flex items-start" }, ee = { class: "flex items-center h-5" }, te = ["checked", "value", "disabled"], le = { class: "ml-3 text-sm" }, ne = { class: "text-gray-500" }, ae = { key: 1, class: "flex items-center animate-pulse" }, oe = [i("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1), i("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)], re = { name: "uiCheckbox" }, ie = Object.assign(re, { props: { disabled: { type: Boolean, default: false }, value: { type: String }, check: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, emits: ["checkboxChanged"], setup(t2, { emit: l2 }) {
+  const n2 = l2, o2 = t2, u2 = s(o2.check);
+  return (l3, s2) => t2.loading ? (e(), a("div", ae, oe)) : (e(), a("div", Q, [i("div", ee, [i("input", { checked: t2.check, value: t2.value, disabled: t2.disabled, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25", type: "checkbox", onChange: s2[0] || (s2[0] = (e2) => {
+    o2.disabled || (u2.value = !u2.value, n2("checkboxChanged", { checked: u2.value, value: o2.value }));
+  }) }, null, 40, te)]), i("div", le, [i("span", ne, [r(l3.$slots, "default")])])]));
 } });
-function re(e2, t2, ...l2) {
-  if (e2 in t2) {
-    let a3 = t2[e2];
-    return "function" == typeof a3 ? a3(...l2) : a3;
-  }
-  let a2 = new Error(`Tried to handle "${e2}" but there is no handler defined. Only defined handlers are: ${Object.keys(t2).map((e3) => `"${e3}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(a2, re), a2;
-}
-var oe = ((e2) => (e2[e2.None = 0] = "None", e2[e2.RenderStrategy = 1] = "RenderStrategy", e2[e2.Static = 2] = "Static", e2))(oe || {}), ie = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(ie || {});
-function se({ visible: e2 = true, features: t2 = 0, ourProps: l2, theirProps: a2, ...n2 }) {
-  var r2;
-  let o2 = ce(a2, l2), i2 = Object.assign(n2, { props: o2 });
-  if (e2 || 2 & t2 && o2.static)
-    return ue(i2);
-  if (1 & t2) {
-    return re(null == (r2 = o2.unmount) || r2 ? 0 : 1, { 0: () => null, 1: () => ue({ ...n2, props: { ...o2, hidden: true, style: { display: "none" } } }) });
-  }
-  return ue(i2);
-}
-function ue({ props: e2, attrs: t2, slots: l2, slot: a2, name: n2 }) {
-  var r2, o2;
-  let { as: i2, ...s2 } = ge(e2, ["unmount", "static"]), c2 = null == (r2 = l2.default) ? void 0 : r2.call(l2, a2), p2 = {};
-  if (a2) {
-    let e3 = false, t3 = [];
-    for (let [l3, n3] of Object.entries(a2))
-      "boolean" == typeof n3 && (e3 = true), true === n3 && t3.push(l3);
-    e3 && (p2["data-headlessui-state"] = t3.join(" "));
-  }
-  if ("template" === i2) {
-    if (c2 = de(null != c2 ? c2 : []), Object.keys(s2).length > 0 || Object.keys(t2).length > 0) {
-      let [e3, ...l3] = null != c2 ? c2 : [];
-      if (!function(e4) {
-        return null != e4 && ("string" == typeof e4.type || "object" == typeof e4.type || "function" == typeof e4.type);
-      }(e3) || l3.length > 0)
-        throw new Error(['Passing props on "template"!', "", `The current component <${n2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s2).concat(Object.keys(t2)).map((e4) => e4.trim()).filter((e4, t3, l4) => l4.indexOf(e4) === t3).sort((e4, t3) => e4.localeCompare(t3)).map((e4) => `  - ${e4}`).join("\n"), "", "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((e4) => `  - ${e4}`).join("\n")].join("\n"));
-      let a3 = ce(null != (o2 = e3.props) ? o2 : {}, s2), r3 = u(e3, a3);
-      for (let e4 in a3)
-        e4.startsWith("on") && (r3.props || (r3.props = {}), r3.props[e4] = a3[e4]);
-      return r3;
+function se() {
+  return se = Object.assign ? Object.assign.bind() : function(e2) {
+    for (var t2 = 1; t2 < arguments.length; t2++) {
+      var l2 = arguments[t2];
+      for (var n2 in l2)
+        Object.prototype.hasOwnProperty.call(l2, n2) && (e2[n2] = l2[n2]);
     }
-    return Array.isArray(c2) && 1 === c2.length ? c2[0] : c2;
-  }
-  return d(i2, Object.assign({}, s2, p2), { default: () => c2 });
+    return e2;
+  }, se.apply(this, arguments);
+}
+function ue() {
+  return ue = Object.assign ? Object.assign.bind() : function(e2) {
+    for (var t2 = 1; t2 < arguments.length; t2++) {
+      var l2 = arguments[t2];
+      for (var n2 in l2)
+        Object.prototype.hasOwnProperty.call(l2, n2) && (e2[n2] = l2[n2]);
+    }
+    return e2;
+  }, ue.apply(this, arguments);
+}
+function de(e2, t2, l2) {
+  var n2, a2, o2 = null != (n2 = l2.initialDeps) ? n2 : [];
+  return function() {
+    var n3;
+    l2.key && null != l2.debug && l2.debug() && (n3 = Date.now());
+    var r2, i2 = e2(), s2 = i2.length !== o2.length || i2.some(function(e3, t3) {
+      return o2[t3] !== e3;
+    });
+    if (!s2)
+      return a2;
+    if (o2 = i2, l2.key && null != l2.debug && l2.debug() && (r2 = Date.now()), a2 = t2.apply(void 0, i2), l2.key && null != l2.debug && l2.debug()) {
+      var u2 = Math.round(100 * (Date.now() - n3)) / 100, d2 = Math.round(100 * (Date.now() - r2)) / 100, c2 = d2 / 16, p2 = function(e3, t3) {
+        for (e3 = String(e3); e3.length < t3; )
+          e3 = " " + e3;
+        return e3;
+      };
+      console.info("%c⏱ " + p2(d2, 5) + " /" + p2(u2, 5) + " ms", "\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl(" + Math.max(0, Math.min(120 - 120 * c2, 120)) + "deg 100% 31%);", null == l2 ? void 0 : l2.key);
+    }
+    return null == l2 || null == l2.onChange || l2.onChange(a2), a2;
+  };
 }
-function de(e2) {
-  return e2.flatMap((e3) => e3.type === c ? de(e3.children) : [e3]);
+function ce(e2, t2) {
+  if (void 0 === e2)
+    throw new Error("Unexpected undefined" + (t2 ? ": " + t2 : ""));
+  return e2;
 }
-function ce(...e2) {
-  if (0 === e2.length)
-    return {};
-  if (1 === e2.length)
-    return e2[0];
-  let t2 = {}, l2 = {};
-  for (let a2 of e2)
-    for (let e3 in a2)
-      e3.startsWith("on") && "function" == typeof a2[e3] ? (null != l2[e3] || (l2[e3] = []), l2[e3].push(a2[e3])) : t2[e3] = a2[e3];
-  if (t2.disabled || t2["aria-disabled"])
-    return Object.assign(t2, Object.fromEntries(Object.keys(l2).map((e3) => [e3, void 0])));
-  for (let e3 in l2)
-    Object.assign(t2, { [e3](t3, ...a2) {
-      let n2 = l2[e3];
-      for (let e4 of n2) {
-        if (t3 instanceof Event && t3.defaultPrevented)
-          return;
-        e4(t3, ...a2);
+var pe = function(e2) {
+  return e2;
+}, ge = function(e2) {
+  for (var t2 = Math.max(e2.startIndex - e2.overscan, 0), l2 = Math.min(e2.endIndex + e2.overscan, e2.count - 1), n2 = [], a2 = t2; a2 <= l2; a2++)
+    n2.push(a2);
+  return n2;
+}, fe = function(e2, t2) {
+  var l2 = e2.scrollElement;
+  if (l2) {
+    var n2 = function(e3) {
+      var l3 = e3.width, n3 = e3.height;
+      t2({ width: Math.round(l3), height: Math.round(n3) });
+    };
+    n2(l2.getBoundingClientRect());
+    var a2 = new ResizeObserver(function(e3) {
+      var t3 = e3[0];
+      if (null != t3 && t3.borderBoxSize) {
+        var a3 = t3.borderBoxSize[0];
+        if (a3)
+          return void n2({ width: a3.inlineSize, height: a3.blockSize });
       }
-    } });
-  return t2;
-}
-function pe(e2) {
-  let t2 = Object.assign({}, e2);
-  for (let e3 in t2)
-    void 0 === t2[e3] && delete t2[e3];
-  return t2;
-}
-function ge(e2, t2 = []) {
-  let l2 = Object.assign({}, e2);
-  for (let e3 of t2)
-    e3 in l2 && delete l2[e3];
-  return l2;
-}
-let fe = 0;
-function me() {
-  return ++fe;
-}
-var ve = ((e2) => (e2.Space = " ", e2.Enter = "Enter", e2.Escape = "Escape", e2.Backspace = "Backspace", e2.Delete = "Delete", e2.ArrowLeft = "ArrowLeft", e2.ArrowUp = "ArrowUp", e2.ArrowRight = "ArrowRight", e2.ArrowDown = "ArrowDown", e2.Home = "Home", e2.End = "End", e2.PageUp = "PageUp", e2.PageDown = "PageDown", e2.Tab = "Tab", e2))(ve || {});
-var ye = ((e2) => (e2[e2.First = 0] = "First", e2[e2.Previous = 1] = "Previous", e2[e2.Next = 2] = "Next", e2[e2.Last = 3] = "Last", e2[e2.Specific = 4] = "Specific", e2[e2.Nothing = 5] = "Nothing", e2))(ye || {});
-function be(e2, t2) {
-  let l2 = t2.resolveItems();
-  if (l2.length <= 0)
-    return null;
-  let a2 = t2.resolveActiveIndex(), n2 = null != a2 ? a2 : -1, r2 = (() => {
-    switch (e2.focus) {
-      case 0:
-        return l2.findIndex((e3) => !t2.resolveDisabled(e3));
-      case 1: {
-        let e3 = l2.slice().reverse().findIndex((e4, l3, a3) => !(-1 !== n2 && a3.length - l3 - 1 >= n2) && !t2.resolveDisabled(e4));
-        return -1 === e3 ? e3 : l2.length - 1 - e3;
+      n2(l2.getBoundingClientRect());
+    });
+    return a2.observe(l2, { box: "border-box" }), function() {
+      a2.unobserve(l2);
+    };
+  }
+}, me = function(e2, t2) {
+  var l2 = e2.scrollElement;
+  if (l2) {
+    var n2 = function() {
+      t2(l2[e2.options.horizontal ? "scrollLeft" : "scrollTop"]);
+    };
+    return n2(), l2.addEventListener("scroll", n2, { passive: true }), function() {
+      l2.removeEventListener("scroll", n2);
+    };
+  }
+}, ve = function(e2, t2, l2) {
+  if (null != t2 && t2.borderBoxSize) {
+    var n2 = t2.borderBoxSize[0];
+    if (n2)
+      return Math.round(n2[l2.options.horizontal ? "inlineSize" : "blockSize"]);
+  }
+  return Math.round(e2.getBoundingClientRect()[l2.options.horizontal ? "width" : "height"]);
+}, be = function(e2, t2, l2) {
+  var n2, a2, o2 = t2.adjustments, r2 = void 0 === o2 ? 0 : o2, i2 = t2.behavior, s2 = e2 + r2;
+  null == (n2 = l2.scrollElement) || null == n2.scrollTo || n2.scrollTo(((a2 = {})[l2.options.horizontal ? "left" : "top"] = s2, a2.behavior = i2, a2));
+}, he = function(e2) {
+  var t2, l2, n2 = this;
+  this.unsubs = [], this.scrollElement = null, this.isScrolling = false, this.isScrollingTimeoutId = null, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollDirection = null, this.scrollAdjustments = 0, this.measureElementCache = /* @__PURE__ */ new Map(), this.observer = (t2 = null, l2 = function() {
+    return t2 || ("undefined" != typeof ResizeObserver ? t2 = new ResizeObserver(function(e3) {
+      e3.forEach(function(e4) {
+        n2._measureElement(e4.target, e4);
+      });
+    }) : null);
+  }, { disconnect: function() {
+    var e3;
+    return null == (e3 = l2()) ? void 0 : e3.disconnect();
+  }, observe: function(e3) {
+    var t3;
+    return null == (t3 = l2()) ? void 0 : t3.observe(e3, { box: "border-box" });
+  }, unobserve: function(e3) {
+    var t3;
+    return null == (t3 = l2()) ? void 0 : t3.unobserve(e3);
+  } }), this.range = null, this.setOptions = function(e3) {
+    Object.entries(e3).forEach(function(t3) {
+      var l3 = t3[0];
+      void 0 === t3[1] && delete e3[l3];
+    }), n2.options = ue({ debug: false, initialOffset: 0, overscan: 1, paddingStart: 0, paddingEnd: 0, scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: false, getItemKey: pe, rangeExtractor: ge, onChange: function() {
+    }, measureElement: ve, initialRect: { width: 0, height: 0 }, scrollMargin: 0, scrollingDelay: 150, indexAttribute: "data-index", initialMeasurementsCache: [], lanes: 1 }, e3);
+  }, this.notify = function(e3) {
+    null == n2.options.onChange || n2.options.onChange(n2, e3);
+  }, this.maybeNotify = de(function() {
+    return n2.calculateRange(), [n2.isScrolling, n2.range ? n2.range.startIndex : null, n2.range ? n2.range.endIndex : null];
+  }, function(e3) {
+    n2.notify(e3);
+  }, { key: "production" !== process.env.NODE_ENV && "maybeNotify", debug: function() {
+    return n2.options.debug;
+  }, initialDeps: [this.isScrolling, this.range ? this.range.startIndex : null, this.range ? this.range.endIndex : null] }), this.cleanup = function() {
+    n2.unsubs.filter(Boolean).forEach(function(e3) {
+      return e3();
+    }), n2.unsubs = [], n2.scrollElement = null;
+  }, this._didMount = function() {
+    return n2.measureElementCache.forEach(n2.observer.observe), function() {
+      n2.observer.disconnect(), n2.cleanup();
+    };
+  }, this._willUpdate = function() {
+    var e3 = n2.options.getScrollElement();
+    n2.scrollElement !== e3 && (n2.cleanup(), n2.scrollElement = e3, n2._scrollToOffset(n2.scrollOffset, { adjustments: void 0, behavior: void 0 }), n2.unsubs.push(n2.options.observeElementRect(n2, function(e4) {
+      n2.scrollRect = e4, n2.maybeNotify();
+    })), n2.unsubs.push(n2.options.observeElementOffset(n2, function(e4) {
+      n2.scrollAdjustments = 0, n2.scrollOffset !== e4 && (null !== n2.isScrollingTimeoutId && (clearTimeout(n2.isScrollingTimeoutId), n2.isScrollingTimeoutId = null), n2.isScrolling = true, n2.scrollDirection = n2.scrollOffset < e4 ? "forward" : "backward", n2.scrollOffset = e4, n2.maybeNotify(), n2.isScrollingTimeoutId = setTimeout(function() {
+        n2.isScrollingTimeoutId = null, n2.isScrolling = false, n2.scrollDirection = null, n2.maybeNotify();
+      }, n2.options.scrollingDelay));
+    })));
+  }, this.getSize = function() {
+    return n2.scrollRect[n2.options.horizontal ? "width" : "height"];
+  }, this.memoOptions = de(function() {
+    return [n2.options.count, n2.options.paddingStart, n2.options.scrollMargin, n2.options.getItemKey];
+  }, function(e3, t3, l3, a2) {
+    return n2.pendingMeasuredCacheIndexes = [], { count: e3, paddingStart: t3, scrollMargin: l3, getItemKey: a2 };
+  }, { key: false }), this.getFurthestMeasurement = function(e3, t3) {
+    for (var l3 = /* @__PURE__ */ new Map(), a2 = /* @__PURE__ */ new Map(), o2 = t3 - 1; o2 >= 0; o2--) {
+      var r2 = e3[o2];
+      if (!l3.has(r2.lane)) {
+        var i2 = a2.get(r2.lane);
+        if (null == i2 || r2.end > i2.end ? a2.set(r2.lane, r2) : r2.end < i2.end && l3.set(r2.lane, true), l3.size === n2.options.lanes)
+          break;
       }
-      case 2:
-        return l2.findIndex((e3, l3) => !(l3 <= n2) && !t2.resolveDisabled(e3));
-      case 3: {
-        let e3 = l2.slice().reverse().findIndex((e4) => !t2.resolveDisabled(e4));
-        return -1 === e3 ? e3 : l2.length - 1 - e3;
+    }
+    return a2.size === n2.options.lanes ? Array.from(a2.values()).sort(function(e4, t4) {
+      return e4.end - t4.end;
+    })[0] : void 0;
+  }, this.getMeasurements = de(function() {
+    return [n2.memoOptions(), n2.itemSizeCache];
+  }, function(e3, t3) {
+    var l3 = e3.count, a2 = e3.paddingStart, o2 = e3.scrollMargin, r2 = e3.getItemKey, i2 = n2.pendingMeasuredCacheIndexes.length > 0 ? Math.min.apply(Math, n2.pendingMeasuredCacheIndexes) : 0;
+    n2.pendingMeasuredCacheIndexes = [];
+    for (var s2 = n2.measurementsCache.slice(0, i2), u2 = i2; u2 < l3; u2++) {
+      var d2 = r2(u2), c2 = 1 === n2.options.lanes ? s2[u2 - 1] : n2.getFurthestMeasurement(s2, u2), p2 = c2 ? c2.end : a2 + o2, g2 = t3.get(d2), f2 = "number" == typeof g2 ? g2 : n2.options.estimateSize(u2), m2 = p2 + f2, v2 = c2 ? c2.lane : u2 % n2.options.lanes;
+      s2[u2] = { index: u2, start: p2, size: f2, end: m2, key: d2, lane: v2 };
+    }
+    return n2.measurementsCache = s2, s2;
+  }, { key: "production" !== process.env.NODE_ENV && "getMeasurements", debug: function() {
+    return n2.options.debug;
+  } }), this.calculateRange = de(function() {
+    return [n2.getMeasurements(), n2.getSize(), n2.scrollOffset];
+  }, function(e3, t3, l3) {
+    return n2.range = e3.length > 0 && t3 > 0 ? function(e4) {
+      var t4 = e4.measurements, l4 = e4.outerSize, n3 = e4.scrollOffset, a2 = t4.length - 1, o2 = function(e5) {
+        return t4[e5].start;
+      }, r2 = ye(0, a2, o2, n3), i2 = r2;
+      for (; i2 < a2 && t4[i2].end < n3 + l4; )
+        i2++;
+      return { startIndex: r2, endIndex: i2 };
+    }({ measurements: e3, outerSize: t3, scrollOffset: l3 }) : null;
+  }, { key: "production" !== process.env.NODE_ENV && "calculateRange", debug: function() {
+    return n2.options.debug;
+  } }), this.getIndexes = de(function() {
+    return [n2.options.rangeExtractor, n2.calculateRange(), n2.options.overscan, n2.options.count];
+  }, function(e3, t3, l3, n3) {
+    return null === t3 ? [] : e3(ue({}, t3, { overscan: l3, count: n3 }));
+  }, { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: function() {
+    return n2.options.debug;
+  } }), this.indexFromElement = function(e3) {
+    var t3 = n2.options.indexAttribute, l3 = e3.getAttribute(t3);
+    return l3 ? parseInt(l3, 10) : (console.warn("Missing attribute name '" + t3 + "={index}' on measured element."), -1);
+  }, this._measureElement = function(e3, t3) {
+    var l3 = n2.measurementsCache[n2.indexFromElement(e3)];
+    if (l3 && e3.isConnected) {
+      var a2 = n2.measureElementCache.get(l3.key);
+      a2 !== e3 && (a2 && n2.observer.unobserve(a2), n2.observer.observe(e3), n2.measureElementCache.set(l3.key, e3));
+      var o2 = n2.options.measureElement(e3, t3, n2);
+      n2.resizeItem(l3, o2);
+    } else
+      n2.measureElementCache.forEach(function(t4, l4) {
+        t4 === e3 && (n2.observer.unobserve(e3), n2.measureElementCache.delete(l4));
+      });
+  }, this.resizeItem = function(e3, t3) {
+    var l3, a2 = t3 - (null != (l3 = n2.itemSizeCache.get(e3.key)) ? l3 : e3.size);
+    0 !== a2 && (e3.start < n2.scrollOffset && ("production" !== process.env.NODE_ENV && n2.options.debug && console.info("correction", a2), n2._scrollToOffset(n2.scrollOffset, { adjustments: n2.scrollAdjustments += a2, behavior: void 0 })), n2.pendingMeasuredCacheIndexes.push(e3.index), n2.itemSizeCache = new Map(n2.itemSizeCache.set(e3.key, t3)), n2.notify(false));
+  }, this.measureElement = function(e3) {
+    e3 && n2._measureElement(e3, void 0);
+  }, this.getVirtualItems = de(function() {
+    return [n2.getIndexes(), n2.getMeasurements()];
+  }, function(e3, t3) {
+    for (var l3 = [], n3 = 0, a2 = e3.length; n3 < a2; n3++) {
+      var o2 = t3[e3[n3]];
+      l3.push(o2);
+    }
+    return l3;
+  }, { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: function() {
+    return n2.options.debug;
+  } }), this.getVirtualItemForOffset = function(e3) {
+    var t3 = n2.getMeasurements();
+    return ce(t3[ye(0, t3.length - 1, function(e4) {
+      return ce(t3[e4]).start;
+    }, e3)]);
+  }, this.getOffsetForAlignment = function(e3, t3) {
+    var l3 = n2.getSize();
+    "auto" === t3 && (t3 = e3 <= n2.scrollOffset ? "start" : e3 >= n2.scrollOffset + l3 ? "end" : "start"), "start" === t3 || ("end" === t3 ? e3 -= l3 : "center" === t3 && (e3 -= l3 / 2));
+    var a2 = n2.options.horizontal ? "scrollWidth" : "scrollHeight", o2 = (n2.scrollElement ? "document" in n2.scrollElement ? n2.scrollElement.document.documentElement[a2] : n2.scrollElement[a2] : 0) - n2.getSize();
+    return Math.max(Math.min(o2, e3), 0);
+  }, this.getOffsetForIndex = function(e3, t3) {
+    void 0 === t3 && (t3 = "auto"), e3 = Math.max(0, Math.min(e3, n2.options.count - 1));
+    var l3 = ce(n2.getMeasurements()[e3]);
+    if ("auto" === t3)
+      if (l3.end >= n2.scrollOffset + n2.getSize() - n2.options.scrollPaddingEnd)
+        t3 = "end";
+      else {
+        if (!(l3.start <= n2.scrollOffset + n2.options.scrollPaddingStart))
+          return [n2.scrollOffset, t3];
+        t3 = "start";
       }
-      case 4:
-        return l2.findIndex((l3) => t2.resolveId(l3) === e2.id);
-      case 5:
-        return null;
-      default:
-        !function(e3) {
-          throw new Error("Unexpected object: " + e3);
-        }(e2);
+    var a2 = "end" === t3 ? l3.end + n2.options.scrollPaddingEnd : l3.start - n2.options.scrollPaddingStart;
+    return [n2.getOffsetForAlignment(a2, t3), t3];
+  }, this.isDynamicMode = function() {
+    return n2.measureElementCache.size > 0;
+  }, this.cancelScrollToIndex = function() {
+    null !== n2.scrollToIndexTimeoutId && (clearTimeout(n2.scrollToIndexTimeoutId), n2.scrollToIndexTimeoutId = null);
+  }, this.scrollToOffset = function(e3, t3) {
+    var l3 = void 0 === t3 ? {} : t3, a2 = l3.align, o2 = void 0 === a2 ? "start" : a2, r2 = l3.behavior;
+    n2.cancelScrollToIndex(), "smooth" === r2 && n2.isDynamicMode() && console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."), n2._scrollToOffset(n2.getOffsetForAlignment(e3, o2), { adjustments: void 0, behavior: r2 });
+  }, this.scrollToIndex = function(e3, t3) {
+    var l3 = void 0 === t3 ? {} : t3, a2 = l3.align, o2 = void 0 === a2 ? "auto" : a2, r2 = l3.behavior;
+    e3 = Math.max(0, Math.min(e3, n2.options.count - 1)), n2.cancelScrollToIndex(), "smooth" === r2 && n2.isDynamicMode() && console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");
+    var i2 = n2.getOffsetForIndex(e3, o2), s2 = i2[0], u2 = i2[1];
+    n2._scrollToOffset(s2, { adjustments: void 0, behavior: r2 }), "smooth" !== r2 && n2.isDynamicMode() && (n2.scrollToIndexTimeoutId = setTimeout(function() {
+      (n2.scrollToIndexTimeoutId = null, n2.measureElementCache.has(n2.options.getItemKey(e3))) ? function(e4, t4) {
+        return Math.abs(e4 - t4) < 1;
+      }(n2.getOffsetForIndex(e3, u2)[0], n2.scrollOffset) || n2.scrollToIndex(e3, { align: u2, behavior: r2 }) : n2.scrollToIndex(e3, { align: u2, behavior: r2 });
+    }));
+  }, this.scrollBy = function(e3, t3) {
+    var l3 = (void 0 === t3 ? {} : t3).behavior;
+    n2.cancelScrollToIndex(), "smooth" === l3 && n2.isDynamicMode() && console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."), n2._scrollToOffset(n2.scrollOffset + e3, { adjustments: void 0, behavior: l3 });
+  }, this.getTotalSize = function() {
+    var e3;
+    return ((null == (e3 = n2.getMeasurements()[n2.options.count - 1]) ? void 0 : e3.end) || n2.options.paddingStart) - n2.options.scrollMargin + n2.options.paddingEnd;
+  }, this._scrollToOffset = function(e3, t3) {
+    var l3 = t3.adjustments, a2 = t3.behavior;
+    n2.options.scrollToFn(e3, { behavior: a2, adjustments: l3 }, n2);
+  }, this.measure = function() {
+    n2.itemSizeCache = /* @__PURE__ */ new Map(), n2.notify(false);
+  }, this.setOptions(e2), this.scrollRect = this.options.initialRect, this.scrollOffset = this.options.initialOffset, this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach(function(e3) {
+    n2.itemSizeCache.set(e3.key, e3.size);
+  }), this.maybeNotify();
+}, ye = function(e2, t2, l2, n2) {
+  for (; e2 <= t2; ) {
+    var a2 = (e2 + t2) / 2 | 0, o2 = l2(a2);
+    if (o2 < n2)
+      e2 = a2 + 1;
+    else {
+      if (!(o2 > n2))
+        return a2;
+      t2 = a2 - 1;
     }
-  })();
-  return -1 === r2 ? a2 : r2;
-}
-function he(e2) {
-  var t2;
-  return null == e2 || null == e2.value ? null : null != (t2 = e2.value.$el) ? t2 : e2.value;
+  }
+  return e2 > 0 ? e2 - 1 : 0;
+};
+function xe(e2) {
+  return function(e3) {
+    var t2 = new he(d(e3)), l2 = c(t2), n2 = t2._didMount();
+    return p(function() {
+      return d(e3).getScrollElement();
+    }, function(e4) {
+      e4 && t2._willUpdate();
+    }, { immediate: true }), p(function() {
+      return d(e3);
+    }, function(e4) {
+      t2.setOptions(se({}, e4, { onChange: function(t3, n3) {
+        g(l2), null == e4.onChange || e4.onChange(t3, n3);
+      } })), t2._willUpdate(), g(l2);
+    }, { immediate: true }), f(n2), l2;
+  }(u(function() {
+    return se({ observeElementRect: fe, observeElementOffset: me, scrollToFn: be }, d(e2));
+  }));
 }
-let xe = Symbol("Context");
-var we = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(we || {});
-function ke() {
-  return p(xe, null);
+function we(e2, t2, l2) {
+  let n2 = s(null == l2 ? void 0 : l2.value), a2 = u(() => void 0 !== e2.value);
+  return [u(() => a2.value ? e2.value : n2.value), function(e3) {
+    return a2.value || (n2.value = e3), null == t2 ? void 0 : t2(e3);
+  }];
 }
-function Se(e2) {
-  g(xe, e2);
+let ke = 0;
+function Se() {
+  return ++ke;
 }
-function Ce(e2, t2) {
-  if (e2)
-    return e2;
-  let l2 = null != t2 ? t2 : "button";
-  return "string" == typeof l2 && "button" === l2.toLowerCase() ? "button" : void 0;
+function Ce(e2) {
+  var t2;
+  if (null == e2 || null == e2.value)
+    return null;
+  let l2 = null != (t2 = e2.value.$el) ? t2 : e2.value;
+  return l2 instanceof Node ? l2 : null;
 }
-function Oe(e2, t2) {
-  let l2 = s(Ce(e2.value.type, e2.value.as));
-  return f(() => {
-    l2.value = Ce(e2.value.type, e2.value.as);
-  }), m(() => {
-    var e3;
-    l2.value || he(t2) && he(t2) instanceof HTMLButtonElement && (null == (e3 = he(t2)) || !e3.hasAttribute("type")) && (l2.value = "button");
-  }), l2;
+function Oe(e2, t2, ...l2) {
+  if (e2 in t2) {
+    let n3 = t2[e2];
+    return "function" == typeof n3 ? n3(...l2) : n3;
+  }
+  let n2 = new Error(`Tried to handle "${e2}" but there is no handler defined. Only defined handlers are: ${Object.keys(t2).map((e3) => `"${e3}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(n2, Oe), n2;
 }
-var De = Object.defineProperty, Me = (e2, t2, l2) => (((e3, t3, l3) => {
-  t3 in e3 ? De(e3, t3, { enumerable: true, configurable: true, writable: true, value: l3 }) : e3[t3] = l3;
+var Me = Object.defineProperty, Te = (e2, t2, l2) => (((e3, t3, l3) => {
+  t3 in e3 ? Me(e3, t3, { enumerable: true, configurable: true, writable: true, value: l3 }) : e3[t3] = l3;
 })(e2, "symbol" != typeof t2 ? t2 + "" : t2, l2), l2);
-let Pe = new class {
+let Ee = new class {
   constructor() {
-    Me(this, "current", this.detect()), Me(this, "currentId", 0);
+    Te(this, "current", this.detect()), Te(this, "currentId", 0);
   }
   set(e2) {
     this.current !== e2 && (this.currentId = 0, this.current = e2);
@@ -178,57 +362,44 @@ let Pe = new class {
     return "undefined" == typeof window || "undefined" == typeof document ? "server" : "client";
   }
 }();
-function _e(e2) {
-  if (Pe.isServer)
+function De(e2) {
+  if (Ee.isServer)
     return null;
   if (e2 instanceof Node)
     return e2.ownerDocument;
   if (null != e2 && e2.hasOwnProperty("value")) {
-    let t2 = he(e2);
+    let t2 = Ce(e2);
     if (t2)
       return t2.ownerDocument;
   }
   return document;
 }
-function Te({ container: e2, accept: t2, walk: l2, enabled: a2 }) {
-  m(() => {
-    let n2 = e2.value;
-    if (!n2 || void 0 !== a2 && !a2.value)
-      return;
-    let r2 = _e(e2);
-    if (!r2)
-      return;
-    let o2 = Object.assign((e3) => t2(e3), { acceptNode: t2 }), i2 = r2.createTreeWalker(n2, NodeFilter.SHOW_ELEMENT, o2, false);
-    for (; i2.nextNode(); )
-      l2(i2.currentNode);
-  });
+let _e = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
+var Ie = ((e2) => (e2[e2.First = 1] = "First", e2[e2.Previous = 2] = "Previous", e2[e2.Next = 4] = "Next", e2[e2.Last = 8] = "Last", e2[e2.WrapAround = 16] = "WrapAround", e2[e2.NoScroll = 32] = "NoScroll", e2))(Ie || {}), Pe = ((e2) => (e2[e2.Error = 0] = "Error", e2[e2.Overflow = 1] = "Overflow", e2[e2.Success = 2] = "Success", e2[e2.Underflow = 3] = "Underflow", e2))(Pe || {}), je = ((e2) => (e2[e2.Previous = -1] = "Previous", e2[e2.Next = 1] = "Next", e2))(je || {});
+function Re(e2 = document.body) {
+  return null == e2 ? [] : Array.from(e2.querySelectorAll(_e)).sort((e3, t2) => Math.sign((e3.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
-let je = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
-var Ee = ((e2) => (e2[e2.First = 1] = "First", e2[e2.Previous = 2] = "Previous", e2[e2.Next = 4] = "Next", e2[e2.Last = 8] = "Last", e2[e2.WrapAround = 16] = "WrapAround", e2[e2.NoScroll = 32] = "NoScroll", e2))(Ee || {}), Le = ((e2) => (e2[e2.Error = 0] = "Error", e2[e2.Overflow = 1] = "Overflow", e2[e2.Success = 2] = "Success", e2[e2.Underflow = 3] = "Underflow", e2))(Le || {}), Be = ((e2) => (e2[e2.Previous = -1] = "Previous", e2[e2.Next = 1] = "Next", e2))(Be || {});
-function Ie(e2 = document.body) {
-  return null == e2 ? [] : Array.from(e2.querySelectorAll(je)).sort((e3, t2) => Math.sign((e3.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
-}
-var Re = ((e2) => (e2[e2.Strict = 0] = "Strict", e2[e2.Loose = 1] = "Loose", e2))(Re || {});
-function Ae(e2, t2 = 0) {
+var Be = ((e2) => (e2[e2.Strict = 0] = "Strict", e2[e2.Loose = 1] = "Loose", e2))(Be || {});
+function Le(e2, t2 = 0) {
   var l2;
-  return e2 !== (null == (l2 = _e(e2)) ? void 0 : l2.body) && re(t2, { 0: () => e2.matches(je), 1() {
+  return e2 !== (null == (l2 = De(e2)) ? void 0 : l2.body) && Oe(t2, { 0: () => e2.matches(_e), 1() {
     let t3 = e2;
     for (; null !== t3; ) {
-      if (t3.matches(je))
+      if (t3.matches(_e))
         return true;
       t3 = t3.parentElement;
     }
     return false;
   } });
 }
-function Fe(e2) {
-  let t2 = _e(e2);
-  v(() => {
-    t2 && !Ae(t2.activeElement, 0) && $e(e2);
+function Ae(e2) {
+  let t2 = De(e2);
+  m(() => {
+    t2 && !Le(t2.activeElement, 0) && Ne(e2);
   });
 }
-var Ne = ((e2) => (e2[e2.Keyboard = 0] = "Keyboard", e2[e2.Mouse = 1] = "Mouse", e2))(Ne || {});
-function $e(e2) {
+var Fe = ((e2) => (e2[e2.Keyboard = 0] = "Keyboard", e2[e2.Mouse = 1] = "Mouse", e2))(Fe || {});
+function Ne(e2) {
   null == e2 || e2.focus({ preventScroll: true });
 }
 "undefined" != typeof window && "undefined" != typeof document && (document.addEventListener("keydown", (e2) => {
@@ -236,20 +407,20 @@ function $e(e2) {
 }, true), document.addEventListener("click", (e2) => {
   1 === e2.detail ? delete document.documentElement.dataset.headlessuiFocusVisible : 0 === e2.detail && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, true));
-let He = ["textarea", "input"].join(",");
-function Ye(e2, t2 = (e3) => e3) {
+let ze = ["textarea", "input"].join(",");
+function $e(e2, t2 = (e3) => e3) {
   return e2.slice().sort((e3, l2) => {
-    let a2 = t2(e3), n2 = t2(l2);
-    if (null === a2 || null === n2)
+    let n2 = t2(e3), a2 = t2(l2);
+    if (null === n2 || null === a2)
       return 0;
-    let r2 = a2.compareDocumentPosition(n2);
-    return r2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+    let o2 = n2.compareDocumentPosition(a2);
+    return o2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : o2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function Ve(e2, t2, { sorted: l2 = true, relativeTo: a2 = null, skipElements: n2 = [] } = {}) {
-  var r2;
-  let o2 = null != (r2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : null == e2 ? void 0 : e2.ownerDocument) ? r2 : document, i2 = Array.isArray(e2) ? l2 ? Ye(e2) : e2 : Ie(e2);
-  n2.length > 0 && i2.length > 1 && (i2 = i2.filter((e3) => !n2.includes(e3))), a2 = null != a2 ? a2 : o2.activeElement;
+function He(e2, t2, { sorted: l2 = true, relativeTo: n2 = null, skipElements: a2 = [] } = {}) {
+  var o2;
+  let r2 = null != (o2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : null == e2 ? void 0 : e2.ownerDocument) ? o2 : document, i2 = Array.isArray(e2) ? l2 ? $e(e2) : e2 : Re(e2);
+  a2.length > 0 && i2.length > 1 && (i2 = i2.filter((e3) => !a2.includes(e3))), n2 = null != n2 ? n2 : r2.activeElement;
   let s2, u2 = (() => {
     if (5 & t2)
       return 1;
@@ -260,9 +431,9 @@ function Ve(e2, t2, { sorted: l2 = true, relativeTo: a2 = null, skipElements: n2
     if (1 & t2)
       return 0;
     if (2 & t2)
-      return Math.max(0, i2.indexOf(a2)) - 1;
+      return Math.max(0, i2.indexOf(n2)) - 1;
     if (4 & t2)
-      return Math.max(0, i2.indexOf(a2)) + 1;
+      return Math.max(0, i2.indexOf(n2)) + 1;
     if (8 & t2)
       return i2.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
@@ -280,103 +451,245 @@ function Ve(e2, t2, { sorted: l2 = true, relativeTo: a2 = null, skipElements: n2
         return 1;
     }
     s2 = i2[e3], null == s2 || s2.focus(c2), p2 += u2;
-  } while (s2 !== o2.activeElement);
+  } while (s2 !== r2.activeElement);
   return 6 & t2 && function(e3) {
     var t3, l3;
-    return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3, He)) && l3;
+    return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3, ze)) && l3;
   }(s2) && s2.select(), 2;
 }
-function ze(e2, t2, l2) {
-  Pe.isServer || m((a2) => {
-    document.addEventListener(e2, t2, l2), a2(() => document.removeEventListener(e2, t2, l2));
+function Ve() {
+  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
+}
+function Ye() {
+  return Ve() || /Android/gi.test(window.navigator.userAgent);
+}
+function Ue(e2, t2, l2) {
+  Ee.isServer || v((n2) => {
+    document.addEventListener(e2, t2, l2), n2(() => document.removeEventListener(e2, t2, l2));
   });
 }
 function qe(e2, t2, l2) {
-  Pe.isServer || m((a2) => {
-    window.addEventListener(e2, t2, l2), a2(() => window.removeEventListener(e2, t2, l2));
+  Ee.isServer || v((n2) => {
+    window.addEventListener(e2, t2, l2), n2(() => window.removeEventListener(e2, t2, l2));
   });
 }
-function Ue(e2, t2, l2 = y(() => true)) {
-  function a2(a3, n3) {
-    if (!l2.value || a3.defaultPrevented)
+function We(e2, t2, l2 = u(() => true)) {
+  function n2(n3, a3) {
+    if (!l2.value || n3.defaultPrevented)
       return;
-    let r2 = n3(a3);
-    if (null === r2 || !r2.getRootNode().contains(r2))
+    let o2 = a3(n3);
+    if (null === o2 || !o2.getRootNode().contains(o2))
       return;
-    let o2 = function e3(t3) {
+    let r2 = function e3(t3) {
       return "function" == typeof t3 ? e3(t3()) : Array.isArray(t3) || t3 instanceof Set ? t3 : [t3];
     }(e2);
-    for (let e3 of o2) {
+    for (let e3 of r2) {
       if (null === e3)
         continue;
-      let t3 = e3 instanceof HTMLElement ? e3 : he(e3);
-      if (null != t3 && t3.contains(r2) || a3.composed && a3.composedPath().includes(t3))
+      let t3 = e3 instanceof HTMLElement ? e3 : Ce(e3);
+      if (null != t3 && t3.contains(o2) || n3.composed && n3.composedPath().includes(t3))
         return;
     }
-    return !Ae(r2, Re.Loose) && -1 !== r2.tabIndex && a3.preventDefault(), t2(a3, r2);
-  }
-  let n2 = s(null);
-  ze("pointerdown", (e3) => {
-    var t3, a3;
-    l2.value && (n2.value = (null == (a3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : a3[0]) || e3.target);
-  }, true), ze("mousedown", (e3) => {
-    var t3, a3;
-    l2.value && (n2.value = (null == (a3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : a3[0]) || e3.target);
-  }, true), ze("click", (e3) => {
-    n2.value && (a2(e3, () => n2.value), n2.value = null);
-  }, true), ze("touchend", (e3) => a2(e3, () => e3.target instanceof HTMLElement ? e3.target : null), true), qe("blur", (e3) => a2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
-}
-var We = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(We || {});
-let Ke = b({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup: (e2, { slots: t2, attrs: l2 }) => () => {
-  let { features: a2, ...n2 } = e2;
-  return se({ ourProps: { "aria-hidden": 2 == (2 & a2) || 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", ...4 == (4 & a2) && 2 != (2 & a2) && { display: "none" } } }, theirProps: n2, slot: {}, attrs: l2, slots: t2, name: "Hidden" });
-} });
-function Je(e2 = {}, t2 = null, l2 = []) {
-  for (let [a2, n2] of Object.entries(e2))
-    Ze(l2, Ge(t2, a2), n2);
-  return l2;
-}
-function Ge(e2, t2) {
-  return e2 ? e2 + "[" + t2 + "]" : t2;
-}
-function Ze(e2, t2, l2) {
-  if (Array.isArray(l2))
-    for (let [a2, n2] of l2.entries())
-      Ze(e2, Ge(t2, a2.toString()), n2);
-  else
-    l2 instanceof Date ? e2.push([t2, l2.toISOString()]) : "boolean" == typeof l2 ? e2.push([t2, l2 ? "1" : "0"]) : "string" == typeof l2 ? e2.push([t2, l2]) : "number" == typeof l2 ? e2.push([t2, `${l2}`]) : null == l2 ? e2.push([t2, ""]) : Je(l2, t2, e2);
+    return !Le(o2, Be.Loose) && -1 !== o2.tabIndex && n3.preventDefault(), t2(n3, o2);
+  }
+  let a2 = s(null);
+  Ue("pointerdown", (e3) => {
+    var t3, n3;
+    l2.value && (a2.value = (null == (n3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : n3[0]) || e3.target);
+  }, true), Ue("mousedown", (e3) => {
+    var t3, n3;
+    l2.value && (a2.value = (null == (n3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : n3[0]) || e3.target);
+  }, true), Ue("click", (e3) => {
+    Ye() || a2.value && (n2(e3, () => a2.value), a2.value = null);
+  }, true), Ue("touchend", (e3) => n2(e3, () => e3.target instanceof HTMLElement ? e3.target : null), true), qe("blur", (e3) => n2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
+}
+function Ke(e2, t2) {
+  if (e2)
+    return e2;
+  let l2 = null != t2 ? t2 : "button";
+  return "string" == typeof l2 && "button" === l2.toLowerCase() ? "button" : void 0;
 }
-function Xe(e2, t2, l2) {
-  let a2 = s(null == l2 ? void 0 : l2.value), n2 = y(() => void 0 !== e2.value);
-  return [y(() => n2.value ? e2.value : a2.value), function(e3) {
-    return n2.value || (a2.value = e3), null == t2 ? void 0 : t2(e3);
-  }];
+function Je(e2, t2) {
+  let l2 = s(Ke(e2.value.type, e2.value.as));
+  return b(() => {
+    l2.value = Ke(e2.value.type, e2.value.as);
+  }), v(() => {
+    var e3;
+    l2.value || Ce(t2) && Ce(t2) instanceof HTMLButtonElement && (null == (e3 = Ce(t2)) || !e3.hasAttribute("type")) && (l2.value = "button");
+  }), l2;
 }
-function Qe(e2) {
+function Ge(e2) {
   return [e2.screenX, e2.screenY];
 }
-function et() {
+function Ze() {
   let e2 = s([-1, -1]);
   return { wasMoved(t2) {
-    let l2 = Qe(t2);
+    let l2 = Ge(t2);
     return (e2.value[0] !== l2[0] || e2.value[1] !== l2[1]) && (e2.value = l2, true);
   }, update(t2) {
-    e2.value = Qe(t2);
+    e2.value = Ge(t2);
   } };
 }
-function tt() {
-  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
+function Xe({ container: e2, accept: t2, walk: l2, enabled: n2 }) {
+  v(() => {
+    let a2 = e2.value;
+    if (!a2 || void 0 !== n2 && !n2.value)
+      return;
+    let o2 = De(e2);
+    if (!o2)
+      return;
+    let r2 = Object.assign((e3) => t2(e3), { acceptNode: t2 }), i2 = o2.createTreeWalker(a2, NodeFilter.SHOW_ELEMENT, r2, false);
+    for (; i2.nextNode(); )
+      l2(i2.currentNode);
+  });
 }
-function lt() {
-  return tt() || /Android/gi.test(window.navigator.userAgent);
+var Qe = ((e2) => (e2[e2.None = 0] = "None", e2[e2.RenderStrategy = 1] = "RenderStrategy", e2[e2.Static = 2] = "Static", e2))(Qe || {}), et = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(et || {});
+function tt({ visible: e2 = true, features: t2 = 0, ourProps: l2, theirProps: n2, ...a2 }) {
+  var o2;
+  let r2 = at(n2, l2), i2 = Object.assign(a2, { props: r2 });
+  if (e2 || 2 & t2 && r2.static)
+    return lt(i2);
+  if (1 & t2) {
+    return Oe(null == (o2 = r2.unmount) || o2 ? 0 : 1, { 0: () => null, 1: () => lt({ ...a2, props: { ...r2, hidden: true, style: { display: "none" } } }) });
+  }
+  return lt(i2);
 }
-function at(e2) {
+function lt({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
+  var o2, r2;
+  let { as: i2, ...s2 } = rt(e2, ["unmount", "static"]), u2 = null == (o2 = l2.default) ? void 0 : o2.call(l2, n2), d2 = {};
+  if (n2) {
+    let e3 = false, t3 = [];
+    for (let [l3, a3] of Object.entries(n2))
+      "boolean" == typeof a3 && (e3 = true), true === a3 && t3.push(l3);
+    e3 && (d2["data-headlessui-state"] = t3.join(" "));
+  }
+  if ("template" === i2) {
+    if (u2 = nt(null != u2 ? u2 : []), Object.keys(s2).length > 0 || Object.keys(t2).length > 0) {
+      let [e3, ...l3] = null != u2 ? u2 : [];
+      if (!function(e4) {
+        return null != e4 && ("string" == typeof e4.type || "object" == typeof e4.type || "function" == typeof e4.type);
+      }(e3) || l3.length > 0)
+        throw new Error(['Passing props on "template"!', "", `The current component <${a2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s2).concat(Object.keys(t2)).map((e4) => e4.trim()).filter((e4, t3, l4) => l4.indexOf(e4) === t3).sort((e4, t3) => e4.localeCompare(t3)).map((e4) => `  - ${e4}`).join("\n"), "", "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((e4) => `  - ${e4}`).join("\n")].join("\n"));
+      let n3 = at(null != (r2 = e3.props) ? r2 : {}, s2, d2), o3 = h(e3, n3, true);
+      for (let e4 in n3)
+        e4.startsWith("on") && (o3.props || (o3.props = {}), o3.props[e4] = n3[e4]);
+      return o3;
+    }
+    return Array.isArray(u2) && 1 === u2.length ? u2[0] : u2;
+  }
+  return y(i2, Object.assign({}, s2, d2), { default: () => u2 });
+}
+function nt(e2) {
+  return e2.flatMap((e3) => e3.type === x ? nt(e3.children) : [e3]);
+}
+function at(...e2) {
+  if (0 === e2.length)
+    return {};
+  if (1 === e2.length)
+    return e2[0];
+  let t2 = {}, l2 = {};
+  for (let n2 of e2)
+    for (let e3 in n2)
+      e3.startsWith("on") && "function" == typeof n2[e3] ? (null != l2[e3] || (l2[e3] = []), l2[e3].push(n2[e3])) : t2[e3] = n2[e3];
+  if (t2.disabled || t2["aria-disabled"])
+    return Object.assign(t2, Object.fromEntries(Object.keys(l2).map((e3) => [e3, void 0])));
+  for (let e3 in l2)
+    Object.assign(t2, { [e3](t3, ...n2) {
+      let a2 = l2[e3];
+      for (let e4 of a2) {
+        if (t3 instanceof Event && t3.defaultPrevented)
+          return;
+        e4(t3, ...n2);
+      }
+    } });
+  return t2;
+}
+function ot(e2) {
+  let t2 = Object.assign({}, e2);
+  for (let e3 in t2)
+    void 0 === t2[e3] && delete t2[e3];
+  return t2;
+}
+function rt(e2, t2 = []) {
+  let l2 = Object.assign({}, e2);
+  for (let e3 of t2)
+    e3 in l2 && delete l2[e3];
+  return l2;
+}
+var it = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(it || {});
+let st = w({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup: (e2, { slots: t2, attrs: l2 }) => () => {
+  var n2;
+  let { features: a2, ...o2 } = e2;
+  return tt({ ourProps: { "aria-hidden": 2 == (2 & a2) || (null != (n2 = o2["aria-hidden"]) ? n2 : 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", ...4 == (4 & a2) && 2 != (2 & a2) && { display: "none" } } }, theirProps: o2, slot: {}, attrs: l2, slots: t2, name: "Hidden" });
+} }), ut = Symbol("Context");
+var dt = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(dt || {});
+function ct() {
+  return k(ut, null);
+}
+function pt(e2) {
+  S(ut, e2);
+}
+var gt = ((e2) => (e2.Space = " ", e2.Enter = "Enter", e2.Escape = "Escape", e2.Backspace = "Backspace", e2.Delete = "Delete", e2.ArrowLeft = "ArrowLeft", e2.ArrowUp = "ArrowUp", e2.ArrowRight = "ArrowRight", e2.ArrowDown = "ArrowDown", e2.Home = "Home", e2.End = "End", e2.PageUp = "PageUp", e2.PageDown = "PageDown", e2.Tab = "Tab", e2))(gt || {});
+let ft = [];
+!function(e2) {
+  function t2() {
+    "loading" !== document.readyState && (e2(), document.removeEventListener("DOMContentLoaded", t2));
+  }
+  "undefined" != typeof window && "undefined" != typeof document && (document.addEventListener("DOMContentLoaded", t2), t2());
+}(() => {
+  function e2(e3) {
+    e3.target instanceof HTMLElement && e3.target !== document.body && ft[0] !== e3.target && (ft.unshift(e3.target), ft = ft.filter((e4) => null != e4 && e4.isConnected), ft.splice(10));
+  }
+  window.addEventListener("click", e2, { capture: true }), window.addEventListener("mousedown", e2, { capture: true }), window.addEventListener("focus", e2, { capture: true }), document.body.addEventListener("click", e2, { capture: true }), document.body.addEventListener("mousedown", e2, { capture: true }), document.body.addEventListener("focus", e2, { capture: true });
+});
+var mt = ((e2) => (e2[e2.First = 0] = "First", e2[e2.Previous = 1] = "Previous", e2[e2.Next = 2] = "Next", e2[e2.Last = 3] = "Last", e2[e2.Specific = 4] = "Specific", e2[e2.Nothing = 5] = "Nothing", e2))(mt || {});
+function vt(e2, t2) {
+  let l2 = t2.resolveItems();
+  if (l2.length <= 0)
+    return null;
+  let n2 = t2.resolveActiveIndex(), a2 = null != n2 ? n2 : -1;
+  switch (e2.focus) {
+    case 0:
+      for (let e3 = 0; e3 < l2.length; ++e3)
+        if (!t2.resolveDisabled(l2[e3], e3, l2))
+          return e3;
+      return n2;
+    case 1:
+      -1 === a2 && (a2 = l2.length);
+      for (let e3 = a2 - 1; e3 >= 0; --e3)
+        if (!t2.resolveDisabled(l2[e3], e3, l2))
+          return e3;
+      return n2;
+    case 2:
+      for (let e3 = a2 + 1; e3 < l2.length; ++e3)
+        if (!t2.resolveDisabled(l2[e3], e3, l2))
+          return e3;
+      return n2;
+    case 3:
+      for (let e3 = l2.length - 1; e3 >= 0; --e3)
+        if (!t2.resolveDisabled(l2[e3], e3, l2))
+          return e3;
+      return n2;
+    case 4:
+      for (let n3 = 0; n3 < l2.length; ++n3)
+        if (t2.resolveId(l2[n3], n3, l2) === e2.id)
+          return n3;
+      return n2;
+    case 5:
+      return null;
+    default:
+      !function(e3) {
+        throw new Error("Unexpected object: " + e3);
+      }(e2);
+  }
+}
+function bt(e2) {
   "function" == typeof queueMicrotask ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((e3) => setTimeout(() => {
     throw e3;
   }));
 }
-function nt() {
-  let e2 = [], t2 = { addEventListener: (e3, l2, a2, n2) => (e3.addEventListener(l2, a2, n2), t2.add(() => e3.removeEventListener(l2, a2, n2))), requestAnimationFrame(...e3) {
+function ht() {
+  let e2 = [], t2 = { addEventListener: (e3, l2, n2, a2) => (e3.addEventListener(l2, n2, a2), t2.add(() => e3.removeEventListener(l2, n2, a2))), requestAnimationFrame(...e3) {
     let l2 = requestAnimationFrame(...e3);
     t2.add(() => cancelAnimationFrame(l2));
   }, nextFrame(...e3) {
@@ -388,18 +701,18 @@ function nt() {
     t2.add(() => clearTimeout(l2));
   }, microTask(...e3) {
     let l2 = { current: true };
-    return at(() => {
+    return bt(() => {
       l2.current && e3[0]();
     }), t2.add(() => {
       l2.current = false;
     });
   }, style(e3, t3, l2) {
-    let a2 = e3.style.getPropertyValue(t3);
+    let n2 = e3.style.getPropertyValue(t3);
     return Object.assign(e3.style, { [t3]: l2 }), this.add(() => {
-      Object.assign(e3.style, { [t3]: a2 });
+      Object.assign(e3.style, { [t3]: n2 });
     });
   }, group(e3) {
-    let t3 = nt();
+    let t3 = ht();
     return e3(t3), this.add(() => t3.dispose());
   }, add: (t3) => (e2.push(t3), () => {
     let l2 = e2.indexOf(t3);
@@ -412,587 +725,541 @@ function nt() {
   } };
   return t2;
 }
-function rt(e2, t2) {
-  return e2 === t2;
+function yt(e2 = {}, t2 = null, l2 = []) {
+  for (let [n2, a2] of Object.entries(e2))
+    wt(l2, xt(t2, n2), a2);
+  return l2;
+}
+function xt(e2, t2) {
+  return e2 ? e2 + "[" + t2 + "]" : t2;
+}
+function wt(e2, t2, l2) {
+  if (Array.isArray(l2))
+    for (let [n2, a2] of l2.entries())
+      wt(e2, xt(t2, n2.toString()), a2);
+  else
+    l2 instanceof Date ? e2.push([t2, l2.toISOString()]) : "boolean" == typeof l2 ? e2.push([t2, l2 ? "1" : "0"]) : "string" == typeof l2 ? e2.push([t2, l2]) : "number" == typeof l2 ? e2.push([t2, `${l2}`]) : null == l2 ? e2.push([t2, ""]) : yt(l2, t2, e2);
 }
-var ot = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(ot || {}), it = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(it || {}), st = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(st || {});
-let ut = Symbol("ComboboxContext");
-function dt(e2) {
-  let t2 = p(ut, null);
+var kt = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(kt || {}), St = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(St || {}), Ct = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Focus = 1] = "Focus", e2[e2.Other = 2] = "Other", e2))(Ct || {});
+let Ot = Symbol("ComboboxContext");
+function Mt(e2) {
+  let t2 = k(Ot, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t3, dt), t3;
+    throw Error.captureStackTrace && Error.captureStackTrace(t3, Mt), t3;
   }
   return t2;
 }
-let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: false }, by: { type: [String, Function], default: () => rt }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: true }, name: { type: String, optional: true }, nullable: { type: Boolean, default: false }, multiple: { type: [Boolean], default: false } }, inheritAttrs: false, setup(e2, { slots: t2, attrs: l2, emit: a2 }) {
-  let n2 = s(1), r2 = s(null), o2 = s(null), i2 = s(null), u2 = s(null), p2 = s({ static: false, hold: false }), m2 = s([]), v2 = s(null), b2 = s(1), w2 = s(false);
-  function k2(e3 = (e4) => e4) {
-    let t3 = null !== v2.value ? m2.value[v2.value] : null, l3 = Ye(e3(m2.value.slice()), (e4) => he(e4.dataRef.domRef)), a3 = t3 ? l3.indexOf(t3) : null;
-    return -1 === a3 && (a3 = null), { options: l3, activeOptionIndex: a3 };
+let Tt = Symbol("VirtualContext"), Et = w({ name: "VirtualProvider", setup(e2, { slots: t2 }) {
+  let l2 = Mt("VirtualProvider"), n2 = u(() => {
+    let e3 = Ce(l2.optionsRef);
+    if (!e3)
+      return { start: 0, end: 0 };
+    let t3 = window.getComputedStyle(e3);
+    return { start: parseFloat(t3.paddingBlockStart || t3.paddingTop), end: parseFloat(t3.paddingBlockEnd || t3.paddingBottom) };
+  }), a2 = xe(u(() => ({ scrollPaddingStart: n2.value.start, scrollPaddingEnd: n2.value.end, count: l2.virtual.value.options.length, estimateSize: () => 40, getScrollElement: () => Ce(l2.optionsRef), overscan: 12 }))), o2 = u(() => {
+    var e3;
+    return null == (e3 = l2.virtual.value) ? void 0 : e3.options;
+  }), r2 = s(0);
+  return p([o2], () => {
+    r2.value += 1;
+  }), S(Tt, l2.virtual.value ? a2 : null), () => [y("div", { style: { position: "relative", width: "100%", height: `${a2.value.getTotalSize()}px` }, ref: (e3) => {
+    if (e3) {
+      if ("undefined" != typeof process && void 0 !== process.env.JEST_WORKER_ID || 0 === l2.activationTrigger.value)
+        return;
+      null !== l2.activeOptionIndex.value && l2.virtual.value.options.length > l2.activeOptionIndex.value && a2.value.scrollToIndex(l2.activeOptionIndex.value);
+    }
+  } }, a2.value.getVirtualItems().map((e3) => h(t2.default({ option: l2.virtual.value.options[e3.index], open: 0 === l2.comboboxState.value })[0], { key: `${r2.value}-${e3.index}`, "data-index": e3.index, "aria-setsize": l2.virtual.value.options.length, "aria-posinset": e3.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${e3.start}px)`, overflowAnchor: "none" } })))];
+} }), Dt = w({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: false }, by: { type: [String, Function], nullable: true, default: null }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: true }, name: { type: String, optional: true }, nullable: { type: Boolean, default: false }, multiple: { type: [Boolean], default: false }, immediate: { type: [Boolean], default: false }, virtual: { type: Object, default: null } }, inheritAttrs: false, setup(e2, { slots: t2, attrs: l2, emit: n2 }) {
+  let a2 = s(1), o2 = s(null), r2 = s(null), i2 = s(null), d2 = s(null), c2 = s({ static: false, hold: false }), g2 = s([]), f2 = s(null), m2 = s(2), v2 = s(false);
+  function h2(e3 = (e4) => e4) {
+    let t3 = null !== f2.value ? g2.value[f2.value] : null, l3 = e3(g2.value.slice()), n3 = l3.length > 0 && null !== l3[0].dataRef.order.value ? l3.sort((e4, t4) => e4.dataRef.order.value - t4.dataRef.order.value) : $e(l3, (e4) => Ce(e4.dataRef.domRef)), a3 = t3 ? n3.indexOf(t3) : null;
+    return -1 === a3 && (a3 = null), { options: n3, activeOptionIndex: a3 };
+  }
+  let w2 = u(() => e2.multiple ? 1 : 0), k2 = u(() => e2.nullable), [O2, T2] = we(u(() => e2.modelValue), (e3) => n2("update:modelValue", e3), u(() => e2.defaultValue)), E2 = u(() => void 0 === O2.value ? Oe(w2.value, { 1: [], 0: void 0 }) : O2.value), D2 = null, _2 = null;
+  function I2(e3) {
+    return Oe(w2.value, { 0: () => null == T2 ? void 0 : T2(e3), 1: () => {
+      let t3 = M(j2.value.value).slice(), l3 = M(e3), n3 = t3.findIndex((e4) => j2.compare(l3, M(e4)));
+      return -1 === n3 ? t3.push(l3) : t3.splice(n3, 1), null == T2 ? void 0 : T2(t3);
+    } });
   }
-  let S2 = y(() => e2.multiple ? 1 : 0), C2 = y(() => e2.nullable), [O2, D2] = Xe(y(() => e2.modelValue), (e3) => a2("update:modelValue", e3), y(() => e2.defaultValue)), M2 = y(() => void 0 === O2.value ? re(S2.value, { 1: [], 0: void 0 }) : O2.value), P2 = null, _2 = null, T2 = { comboboxState: n2, value: M2, mode: S2, compare(t3, l3) {
+  let P2 = u(() => {
+  });
+  p([P2], ([e3], [t3]) => {
+    if (j2.virtual.value && e3 && t3 && null !== f2.value) {
+      let l3 = e3.indexOf(t3[f2.value]);
+      f2.value = -1 !== l3 ? l3 : null;
+    }
+  });
+  let j2 = { comboboxState: a2, value: E2, mode: w2, compare(t3, l3) {
     if ("string" == typeof e2.by) {
-      let a3 = e2.by;
-      return (null == t3 ? void 0 : t3[a3]) === (null == l3 ? void 0 : l3[a3]);
+      let n3 = e2.by;
+      return (null == t3 ? void 0 : t3[n3]) === (null == l3 ? void 0 : l3[n3]);
     }
-    return e2.by(t3, l3);
-  }, defaultValue: y(() => e2.defaultValue), nullable: C2, inputRef: o2, labelRef: r2, buttonRef: i2, optionsRef: u2, disabled: y(() => e2.disabled), options: m2, change(e3) {
-    D2(e3);
-  }, activeOptionIndex: y(() => {
-    if (w2.value && null === v2.value && m2.value.length > 0) {
-      let e3 = m2.value.findIndex((e4) => !e4.dataRef.disabled);
-      -1 !== e3 && (v2.value = e3);
+    return null === e2.by ? function(e3, t4) {
+      return e3 === t4;
+    }(t3, l3) : e2.by(t3, l3);
+  }, calculateIndex: (t3) => j2.virtual.value ? null === e2.by ? j2.virtual.value.options.indexOf(t3) : j2.virtual.value.options.findIndex((e3) => j2.compare(e3, t3)) : g2.value.findIndex((e3) => j2.compare(e3.dataRef.value, t3)), defaultValue: u(() => e2.defaultValue), nullable: k2, immediate: u(() => false), virtual: u(() => null), inputRef: r2, labelRef: o2, buttonRef: i2, optionsRef: d2, disabled: u(() => e2.disabled), options: g2, change(e3) {
+    T2(e3);
+  }, activeOptionIndex: u(() => {
+    if (v2.value && null === f2.value && (j2.virtual.value ? j2.virtual.value.options.length > 0 : g2.value.length > 0)) {
+      if (j2.virtual.value) {
+        let e4 = j2.virtual.value.options.findIndex((e5) => {
+          var t3;
+          return !(null != (t3 = j2.virtual.value) && t3.disabled(e5));
+        });
+        if (-1 !== e4)
+          return e4;
+      }
+      let e3 = g2.value.findIndex((e4) => !e4.dataRef.disabled);
+      if (-1 !== e3)
+        return e3;
     }
-    return v2.value;
-  }), activationTrigger: b2, optionsPropsRef: p2, closeCombobox() {
-    w2.value = false, !e2.disabled && 1 !== n2.value && (n2.value = 1, v2.value = null);
+    return f2.value;
+  }), activationTrigger: m2, optionsPropsRef: c2, closeCombobox() {
+    v2.value = false, !e2.disabled && 1 !== a2.value && (a2.value = 1, f2.value = null);
   }, openCombobox() {
-    if (w2.value = true, e2.disabled || 0 === n2.value)
-      return;
-    let t3 = m2.value.findIndex((e3) => {
-      let t4 = h(e3.dataRef.value);
-      return re(S2.value, { 0: () => T2.compare(h(T2.value.value), h(t4)), 1: () => h(T2.value.value).some((e4) => T2.compare(h(e4), h(t4))) });
-    });
-    -1 !== t3 && (v2.value = t3), n2.value = 0;
-  }, goToOption(t3, l3, a3) {
-    w2.value = false, null !== P2 && cancelAnimationFrame(P2), P2 = requestAnimationFrame(() => {
-      if (e2.disabled || u2.value && !p2.value.static && 1 === n2.value)
+    if (v2.value = true, !e2.disabled && 0 !== a2.value) {
+      if (j2.value.value) {
+        let e3 = j2.calculateIndex(j2.value.value);
+        -1 !== e3 && (f2.value = e3);
+      }
+      a2.value = 0;
+    }
+  }, setActivationTrigger(e3) {
+    m2.value = e3;
+  }, goToOption(t3, l3, n3) {
+    v2.value = false, null !== D2 && cancelAnimationFrame(D2), D2 = requestAnimationFrame(() => {
+      if (e2.disabled || d2.value && !c2.value.static && 1 === a2.value)
         return;
-      let r3 = k2();
-      if (null === r3.activeOptionIndex) {
-        let e3 = r3.options.findIndex((e4) => !e4.dataRef.disabled);
-        -1 !== e3 && (r3.activeOptionIndex = e3);
+      if (j2.virtual.value)
+        return f2.value = t3 === mt.Specific ? l3 : vt({ focus: t3 }, { resolveItems: () => j2.virtual.value.options, resolveActiveIndex: () => {
+          var e3, t4;
+          return null != (t4 = null != (e3 = j2.activeOptionIndex.value) ? e3 : j2.virtual.value.options.findIndex((e4) => {
+            var t5;
+            return !(null != (t5 = j2.virtual.value) && t5.disabled(e4));
+          })) ? t4 : null;
+        }, resolveDisabled: (e3) => j2.virtual.value.disabled(e3), resolveId() {
+          throw new Error("Function not implemented.");
+        } }), void (m2.value = null != n3 ? n3 : 2);
+      let o3 = h2();
+      if (null === o3.activeOptionIndex) {
+        let e3 = o3.options.findIndex((e4) => !e4.dataRef.disabled);
+        -1 !== e3 && (o3.activeOptionIndex = e3);
       }
-      let o3 = be(t3 === ye.Specific ? { focus: ye.Specific, id: l3 } : { focus: t3 }, { resolveItems: () => r3.options, resolveActiveIndex: () => r3.activeOptionIndex, resolveId: (e3) => e3.id, resolveDisabled: (e3) => e3.dataRef.disabled });
-      v2.value = o3, b2.value = null != a3 ? a3 : 1, m2.value = r3.options;
+      let r3 = t3 === mt.Specific ? l3 : vt({ focus: t3 }, { resolveItems: () => o3.options, resolveActiveIndex: () => o3.activeOptionIndex, resolveId: (e3) => e3.id, resolveDisabled: (e3) => e3.dataRef.disabled });
+      f2.value = r3, m2.value = null != n3 ? n3 : 2, g2.value = o3.options;
     });
   }, selectOption(e3) {
-    let t3 = m2.value.find((t4) => t4.id === e3);
+    let t3 = g2.value.find((t4) => t4.id === e3);
     if (!t3)
       return;
     let { dataRef: l3 } = t3;
-    D2(re(S2.value, { 0: () => l3.value, 1: () => {
-      let e4 = h(T2.value.value).slice(), t4 = h(l3.value), a3 = e4.findIndex((e5) => T2.compare(t4, h(e5)));
-      return -1 === a3 ? e4.push(t4) : e4.splice(a3, 1), e4;
-    } }));
+    I2(l3.value);
   }, selectActiveOption() {
-    if (null === T2.activeOptionIndex.value)
-      return;
-    let { dataRef: e3, id: t3 } = m2.value[T2.activeOptionIndex.value];
-    D2(re(S2.value, { 0: () => e3.value, 1: () => {
-      let t4 = h(T2.value.value).slice(), l3 = h(e3.value), a3 = t4.findIndex((e4) => T2.compare(l3, h(e4)));
-      return -1 === a3 ? t4.push(l3) : t4.splice(a3, 1), t4;
-    } })), T2.goToOption(ye.Specific, t3);
+    if (null !== j2.activeOptionIndex.value) {
+      if (j2.virtual.value)
+        I2(j2.virtual.value.options[j2.activeOptionIndex.value]);
+      else {
+        let { dataRef: e3 } = g2.value[j2.activeOptionIndex.value];
+        I2(e3.value);
+      }
+      j2.goToOption(mt.Specific, j2.activeOptionIndex.value);
+    }
   }, registerOption(e3, t3) {
+    let l3 = C({ id: e3, dataRef: t3 });
+    if (j2.virtual.value)
+      return void g2.value.push(l3);
     _2 && cancelAnimationFrame(_2);
-    let l3 = { id: e3, dataRef: t3 }, a3 = k2((e4) => (e4.push(l3), e4));
-    if (null === v2.value) {
-      let e4 = t3.value.value;
-      re(S2.value, { 0: () => T2.compare(h(T2.value.value), h(e4)), 1: () => h(T2.value.value).some((t4) => T2.compare(h(t4), h(e4))) }) && (a3.activeOptionIndex = a3.options.indexOf(l3));
-    }
-    m2.value = a3.options, v2.value = a3.activeOptionIndex, b2.value = 1, a3.options.some((e4) => !he(e4.dataRef.domRef)) && (_2 = requestAnimationFrame(() => {
-      let e4 = k2();
-      m2.value = e4.options, v2.value = e4.activeOptionIndex;
+    let n3 = h2((e4) => (e4.push(l3), e4));
+    null === f2.value && j2.isSelected(t3.value.value) && (n3.activeOptionIndex = n3.options.indexOf(l3)), g2.value = n3.options, f2.value = n3.activeOptionIndex, m2.value = 2, n3.options.some((e4) => !Ce(e4.dataRef.domRef)) && (_2 = requestAnimationFrame(() => {
+      let e4 = h2();
+      g2.value = e4.options, f2.value = e4.activeOptionIndex;
     }));
-  }, unregisterOption(e3) {
-    var t3;
-    null !== T2.activeOptionIndex.value && (null == (t3 = T2.options.value[T2.activeOptionIndex.value]) ? void 0 : t3.id) === e3 && (w2.value = true);
-    let l3 = k2((t4) => {
+  }, unregisterOption(e3, t3) {
+    if (null !== D2 && cancelAnimationFrame(D2), t3 && (v2.value = true), j2.virtual.value)
+      return void (g2.value = g2.value.filter((t4) => t4.id !== e3));
+    let l3 = h2((t4) => {
       let l4 = t4.findIndex((t5) => t5.id === e3);
       return -1 !== l4 && t4.splice(l4, 1), t4;
     });
-    m2.value = l3.options, v2.value = l3.activeOptionIndex, b2.value = 1;
-  } };
-  Ue([o2, i2, u2], () => T2.closeCombobox(), y(() => 0 === n2.value)), g(ut, T2), Se(y(() => re(n2.value, { 0: we.Open, 1: we.Closed })));
-  let j2 = y(() => null === T2.activeOptionIndex.value ? null : m2.value[T2.activeOptionIndex.value].dataRef.value), E2 = y(() => {
+    g2.value = l3.options, f2.value = l3.activeOptionIndex, m2.value = 2;
+  }, isSelected: (e3) => Oe(w2.value, { 0: () => j2.compare(M(j2.value.value), M(e3)), 1: () => M(j2.value.value).some((t3) => j2.compare(M(t3), M(e3))) }), isActive: (e3) => f2.value === j2.calculateIndex(e3) };
+  We([r2, i2, d2], () => j2.closeCombobox(), u(() => 0 === a2.value)), S(Ot, j2), pt(u(() => Oe(a2.value, { 0: dt.Open, 1: dt.Closed })));
+  let R2 = u(() => {
     var e3;
-    return null == (e3 = he(o2)) ? void 0 : e3.closest("form");
+    return null == (e3 = Ce(r2)) ? void 0 : e3.closest("form");
   });
-  return f(() => {
-    x([E2], () => {
-      if (E2.value && void 0 !== e2.defaultValue)
-        return E2.value.addEventListener("reset", t3), () => {
+  return b(() => {
+    p([R2], () => {
+      if (R2.value && void 0 !== e2.defaultValue)
+        return R2.value.addEventListener("reset", t3), () => {
           var e3;
-          null == (e3 = E2.value) || e3.removeEventListener("reset", t3);
+          null == (e3 = R2.value) || e3.removeEventListener("reset", t3);
         };
       function t3() {
-        T2.change(e2.defaultValue);
+        j2.change(e2.defaultValue);
       }
     }, { immediate: true });
   }), () => {
-    let { name: a3, disabled: r3, form: o3, ...i3 } = e2, s2 = { open: 0 === n2.value, disabled: r3, activeIndex: T2.activeOptionIndex.value, activeOption: j2.value, value: M2.value };
-    return d(c, [...null != a3 && null != M2.value ? Je({ [a3]: M2.value }).map(([e3, t3]) => d(Ke, pe({ features: We.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: o3, name: e3, value: t3 }))) : [], se({ theirProps: { ...l2, ...ge(i3, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: s2, slots: t2, attrs: l2, name: "Combobox" })]);
+    var n3, o3, r3;
+    let { name: i3, disabled: s2, form: u2, ...d3 } = e2, c3 = { open: 0 === a2.value, disabled: s2, activeIndex: j2.activeOptionIndex.value, activeOption: null === j2.activeOptionIndex.value ? null : j2.virtual.value ? j2.virtual.value.options[null != (n3 = j2.activeOptionIndex.value) ? n3 : 0] : null != (r3 = null == (o3 = j2.options.value[j2.activeOptionIndex.value]) ? void 0 : o3.dataRef.value.value) ? r3 : null, value: E2.value };
+    return y(x, [...null != i3 && null != E2.value ? yt({ [i3]: E2.value }).map(([e3, t3]) => y(st, ot({ features: it.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: u2, name: e3, value: t3 }))) : [], tt({ theirProps: { ...l2, ...rt(d3, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: c3, slots: t2, attrs: l2, name: "Combobox" })]);
   };
-} }), pt = b({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${me()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
-  let a2 = dt("ComboboxLabel");
-  function n2() {
+} }), _t = w({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${Se()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
+  let n2 = Mt("ComboboxLabel");
+  function a2() {
     var e3;
-    null == (e3 = he(a2.inputRef)) || e3.focus({ preventScroll: true });
+    null == (e3 = Ce(n2.inputRef)) || e3.focus({ preventScroll: true });
   }
   return () => {
-    let r2 = { open: 0 === a2.comboboxState.value, disabled: a2.disabled.value }, { id: o2, ...i2 } = e2;
-    return se({ ourProps: { id: o2, ref: a2.labelRef, onClick: n2 }, theirProps: i2, slot: r2, attrs: t2, slots: l2, name: "ComboboxLabel" });
+    let o2 = { open: 0 === n2.comboboxState.value, disabled: n2.disabled.value }, { id: r2, ...i2 } = e2;
+    return tt({ ourProps: { id: r2, ref: n2.labelRef, onClick: a2 }, theirProps: i2, slot: o2, attrs: t2, slots: l2, name: "ComboboxLabel" });
   };
-} }), gt = b({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = dt("ComboboxButton");
-  function r2(e3) {
-    n2.disabled.value || (0 === n2.comboboxState.value ? n2.closeCombobox() : (e3.preventDefault(), n2.openCombobox()), v(() => {
+} }), It = w({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${Se()}` } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = Mt("ComboboxButton");
+  function o2(e3) {
+    a2.disabled.value || (0 === a2.comboboxState.value ? a2.closeCombobox() : (e3.preventDefault(), a2.openCombobox()), m(() => {
       var e4;
-      return null == (e4 = he(n2.inputRef)) ? void 0 : e4.focus({ preventScroll: true });
+      return null == (e4 = Ce(a2.inputRef)) ? void 0 : e4.focus({ preventScroll: true });
     }));
   }
-  function o2(e3) {
+  function r2(e3) {
     switch (e3.key) {
-      case ve.ArrowDown:
-        return e3.preventDefault(), e3.stopPropagation(), 1 === n2.comboboxState.value && n2.openCombobox(), void v(() => {
+      case gt.ArrowDown:
+        return e3.preventDefault(), e3.stopPropagation(), 1 === a2.comboboxState.value && a2.openCombobox(), void m(() => {
           var e4;
-          return null == (e4 = n2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
+          return null == (e4 = a2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
         });
-      case ve.ArrowUp:
-        return e3.preventDefault(), e3.stopPropagation(), 1 === n2.comboboxState.value && (n2.openCombobox(), v(() => {
-          n2.value.value || n2.goToOption(ye.Last);
-        })), void v(() => {
+      case gt.ArrowUp:
+        return e3.preventDefault(), e3.stopPropagation(), 1 === a2.comboboxState.value && (a2.openCombobox(), m(() => {
+          a2.value.value || a2.goToOption(mt.Last);
+        })), void m(() => {
           var e4;
-          return null == (e4 = n2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
+          return null == (e4 = a2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
         });
-      case ve.Escape:
-        if (0 !== n2.comboboxState.value)
+      case gt.Escape:
+        if (0 !== a2.comboboxState.value)
           return;
-        return e3.preventDefault(), n2.optionsRef.value && !n2.optionsPropsRef.value.static && e3.stopPropagation(), n2.closeCombobox(), void v(() => {
+        return e3.preventDefault(), a2.optionsRef.value && !a2.optionsPropsRef.value.static && e3.stopPropagation(), a2.closeCombobox(), void m(() => {
           var e4;
-          return null == (e4 = n2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
+          return null == (e4 = a2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
         });
     }
   }
-  a2({ el: n2.buttonRef, $el: n2.buttonRef });
-  let i2 = Oe(y(() => ({ as: e2.as, type: t2.type })), n2.buttonRef);
+  n2({ el: a2.buttonRef, $el: a2.buttonRef });
+  let i2 = Je(u(() => ({ as: e2.as, type: t2.type })), a2.buttonRef);
   return () => {
-    var a3, s2;
-    let u2 = { open: 0 === n2.comboboxState.value, disabled: n2.disabled.value, value: n2.value.value }, { id: d2, ...c2 } = e2;
-    return se({ ourProps: { ref: n2.buttonRef, id: d2, type: i2.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": null == (a3 = he(n2.optionsRef)) ? void 0 : a3.id, "aria-expanded": 0 === n2.comboboxState.value, "aria-labelledby": n2.labelRef.value ? [null == (s2 = he(n2.labelRef)) ? void 0 : s2.id, d2].join(" ") : void 0, disabled: true === n2.disabled.value || void 0, onKeydown: o2, onClick: r2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "ComboboxButton" });
+    var n3, s2;
+    let u2 = { open: 0 === a2.comboboxState.value, disabled: a2.disabled.value, value: a2.value.value }, { id: d2, ...c2 } = e2;
+    return tt({ ourProps: { ref: a2.buttonRef, id: d2, type: i2.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": null == (n3 = Ce(a2.optionsRef)) ? void 0 : n3.id, "aria-expanded": 0 === a2.comboboxState.value, "aria-labelledby": a2.labelRef.value ? [null == (s2 = Ce(a2.labelRef)) ? void 0 : s2.id, d2].join(" ") : void 0, disabled: true === a2.disabled.value || void 0, onKeydown: r2, onClick: o2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "ComboboxButton" });
   };
-} }), ft = b({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: () => `headlessui-combobox-input-${me()}` } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: n2 }) {
-  let r2 = dt("ComboboxInput"), o2 = y(() => _e(he(r2.inputRef))), i2 = { value: false };
-  function u2() {
-    r2.change(null);
-    let e3 = he(r2.optionsRef);
-    e3 && (e3.scrollTop = 0), r2.goToOption(ye.Nothing);
-  }
-  n2({ el: r2.inputRef, $el: r2.inputRef });
-  let d2 = y(() => {
+} }), Pt = w({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: () => `headlessui-combobox-input-${Se()}` } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
+  let o2 = Mt("ComboboxInput"), r2 = u(() => De(Ce(o2.inputRef))), i2 = { value: false };
+  function d2() {
+    o2.change(null);
+    let e3 = Ce(o2.optionsRef);
+    e3 && (e3.scrollTop = 0), o2.goToOption(mt.Nothing);
+  }
+  a2({ el: o2.inputRef, $el: o2.inputRef });
+  let c2 = u(() => {
     var t3;
-    let l3 = r2.value.value;
-    return he(r2.inputRef) ? void 0 !== e2.displayValue && void 0 !== l3 ? null != (t3 = e2.displayValue(l3)) ? t3 : "" : "string" == typeof l3 ? l3 : "" : "";
+    let l3 = o2.value.value;
+    return Ce(o2.inputRef) ? void 0 !== e2.displayValue && void 0 !== l3 ? null != (t3 = e2.displayValue(l3)) ? t3 : "" : "string" == typeof l3 ? l3 : "" : "";
   });
-  f(() => {
-    x([d2, r2.comboboxState, o2], ([e3, t3], [l3, a3]) => {
+  b(() => {
+    p([c2, o2.comboboxState, r2], ([e3, t3], [l3, n3]) => {
       if (i2.value)
         return;
-      let n3 = he(r2.inputRef);
-      n3 && ((0 === a3 && 1 === t3 || e3 !== l3) && (n3.value = e3), requestAnimationFrame(() => {
+      let a3 = Ce(o2.inputRef);
+      a3 && ((0 === n3 && 1 === t3 || e3 !== l3) && (a3.value = e3), requestAnimationFrame(() => {
         var e4;
-        if (i2.value || !n3 || (null == (e4 = o2.value) ? void 0 : e4.activeElement) !== n3)
+        if (i2.value || !a3 || (null == (e4 = r2.value) ? void 0 : e4.activeElement) !== a3)
           return;
-        let { selectionStart: t4, selectionEnd: l4 } = n3;
-        0 === Math.abs((null != l4 ? l4 : 0) - (null != t4 ? t4 : 0)) && 0 === t4 && n3.setSelectionRange(n3.value.length, n3.value.length);
+        let { selectionStart: t4, selectionEnd: l4 } = a3;
+        0 === Math.abs((null != l4 ? l4 : 0) - (null != t4 ? t4 : 0)) && 0 === t4 && a3.setSelectionRange(a3.value.length, a3.value.length);
       }));
-    }, { immediate: true }), x([r2.comboboxState], ([e3], [t3]) => {
+    }, { immediate: true }), p([o2.comboboxState], ([e3], [t3]) => {
       if (0 === e3 && 1 === t3) {
         if (i2.value)
           return;
-        let e4 = he(r2.inputRef);
+        let e4 = Ce(o2.inputRef);
         if (!e4)
           return;
-        let t4 = e4.value, { selectionStart: l3, selectionEnd: a3, selectionDirection: n3 } = e4;
-        e4.value = "", e4.value = t4, null !== n3 ? e4.setSelectionRange(l3, a3, n3) : e4.setSelectionRange(l3, a3);
+        let t4 = e4.value, { selectionStart: l3, selectionEnd: n3, selectionDirection: a3 } = e4;
+        e4.value = "", e4.value = t4, null !== a3 ? e4.setSelectionRange(l3, n3, a3) : e4.setSelectionRange(l3, n3);
       }
     });
   });
-  let c2 = s(false);
-  function p2() {
-    c2.value = true;
+  let g2 = s(false);
+  function f2() {
+    g2.value = true;
   }
-  function g2() {
-    nt().nextFrame(() => {
-      c2.value = false;
+  function v2() {
+    ht().nextFrame(() => {
+      g2.value = false;
     });
   }
-  function m2(e3) {
+  function h2(e3) {
     switch (i2.value = true, e3.key) {
-      case ve.Enter:
-        if (i2.value = false, 0 !== r2.comboboxState.value || c2.value)
+      case gt.Enter:
+        if (i2.value = false, 0 !== o2.comboboxState.value || g2.value)
           return;
-        if (e3.preventDefault(), e3.stopPropagation(), null === r2.activeOptionIndex.value)
-          return void r2.closeCombobox();
-        r2.selectActiveOption(), 0 === r2.mode.value && r2.closeCombobox();
+        if (e3.preventDefault(), e3.stopPropagation(), null === o2.activeOptionIndex.value)
+          return void o2.closeCombobox();
+        o2.selectActiveOption(), 0 === o2.mode.value && o2.closeCombobox();
         break;
-      case ve.ArrowDown:
-        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), re(r2.comboboxState.value, { 0: () => r2.goToOption(ye.Next), 1: () => r2.openCombobox() });
-      case ve.ArrowUp:
-        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), re(r2.comboboxState.value, { 0: () => r2.goToOption(ye.Previous), 1: () => {
-          r2.openCombobox(), v(() => {
-            r2.value.value || r2.goToOption(ye.Last);
+      case gt.ArrowDown:
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), Oe(o2.comboboxState.value, { 0: () => o2.goToOption(mt.Next), 1: () => o2.openCombobox() });
+      case gt.ArrowUp:
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), Oe(o2.comboboxState.value, { 0: () => o2.goToOption(mt.Previous), 1: () => {
+          o2.openCombobox(), m(() => {
+            o2.value.value || o2.goToOption(mt.Last);
           });
         } });
-      case ve.Home:
+      case gt.Home:
         if (e3.shiftKey)
           break;
-        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.First);
-      case ve.PageUp:
-        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.First);
-      case ve.End:
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(mt.First);
+      case gt.PageUp:
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(mt.First);
+      case gt.End:
         if (e3.shiftKey)
           break;
-        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.Last);
-      case ve.PageDown:
-        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.Last);
-      case ve.Escape:
-        if (i2.value = false, 0 !== r2.comboboxState.value)
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(mt.Last);
+      case gt.PageDown:
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), o2.goToOption(mt.Last);
+      case gt.Escape:
+        if (i2.value = false, 0 !== o2.comboboxState.value)
           return;
-        e3.preventDefault(), r2.optionsRef.value && !r2.optionsPropsRef.value.static && e3.stopPropagation(), r2.nullable.value && 0 === r2.mode.value && null === r2.value.value && u2(), r2.closeCombobox();
+        e3.preventDefault(), o2.optionsRef.value && !o2.optionsPropsRef.value.static && e3.stopPropagation(), o2.nullable.value && 0 === o2.mode.value && null === o2.value.value && d2(), o2.closeCombobox();
         break;
-      case ve.Tab:
-        if (i2.value = false, 0 !== r2.comboboxState.value)
+      case gt.Tab:
+        if (i2.value = false, 0 !== o2.comboboxState.value)
           return;
-        0 === r2.mode.value && r2.selectActiveOption(), r2.closeCombobox();
+        0 === o2.mode.value && 1 !== o2.activationTrigger.value && o2.selectActiveOption(), o2.closeCombobox();
     }
   }
-  function b2(e3) {
-    t2("change", e3), r2.nullable.value && 0 === r2.mode.value && "" === e3.target.value && u2(), r2.openCombobox();
+  function y2(e3) {
+    t2("change", e3), o2.nullable.value && 0 === o2.mode.value && "" === e3.target.value && d2(), o2.openCombobox();
   }
-  function h2() {
-    i2.value = false;
+  function x2(e3) {
+    var t3, l3, n3;
+    let a3 = null != (t3 = e3.relatedTarget) ? t3 : ft.find((t4) => t4 !== e3.currentTarget);
+    if (i2.value = false, !(null != (l3 = Ce(o2.optionsRef)) && l3.contains(a3) || null != (n3 = Ce(o2.buttonRef)) && n3.contains(a3) || 0 !== o2.comboboxState.value))
+      return e3.preventDefault(), 0 === o2.mode.value && (o2.nullable.value && null === o2.value.value ? d2() : 1 !== o2.activationTrigger.value && o2.selectActiveOption()), o2.closeCombobox();
+  }
+  function w2(e3) {
+    var t3, l3, n3;
+    let a3 = null != (t3 = e3.relatedTarget) ? t3 : ft.find((t4) => t4 !== e3.currentTarget);
+    null != (l3 = Ce(o2.buttonRef)) && l3.contains(a3) || null != (n3 = Ce(o2.optionsRef)) && n3.contains(a3) || o2.disabled.value || o2.immediate.value && 0 !== o2.comboboxState.value && (o2.openCombobox(), ht().nextFrame(() => {
+      o2.setActivationTrigger(1);
+    }));
   }
-  let w2 = y(() => {
-    var t3, l3, a3, n3;
-    return null != (n3 = null != (a3 = null != (l3 = e2.defaultValue) ? l3 : void 0 !== r2.defaultValue.value ? null == (t3 = e2.displayValue) ? void 0 : t3.call(e2, r2.defaultValue.value) : null) ? a3 : r2.defaultValue.value) ? n3 : "";
+  let k2 = u(() => {
+    var t3, l3, n3, a3;
+    return null != (a3 = null != (n3 = null != (l3 = e2.defaultValue) ? l3 : void 0 !== o2.defaultValue.value ? null == (t3 = e2.displayValue) ? void 0 : t3.call(e2, o2.defaultValue.value) : null) ? n3 : o2.defaultValue.value) ? a3 : "";
   });
   return () => {
-    var t3, n3, o3, i3, s2, u3;
-    let d3 = { open: 0 === r2.comboboxState.value }, { id: c3, displayValue: f2, onChange: v2, ...y2 } = e2;
-    return se({ ourProps: { "aria-controls": null == (t3 = r2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": 0 === r2.comboboxState.value, "aria-activedescendant": null === r2.activeOptionIndex.value || null == (n3 = r2.options.value[r2.activeOptionIndex.value]) ? void 0 : n3.id, "aria-labelledby": null != (s2 = null == (o3 = he(r2.labelRef)) ? void 0 : o3.id) ? s2 : null == (i3 = he(r2.buttonRef)) ? void 0 : i3.id, "aria-autocomplete": "list", id: c3, onCompositionstart: p2, onCompositionend: g2, onKeydown: m2, onInput: b2, onBlur: h2, role: "combobox", type: null != (u3 = l2.type) ? u3 : "text", tabIndex: 0, ref: r2.inputRef, defaultValue: w2.value, disabled: true === r2.disabled.value || void 0 }, theirProps: y2, slot: d3, attrs: l2, slots: a2, features: oe.RenderStrategy | oe.Static, name: "ComboboxInput" });
+    var t3, a3, r3, i3, s2, u2, d3;
+    let c3 = { open: 0 === o2.comboboxState.value }, { id: p2, displayValue: g3, onChange: m2, ...b2 } = e2, S2 = { "aria-controls": null == (t3 = o2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": 0 === o2.comboboxState.value, "aria-activedescendant": null === o2.activeOptionIndex.value ? void 0 : o2.virtual.value ? null == (a3 = o2.options.value.find((e3) => !o2.virtual.value.disabled(e3.dataRef.value) && o2.compare(e3.dataRef.value, o2.virtual.value.options[o2.activeOptionIndex.value]))) ? void 0 : a3.id : null == (r3 = o2.options.value[o2.activeOptionIndex.value]) ? void 0 : r3.id, "aria-labelledby": null != (u2 = null == (i3 = Ce(o2.labelRef)) ? void 0 : i3.id) ? u2 : null == (s2 = Ce(o2.buttonRef)) ? void 0 : s2.id, "aria-autocomplete": "list", id: p2, onCompositionstart: f2, onCompositionend: v2, onKeydown: h2, onInput: y2, onFocus: w2, onBlur: x2, role: "combobox", type: null != (d3 = l2.type) ? d3 : "text", tabIndex: 0, ref: o2.inputRef, defaultValue: k2.value, disabled: true === o2.disabled.value || void 0 };
+    return tt({ ourProps: S2, theirProps: b2, slot: c3, attrs: l2, slots: n2, features: Qe.RenderStrategy | Qe.Static, name: "ComboboxInput" });
   };
-} }), mt = b({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, hold: { type: [Boolean], default: false } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = dt("ComboboxOptions"), r2 = `headlessui-combobox-options-${me()}`;
-  a2({ el: n2.optionsRef, $el: n2.optionsRef }), m(() => {
-    n2.optionsPropsRef.value.static = e2.static;
-  }), m(() => {
-    n2.optionsPropsRef.value.hold = e2.hold;
+} }), jt = w({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, hold: { type: [Boolean], default: false } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = Mt("ComboboxOptions"), o2 = `headlessui-combobox-options-${Se()}`;
+  n2({ el: a2.optionsRef, $el: a2.optionsRef }), v(() => {
+    a2.optionsPropsRef.value.static = e2.static;
+  }), v(() => {
+    a2.optionsPropsRef.value.hold = e2.hold;
   });
-  let o2 = ke(), i2 = y(() => null !== o2 ? (o2.value & we.Open) === we.Open : 0 === n2.comboboxState.value);
-  return Te({ container: y(() => he(n2.optionsRef)), enabled: y(() => 0 === n2.comboboxState.value), accept: (e3) => "option" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
+  let r2 = ct(), i2 = u(() => null !== r2 ? (r2.value & dt.Open) === dt.Open : 0 === a2.comboboxState.value);
+  return Xe({ container: u(() => Ce(a2.optionsRef)), enabled: u(() => 0 === a2.comboboxState.value), accept: (e3) => "option" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
     e3.setAttribute("role", "none");
   } }), () => {
-    var a3, o3, s2;
-    let u2 = { open: 0 === n2.comboboxState.value };
-    return se({ ourProps: { "aria-labelledby": null != (s2 = null == (a3 = he(n2.labelRef)) ? void 0 : a3.id) ? s2 : null == (o3 = he(n2.buttonRef)) ? void 0 : o3.id, id: r2, ref: n2.optionsRef, role: "listbox", "aria-multiselectable": 1 === n2.mode.value || void 0 }, theirProps: ge(e2, ["hold"]), slot: u2, attrs: t2, slots: l2, features: oe.RenderStrategy | oe.Static, visible: i2.value, name: "ComboboxOptions" });
+    var n3, r3, s2;
+    let u2 = { open: 0 === a2.comboboxState.value };
+    return tt({ ourProps: { "aria-labelledby": null != (s2 = null == (n3 = Ce(a2.labelRef)) ? void 0 : n3.id) ? s2 : null == (r3 = Ce(a2.buttonRef)) ? void 0 : r3.id, id: o2, ref: a2.optionsRef, role: "listbox", "aria-multiselectable": 1 === a2.mode.value || void 0 }, theirProps: rt(e2, ["hold"]), slot: u2, attrs: t2, slots: a2.virtual.value && 0 === a2.comboboxState.value ? { ...l2, default: () => [y(Et, {}, l2.default)] } : l2, features: Qe.RenderStrategy | Qe.Static, visible: i2.value, name: "ComboboxOptions" });
   };
-} }), vt = b({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: false } }, setup(e2, { slots: t2, attrs: l2, expose: a2 }) {
-  let n2 = dt("ComboboxOption"), r2 = `headlessui-combobox-option-${me()}`, o2 = s(null);
-  a2({ el: o2, $el: o2 });
-  let i2 = y(() => null !== n2.activeOptionIndex.value && n2.options.value[n2.activeOptionIndex.value].id === r2), u2 = y(() => re(n2.mode.value, { 0: () => n2.compare(h(n2.value.value), h(e2.value)), 1: () => h(n2.value.value).some((t3) => n2.compare(h(t3), h(e2.value))) })), d2 = y(() => ({ disabled: e2.disabled, value: e2.value, domRef: o2 }));
-  function c2(t3) {
-    if (e2.disabled)
+} }), Rt = w({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: false }, order: { type: [Number], default: null } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
+  let a2 = Mt("ComboboxOption"), o2 = `headlessui-combobox-option-${Se()}`, r2 = s(null);
+  n2({ el: r2, $el: r2 });
+  let i2 = u(() => {
+    var t3;
+    return a2.virtual.value ? a2.activeOptionIndex.value === a2.calculateIndex(e2.value) : null !== a2.activeOptionIndex.value && (null == (t3 = a2.options.value[a2.activeOptionIndex.value]) ? void 0 : t3.id) === o2;
+  }), d2 = u(() => a2.isSelected(e2.value)), c2 = k(Tt, null), p2 = u(() => ({ disabled: e2.disabled, value: e2.value, domRef: r2, order: u(() => e2.order) }));
+  function g2(t3) {
+    var l3;
+    if (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value))
       return t3.preventDefault();
-    n2.selectOption(r2), 0 === n2.mode.value && n2.closeCombobox(), lt() || requestAnimationFrame(() => {
+    a2.selectOption(o2), Ye() || requestAnimationFrame(() => {
       var e3;
-      return null == (e3 = he(n2.inputRef)) ? void 0 : e3.focus();
-    });
+      return null == (e3 = Ce(a2.inputRef)) ? void 0 : e3.focus({ preventScroll: true });
+    }), 0 === a2.mode.value && requestAnimationFrame(() => a2.closeCombobox());
   }
-  function p2() {
-    if (e2.disabled)
-      return n2.goToOption(ye.Nothing);
-    n2.goToOption(ye.Specific, r2);
-  }
-  f(() => n2.registerOption(r2, d2)), w(() => n2.unregisterOption(r2)), m(() => {
-    0 === n2.comboboxState.value && i2.value && 0 !== n2.activationTrigger.value && v(() => {
+  function f2() {
+    var t3;
+    if (e2.disabled || null != (t3 = a2.virtual.value) && t3.disabled(e2.value))
+      return a2.goToOption(mt.Nothing);
+    let l3 = a2.calculateIndex(e2.value);
+    a2.goToOption(mt.Specific, l3);
+  }
+  b(() => a2.registerOption(o2, p2)), O(() => a2.unregisterOption(o2, i2.value)), v(() => {
+    let e3 = Ce(r2);
+    e3 && (null == c2 || c2.value.measureElement(e3));
+  }), v(() => {
+    0 === a2.comboboxState.value && i2.value && (a2.virtual.value || 0 !== a2.activationTrigger.value && m(() => {
       var e3, t3;
-      return null == (t3 = null == (e3 = he(o2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
-    });
+      return null == (t3 = null == (e3 = Ce(r2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
+    }));
   });
-  let g2 = et();
-  function b2(e3) {
-    g2.update(e3);
+  let h2 = Ze();
+  function y2(e3) {
+    h2.update(e3);
   }
   function x2(t3) {
-    g2.wasMoved(t3) && (e2.disabled || i2.value || n2.goToOption(ye.Specific, r2, 0));
+    var l3;
+    if (!h2.wasMoved(t3) || e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || i2.value)
+      return;
+    let n3 = a2.calculateIndex(e2.value);
+    a2.goToOption(mt.Specific, n3, 0);
   }
-  function k2(t3) {
-    g2.wasMoved(t3) && (e2.disabled || i2.value && (n2.optionsPropsRef.value.hold || n2.goToOption(ye.Nothing)));
+  function w2(t3) {
+    var l3;
+    h2.wasMoved(t3) && (e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || i2.value && (a2.optionsPropsRef.value.hold || a2.goToOption(mt.Nothing)));
   }
   return () => {
-    let { disabled: a3 } = e2, n3 = { active: i2.value, selected: u2.value, disabled: a3 };
-    return se({ ourProps: { id: r2, ref: o2, role: "option", tabIndex: true === a3 ? void 0 : -1, "aria-disabled": true === a3 || void 0, "aria-selected": u2.value, disabled: void 0, onClick: c2, onFocus: p2, onPointerenter: b2, onMouseenter: b2, onPointermove: x2, onMousemove: x2, onPointerleave: k2, onMouseleave: k2 }, theirProps: e2, slot: n3, attrs: l2, slots: t2, name: "ComboboxOption" });
+    let { disabled: n3 } = e2, a3 = { active: i2.value, selected: d2.value, disabled: n3 };
+    return tt({ ourProps: { id: o2, ref: r2, role: "option", tabIndex: true === n3 ? void 0 : -1, "aria-disabled": true === n3 || void 0, "aria-selected": d2.value, disabled: void 0, onClick: g2, onFocus: f2, onPointerenter: y2, onMouseenter: y2, onPointermove: x2, onMousemove: x2, onPointerleave: w2, onMouseleave: w2 }, theirProps: rt(e2, ["order", "value"]), slot: a3, attrs: l2, slots: t2, name: "ComboboxOption" });
   };
 } });
-var yt = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(yt || {});
-function bt(e2, t2, l2, a2) {
-  Pe.isServer || m((n2) => {
-    (e2 = null != e2 ? e2 : window).addEventListener(t2, l2, a2), n2(() => e2.removeEventListener(t2, l2, a2));
+function Bt(e2, t2, l2, n2) {
+  Ee.isServer || v((a2) => {
+    (e2 = null != e2 ? e2 : window).addEventListener(t2, l2, n2), a2(() => e2.removeEventListener(t2, l2, n2));
   });
 }
-function ht(e2) {
+var Lt = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(Lt || {});
+function At(e2) {
   if (!e2)
     return /* @__PURE__ */ new Set();
   if ("function" == typeof e2)
     return new Set(e2());
   let t2 = /* @__PURE__ */ new Set();
   for (let l2 of e2.value) {
-    let e3 = he(l2);
+    let e3 = Ce(l2);
     e3 instanceof HTMLElement && t2.add(e3);
   }
   return t2;
 }
-var xt = ((e2) => (e2[e2.None = 1] = "None", e2[e2.InitialFocus = 2] = "InitialFocus", e2[e2.TabLock = 4] = "TabLock", e2[e2.FocusLock = 8] = "FocusLock", e2[e2.RestoreFocus = 16] = "RestoreFocus", e2[e2.All = 30] = "All", e2))(xt || {});
-let wt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: s(/* @__PURE__ */ new Set()) } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = s(null);
-  a2({ el: n2, $el: n2 });
-  let r2 = y(() => _e(n2)), o2 = s(false);
-  f(() => o2.value = true), w(() => o2.value = false), function({ ownerDocument: e3 }, t3) {
+var Ft = ((e2) => (e2[e2.None = 1] = "None", e2[e2.InitialFocus = 2] = "InitialFocus", e2[e2.TabLock = 4] = "TabLock", e2[e2.FocusLock = 8] = "FocusLock", e2[e2.RestoreFocus = 16] = "RestoreFocus", e2[e2.All = 30] = "All", e2))(Ft || {});
+let Nt = Object.assign(w({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: s(/* @__PURE__ */ new Set()) } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = s(null);
+  n2({ el: a2, $el: a2 });
+  let o2 = u(() => De(a2)), r2 = s(false);
+  b(() => r2.value = true), O(() => r2.value = false), function({ ownerDocument: e3 }, t3) {
     let l3 = function(e4) {
-      let t4 = s(kt.slice());
-      return x([e4], ([e5], [l4]) => {
-        true === l4 && false === e5 ? at(() => {
+      let t4 = s(ft.slice());
+      return p([e4], ([e5], [l4]) => {
+        true === l4 && false === e5 ? bt(() => {
           t4.value.splice(0);
-        }) : false === l4 && true === e5 && (t4.value = kt.slice());
+        }) : false === l4 && true === e5 && (t4.value = ft.slice());
       }, { flush: "post" }), () => {
         var e5;
         return null != (e5 = t4.value.find((e6) => null != e6 && e6.isConnected)) ? e5 : null;
       };
     }(t3);
-    f(() => {
-      m(() => {
-        var a3, n3;
-        t3.value || (null == (a3 = e3.value) ? void 0 : a3.activeElement) === (null == (n3 = e3.value) ? void 0 : n3.body) && $e(l3());
+    b(() => {
+      v(() => {
+        var n3, a3;
+        t3.value || (null == (n3 = e3.value) ? void 0 : n3.activeElement) === (null == (a3 = e3.value) ? void 0 : a3.body) && Ne(l3());
       }, { flush: "post" });
-    }), w(() => {
-      t3.value && $e(l3());
+    }), O(() => {
+      t3.value && Ne(l3());
     });
-  }({ ownerDocument: r2 }, y(() => o2.value && Boolean(16 & e2.features)));
-  let i2 = function({ ownerDocument: e3, container: t3, initialFocus: l3 }, a3) {
-    let n3 = s(null), r3 = s(false);
-    return f(() => r3.value = true), w(() => r3.value = false), f(() => {
-      x([t3, l3, a3], (o3, i3) => {
-        if (o3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !a3.value)
+  }({ ownerDocument: o2 }, u(() => r2.value && Boolean(16 & e2.features)));
+  let i2 = function({ ownerDocument: e3, container: t3, initialFocus: l3 }, n3) {
+    let a3 = s(null), o3 = s(false);
+    return b(() => o3.value = true), O(() => o3.value = false), b(() => {
+      p([t3, l3, n3], (r3, i3) => {
+        if (r3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !n3.value)
           return;
-        let s2 = he(t3);
-        s2 && at(() => {
-          var t4, a4;
-          if (!r3.value)
+        let s2 = Ce(t3);
+        s2 && bt(() => {
+          var t4, n4;
+          if (!o3.value)
             return;
-          let o4 = he(l3), i4 = null == (t4 = e3.value) ? void 0 : t4.activeElement;
-          if (o4) {
-            if (o4 === i4)
-              return void (n3.value = i4);
+          let r4 = Ce(l3), i4 = null == (t4 = e3.value) ? void 0 : t4.activeElement;
+          if (r4) {
+            if (r4 === i4)
+              return void (a3.value = i4);
           } else if (s2.contains(i4))
-            return void (n3.value = i4);
-          o4 ? $e(o4) : Ve(s2, Ee.First | Ee.NoScroll) === Le.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), n3.value = null == (a4 = e3.value) ? void 0 : a4.activeElement;
+            return void (a3.value = i4);
+          r4 ? Ne(r4) : He(s2, Ie.First | Ie.NoScroll) === Pe.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), a3.value = null == (n4 = e3.value) ? void 0 : n4.activeElement;
         });
       }, { immediate: true, flush: "post" });
-    }), n3;
-  }({ ownerDocument: r2, container: n2, initialFocus: y(() => e2.initialFocus) }, y(() => o2.value && Boolean(2 & e2.features)));
-  !function({ ownerDocument: e3, container: t3, containers: l3, previousActiveElement: a3 }, n3) {
-    var r3;
-    bt(null == (r3 = e3.value) ? void 0 : r3.defaultView, "focus", (e4) => {
-      if (!n3.value)
+    }), a3;
+  }({ ownerDocument: o2, container: a2, initialFocus: u(() => e2.initialFocus) }, u(() => r2.value && Boolean(2 & e2.features)));
+  !function({ ownerDocument: e3, container: t3, containers: l3, previousActiveElement: n3 }, a3) {
+    var o3;
+    Bt(null == (o3 = e3.value) ? void 0 : o3.defaultView, "focus", (e4) => {
+      if (!a3.value)
         return;
-      let r4 = ht(l3);
-      he(t3) instanceof HTMLElement && r4.add(he(t3));
-      let o3 = a3.value;
-      if (!o3)
+      let o4 = At(l3);
+      Ce(t3) instanceof HTMLElement && o4.add(Ce(t3));
+      let r3 = n3.value;
+      if (!r3)
         return;
       let i3 = e4.target;
-      i3 && i3 instanceof HTMLElement ? St(r4, i3) ? (a3.value = i3, $e(i3)) : (e4.preventDefault(), e4.stopPropagation(), $e(o3)) : $e(a3.value);
+      i3 && i3 instanceof HTMLElement ? zt(o4, i3) ? (n3.value = i3, Ne(i3)) : (e4.preventDefault(), e4.stopPropagation(), Ne(r3)) : Ne(n3.value);
     }, true);
-  }({ ownerDocument: r2, container: n2, containers: e2.containers, previousActiveElement: i2 }, y(() => o2.value && Boolean(8 & e2.features)));
-  let u2 = function() {
+  }({ ownerDocument: o2, container: a2, containers: e2.containers, previousActiveElement: i2 }, u(() => r2.value && Boolean(8 & e2.features)));
+  let d2 = function() {
     let e3 = s(0);
     return qe("keydown", (t3) => {
       "Tab" === t3.key && (e3.value = t3.shiftKey ? 1 : 0);
     }), e3;
   }();
-  function p2(e3) {
-    let t3 = he(n2);
-    t3 && re(u2.value, { [yt.Forwards]: () => {
-      Ve(t3, Ee.First, { skipElements: [e3.relatedTarget] });
-    }, [yt.Backwards]: () => {
-      Ve(t3, Ee.Last, { skipElements: [e3.relatedTarget] });
+  function c2(e3) {
+    let t3 = Ce(a2);
+    t3 && Oe(d2.value, { [Lt.Forwards]: () => {
+      He(t3, Ie.First, { skipElements: [e3.relatedTarget] });
+    }, [Lt.Backwards]: () => {
+      He(t3, Ie.Last, { skipElements: [e3.relatedTarget] });
     } });
   }
   let g2 = s(false);
-  function v2(e3) {
+  function f2(e3) {
     "Tab" === e3.key && (g2.value = true, requestAnimationFrame(() => {
       g2.value = false;
     }));
   }
-  function b2(t3) {
-    if (!o2.value)
+  function m2(t3) {
+    if (!r2.value)
       return;
-    let l3 = ht(e2.containers);
-    he(n2) instanceof HTMLElement && l3.add(he(n2));
-    let a3 = t3.relatedTarget;
-    a3 instanceof HTMLElement && "true" !== a3.dataset.headlessuiFocusGuard && (St(l3, a3) || (g2.value ? Ve(he(n2), re(u2.value, { [yt.Forwards]: () => Ee.Next, [yt.Backwards]: () => Ee.Previous }) | Ee.WrapAround, { relativeTo: t3.target }) : t3.target instanceof HTMLElement && $e(t3.target)));
+    let l3 = At(e2.containers);
+    Ce(a2) instanceof HTMLElement && l3.add(Ce(a2));
+    let n3 = t3.relatedTarget;
+    n3 instanceof HTMLElement && "true" !== n3.dataset.headlessuiFocusGuard && (zt(l3, n3) || (g2.value ? He(Ce(a2), Oe(d2.value, { [Lt.Forwards]: () => Ie.Next, [Lt.Backwards]: () => Ie.Previous }) | Ie.WrapAround, { relativeTo: t3.target }) : t3.target instanceof HTMLElement && Ne(t3.target)));
   }
   return () => {
-    let a3 = { ref: n2, onKeydown: v2, onFocusout: b2 }, { features: r3, initialFocus: o3, containers: i3, ...s2 } = e2;
-    return d(c, [Boolean(4 & r3) && d(Ke, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: p2, features: We.Focusable }), se({ ourProps: a3, theirProps: { ...t2, ...s2 }, slot: {}, attrs: t2, slots: l2, name: "FocusTrap" }), Boolean(4 & r3) && d(Ke, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: p2, features: We.Focusable })]);
+    let n3 = { ref: a2, onKeydown: f2, onFocusout: m2 }, { features: o3, initialFocus: r3, containers: i3, ...s2 } = e2;
+    return y(x, [Boolean(4 & o3) && y(st, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: c2, features: it.Focusable }), tt({ ourProps: n3, theirProps: { ...t2, ...s2 }, slot: {}, attrs: t2, slots: l2, name: "FocusTrap" }), Boolean(4 & o3) && y(st, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: c2, features: it.Focusable })]);
   };
-} }), { features: xt }), kt = [];
-function St(e2, t2) {
+} }), { features: Ft });
+function zt(e2, t2) {
   for (let l2 of e2)
     if (l2.contains(t2))
       return true;
   return false;
 }
-!function(e2) {
-  function t2() {
-    "loading" !== document.readyState && (e2(), document.removeEventListener("DOMContentLoaded", t2));
-  }
-  "undefined" != typeof window && "undefined" != typeof document && (document.addEventListener("DOMContentLoaded", t2), t2());
-}(() => {
-  function e2(e3) {
-    e3.target instanceof HTMLElement && e3.target !== document.body && kt[0] !== e3.target && (kt.unshift(e3.target), kt = kt.filter((e4) => null != e4 && e4.isConnected), kt.splice(10));
-  }
-  window.addEventListener("click", e2, { capture: true }), window.addEventListener("mousedown", e2, { capture: true }), window.addEventListener("focus", e2, { capture: true }), document.body.addEventListener("click", e2, { capture: true }), document.body.addEventListener("mousedown", e2, { capture: true }), document.body.addEventListener("focus", e2, { capture: true });
-});
-let Ct = /* @__PURE__ */ new Map(), Ot = /* @__PURE__ */ new Map();
-function Dt(e2, t2 = s(true)) {
-  m((l2) => {
-    var a2;
-    if (!t2.value)
-      return;
-    let n2 = he(e2);
-    if (!n2)
-      return;
-    l2(function() {
-      var e3;
-      if (!n2)
-        return;
-      let t3 = null != (e3 = Ot.get(n2)) ? e3 : 1;
-      if (1 === t3 ? Ot.delete(n2) : Ot.set(n2, t3 - 1), 1 !== t3)
-        return;
-      let l3 = Ct.get(n2);
-      l3 && (null === l3["aria-hidden"] ? n2.removeAttribute("aria-hidden") : n2.setAttribute("aria-hidden", l3["aria-hidden"]), n2.inert = l3.inert, Ct.delete(n2));
-    });
-    let r2 = null != (a2 = Ot.get(n2)) ? a2 : 0;
-    Ot.set(n2, r2 + 1), 0 === r2 && (Ct.set(n2, { "aria-hidden": n2.getAttribute("aria-hidden"), inert: n2.inert }), n2.setAttribute("aria-hidden", "true"), n2.inert = true);
-  });
-}
-let Mt = Symbol("ForcePortalRootContext");
-function Pt() {
-  return p(Mt, false);
-}
-let _t = b({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: false } }, setup: (e2, { slots: t2, attrs: l2 }) => (g(Mt, e2.force), () => {
-  let { force: a2, ...n2 } = e2;
-  return se({ theirProps: n2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "ForcePortalRoot" });
-}) });
-let Tt = b({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
-  let a2 = s(null), n2 = y(() => _e(a2)), r2 = Pt(), o2 = p(Et, null), i2 = s(true === r2 || null == o2 ? function(e3) {
-    let t3 = _e(e3);
-    if (!t3) {
-      if (null === e3)
-        return null;
-      throw new Error(`[Headless UI]: Cannot find ownerDocument for contextElement: ${e3}`);
-    }
-    let l3 = t3.getElementById("headlessui-portal-root");
-    if (l3)
-      return l3;
-    let a3 = t3.createElement("div");
-    return a3.setAttribute("id", "headlessui-portal-root"), t3.body.appendChild(a3);
-  }(a2.value) : o2.resolveTarget());
-  m(() => {
-    r2 || null != o2 && (i2.value = o2.resolveTarget());
-  });
-  let u2 = p(jt, null);
-  return f(() => {
-    let e3 = he(a2);
-    e3 && u2 && w(u2.register(e3));
-  }), w(() => {
-    var e3, t3;
-    let l3 = null == (e3 = n2.value) ? void 0 : e3.getElementById("headlessui-portal-root");
-    l3 && i2.value === l3 && i2.value.children.length <= 0 && (null == (t3 = i2.value.parentElement) || t3.removeChild(i2.value));
-  }), () => {
-    if (null === i2.value)
-      return null;
-    let n3 = { ref: a2, "data-headlessui-portal": "" };
-    return d(k, { to: i2.value }, se({ ourProps: n3, theirProps: e2, slot: {}, attrs: l2, slots: t2, name: "Portal" }));
-  };
-} }), jt = Symbol("PortalParentContext");
-let Et = Symbol("PortalGroupContext"), Lt = b({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
-  let a2 = S({ resolveTarget: () => e2.target });
-  return g(Et, a2), () => {
-    let { target: a3, ...n2 } = e2;
-    return se({ theirProps: n2, ourProps: {}, slot: {}, attrs: t2, slots: l2, name: "PortalGroup" });
-  };
-} }), Bt = Symbol("StackContext");
-var It = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(It || {});
-function Rt({ type: e2, enabled: t2, element: l2, onUpdate: a2 }) {
-  let n2 = p(Bt, () => {
-  });
-  function r2(...e3) {
-    null == a2 || a2(...e3), n2(...e3);
-  }
-  f(() => {
-    x(t2, (t3, a3) => {
-      t3 ? r2(0, e2, l2) : true === a3 && r2(1, e2, l2);
-    }, { immediate: true, flush: "sync" });
-  }), w(() => {
-    t2.value && r2(1, e2, l2);
-  }), g(Bt, r2);
-}
-let At = Symbol("DescriptionContext");
-function Ft({ slot: e2 = s({}), name: t2 = "Description", props: l2 = {} } = {}) {
-  let a2 = s([]);
-  return g(At, { register: function(e3) {
-    return a2.value.push(e3), () => {
-      let t3 = a2.value.indexOf(e3);
-      -1 !== t3 && a2.value.splice(t3, 1);
-    };
-  }, slot: e2, name: t2, props: l2 }), y(() => a2.value.length > 0 ? a2.value.join(" ") : void 0);
-}
-function Nt() {
+function $t() {
   let e2;
   return { before({ doc: t2 }) {
     var l2;
-    let a2 = t2.documentElement;
-    e2 = (null != (l2 = t2.defaultView) ? l2 : window).innerWidth - a2.clientWidth;
+    let n2 = t2.documentElement;
+    e2 = (null != (l2 = t2.defaultView) ? l2 : window).innerWidth - n2.clientWidth;
   }, after({ doc: t2, d: l2 }) {
-    let a2 = t2.documentElement, n2 = a2.clientWidth - a2.offsetWidth, r2 = e2 - n2;
-    l2.style(a2, "paddingRight", `${r2}px`);
-  } };
-}
-function $t() {
-  if (!tt())
-    return {};
-  let e2;
-  return { before() {
-    e2 = window.pageYOffset;
-  }, after({ doc: t2, d: l2, meta: a2 }) {
-    function n2(e3) {
-      return a2.containers.flatMap((e4) => e4()).some((t3) => t3.contains(e3));
-    }
-    if ("auto" !== window.getComputedStyle(t2.documentElement).scrollBehavior) {
-      let e3 = nt();
-      e3.style(t2.documentElement, "scroll-behavior", "auto"), l2.add(() => l2.microTask(() => e3.dispose()));
-    }
-    l2.style(t2.body, "marginTop", `-${e2}px`), window.scrollTo(0, 0);
-    let r2 = null;
-    l2.addEventListener(t2, "click", (e3) => {
-      if (e3.target instanceof HTMLElement)
-        try {
-          let l3 = e3.target.closest("a");
-          if (!l3)
-            return;
-          let { hash: a3 } = new URL(l3.href), o2 = t2.querySelector(a3);
-          o2 && !n2(o2) && (r2 = o2);
-        } catch {
-        }
-    }, true), l2.addEventListener(t2, "touchmove", (e3) => {
-      e3.target instanceof HTMLElement && !n2(e3.target) && e3.preventDefault();
-    }, { passive: false }), l2.add(() => {
-      window.scrollTo(0, window.pageYOffset + e2), r2 && r2.isConnected && (r2.scrollIntoView({ block: "nearest" }), r2 = null);
-    });
+    let n2 = t2.documentElement, a2 = n2.clientWidth - n2.offsetWidth, o2 = e2 - a2;
+    l2.style(n2, "paddingRight", `${o2}px`);
   } };
 }
 function Ht(e2) {
@@ -1001,309 +1268,453 @@ function Ht(e2) {
     Object.assign(t2, l2(t2));
   return t2;
 }
-b({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${me()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
-  let a2 = function() {
-    let e3 = p(At, null);
-    if (null === e3)
-      throw new Error("Missing parent");
-    return e3;
-  }();
-  return f(() => w(a2.register(e2.id))), () => {
-    let { name: n2 = "Description", slot: r2 = s({}), props: o2 = {} } = a2, { id: i2, ...u2 } = e2, d2 = { ...Object.entries(o2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: C(l3) }), {}), id: i2 };
-    return se({ ourProps: d2, theirProps: u2, slot: r2.value, attrs: t2, slots: l2, name: n2 });
-  };
-} });
-let Yt = function(e2, t2) {
-  let l2 = e2(), a2 = /* @__PURE__ */ new Set();
-  return { getSnapshot: () => l2, subscribe: (e3) => (a2.add(e3), () => a2.delete(e3)), dispatch(e3, ...n2) {
-    let r2 = t2[e3].call(l2, ...n2);
-    r2 && (l2 = r2, a2.forEach((e4) => e4()));
+let Vt = function(e2, t2) {
+  let l2 = e2(), n2 = /* @__PURE__ */ new Set();
+  return { getSnapshot: () => l2, subscribe: (e3) => (n2.add(e3), () => n2.delete(e3)), dispatch(e3, ...a2) {
+    let o2 = t2[e3].call(l2, ...a2);
+    o2 && (l2 = o2, n2.forEach((e4) => e4()));
   } };
 }(() => /* @__PURE__ */ new Map(), { PUSH(e2, t2) {
   var l2;
-  let a2 = null != (l2 = this.get(e2)) ? l2 : { doc: e2, count: 0, d: nt(), meta: /* @__PURE__ */ new Set() };
-  return a2.count++, a2.meta.add(t2), this.set(e2, a2), this;
+  let n2 = null != (l2 = this.get(e2)) ? l2 : { doc: e2, count: 0, d: ht(), meta: /* @__PURE__ */ new Set() };
+  return n2.count++, n2.meta.add(t2), this.set(e2, n2), this;
 }, POP(e2, t2) {
   let l2 = this.get(e2);
   return l2 && (l2.count--, l2.meta.delete(t2)), this;
 }, SCROLL_PREVENT({ doc: e2, d: t2, meta: l2 }) {
-  let a2 = { doc: e2, d: t2, meta: Ht(l2) }, n2 = [$t(), Nt(), { before({ doc: e3, d: t3 }) {
+  let n2 = { doc: e2, d: t2, meta: Ht(l2) }, a2 = [Ve() ? { before({ doc: e3, d: t3, meta: l3 }) {
+    function n3(e4) {
+      return l3.containers.flatMap((e5) => e5()).some((t4) => t4.contains(e4));
+    }
+    t3.microTask(() => {
+      var l4;
+      if ("auto" !== window.getComputedStyle(e3.documentElement).scrollBehavior) {
+        let l5 = ht();
+        l5.style(e3.documentElement, "scrollBehavior", "auto"), t3.add(() => t3.microTask(() => l5.dispose()));
+      }
+      let a3 = null != (l4 = window.scrollY) ? l4 : window.pageYOffset, o2 = null;
+      t3.addEventListener(e3, "click", (t4) => {
+        if (t4.target instanceof HTMLElement)
+          try {
+            let l5 = t4.target.closest("a");
+            if (!l5)
+              return;
+            let { hash: a4 } = new URL(l5.href), r2 = e3.querySelector(a4);
+            r2 && !n3(r2) && (o2 = r2);
+          } catch {
+          }
+      }, true), t3.addEventListener(e3, "touchstart", (e4) => {
+        if (e4.target instanceof HTMLElement)
+          if (n3(e4.target)) {
+            let l5 = e4.target;
+            for (; l5.parentElement && n3(l5.parentElement); )
+              l5 = l5.parentElement;
+            t3.style(l5, "overscrollBehavior", "contain");
+          } else
+            t3.style(e4.target, "touchAction", "none");
+      }), t3.addEventListener(e3, "touchmove", (e4) => {
+        if (e4.target instanceof HTMLElement)
+          if (n3(e4.target)) {
+            let t4 = e4.target;
+            for (; t4.parentElement && "" !== t4.dataset.headlessuiPortal && !(t4.scrollHeight > t4.clientHeight || t4.scrollWidth > t4.clientWidth); )
+              t4 = t4.parentElement;
+            "" === t4.dataset.headlessuiPortal && e4.preventDefault();
+          } else
+            e4.preventDefault();
+      }, { passive: false }), t3.add(() => {
+        var e4;
+        let t4 = null != (e4 = window.scrollY) ? e4 : window.pageYOffset;
+        a3 !== t4 && window.scrollTo(0, a3), o2 && o2.isConnected && (o2.scrollIntoView({ block: "nearest" }), o2 = null);
+      });
+    });
+  } } : {}, $t(), { before({ doc: e3, d: t3 }) {
     t3.style(e3.documentElement, "overflow", "hidden");
   } }];
-  n2.forEach(({ before: e3 }) => null == e3 ? void 0 : e3(a2)), n2.forEach(({ after: e3 }) => null == e3 ? void 0 : e3(a2));
+  a2.forEach(({ before: e3 }) => null == e3 ? void 0 : e3(n2)), a2.forEach(({ after: e3 }) => null == e3 ? void 0 : e3(n2));
 }, SCROLL_ALLOW({ d: e2 }) {
   e2.dispose();
 }, TEARDOWN({ doc: e2 }) {
   this.delete(e2);
 } });
-function Vt(e2, t2, l2) {
-  let a2 = function(e3) {
-    let t3 = O(e3.getSnapshot());
-    return w(e3.subscribe(() => {
+function Yt(e2, t2, l2) {
+  let n2 = function(e3) {
+    let t3 = c(e3.getSnapshot());
+    return O(e3.subscribe(() => {
       t3.value = e3.getSnapshot();
     })), t3;
-  }(Yt), n2 = y(() => {
-    let t3 = e2.value ? a2.value.get(e2.value) : void 0;
+  }(Vt), a2 = u(() => {
+    let t3 = e2.value ? n2.value.get(e2.value) : void 0;
     return !!t3 && t3.count > 0;
   });
-  return x([e2, t2], ([e3, t3], [a3], n3) => {
+  return p([e2, t2], ([e3, t3], [n3], a3) => {
     if (!e3 || !t3)
       return;
-    Yt.dispatch("PUSH", e3, l2);
-    let r2 = false;
-    n3(() => {
-      r2 || (Yt.dispatch("POP", null != a3 ? a3 : e3, l2), r2 = true);
+    Vt.dispatch("PUSH", e3, l2);
+    let o2 = false;
+    a3(() => {
+      o2 || (Vt.dispatch("POP", null != n3 ? n3 : e3, l2), o2 = true);
     });
-  }, { immediate: true }), n2;
+  }, { immediate: true }), a2;
 }
-Yt.subscribe(() => {
-  let e2 = Yt.getSnapshot(), t2 = /* @__PURE__ */ new Map();
+Vt.subscribe(() => {
+  let e2 = Vt.getSnapshot(), t2 = /* @__PURE__ */ new Map();
   for (let [l2] of e2)
     t2.set(l2, l2.documentElement.style.overflow);
   for (let l2 of e2.values()) {
-    let e3 = "hidden" === t2.get(l2.doc), a2 = 0 !== l2.count;
-    (a2 && !e3 || !a2 && e3) && Yt.dispatch(l2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l2), 0 === l2.count && Yt.dispatch("TEARDOWN", l2);
+    let e3 = "hidden" === t2.get(l2.doc), n2 = 0 !== l2.count;
+    (n2 && !e3 || !n2 && e3) && Vt.dispatch(l2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l2), 0 === l2.count && Vt.dispatch("TEARDOWN", l2);
   }
 });
-var zt = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(zt || {});
-let qt = Symbol("DialogContext");
-function Ut(e2) {
-  let t2 = p(qt, null);
+let Ut = /* @__PURE__ */ new Map(), qt = /* @__PURE__ */ new Map();
+function Wt(e2, t2 = s(true)) {
+  v((l2) => {
+    var n2;
+    if (!t2.value)
+      return;
+    let a2 = Ce(e2);
+    if (!a2)
+      return;
+    l2(function() {
+      var e3;
+      if (!a2)
+        return;
+      let t3 = null != (e3 = qt.get(a2)) ? e3 : 1;
+      if (1 === t3 ? qt.delete(a2) : qt.set(a2, t3 - 1), 1 !== t3)
+        return;
+      let l3 = Ut.get(a2);
+      l3 && (null === l3["aria-hidden"] ? a2.removeAttribute("aria-hidden") : a2.setAttribute("aria-hidden", l3["aria-hidden"]), a2.inert = l3.inert, Ut.delete(a2));
+    });
+    let o2 = null != (n2 = qt.get(a2)) ? n2 : 0;
+    qt.set(a2, o2 + 1), 0 === o2 && (Ut.set(a2, { "aria-hidden": a2.getAttribute("aria-hidden"), inert: a2.inert }), a2.setAttribute("aria-hidden", "true"), a2.inert = true);
+  });
+}
+let Kt = Symbol("ForcePortalRootContext");
+function Jt() {
+  return k(Kt, false);
+}
+let Gt = w({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: false } }, setup: (e2, { slots: t2, attrs: l2 }) => (S(Kt, e2.force), () => {
+  let { force: n2, ...a2 } = e2;
+  return tt({ theirProps: a2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "ForcePortalRoot" });
+}) }), Zt = Symbol("StackContext");
+var Xt = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(Xt || {});
+function Qt({ type: e2, enabled: t2, element: l2, onUpdate: n2 }) {
+  let a2 = k(Zt, () => {
+  });
+  function o2(...e3) {
+    null == n2 || n2(...e3), a2(...e3);
+  }
+  b(() => {
+    p(t2, (t3, n3) => {
+      t3 ? o2(0, e2, l2) : true === n3 && o2(1, e2, l2);
+    }, { immediate: true, flush: "sync" });
+  }), O(() => {
+    t2.value && o2(1, e2, l2);
+  }), S(Zt, o2);
+}
+let el = Symbol("DescriptionContext");
+function tl({ slot: e2 = s({}), name: t2 = "Description", props: l2 = {} } = {}) {
+  let n2 = s([]);
+  return S(el, { register: function(e3) {
+    return n2.value.push(e3), () => {
+      let t3 = n2.value.indexOf(e3);
+      -1 !== t3 && n2.value.splice(t3, 1);
+    };
+  }, slot: e2, name: t2, props: l2 }), u(() => n2.value.length > 0 ? n2.value.join(" ") : void 0);
+}
+w({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Se()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
+  let n2 = function() {
+    let e3 = k(el, null);
+    if (null === e3)
+      throw new Error("Missing parent");
+    return e3;
+  }();
+  return b(() => O(n2.register(e2.id))), () => {
+    let { name: a2 = "Description", slot: o2 = s({}), props: r2 = {} } = n2, { id: i2, ...u2 } = e2, c2 = { ...Object.entries(r2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: d(l3) }), {}), id: i2 };
+    return tt({ ourProps: c2, theirProps: u2, slot: o2.value, attrs: t2, slots: l2, name: a2 });
+  };
+} });
+let ll = w({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
+  let n2 = s(null), a2 = u(() => De(n2)), o2 = Jt(), r2 = k(al, null), i2 = s(true === o2 || null == r2 ? function(e3) {
+    let t3 = De(e3);
+    if (!t3) {
+      if (null === e3)
+        return null;
+      throw new Error(`[Headless UI]: Cannot find ownerDocument for contextElement: ${e3}`);
+    }
+    let l3 = t3.getElementById("headlessui-portal-root");
+    if (l3)
+      return l3;
+    let n3 = t3.createElement("div");
+    return n3.setAttribute("id", "headlessui-portal-root"), t3.body.appendChild(n3);
+  }(n2.value) : r2.resolveTarget()), d2 = s(false);
+  b(() => {
+    d2.value = true;
+  }), v(() => {
+    o2 || null != r2 && (i2.value = r2.resolveTarget());
+  });
+  let c2 = k(nl, null), g2 = false, f2 = T();
+  return p(n2, () => {
+    if (g2 || !c2)
+      return;
+    let e3 = Ce(n2);
+    e3 && (O(c2.register(e3), f2), g2 = true);
+  }), O(() => {
+    var e3, t3;
+    let l3 = null == (e3 = a2.value) ? void 0 : e3.getElementById("headlessui-portal-root");
+    l3 && i2.value === l3 && i2.value.children.length <= 0 && (null == (t3 = i2.value.parentElement) || t3.removeChild(i2.value));
+  }), () => {
+    if (!d2.value || null === i2.value)
+      return null;
+    let a3 = { ref: n2, "data-headlessui-portal": "" };
+    return y(E, { to: i2.value }, tt({ ourProps: a3, theirProps: e2, slot: {}, attrs: l2, slots: t2, name: "Portal" }));
+  };
+} }), nl = Symbol("PortalParentContext");
+let al = Symbol("PortalGroupContext"), ol = w({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
+  let n2 = C({ resolveTarget: () => e2.target });
+  return S(al, n2), () => {
+    let { target: n3, ...a2 } = e2;
+    return tt({ theirProps: a2, ourProps: {}, slot: {}, attrs: t2, slots: l2, name: "PortalGroup" });
+  };
+} });
+var rl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(rl || {});
+let il = Symbol("DialogContext");
+function sl(e2) {
+  let t2 = k(il, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t3, Ut), t3;
+    throw Error.captureStackTrace && Error.captureStackTrace(t3, sl), t3;
   }
   return t2;
 }
-let Wt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Kt = b({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: Wt }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${me()}` } }, emits: { close: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: n2 }) {
-  var r2;
-  let o2 = s(false);
-  f(() => {
-    o2.value = true;
+let ul = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", dl = w({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: ul }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${Se()}` }, role: { type: String, default: "dialog" } }, emits: { close: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
+  var o2;
+  let r2 = s(false);
+  b(() => {
+    r2.value = true;
   });
-  let i2 = s(0), u2 = ke(), c2 = y(() => e2.open === Wt && null !== u2 ? (u2.value & we.Open) === we.Open : e2.open), h2 = s(null), x2 = y(() => _e(h2));
-  if (n2({ el: h2, $el: h2 }), e2.open === Wt && null === u2)
+  let i2 = false, d2 = u(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (i2 || (i2 = true, console.warn(`Invalid role [${d2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), c2 = s(0), p2 = ct(), g2 = u(() => e2.open === ul && null !== p2 ? (p2.value & dt.Open) === dt.Open : e2.open), f2 = s(null), h2 = u(() => De(f2));
+  if (a2({ el: f2, $el: f2 }), e2.open === ul && null === p2)
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
-  if ("boolean" != typeof c2.value)
-    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${c2.value === Wt ? void 0 : e2.open}`);
-  let w2 = y(() => o2.value && c2.value ? 0 : 1), k2 = y(() => 0 === w2.value), S2 = y(() => i2.value > 1), C2 = null !== p(qt, null), [O2, D2] = function() {
-    let e3 = p(jt, null), t3 = s([]);
+  if ("boolean" != typeof g2.value)
+    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${g2.value === ul ? void 0 : e2.open}`);
+  let x2 = u(() => r2.value && g2.value ? 0 : 1), C2 = u(() => 0 === x2.value), O2 = u(() => c2.value > 1), M2 = null !== k(il, null), [T2, E2] = function() {
+    let e3 = k(nl, null), t3 = s([]);
     function l3(l4) {
-      let a4 = t3.value.indexOf(l4);
-      -1 !== a4 && t3.value.splice(a4, 1), e3 && e3.unregister(l4);
+      let n4 = t3.value.indexOf(l4);
+      -1 !== n4 && t3.value.splice(n4, 1), e3 && e3.unregister(l4);
     }
-    let a3 = { register: function(a4) {
-      return t3.value.push(a4), e3 && e3.register(a4), () => l3(a4);
+    let n3 = { register: function(n4) {
+      return t3.value.push(n4), e3 && e3.register(n4), () => l3(n4);
     }, unregister: l3, portals: t3 };
-    return [t3, b({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (g(jt, a3), () => {
+    return [t3, w({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (S(nl, n3), () => {
       var e5;
       return null == (e5 = t4.default) ? void 0 : e5.call(t4);
     }) })];
-  }(), { resolveContainers: M2, mainTreeNodeRef: P2, MainTreeNode: _2 } = function({ defaultContainers: e3 = [], portals: t3, mainTreeNodeRef: l3 } = {}) {
-    let a3 = s(null), n3 = _e(a3);
-    function r3() {
-      var l4;
-      let r4 = [];
+  }(), { resolveContainers: D2, mainTreeNodeRef: _2, MainTreeNode: I2 } = function({ defaultContainers: e3 = [], portals: t3, mainTreeNodeRef: l3 } = {}) {
+    let n3 = s(null), a3 = De(n3);
+    function o3() {
+      var l4, o4, r3;
+      let i3 = [];
       for (let t4 of e3)
-        null !== t4 && (t4 instanceof HTMLElement ? r4.push(t4) : "value" in t4 && t4.value instanceof HTMLElement && r4.push(t4.value));
+        null !== t4 && (t4 instanceof HTMLElement ? i3.push(t4) : "value" in t4 && t4.value instanceof HTMLElement && i3.push(t4.value));
       if (null != t3 && t3.value)
         for (let e4 of t3.value)
-          r4.push(e4);
-      for (let e4 of null != (l4 = null == n3 ? void 0 : n3.querySelectorAll("html > *, body > *")) ? l4 : [])
-        e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(he(a3)) || r4.some((t4) => e4.contains(t4)) || r4.push(e4));
-      return r4;
+          i3.push(e4);
+      for (let e4 of null != (l4 = null == a3 ? void 0 : a3.querySelectorAll("html > *, body > *")) ? l4 : [])
+        e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(Ce(n3)) || e4.contains(null == (r3 = null == (o4 = Ce(n3)) ? void 0 : o4.getRootNode()) ? void 0 : r3.host) || i3.some((t4) => e4.contains(t4)) || i3.push(e4));
+      return i3;
     }
-    return { resolveContainers: r3, contains: (e4) => r3().some((t4) => t4.contains(e4)), mainTreeNodeRef: a3, MainTreeNode: () => null != l3 ? null : d(Ke, { features: We.Hidden, ref: a3 }) };
-  }({ portals: O2, defaultContainers: [y(() => {
+    return { resolveContainers: o3, contains: (e4) => o3().some((t4) => t4.contains(e4)), mainTreeNodeRef: n3, MainTreeNode: () => null != l3 ? null : y(st, { features: it.Hidden, ref: n3 }) };
+  }({ portals: T2, defaultContainers: [u(() => {
     var e3;
-    return null != (e3 = F2.panelRef.value) ? e3 : h2.value;
-  })] }), T2 = y(() => S2.value ? "parent" : "leaf"), j2 = y(() => null !== u2 && (u2.value & we.Closing) === we.Closing), E2 = y(() => !C2 && !j2.value && k2.value), L2 = y(() => {
+    return null != (e3 = z2.panelRef.value) ? e3 : f2.value;
+  })] }), P2 = u(() => O2.value ? "parent" : "leaf"), j2 = u(() => null !== p2 && (p2.value & dt.Closing) === dt.Closing), R2 = u(() => !M2 && !j2.value && C2.value), B2 = u(() => {
     var e3, t3, l3;
-    return null != (l3 = Array.from(null != (t3 = null == (e3 = x2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(he(P2)) && e4 instanceof HTMLElement))) ? l3 : null;
+    return null != (l3 = Array.from(null != (t3 = null == (e3 = h2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(Ce(_2)) && e4 instanceof HTMLElement))) ? l3 : null;
   });
-  Dt(L2, E2);
-  let B2 = y(() => !!S2.value || k2.value), I2 = y(() => {
+  Wt(B2, R2);
+  let L2 = u(() => !!O2.value || C2.value), A2 = u(() => {
     var e3, t3, l3;
-    return null != (l3 = Array.from(null != (t3 = null == (e3 = x2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(he(P2)) && e4 instanceof HTMLElement)) ? l3 : null;
+    return null != (l3 = Array.from(null != (t3 = null == (e3 = h2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(Ce(_2)) && e4 instanceof HTMLElement)) ? l3 : null;
   });
-  Dt(I2, B2), Rt({ type: "Dialog", enabled: y(() => 0 === w2.value), element: h2, onUpdate: (e3, t3) => {
+  Wt(A2, L2), Qt({ type: "Dialog", enabled: u(() => 0 === x2.value), element: f2, onUpdate: (e3, t3) => {
     if ("Dialog" === t3)
-      return re(e3, { [It.Add]: () => i2.value += 1, [It.Remove]: () => i2.value -= 1 });
+      return Oe(e3, { [Xt.Add]: () => c2.value += 1, [Xt.Remove]: () => c2.value -= 1 });
   } });
-  let R2 = Ft({ name: "DialogDescription", slot: y(() => ({ open: c2.value })) }), A2 = s(null), F2 = { titleId: A2, panelRef: s(null), dialogState: w2, setTitleId(e3) {
-    A2.value !== e3 && (A2.value = e3);
+  let F2 = tl({ name: "DialogDescription", slot: u(() => ({ open: g2.value })) }), N2 = s(null), z2 = { titleId: N2, panelRef: s(null), dialogState: x2, setTitleId(e3) {
+    N2.value !== e3 && (N2.value = e3);
   }, close() {
     t2("close", false);
   } };
-  g(qt, F2);
-  let N2 = y(() => !(!k2.value || S2.value));
-  Ue(M2, (e3, t3) => {
-    F2.close(), v(() => null == t3 ? void 0 : t3.focus());
-  }, N2);
-  let $2 = y(() => !(S2.value || 0 !== w2.value));
-  bt(null == (r2 = x2.value) ? void 0 : r2.defaultView, "keydown", (e3) => {
-    $2.value && (e3.defaultPrevented || e3.key === ve.Escape && (e3.preventDefault(), e3.stopPropagation(), F2.close()));
+  S(il, z2);
+  let $2 = u(() => !(!C2.value || O2.value));
+  We(D2, (e3, t3) => {
+    z2.close(), m(() => null == t3 ? void 0 : t3.focus());
+  }, $2);
+  let H2 = u(() => !(O2.value || 0 !== x2.value));
+  Bt(null == (o2 = h2.value) ? void 0 : o2.defaultView, "keydown", (e3) => {
+    H2.value && (e3.defaultPrevented || e3.key === gt.Escape && (e3.preventDefault(), e3.stopPropagation(), z2.close()));
   });
-  let H2 = y(() => !(j2.value || 0 !== w2.value || C2));
-  return Vt(x2, H2, (e3) => {
+  let V2 = u(() => !(j2.value || 0 !== x2.value || M2));
+  return Yt(h2, V2, (e3) => {
     var t3;
-    return { containers: [...null != (t3 = e3.containers) ? t3 : [], M2] };
-  }), m((e3) => {
-    if (0 !== w2.value)
+    return { containers: [...null != (t3 = e3.containers) ? t3 : [], D2] };
+  }), v((e3) => {
+    if (0 !== x2.value)
       return;
-    let t3 = he(h2);
+    let t3 = Ce(f2);
     if (!t3)
       return;
     let l3 = new ResizeObserver((e4) => {
       for (let t4 of e4) {
         let e5 = t4.target.getBoundingClientRect();
-        0 === e5.x && 0 === e5.y && 0 === e5.width && 0 === e5.height && F2.close();
+        0 === e5.x && 0 === e5.y && 0 === e5.width && 0 === e5.height && z2.close();
       }
     });
     l3.observe(t3), e3(() => l3.disconnect());
   }), () => {
-    let { id: t3, open: n3, initialFocus: r3, ...o3 } = e2, i3 = { ...l2, ref: h2, id: t3, role: "dialog", "aria-modal": 0 === w2.value || void 0, "aria-labelledby": A2.value, "aria-describedby": R2.value }, s2 = { open: 0 === w2.value };
-    return d(_t, { force: true }, () => [d(Tt, () => d(Lt, { target: h2.value }, () => d(_t, { force: false }, () => d(wt, { initialFocus: r3, containers: M2, features: k2.value ? re(T2.value, { parent: wt.features.RestoreFocus, leaf: wt.features.All & ~wt.features.FocusLock }) : wt.features.None }, () => d(D2, {}, () => se({ ourProps: i3, theirProps: { ...o3, ...l2 }, slot: s2, attrs: l2, slots: a2, visible: 0 === w2.value, features: oe.RenderStrategy | oe.Static, name: "Dialog" })))))), d(_2)]);
+    let { id: t3, open: a3, initialFocus: o3, ...r3 } = e2, i3 = { ...l2, ref: f2, id: t3, role: d2.value, "aria-modal": 0 === x2.value || void 0, "aria-labelledby": N2.value, "aria-describedby": F2.value }, s2 = { open: 0 === x2.value };
+    return y(Gt, { force: true }, () => [y(ll, () => y(ol, { target: f2.value }, () => y(Gt, { force: false }, () => y(Nt, { initialFocus: o3, containers: D2, features: C2.value ? Oe(P2.value, { parent: Nt.features.RestoreFocus, leaf: Nt.features.All & ~Nt.features.FocusLock }) : Nt.features.None }, () => y(E2, {}, () => tt({ ourProps: i3, theirProps: { ...r3, ...l2 }, slot: s2, attrs: l2, slots: n2, visible: 0 === x2.value, features: Qe.RenderStrategy | Qe.Static, name: "Dialog" })))))), y(I2)]);
   };
 } });
-b({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${me()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
-  let a2 = Ut("DialogOverlay");
-  function n2(e3) {
-    e3.target === e3.currentTarget && (e3.preventDefault(), e3.stopPropagation(), a2.close());
+w({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${Se()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
+  let n2 = sl("DialogOverlay");
+  function a2(e3) {
+    e3.target === e3.currentTarget && (e3.preventDefault(), e3.stopPropagation(), n2.close());
   }
   return () => {
-    let { id: r2, ...o2 } = e2;
-    return se({ ourProps: { id: r2, "aria-hidden": true, onClick: n2 }, theirProps: o2, slot: { open: 0 === a2.dialogState.value }, attrs: t2, slots: l2, name: "DialogOverlay" });
+    let { id: o2, ...r2 } = e2;
+    return tt({ ourProps: { id: o2, "aria-hidden": true, onClick: a2 }, theirProps: r2, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogOverlay" });
   };
-} }), b({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${me()}` } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = Ut("DialogBackdrop"), r2 = s(null);
-  return a2({ el: r2, $el: r2 }), f(() => {
-    if (null === n2.panelRef.value)
+} }), w({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${Se()}` } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = sl("DialogBackdrop"), o2 = s(null);
+  return n2({ el: o2, $el: o2 }), b(() => {
+    if (null === a2.panelRef.value)
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
-    let { id: a3, ...o2 } = e2, i2 = { id: a3, ref: r2, "aria-hidden": true };
-    return d(_t, { force: true }, () => d(Tt, () => se({ ourProps: i2, theirProps: { ...t2, ...o2 }, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
+    let { id: n3, ...r2 } = e2, i2 = { id: n3, ref: o2, "aria-hidden": true };
+    return y(Gt, { force: true }, () => y(ll, () => tt({ ourProps: i2, theirProps: { ...t2, ...r2 }, slot: { open: 0 === a2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
   };
 } });
-let Jt = b({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = Ut("DialogPanel");
-  function r2(e3) {
+let cl = w({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${Se()}` } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = sl("DialogPanel");
+  function o2(e3) {
     e3.stopPropagation();
   }
-  return a2({ el: n2.panelRef, $el: n2.panelRef }), () => {
-    let { id: a3, ...o2 } = e2;
-    return se({ ourProps: { id: a3, ref: n2.panelRef, onClick: r2 }, theirProps: o2, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogPanel" });
+  return n2({ el: a2.panelRef, $el: a2.panelRef }), () => {
+    let { id: n3, ...r2 } = e2;
+    return tt({ ourProps: { id: n3, ref: a2.panelRef, onClick: o2 }, theirProps: r2, slot: { open: 0 === a2.dialogState.value }, attrs: t2, slots: l2, name: "DialogPanel" });
   };
-} }), Gt = b({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${me()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
-  let a2 = Ut("DialogTitle");
-  return f(() => {
-    a2.setTitleId(e2.id), w(() => a2.setTitleId(null));
+} }), pl = w({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${Se()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
+  let n2 = sl("DialogTitle");
+  return b(() => {
+    n2.setTitleId(e2.id), O(() => n2.setTitleId(null));
   }), () => {
-    let { id: n2, ...r2 } = e2;
-    return se({ ourProps: { id: n2 }, theirProps: r2, slot: { open: 0 === a2.dialogState.value }, attrs: t2, slots: l2, name: "DialogTitle" });
+    let { id: a2, ...o2 } = e2;
+    return tt({ ourProps: { id: a2 }, theirProps: o2, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogTitle" });
   };
 } });
-var Zt = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Zt || {});
-let Xt = Symbol("DisclosureContext");
-function Qt(e2) {
-  let t2 = p(Xt, null);
+var gl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(gl || {});
+let fl = Symbol("DisclosureContext");
+function ml(e2) {
+  let t2 = k(fl, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t3, Qt), t3;
+    throw Error.captureStackTrace && Error.captureStackTrace(t3, ml), t3;
   }
   return t2;
 }
-let el = Symbol("DisclosurePanelContext");
-let tl = b({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(e2, { slots: t2, attrs: l2 }) {
-  let a2 = s(e2.defaultOpen ? 0 : 1), n2 = s(null), r2 = s(null), o2 = { buttonId: s(`headlessui-disclosure-button-${me()}`), panelId: s(`headlessui-disclosure-panel-${me()}`), disclosureState: a2, panel: n2, button: r2, toggleDisclosure() {
-    a2.value = re(a2.value, { 0: 1, 1: 0 });
+let vl = Symbol("DisclosurePanelContext");
+let bl = w({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(e2, { slots: t2, attrs: l2 }) {
+  let n2 = s(e2.defaultOpen ? 0 : 1), a2 = s(null), o2 = s(null), r2 = { buttonId: s(`headlessui-disclosure-button-${Se()}`), panelId: s(`headlessui-disclosure-panel-${Se()}`), disclosureState: n2, panel: a2, button: o2, toggleDisclosure() {
+    n2.value = Oe(n2.value, { 0: 1, 1: 0 });
   }, closeDisclosure() {
-    1 !== a2.value && (a2.value = 1);
+    1 !== n2.value && (n2.value = 1);
   }, close(e3) {
-    o2.closeDisclosure();
-    let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ? he(e3) : he(o2.button) : he(o2.button);
+    r2.closeDisclosure();
+    let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ? Ce(e3) : Ce(r2.button) : Ce(r2.button);
     null == t3 || t3.focus();
   } };
-  return g(Xt, o2), Se(y(() => re(a2.value, { 0: we.Open, 1: we.Closed }))), () => {
-    let { defaultOpen: n3, ...r3 } = e2;
-    return se({ theirProps: r3, ourProps: {}, slot: { open: 0 === a2.value, close: o2.close }, slots: t2, attrs: l2, name: "Disclosure" });
+  return S(fl, r2), pt(u(() => Oe(n2.value, { 0: dt.Open, 1: dt.Closed }))), () => {
+    let { defaultOpen: a3, ...o3 } = e2;
+    return tt({ theirProps: o3, ourProps: {}, slot: { open: 0 === n2.value, close: r2.close }, slots: t2, attrs: l2, name: "Disclosure" });
   };
-} }), ll = b({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = Qt("DisclosureButton"), r2 = p(el, null), o2 = y(() => null !== r2 && r2.value === n2.panelId.value);
-  f(() => {
-    o2.value || null !== e2.id && (n2.buttonId.value = e2.id);
-  }), w(() => {
-    o2.value || (n2.buttonId.value = null);
+} }), hl = w({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = ml("DisclosureButton"), o2 = k(vl, null), r2 = u(() => null !== o2 && o2.value === a2.panelId.value);
+  b(() => {
+    r2.value || null !== e2.id && (a2.buttonId.value = e2.id);
+  }), O(() => {
+    r2.value || (a2.buttonId.value = null);
   });
   let i2 = s(null);
-  a2({ el: i2, $el: i2 }), o2.value || m(() => {
-    n2.button.value = i2.value;
+  n2({ el: i2, $el: i2 }), r2.value || v(() => {
+    a2.button.value = i2.value;
   });
-  let u2 = Oe(y(() => ({ as: e2.as, type: t2.type })), i2);
-  function d2() {
+  let d2 = Je(u(() => ({ as: e2.as, type: t2.type })), i2);
+  function c2() {
     var t3;
-    e2.disabled || (o2.value ? (n2.toggleDisclosure(), null == (t3 = he(n2.button)) || t3.focus()) : n2.toggleDisclosure());
+    e2.disabled || (r2.value ? (a2.toggleDisclosure(), null == (t3 = Ce(a2.button)) || t3.focus()) : a2.toggleDisclosure());
   }
-  function c2(t3) {
+  function p2(t3) {
     var l3;
     if (!e2.disabled)
-      if (o2.value)
+      if (r2.value)
         switch (t3.key) {
-          case ve.Space:
-          case ve.Enter:
-            t3.preventDefault(), t3.stopPropagation(), n2.toggleDisclosure(), null == (l3 = he(n2.button)) || l3.focus();
+          case gt.Space:
+          case gt.Enter:
+            t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 = Ce(a2.button)) || l3.focus();
         }
       else
         switch (t3.key) {
-          case ve.Space:
-          case ve.Enter:
-            t3.preventDefault(), t3.stopPropagation(), n2.toggleDisclosure();
+          case gt.Space:
+          case gt.Enter:
+            t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure();
         }
   }
   function g2(e3) {
-    if (e3.key === ve.Space)
+    if (e3.key === gt.Space)
       e3.preventDefault();
   }
   return () => {
-    var a3;
-    let r3 = { open: 0 === n2.disclosureState.value }, { id: s2, ...p2 } = e2;
-    return se({ ourProps: o2.value ? { ref: i2, type: u2.value, onClick: d2, onKeydown: c2 } : { id: null != (a3 = n2.buttonId.value) ? a3 : s2, ref: i2, type: u2.value, "aria-expanded": 0 === n2.disclosureState.value, "aria-controls": 0 === n2.disclosureState.value || he(n2.panel) ? n2.panelId.value : void 0, disabled: !!e2.disabled || void 0, onClick: d2, onKeydown: c2, onKeyup: g2 }, theirProps: p2, slot: r3, attrs: t2, slots: l2, name: "DisclosureButton" });
+    var n3;
+    let o3 = { open: 0 === a2.disclosureState.value }, { id: s2, ...u2 } = e2;
+    return tt({ ourProps: r2.value ? { ref: i2, type: d2.value, onClick: c2, onKeydown: p2 } : { id: null != (n3 = a2.buttonId.value) ? n3 : s2, ref: i2, type: d2.value, "aria-expanded": 0 === a2.disclosureState.value, "aria-controls": 0 === a2.disclosureState.value || Ce(a2.panel) ? a2.panelId.value : void 0, disabled: !!e2.disabled || void 0, onClick: c2, onKeydown: p2, onKeyup: g2 }, theirProps: u2, slot: o3, attrs: t2, slots: l2, name: "DisclosureButton" });
   };
-} }), al = b({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = Qt("DisclosurePanel");
-  f(() => {
-    null !== e2.id && (n2.panelId.value = e2.id);
-  }), w(() => {
-    n2.panelId.value = null;
-  }), a2({ el: n2.panel, $el: n2.panel }), g(el, n2.panelId);
-  let r2 = ke(), o2 = y(() => null !== r2 ? (r2.value & we.Open) === we.Open : 0 === n2.disclosureState.value);
+} }), yl = w({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = ml("DisclosurePanel");
+  b(() => {
+    null !== e2.id && (a2.panelId.value = e2.id);
+  }), O(() => {
+    a2.panelId.value = null;
+  }), n2({ el: a2.panel, $el: a2.panel }), S(vl, a2.panelId);
+  let o2 = ct(), r2 = u(() => null !== o2 ? (o2.value & dt.Open) === dt.Open : 0 === a2.disclosureState.value);
   return () => {
-    var a3;
-    let r3 = { open: 0 === n2.disclosureState.value, close: n2.close }, { id: i2, ...s2 } = e2;
-    return se({ ourProps: { id: null != (a3 = n2.panelId.value) ? a3 : i2, ref: n2.panel }, theirProps: s2, slot: r3, attrs: t2, slots: l2, features: oe.RenderStrategy | oe.Static, visible: o2.value, name: "DisclosurePanel" });
+    var n3;
+    let o3 = { open: 0 === a2.disclosureState.value, close: a2.close }, { id: i2, ...s2 } = e2;
+    return tt({ ourProps: { id: null != (n3 = a2.panelId.value) ? n3 : i2, ref: a2.panel }, theirProps: s2, slot: o3, attrs: t2, slots: l2, features: Qe.RenderStrategy | Qe.Static, visible: r2.value, name: "DisclosurePanel" });
   };
-} }), nl = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
-function rl(e2) {
+} }), xl = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+function wl(e2) {
   var t2, l2;
-  let a2 = null != (t2 = e2.innerText) ? t2 : "", n2 = e2.cloneNode(true);
-  if (!(n2 instanceof HTMLElement))
-    return a2;
-  let r2 = false;
-  for (let e3 of n2.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
-    e3.remove(), r2 = true;
-  let o2 = r2 ? null != (l2 = n2.innerText) ? l2 : "" : a2;
-  return nl.test(o2) && (o2 = o2.replace(nl, "")), o2;
-}
-function ol(e2) {
+  let n2 = null != (t2 = e2.innerText) ? t2 : "", a2 = e2.cloneNode(true);
+  if (!(a2 instanceof HTMLElement))
+    return n2;
+  let o2 = false;
+  for (let e3 of a2.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
+    e3.remove(), o2 = true;
+  let r2 = o2 ? null != (l2 = a2.innerText) ? l2 : "" : n2;
+  return xl.test(r2) && (r2 = r2.replace(xl, "")), r2;
+}
+function kl(e2) {
   let t2 = s(""), l2 = s("");
   return () => {
-    let a2 = he(e2);
-    if (!a2)
+    let n2 = Ce(e2);
+    if (!n2)
       return "";
-    let n2 = a2.innerText;
-    if (t2.value === n2)
+    let a2 = n2.innerText;
+    if (t2.value === a2)
       return l2.value;
-    let r2 = function(e3) {
+    let o2 = function(e3) {
       let t3 = e3.getAttribute("aria-label");
       if ("string" == typeof t3)
         return t3.trim();
@@ -1313,595 +1724,595 @@ function ol(e2) {
           let t4 = document.getElementById(e5);
           if (t4) {
             let e6 = t4.getAttribute("aria-label");
-            return "string" == typeof e6 ? e6.trim() : rl(t4).trim();
+            return "string" == typeof e6 ? e6.trim() : wl(t4).trim();
           }
           return null;
         }).filter(Boolean);
         if (e4.length > 0)
           return e4.join(", ");
       }
-      return rl(e3).trim();
-    }(a2).trim().toLowerCase();
-    return t2.value = n2, l2.value = r2, r2;
+      return wl(e3).trim();
+    }(n2).trim().toLowerCase();
+    return t2.value = a2, l2.value = o2, o2;
   };
 }
-var il = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(il || {}), sl = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(sl || {});
-let ul = Symbol("MenuContext");
-function dl(e2) {
-  let t2 = p(ul, null);
+var Sl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Sl || {}), Cl = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(Cl || {});
+let Ol = Symbol("MenuContext");
+function Ml(e2) {
+  let t2 = k(Ol, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Menu /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t3, dl), t3;
+    throw Error.captureStackTrace && Error.captureStackTrace(t3, Ml), t3;
   }
   return t2;
 }
-let cl = b({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
-  let a2 = s(1), n2 = s(null), r2 = s(null), o2 = s([]), i2 = s(""), u2 = s(null), d2 = s(1);
-  function c2(e3 = (e4) => e4) {
-    let t3 = null !== u2.value ? o2.value[u2.value] : null, l3 = Ye(e3(o2.value.slice()), (e4) => he(e4.dataRef.domRef)), a3 = t3 ? l3.indexOf(t3) : null;
-    return -1 === a3 && (a3 = null), { items: l3, activeItemIndex: a3 };
-  }
-  let p2 = { menuState: a2, buttonRef: n2, itemsRef: r2, items: o2, searchQuery: i2, activeItemIndex: u2, activationTrigger: d2, closeMenu: () => {
-    a2.value = 1, u2.value = null;
-  }, openMenu: () => a2.value = 0, goToItem(e3, t3, l3) {
-    let a3 = c2(), n3 = be(e3 === ye.Specific ? { focus: ye.Specific, id: t3 } : { focus: e3 }, { resolveItems: () => a3.items, resolveActiveIndex: () => a3.activeItemIndex, resolveId: (e4) => e4.id, resolveDisabled: (e4) => e4.dataRef.disabled });
-    i2.value = "", u2.value = n3, d2.value = null != l3 ? l3 : 1, o2.value = a3.items;
+let Tl = w({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
+  let n2 = s(1), a2 = s(null), o2 = s(null), r2 = s([]), i2 = s(""), d2 = s(null), c2 = s(1);
+  function p2(e3 = (e4) => e4) {
+    let t3 = null !== d2.value ? r2.value[d2.value] : null, l3 = $e(e3(r2.value.slice()), (e4) => Ce(e4.dataRef.domRef)), n3 = t3 ? l3.indexOf(t3) : null;
+    return -1 === n3 && (n3 = null), { items: l3, activeItemIndex: n3 };
+  }
+  let g2 = { menuState: n2, buttonRef: a2, itemsRef: o2, items: r2, searchQuery: i2, activeItemIndex: d2, activationTrigger: c2, closeMenu: () => {
+    n2.value = 1, d2.value = null;
+  }, openMenu: () => n2.value = 0, goToItem(e3, t3, l3) {
+    let n3 = p2(), a3 = vt(e3 === mt.Specific ? { focus: mt.Specific, id: t3 } : { focus: e3 }, { resolveItems: () => n3.items, resolveActiveIndex: () => n3.activeItemIndex, resolveId: (e4) => e4.id, resolveDisabled: (e4) => e4.dataRef.disabled });
+    i2.value = "", d2.value = a3, c2.value = null != l3 ? l3 : 1, r2.value = n3.items;
   }, search(e3) {
     let t3 = "" !== i2.value ? 0 : 1;
     i2.value += e3.toLowerCase();
-    let l3 = (null !== u2.value ? o2.value.slice(u2.value + t3).concat(o2.value.slice(0, u2.value + t3)) : o2.value).find((e4) => e4.dataRef.textValue.startsWith(i2.value) && !e4.dataRef.disabled), a3 = l3 ? o2.value.indexOf(l3) : -1;
-    -1 === a3 || a3 === u2.value || (u2.value = a3, d2.value = 1);
+    let l3 = (null !== d2.value ? r2.value.slice(d2.value + t3).concat(r2.value.slice(0, d2.value + t3)) : r2.value).find((e4) => e4.dataRef.textValue.startsWith(i2.value) && !e4.dataRef.disabled), n3 = l3 ? r2.value.indexOf(l3) : -1;
+    -1 === n3 || n3 === d2.value || (d2.value = n3, c2.value = 1);
   }, clearSearch() {
     i2.value = "";
   }, registerItem(e3, t3) {
-    let l3 = c2((l4) => [...l4, { id: e3, dataRef: t3 }]);
-    o2.value = l3.items, u2.value = l3.activeItemIndex, d2.value = 1;
+    let l3 = p2((l4) => [...l4, { id: e3, dataRef: t3 }]);
+    r2.value = l3.items, d2.value = l3.activeItemIndex, c2.value = 1;
   }, unregisterItem(e3) {
-    let t3 = c2((t4) => {
+    let t3 = p2((t4) => {
       let l3 = t4.findIndex((t5) => t5.id === e3);
       return -1 !== l3 && t4.splice(l3, 1), t4;
     });
-    o2.value = t3.items, u2.value = t3.activeItemIndex, d2.value = 1;
+    r2.value = t3.items, d2.value = t3.activeItemIndex, c2.value = 1;
   } };
-  return Ue([n2, r2], (e3, t3) => {
+  return We([a2, o2], (e3, t3) => {
     var l3;
-    p2.closeMenu(), Ae(t3, Re.Loose) || (e3.preventDefault(), null == (l3 = he(n2)) || l3.focus());
-  }, y(() => 0 === a2.value)), g(ul, p2), Se(y(() => re(a2.value, { 0: we.Open, 1: we.Closed }))), () => {
-    let n3 = { open: 0 === a2.value, close: p2.closeMenu };
-    return se({ ourProps: {}, theirProps: e2, slot: n3, slots: t2, attrs: l2, name: "Menu" });
+    g2.closeMenu(), Le(t3, Be.Loose) || (e3.preventDefault(), null == (l3 = Ce(a2)) || l3.focus());
+  }, u(() => 0 === n2.value)), S(Ol, g2), pt(u(() => Oe(n2.value, { 0: dt.Open, 1: dt.Closed }))), () => {
+    let a3 = { open: 0 === n2.value, close: g2.closeMenu };
+    return tt({ ourProps: {}, theirProps: e2, slot: a3, slots: t2, attrs: l2, name: "Menu" });
   };
-} }), pl = b({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = dl("MenuButton");
-  function r2(e3) {
+} }), El = w({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${Se()}` } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = Ml("MenuButton");
+  function o2(e3) {
     switch (e3.key) {
-      case ve.Space:
-      case ve.Enter:
-      case ve.ArrowDown:
-        e3.preventDefault(), e3.stopPropagation(), n2.openMenu(), v(() => {
+      case gt.Space:
+      case gt.Enter:
+      case gt.ArrowDown:
+        e3.preventDefault(), e3.stopPropagation(), a2.openMenu(), m(() => {
           var e4;
-          null == (e4 = he(n2.itemsRef)) || e4.focus({ preventScroll: true }), n2.goToItem(ye.First);
+          null == (e4 = Ce(a2.itemsRef)) || e4.focus({ preventScroll: true }), a2.goToItem(mt.First);
         });
         break;
-      case ve.ArrowUp:
-        e3.preventDefault(), e3.stopPropagation(), n2.openMenu(), v(() => {
+      case gt.ArrowUp:
+        e3.preventDefault(), e3.stopPropagation(), a2.openMenu(), m(() => {
           var e4;
-          null == (e4 = he(n2.itemsRef)) || e4.focus({ preventScroll: true }), n2.goToItem(ye.Last);
+          null == (e4 = Ce(a2.itemsRef)) || e4.focus({ preventScroll: true }), a2.goToItem(mt.Last);
         });
     }
   }
-  function o2(e3) {
-    if (e3.key === ve.Space)
+  function r2(e3) {
+    if (e3.key === gt.Space)
       e3.preventDefault();
   }
   function i2(t3) {
-    e2.disabled || (0 === n2.menuState.value ? (n2.closeMenu(), v(() => {
+    e2.disabled || (0 === a2.menuState.value ? (a2.closeMenu(), m(() => {
       var e3;
-      return null == (e3 = he(n2.buttonRef)) ? void 0 : e3.focus({ preventScroll: true });
-    })) : (t3.preventDefault(), n2.openMenu(), function(e3) {
+      return null == (e3 = Ce(a2.buttonRef)) ? void 0 : e3.focus({ preventScroll: true });
+    })) : (t3.preventDefault(), a2.openMenu(), function(e3) {
       requestAnimationFrame(() => requestAnimationFrame(e3));
     }(() => {
       var e3;
-      return null == (e3 = he(n2.itemsRef)) ? void 0 : e3.focus({ preventScroll: true });
+      return null == (e3 = Ce(a2.itemsRef)) ? void 0 : e3.focus({ preventScroll: true });
     })));
   }
-  a2({ el: n2.buttonRef, $el: n2.buttonRef });
-  let s2 = Oe(y(() => ({ as: e2.as, type: t2.type })), n2.buttonRef);
+  n2({ el: a2.buttonRef, $el: a2.buttonRef });
+  let s2 = Je(u(() => ({ as: e2.as, type: t2.type })), a2.buttonRef);
   return () => {
-    var a3;
-    let u2 = { open: 0 === n2.menuState.value }, { id: d2, ...c2 } = e2;
-    return se({ ourProps: { ref: n2.buttonRef, id: d2, type: s2.value, "aria-haspopup": "menu", "aria-controls": null == (a3 = he(n2.itemsRef)) ? void 0 : a3.id, "aria-expanded": 0 === n2.menuState.value, onKeydown: r2, onKeyup: o2, onClick: i2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "MenuButton" });
+    var n3;
+    let u2 = { open: 0 === a2.menuState.value }, { id: d2, ...c2 } = e2;
+    return tt({ ourProps: { ref: a2.buttonRef, id: d2, type: s2.value, "aria-haspopup": "menu", "aria-controls": null == (n3 = Ce(a2.itemsRef)) ? void 0 : n3.id, "aria-expanded": 0 === a2.menuState.value, onKeydown: o2, onKeyup: r2, onClick: i2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "MenuButton" });
   };
-} }), gl = b({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-menu-items-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = dl("MenuItems"), r2 = s(null);
-  function o2(e3) {
+} }), Dl = w({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-menu-items-${Se()}` } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+  let a2 = Ml("MenuItems"), o2 = s(null);
+  function r2(e3) {
     var t3;
-    switch (r2.value && clearTimeout(r2.value), e3.key) {
-      case ve.Space:
-        if ("" !== n2.searchQuery.value)
-          return e3.preventDefault(), e3.stopPropagation(), n2.search(e3.key);
-      case ve.Enter:
-        if (e3.preventDefault(), e3.stopPropagation(), null !== n2.activeItemIndex.value) {
-          null == (t3 = he(n2.items.value[n2.activeItemIndex.value].dataRef.domRef)) || t3.click();
+    switch (o2.value && clearTimeout(o2.value), e3.key) {
+      case gt.Space:
+        if ("" !== a2.searchQuery.value)
+          return e3.preventDefault(), e3.stopPropagation(), a2.search(e3.key);
+      case gt.Enter:
+        if (e3.preventDefault(), e3.stopPropagation(), null !== a2.activeItemIndex.value) {
+          null == (t3 = Ce(a2.items.value[a2.activeItemIndex.value].dataRef.domRef)) || t3.click();
         }
-        n2.closeMenu(), Fe(he(n2.buttonRef));
+        a2.closeMenu(), Ae(Ce(a2.buttonRef));
         break;
-      case ve.ArrowDown:
-        return e3.preventDefault(), e3.stopPropagation(), n2.goToItem(ye.Next);
-      case ve.ArrowUp:
-        return e3.preventDefault(), e3.stopPropagation(), n2.goToItem(ye.Previous);
-      case ve.Home:
-      case ve.PageUp:
-        return e3.preventDefault(), e3.stopPropagation(), n2.goToItem(ye.First);
-      case ve.End:
-      case ve.PageDown:
-        return e3.preventDefault(), e3.stopPropagation(), n2.goToItem(ye.Last);
-      case ve.Escape:
-        e3.preventDefault(), e3.stopPropagation(), n2.closeMenu(), v(() => {
+      case gt.ArrowDown:
+        return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(mt.Next);
+      case gt.ArrowUp:
+        return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(mt.Previous);
+      case gt.Home:
+      case gt.PageUp:
+        return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(mt.First);
+      case gt.End:
+      case gt.PageDown:
+        return e3.preventDefault(), e3.stopPropagation(), a2.goToItem(mt.Last);
+      case gt.Escape:
+        e3.preventDefault(), e3.stopPropagation(), a2.closeMenu(), m(() => {
           var e4;
-          return null == (e4 = he(n2.buttonRef)) ? void 0 : e4.focus({ preventScroll: true });
+          return null == (e4 = Ce(a2.buttonRef)) ? void 0 : e4.focus({ preventScroll: true });
         });
         break;
-      case ve.Tab:
-        e3.preventDefault(), e3.stopPropagation(), n2.closeMenu(), v(() => function(e4, t4) {
-          return Ve(Ie(), t4, { relativeTo: e4 });
-        }(he(n2.buttonRef), e3.shiftKey ? Ee.Previous : Ee.Next));
+      case gt.Tab:
+        e3.preventDefault(), e3.stopPropagation(), a2.closeMenu(), m(() => function(e4, t4) {
+          return He(Re(), t4, { relativeTo: e4 });
+        }(Ce(a2.buttonRef), e3.shiftKey ? Ie.Previous : Ie.Next));
         break;
       default:
-        1 === e3.key.length && (n2.search(e3.key), r2.value = setTimeout(() => n2.clearSearch(), 350));
+        1 === e3.key.length && (a2.search(e3.key), o2.value = setTimeout(() => a2.clearSearch(), 350));
     }
   }
   function i2(e3) {
-    if (e3.key === ve.Space)
+    if (e3.key === gt.Space)
       e3.preventDefault();
   }
-  a2({ el: n2.itemsRef, $el: n2.itemsRef }), Te({ container: y(() => he(n2.itemsRef)), enabled: y(() => 0 === n2.menuState.value), accept: (e3) => "menuitem" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
+  n2({ el: a2.itemsRef, $el: a2.itemsRef }), Xe({ container: u(() => Ce(a2.itemsRef)), enabled: u(() => 0 === a2.menuState.value), accept: (e3) => "menuitem" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
     e3.setAttribute("role", "none");
   } });
-  let u2 = ke(), d2 = y(() => null !== u2 ? (u2.value & we.Open) === we.Open : 0 === n2.menuState.value);
+  let d2 = ct(), c2 = u(() => null !== d2 ? (d2.value & dt.Open) === dt.Open : 0 === a2.menuState.value);
   return () => {
-    var a3, r3;
-    let s2 = { open: 0 === n2.menuState.value }, { id: u3, ...c2 } = e2;
-    return se({ ourProps: { "aria-activedescendant": null === n2.activeItemIndex.value || null == (a3 = n2.items.value[n2.activeItemIndex.value]) ? void 0 : a3.id, "aria-labelledby": null == (r3 = he(n2.buttonRef)) ? void 0 : r3.id, id: u3, onKeydown: o2, onKeyup: i2, role: "menu", tabIndex: 0, ref: n2.itemsRef }, theirProps: c2, slot: s2, attrs: t2, slots: l2, features: oe.RenderStrategy | oe.Static, visible: d2.value, name: "MenuItems" });
+    var n3, o3;
+    let s2 = { open: 0 === a2.menuState.value }, { id: u2, ...d3 } = e2;
+    return tt({ ourProps: { "aria-activedescendant": null === a2.activeItemIndex.value || null == (n3 = a2.items.value[a2.activeItemIndex.value]) ? void 0 : n3.id, "aria-labelledby": null == (o3 = Ce(a2.buttonRef)) ? void 0 : o3.id, id: u2, onKeydown: r2, onKeyup: i2, role: "menu", tabIndex: 0, ref: a2.itemsRef }, theirProps: d3, slot: s2, attrs: t2, slots: l2, features: Qe.RenderStrategy | Qe.Static, visible: c2.value, name: "MenuItems" });
   };
-} }), fl = b({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: () => `headlessui-menu-item-${me()}` } }, setup(e2, { slots: t2, attrs: l2, expose: a2 }) {
-  let n2 = dl("MenuItem"), r2 = s(null);
-  a2({ el: r2, $el: r2 });
-  let o2 = y(() => null !== n2.activeItemIndex.value && n2.items.value[n2.activeItemIndex.value].id === e2.id), i2 = ol(r2), u2 = y(() => ({ disabled: e2.disabled, get textValue() {
+} }), _l = w({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: () => `headlessui-menu-item-${Se()}` } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
+  let a2 = Ml("MenuItem"), o2 = s(null);
+  n2({ el: o2, $el: o2 });
+  let r2 = u(() => null !== a2.activeItemIndex.value && a2.items.value[a2.activeItemIndex.value].id === e2.id), i2 = kl(o2), d2 = u(() => ({ disabled: e2.disabled, get textValue() {
     return i2();
-  }, domRef: r2 }));
-  function d2(t3) {
+  }, domRef: o2 }));
+  function c2(t3) {
     if (e2.disabled)
       return t3.preventDefault();
-    n2.closeMenu(), Fe(he(n2.buttonRef));
+    a2.closeMenu(), Ae(Ce(a2.buttonRef));
   }
-  function c2() {
+  function p2() {
     if (e2.disabled)
-      return n2.goToItem(ye.Nothing);
-    n2.goToItem(ye.Specific, e2.id);
+      return a2.goToItem(mt.Nothing);
+    a2.goToItem(mt.Specific, e2.id);
   }
-  f(() => n2.registerItem(e2.id, u2)), w(() => n2.unregisterItem(e2.id)), m(() => {
-    0 === n2.menuState.value && o2.value && 0 !== n2.activationTrigger.value && v(() => {
+  b(() => a2.registerItem(e2.id, d2)), O(() => a2.unregisterItem(e2.id)), v(() => {
+    0 === a2.menuState.value && r2.value && 0 !== a2.activationTrigger.value && m(() => {
       var e3, t3;
-      return null == (t3 = null == (e3 = he(r2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
+      return null == (t3 = null == (e3 = Ce(o2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
     });
   });
-  let p2 = et();
-  function g2(e3) {
-    p2.update(e3);
-  }
-  function b2(t3) {
-    p2.wasMoved(t3) && (e2.disabled || o2.value || n2.goToItem(ye.Specific, e2.id, 0));
+  let g2 = Ze();
+  function f2(e3) {
+    g2.update(e3);
   }
   function h2(t3) {
-    p2.wasMoved(t3) && (e2.disabled || o2.value && n2.goToItem(ye.Nothing));
+    g2.wasMoved(t3) && (e2.disabled || r2.value || a2.goToItem(mt.Specific, e2.id, 0));
+  }
+  function y2(t3) {
+    g2.wasMoved(t3) && (e2.disabled || r2.value && a2.goToItem(mt.Nothing));
   }
   return () => {
-    let { disabled: a3 } = e2, i3 = { active: o2.value, disabled: a3, close: n2.closeMenu }, { id: s2, ...u3 } = e2;
-    return se({ ourProps: { id: s2, ref: r2, role: "menuitem", tabIndex: true === a3 ? void 0 : -1, "aria-disabled": true === a3 || void 0, disabled: void 0, onClick: d2, onFocus: c2, onPointerenter: g2, onMouseenter: g2, onPointermove: b2, onMousemove: b2, onPointerleave: h2, onMouseleave: h2 }, theirProps: { ...l2, ...u3 }, slot: i3, attrs: l2, slots: t2, name: "MenuItem" });
+    let { disabled: n3 } = e2, i3 = { active: r2.value, disabled: n3, close: a2.closeMenu }, { id: s2, ...u2 } = e2;
+    return tt({ ourProps: { id: s2, ref: o2, role: "menuitem", tabIndex: true === n3 ? void 0 : -1, "aria-disabled": true === n3 || void 0, disabled: void 0, onClick: c2, onFocus: p2, onPointerenter: f2, onMouseenter: f2, onPointermove: h2, onMousemove: h2, onPointerleave: y2, onMouseleave: y2 }, theirProps: { ...l2, ...u2 }, slot: i3, attrs: l2, slots: t2, name: "MenuItem" });
   };
-} }), ml = Symbol("LabelContext");
-function vl() {
-  let e2 = p(ml, null);
+} }), Il = Symbol("LabelContext");
+function Pl() {
+  let e2 = k(Il, null);
   if (null === e2) {
     let e3 = new Error("You used a <Label /> component, but it is not inside a parent.");
-    throw Error.captureStackTrace && Error.captureStackTrace(e3, vl), e3;
+    throw Error.captureStackTrace && Error.captureStackTrace(e3, Pl), e3;
   }
   return e2;
 }
-function yl({ slot: e2 = {}, name: t2 = "Label", props: l2 = {} } = {}) {
-  let a2 = s([]);
-  return g(ml, { register: function(e3) {
-    return a2.value.push(e3), () => {
-      let t3 = a2.value.indexOf(e3);
-      -1 !== t3 && a2.value.splice(t3, 1);
+function jl({ slot: e2 = {}, name: t2 = "Label", props: l2 = {} } = {}) {
+  let n2 = s([]);
+  return S(Il, { register: function(e3) {
+    return n2.value.push(e3), () => {
+      let t3 = n2.value.indexOf(e3);
+      -1 !== t3 && n2.value.splice(t3, 1);
     };
-  }, slot: e2, name: t2, props: l2 }), y(() => a2.value.length > 0 ? a2.value.join(" ") : void 0);
+  }, slot: e2, name: t2, props: l2 }), u(() => n2.value.length > 0 ? n2.value.join(" ") : void 0);
 }
-let bl = b({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-label-${me()}` } }, setup(e2, { slots: t2, attrs: l2 }) {
-  let a2 = vl();
-  return f(() => w(a2.register(e2.id))), () => {
-    let { name: n2 = "Label", slot: r2 = {}, props: o2 = {} } = a2, { id: i2, passive: s2, ...u2 } = e2, d2 = { ...Object.entries(o2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: C(l3) }), {}), id: i2 };
-    return s2 && (delete d2.onClick, delete d2.htmlFor, delete u2.onClick), se({ ourProps: d2, theirProps: u2, slot: r2, attrs: l2, slots: t2, name: n2 });
+let Rl = w({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-label-${Se()}` } }, setup(e2, { slots: t2, attrs: l2 }) {
+  let n2 = Pl();
+  return b(() => O(n2.register(e2.id))), () => {
+    let { name: a2 = "Label", slot: o2 = {}, props: r2 = {} } = n2, { id: i2, passive: s2, ...u2 } = e2, c2 = { ...Object.entries(r2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: d(l3) }), {}), id: i2 };
+    return s2 && (delete c2.onClick, delete c2.htmlFor, delete u2.onClick), tt({ ourProps: c2, theirProps: u2, slot: o2, attrs: l2, slots: t2, name: a2 });
   };
-} }), hl = Symbol("GroupContext"), xl = b({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
-  let a2 = s(null), n2 = yl({ name: "SwitchLabel", props: { htmlFor: y(() => {
+} }), Bl = Symbol("GroupContext"), Ll = w({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
+  let n2 = s(null), a2 = jl({ name: "SwitchLabel", props: { htmlFor: u(() => {
     var e3;
-    return null == (e3 = a2.value) ? void 0 : e3.id;
+    return null == (e3 = n2.value) ? void 0 : e3.id;
   }), onClick(e3) {
-    a2.value && ("LABEL" === e3.currentTarget.tagName && e3.preventDefault(), a2.value.click(), a2.value.focus({ preventScroll: true }));
-  } } }), r2 = Ft({ name: "SwitchDescription" });
-  return g(hl, { switchRef: a2, labelledby: n2, describedby: r2 }), () => se({ theirProps: e2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "SwitchGroup" });
-} }), wl = b({ name: "Switch", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: true }, form: { type: String, optional: true }, name: { type: String, optional: true }, value: { type: String, optional: true }, id: { type: String, default: () => `headlessui-switch-${me()}` } }, inheritAttrs: false, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: n2 }) {
-  let r2 = p(hl, null), [o2, i2] = Xe(y(() => e2.modelValue), (e3) => t2("update:modelValue", e3), y(() => e2.defaultChecked));
-  function u2() {
-    i2(!o2.value);
-  }
-  let g2 = s(null), m2 = null === r2 ? g2 : r2.switchRef, v2 = Oe(y(() => ({ as: e2.as, type: l2.type })), m2);
-  function b2(e3) {
-    e3.preventDefault(), u2();
+    n2.value && ("LABEL" === e3.currentTarget.tagName && e3.preventDefault(), n2.value.click(), n2.value.focus({ preventScroll: true }));
+  } } }), o2 = tl({ name: "SwitchDescription" });
+  return S(Bl, { switchRef: n2, labelledby: a2, describedby: o2 }), () => tt({ theirProps: e2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "SwitchGroup" });
+} }), Al = w({ name: "Switch", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: true }, form: { type: String, optional: true }, name: { type: String, optional: true }, value: { type: String, optional: true }, id: { type: String, default: () => `headlessui-switch-${Se()}` } }, inheritAttrs: false, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
+  let o2 = k(Bl, null), [r2, i2] = we(u(() => e2.modelValue), (e3) => t2("update:modelValue", e3), u(() => e2.defaultChecked));
+  function d2() {
+    i2(!r2.value);
   }
-  function h2(e3) {
-    e3.key === ve.Space ? (e3.preventDefault(), u2()) : e3.key === ve.Enter && function(e4) {
+  let c2 = s(null), g2 = null === o2 ? c2 : o2.switchRef, f2 = Je(u(() => ({ as: e2.as, type: l2.type })), g2);
+  function m2(e3) {
+    e3.preventDefault(), d2();
+  }
+  function v2(e3) {
+    e3.key === gt.Space ? (e3.preventDefault(), d2()) : e3.key === gt.Enter && function(e4) {
       var t3, l3;
-      let a3 = null != (t3 = null == e4 ? void 0 : e4.form) ? t3 : e4.closest("form");
-      if (a3) {
-        for (let t4 of a3.elements)
+      let n3 = null != (t3 = null == e4 ? void 0 : e4.form) ? t3 : e4.closest("form");
+      if (n3) {
+        for (let t4 of n3.elements)
           if (t4 !== e4 && ("INPUT" === t4.tagName && "submit" === t4.type || "BUTTON" === t4.tagName && "submit" === t4.type || "INPUT" === t4.nodeName && "image" === t4.type))
             return void t4.click();
-        null == (l3 = a3.requestSubmit) || l3.call(a3);
+        null == (l3 = n3.requestSubmit) || l3.call(n3);
       }
     }(e3.currentTarget);
   }
-  function w2(e3) {
+  function h2(e3) {
     e3.preventDefault();
   }
-  n2({ el: m2, $el: m2 });
-  let k2 = y(() => {
+  a2({ el: g2, $el: g2 });
+  let w2 = u(() => {
     var e3, t3;
-    return null == (t3 = null == (e3 = he(m2)) ? void 0 : e3.closest) ? void 0 : t3.call(e3, "form");
+    return null == (t3 = null == (e3 = Ce(g2)) ? void 0 : e3.closest) ? void 0 : t3.call(e3, "form");
   });
-  return f(() => {
-    x([k2], () => {
-      if (k2.value && void 0 !== e2.defaultChecked)
-        return k2.value.addEventListener("reset", t3), () => {
+  return b(() => {
+    p([w2], () => {
+      if (w2.value && void 0 !== e2.defaultChecked)
+        return w2.value.addEventListener("reset", t3), () => {
           var e3;
-          null == (e3 = k2.value) || e3.removeEventListener("reset", t3);
+          null == (e3 = w2.value) || e3.removeEventListener("reset", t3);
         };
       function t3() {
         i2(e2.defaultChecked);
       }
     }, { immediate: true });
   }), () => {
-    let { id: t3, name: n3, value: i3, form: s2, ...u3 } = e2, p2 = { checked: o2.value }, g3 = { id: t3, ref: m2, role: "switch", type: v2.value, tabIndex: 0, "aria-checked": o2.value, "aria-labelledby": null == r2 ? void 0 : r2.labelledby.value, "aria-describedby": null == r2 ? void 0 : r2.describedby.value, onClick: b2, onKeyup: h2, onKeypress: w2 };
-    return d(c, [null != n3 && null != o2.value ? d(Ke, pe({ features: We.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: o2.value, form: s2, name: n3, value: i3 })) : null, se({ ourProps: g3, theirProps: { ...l2, ...ge(u3, ["modelValue", "defaultChecked"]) }, slot: p2, attrs: l2, slots: a2, name: "Switch" })]);
+    let { id: t3, name: a3, value: i3, form: s2, ...u2 } = e2, d3 = { checked: r2.value }, c3 = { id: t3, ref: g2, role: "switch", type: f2.value, tabIndex: 0, "aria-checked": r2.value, "aria-labelledby": null == o2 ? void 0 : o2.labelledby.value, "aria-describedby": null == o2 ? void 0 : o2.describedby.value, onClick: m2, onKeyup: v2, onKeypress: h2 };
+    return y(x, [null != a3 && null != r2.value ? y(st, ot({ features: it.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: r2.value, form: s2, name: a3, value: i3 })) : null, tt({ ourProps: c3, theirProps: { ...l2, ...rt(u2, ["modelValue", "defaultChecked"]) }, slot: d3, attrs: l2, slots: n2, name: "Switch" })]);
   };
-} }), kl = bl;
-function Sl(e2, ...t2) {
+} }), Fl = Rl;
+function Nl(e2, ...t2) {
   e2 && t2.length > 0 && e2.classList.add(...t2);
 }
-function Cl(e2, ...t2) {
+function zl(e2, ...t2) {
   e2 && t2.length > 0 && e2.classList.remove(...t2);
 }
-var Ol = ((e2) => (e2.Finished = "finished", e2.Cancelled = "cancelled", e2))(Ol || {});
-function Dl(e2, t2, l2, a2, n2, r2) {
-  let o2 = nt(), i2 = void 0 !== r2 ? function(e3) {
+var $l = ((e2) => (e2.Finished = "finished", e2.Cancelled = "cancelled", e2))($l || {});
+function Hl(e2, t2, l2, n2, a2, o2) {
+  let r2 = ht(), i2 = void 0 !== o2 ? function(e3) {
     let t3 = { called: false };
     return (...l3) => {
       if (!t3.called)
         return t3.called = true, e3(...l3);
     };
-  }(r2) : () => {
+  }(o2) : () => {
   };
-  return Cl(e2, ...n2), Sl(e2, ...t2, ...l2), o2.nextFrame(() => {
-    Cl(e2, ...l2), Sl(e2, ...a2), o2.add(function(e3, t3) {
-      let l3 = nt();
+  return zl(e2, ...a2), Nl(e2, ...t2, ...l2), r2.nextFrame(() => {
+    zl(e2, ...l2), Nl(e2, ...n2), r2.add(function(e3, t3) {
+      let l3 = ht();
       if (!e3)
         return l3.dispose;
-      let { transitionDuration: a3, transitionDelay: n3 } = getComputedStyle(e3), [r3, o3] = [a3, n3].map((e4) => {
+      let { transitionDuration: n3, transitionDelay: a3 } = getComputedStyle(e3), [o3, r3] = [n3, a3].map((e4) => {
         let [t4 = 0] = e4.split(",").filter(Boolean).map((e5) => e5.includes("ms") ? parseFloat(e5) : 1e3 * parseFloat(e5)).sort((e5, t5) => t5 - e5);
         return t4;
       });
-      return 0 !== r3 ? l3.setTimeout(() => t3("finished"), r3 + o3) : t3("finished"), l3.add(() => t3("cancelled")), l3.dispose;
-    }(e2, (l3) => (Cl(e2, ...a2, ...t2), Sl(e2, ...n2), i2(l3))));
-  }), o2.add(() => Cl(e2, ...t2, ...l2, ...a2, ...n2)), o2.add(() => i2("cancelled")), o2.dispose;
+      return 0 !== o3 ? l3.setTimeout(() => t3("finished"), o3 + r3) : t3("finished"), l3.add(() => t3("cancelled")), l3.dispose;
+    }(e2, (l3) => (zl(e2, ...n2, ...t2), Nl(e2, ...a2), i2(l3))));
+  }), r2.add(() => zl(e2, ...t2, ...l2, ...n2, ...a2)), r2.add(() => i2("cancelled")), r2.dispose;
 }
-function Ml(e2 = "") {
-  return e2.split(" ").filter((e3) => e3.trim().length > 1);
+function Vl(e2 = "") {
+  return e2.split(/\s+/).filter((e3) => e3.length > 1);
 }
-let Pl = Symbol("TransitionContext");
-var _l = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(_l || {});
-let Tl = Symbol("NestingContext");
-function jl(e2) {
-  return "children" in e2 ? jl(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
+let Yl = Symbol("TransitionContext");
+var Ul = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(Ul || {});
+let ql = Symbol("NestingContext");
+function Wl(e2) {
+  return "children" in e2 ? Wl(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
 }
-function El(e2) {
+function Kl(e2) {
   let t2 = s([]), l2 = s(false);
-  function a2(a3, n2 = ie.Hidden) {
-    let r2 = t2.value.findIndex(({ id: e3 }) => e3 === a3);
-    -1 !== r2 && (re(n2, { [ie.Unmount]() {
-      t2.value.splice(r2, 1);
-    }, [ie.Hidden]() {
-      t2.value[r2].state = "hidden";
-    } }), !jl(t2) && l2.value && (null == e2 || e2()));
-  }
-  return f(() => l2.value = true), w(() => l2.value = false), { children: t2, register: function(e3) {
+  function n2(n3, a2 = et.Hidden) {
+    let o2 = t2.value.findIndex(({ id: e3 }) => e3 === n3);
+    -1 !== o2 && (Oe(a2, { [et.Unmount]() {
+      t2.value.splice(o2, 1);
+    }, [et.Hidden]() {
+      t2.value[o2].state = "hidden";
+    } }), !Wl(t2) && l2.value && (null == e2 || e2()));
+  }
+  return b(() => l2.value = true), O(() => l2.value = false), { children: t2, register: function(e3) {
     let l3 = t2.value.find(({ id: t3 }) => t3 === e3);
-    return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => a2(e3, ie.Unmount);
-  }, unregister: a2 };
+    return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => n2(e3, et.Unmount);
+  }, unregister: n2 };
 }
-let Ll = oe.RenderStrategy, Bl = b({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, 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: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: r2 }) {
-  let o2 = s(0);
+let Jl = Qe.RenderStrategy, Gl = w({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, 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: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: o2 }) {
+  let r2 = s(0);
   function i2() {
-    o2.value |= we.Opening, t2("beforeEnter");
+    r2.value |= dt.Opening, t2("beforeEnter");
   }
-  function u2() {
-    o2.value &= ~we.Opening, t2("afterEnter");
+  function d2() {
+    r2.value &= ~dt.Opening, t2("afterEnter");
   }
   function c2() {
-    o2.value |= we.Closing, t2("beforeLeave");
+    r2.value |= dt.Closing, t2("beforeLeave");
   }
-  function v2() {
-    o2.value &= ~we.Closing, t2("afterLeave");
-  }
-  if (null === p(Pl, null) && null !== ke())
-    return () => d(Rl, { ...e2, onBeforeEnter: i2, onAfterEnter: u2, onBeforeLeave: c2, onAfterLeave: v2 }, n2);
-  let b2 = s(null), h2 = y(() => e2.unmount ? ie.Unmount : ie.Hidden);
-  r2({ el: b2, $el: b2 });
-  let { show: k2, appear: S2 } = function() {
-    let e3 = p(Pl, null);
+  function g2() {
+    r2.value &= ~dt.Closing, t2("afterLeave");
+  }
+  if (null === k(Yl, null) && null !== ct())
+    return () => y(Xl, { ...e2, onBeforeEnter: i2, onAfterEnter: d2, onBeforeLeave: c2, onAfterLeave: g2 }, a2);
+  let f2 = s(null), m2 = u(() => e2.unmount ? et.Unmount : et.Hidden);
+  o2({ el: f2, $el: f2 });
+  let { show: h2, appear: x2 } = function() {
+    let e3 = k(Yl, null);
     if (null === e3)
       throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
     return e3;
-  }(), { register: C2, unregister: O2 } = function() {
-    let e3 = p(Tl, null);
+  }(), { register: w2, unregister: C2 } = function() {
+    let e3 = k(ql, null);
     if (null === e3)
       throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
     return e3;
-  }(), D2 = s(k2.value ? "visible" : "hidden"), M2 = { value: true }, P2 = me(), _2 = { value: false }, T2 = El(() => {
-    !_2.value && "hidden" !== D2.value && (D2.value = "hidden", O2(P2), v2());
+  }(), M2 = s(h2.value ? "visible" : "hidden"), T2 = { value: true }, E2 = Se(), D2 = { value: false }, _2 = Kl(() => {
+    !D2.value && "hidden" !== M2.value && (M2.value = "hidden", C2(E2), g2());
   });
-  f(() => {
-    let e3 = C2(P2);
-    w(e3);
-  }), m(() => {
-    if (h2.value === ie.Hidden && P2) {
-      if (k2.value && "visible" !== D2.value)
-        return void (D2.value = "visible");
-      re(D2.value, { hidden: () => O2(P2), visible: () => C2(P2) });
+  b(() => {
+    let e3 = w2(E2);
+    O(e3);
+  }), v(() => {
+    if (m2.value === et.Hidden && E2) {
+      if (h2.value && "visible" !== M2.value)
+        return void (M2.value = "visible");
+      Oe(M2.value, { hidden: () => C2(E2), visible: () => w2(E2) });
     }
   });
-  let j2 = Ml(e2.enter), E2 = Ml(e2.enterFrom), L2 = Ml(e2.enterTo), B2 = Ml(e2.entered), I2 = Ml(e2.leave), R2 = Ml(e2.leaveFrom), A2 = Ml(e2.leaveTo);
-  return f(() => {
-    m(() => {
-      if ("visible" === D2.value) {
-        let e3 = he(b2);
+  let I2 = Vl(e2.enter), P2 = Vl(e2.enterFrom), j2 = Vl(e2.enterTo), R2 = Vl(e2.entered), B2 = Vl(e2.leave), L2 = Vl(e2.leaveFrom), A2 = Vl(e2.leaveTo);
+  return b(() => {
+    v(() => {
+      if ("visible" === M2.value) {
+        let e3 = Ce(f2);
         if (e3 instanceof Comment && "" === e3.data)
           throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
-  }), f(() => {
-    x([k2], (e3, t3, l3) => {
+  }), b(() => {
+    p([h2], (e3, t3, l3) => {
       (function(e4) {
-        let t4 = M2.value && !S2.value, l4 = he(b2);
-        !l4 || !(l4 instanceof HTMLElement) || t4 || (_2.value = true, k2.value && i2(), k2.value || c2(), e4(k2.value ? Dl(l4, j2, E2, L2, B2, (e5) => {
-          _2.value = false, e5 === Ol.Finished && u2();
-        }) : Dl(l4, I2, R2, A2, B2, (e5) => {
-          _2.value = false, e5 === Ol.Finished && (jl(T2) || (D2.value = "hidden", O2(P2), v2()));
+        let t4 = T2.value && !x2.value, l4 = Ce(f2);
+        !l4 || !(l4 instanceof HTMLElement) || t4 || (D2.value = true, h2.value && i2(), h2.value || c2(), e4(h2.value ? Hl(l4, I2, P2, j2, R2, (e5) => {
+          D2.value = false, e5 === $l.Finished && d2();
+        }) : Hl(l4, B2, L2, A2, R2, (e5) => {
+          D2.value = false, e5 === $l.Finished && (Wl(_2) || (M2.value = "hidden", C2(E2), g2()));
         })));
-      })(l3), M2.value = false;
+      })(l3), T2.value = false;
     }, { immediate: true });
-  }), g(Tl, T2), Se(y(() => re(D2.value, { visible: we.Open, hidden: we.Closed }) | o2.value)), () => {
-    let { appear: t3, show: r3, enter: o3, enterFrom: i3, enterTo: s2, entered: u3, leave: d2, leaveFrom: c3, leaveTo: p2, ...g2 } = e2, f2 = { ref: b2 };
-    return se({ theirProps: { ...g2, ...S2.value && k2.value && Pe.isServer ? { class: a([l2.class, g2.class, ...j2, ...E2]) } : {} }, ourProps: f2, slot: {}, slots: n2, attrs: l2, features: Ll, visible: "visible" === D2.value, name: "TransitionChild" });
+  }), S(ql, _2), pt(u(() => Oe(M2.value, { visible: dt.Open, hidden: dt.Closed }) | r2.value)), () => {
+    let { appear: t3, show: o3, enter: r3, enterFrom: i3, enterTo: s2, entered: u2, leave: d3, leaveFrom: c3, leaveTo: p2, ...g3 } = e2, m3 = { ref: f2 };
+    return tt({ theirProps: { ...g3, ...x2.value && h2.value && Ee.isServer ? { class: n([l2.class, g3.class, ...I2, ...P2]) } : {} }, ourProps: m3, slot: {}, slots: a2, attrs: l2, features: Jl, visible: "visible" === M2.value, name: "TransitionChild" });
   };
-} }), Il = Bl, Rl = b({ inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, 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: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: a2 }) {
-  let n2 = ke(), r2 = y(() => null === e2.show && null !== n2 ? (n2.value & we.Open) === we.Open : e2.show);
-  m(() => {
-    if (![true, false].includes(r2.value))
+} }), Zl = Gl, Xl = w({ inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, 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: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: n2 }) {
+  let a2 = ct(), o2 = u(() => null === e2.show && null !== a2 ? (a2.value & dt.Open) === dt.Open : e2.show);
+  v(() => {
+    if (![true, false].includes(o2.value))
       throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let o2 = s(r2.value ? "visible" : "hidden"), i2 = El(() => {
-    o2.value = "hidden";
-  }), u2 = s(true), c2 = { show: r2, appear: y(() => e2.appear || !u2.value) };
-  return f(() => {
-    m(() => {
-      u2.value = false, r2.value ? o2.value = "visible" : jl(i2) || (o2.value = "hidden");
+  let r2 = s(o2.value ? "visible" : "hidden"), i2 = Kl(() => {
+    r2.value = "hidden";
+  }), d2 = s(true), c2 = { show: o2, appear: u(() => e2.appear || !d2.value) };
+  return b(() => {
+    v(() => {
+      d2.value = false, o2.value ? r2.value = "visible" : Wl(i2) || (r2.value = "hidden");
     });
-  }), g(Tl, i2), g(Pl, c2), () => {
-    let n3 = ge(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), r3 = { unmount: e2.unmount };
-    return se({ ourProps: { ...r3, as: "template" }, theirProps: {}, slot: {}, slots: { ...a2, default: () => [d(Il, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...r3, ...n3 }, a2.default)] }, attrs: {}, features: Ll, visible: "visible" === o2.value, name: "Transition" });
+  }), S(ql, i2), S(Yl, c2), () => {
+    let a3 = rt(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), o3 = { unmount: e2.unmount };
+    return tt({ ourProps: { ...o3, as: "template" }, theirProps: {}, slot: {}, slots: { ...n2, default: () => [y(Zl, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...o3, ...a3 }, n2.default)] }, attrs: {}, features: Jl, visible: "visible" === r2.value, name: "Transition" });
   };
 } });
-function Al(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" })]);
+function Ql(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" })]);
 }
-function Fl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" })]);
+function en(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" })]);
 }
-function Nl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
+function tn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
 }
-function $l(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 12.75 6 6 9-13.5" })]);
+function ln(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 12.75 6 6 9-13.5" })]);
 }
-function Hl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" })]);
+function nn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" })]);
 }
-function Yl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 19.5 8.25 12l7.5-7.5" })]);
+function an(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 19.5 8.25 12l7.5-7.5" })]);
 }
-function Vl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" })]);
+function on(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" })]);
 }
-function zl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" })]);
+function rn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" })]);
 }
-function ql(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })]);
+function sn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })]);
 }
-function Ul(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" })]);
+function un(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" })]);
 }
-function Wl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M10.05 4.575a1.575 1.575 0 1 0-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 0 1 3.15 0v1.5m-3.15 0 .075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 0 1 3.15 0V15M6.9 7.575a1.575 1.575 0 1 0-3.15 0v8.175a6.75 6.75 0 0 0 6.75 6.75h2.018a5.25 5.25 0 0 0 3.712-1.538l1.732-1.732a5.25 5.25 0 0 0 1.538-3.712l.003-2.024a.668.668 0 0 1 .198-.471 1.575 1.575 0 1 0-2.228-2.228 3.818 3.818 0 0 0-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0 1 16.35 15m.002 0h-.002" })]);
+function dn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M10.05 4.575a1.575 1.575 0 1 0-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 0 1 3.15 0v1.5m-3.15 0 .075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 0 1 3.15 0V15M6.9 7.575a1.575 1.575 0 1 0-3.15 0v8.175a6.75 6.75 0 0 0 6.75 6.75h2.018a5.25 5.25 0 0 0 3.712-1.538l1.732-1.732a5.25 5.25 0 0 0 1.538-3.712l.003-2.024a.668.668 0 0 1 .198-.471 1.575 1.575 0 1 0-2.228-2.228 3.818 3.818 0 0 0-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0 1 16.35 15m.002 0h-.002" })]);
 }
-function Kl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" })]);
+function cn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" })]);
 }
-function Jl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" })]);
+function pn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" })]);
 }
-function Gl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" })]);
+function gn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" })]);
 }
-function Zl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
+function fn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
 }
-function Xl(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6 18 18 6M6 6l12 12" })]);
+function mn(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6 18 18 6M6 6l12 12" })]);
 }
-const Ql = { class: "py-1" }, ea = ["onClick"], ta = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, la = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), aa = { name: "uiDropdown" }, na = Object.assign(aa, { props: { items: { type: Array, required: true }, position: { type: String, default: "left" }, disabled: Boolean, label: String, loading: { type: Boolean, default: true } }, emits: ["optionSelected"], setup(l2, { emit: o2 }) {
-  const s2 = o2, u2 = l2, d2 = y(() => {
-    let e2 = u2.items.find((e3) => true === e3.active);
-    return e2 ? e2.name : u2.label;
+const vn = { class: "py-1" }, bn = ["onClick"], hn = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, yn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), xn = { name: "uiDropdown" }, wn = Object.assign(xn, { props: { items: { type: Array, required: true }, position: { type: String, default: "left" }, disabled: Boolean, label: String, loading: { type: Boolean, default: true } }, emits: ["optionSelected"], setup(l2, { emit: r2 }) {
+  const s2 = r2, c2 = l2, p2 = u(() => {
+    let e2 = c2.items.find((e3) => true === e3.active);
+    return e2 ? e2.name : c2.label;
   });
-  return (o3, p2) => l2.loading ? (e(), n("div", ta, [la, r(C(Hl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(C(cl), { key: 0, as: "div", class: a(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: D(() => [i("div", null, [r(C(pl), { class: "inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, { default: D(() => [M(P(d2.value) + " ", 1), r(C(Hl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), r(_, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [l2.disabled ? j("", true) : (e(), t(C(gl), { key: 0, class: a([{ "right-0": "right" === l2.position, "left-0": "left" === l2.position }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"]) }, { default: D(() => [i("div", Ql, [(e(true), n(c, null, T(l2.items, (l3, n2) => (e(), t(C(fl), { key: n2 }, { default: D(() => [i("a", { onClick: (e2) => ((e3) => {
-    u2.disabled || s2("optionSelected", e3.value);
-  })(l3), class: a([l3.active ? "bg-gray-100 text-gray-900" : "text-gray-700", "block px-4 py-2 text-sm cursor-pointer"]) }, P(l3.name), 11, ea)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
-} }), ra = { key: 0 }, oa = { class: "flex justify-between" }, ia = { key: 0, class: "block text-sm font-medium text-gray-700" }, sa = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, ua = ["disabled", "name", "placeholder", "type"], da = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, ca = { key: 1, class: "animate-pulse" }, pa = { key: 0, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, ga = i("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left w-full" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })], -1), fa = { name: "uiInput" }, ma = Object.assign(fa, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
+  return (r3, u2) => l2.loading ? (e(), a("div", hn, [yn, o(d(nn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(d(Tl), { key: 0, as: "div", class: n(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: D(() => [i("div", null, [o(d(El), { class: "inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, { default: D(() => [_(I(p2.value) + " ", 1), o(d(nn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), o(P, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [l2.disabled ? R("", true) : (e(), t(d(Dl), { key: 0, class: n([{ "right-0": "right" === l2.position, "left-0": "left" === l2.position }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"]) }, { default: D(() => [i("div", vn, [(e(true), a(x, null, j(l2.items, (l3, a2) => (e(), t(d(_l), { key: a2 }, { default: D(() => [i("a", { onClick: (e2) => ((e3) => {
+    c2.disabled || s2("optionSelected", e3.value);
+  })(l3), class: n([l3.active ? "bg-gray-100 text-gray-900" : "text-gray-700", "block px-4 py-2 text-sm cursor-pointer"]) }, I(l3.name), 11, bn)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
+} }), kn = { key: 0 }, Sn = { class: "flex justify-between" }, Cn = { key: 0, class: "block text-sm font-medium text-gray-700" }, On = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, Mn = ["disabled", "name", "placeholder", "type"], Tn = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, En = { key: 1, class: "animate-pulse" }, Dn = { key: 0, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, _n = i("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left w-full" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })], -1), In = { name: "uiInput" }, Pn = Object.assign(In, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
 } }, disabled: Boolean, color: { type: String, default: "gray" }, value: { type: String, default: "" }, error: String, optional: String, addOn: String, rightAddOn: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"], setup(t2, { emit: l2 }) {
-  const o2 = l2, u2 = t2, d2 = (e2) => {
-    o2("inputChanged", { value: e2.target.value, name: e2.target.name });
-  }, c2 = s(u2.value);
-  return x(() => u2.value, (e2) => {
-    c2.value = e2, o2("inputChanged", { name: u2.name, inputValue: c2.value });
-  }), (l3, o3) => t2.loading ? (e(), n("div", ca, [void 0 !== t2.label ? (e(), n("div", pa)) : j("", true), ga])) : (e(), n("div", ra, [i("div", oa, [t2.label ? (e(), n("label", ia, P(t2.label), 1)) : j("", true), t2.optional ? (e(), n("span", sa, P(t2.optional), 1)) : j("", true)]), i("div", { class: a([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), n("span", { key: 0, onClick: o3[0] || (o3[0] = (e2) => l3.$emit("addOnClicked")), class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, P(t2.addOn), 1)) : j("", true), E(i("input", { "onUpdate:modelValue": o3[1] || (o3[1] = (e2) => c2.value = e2), class: a([{ "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-400": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color, "rounded-md": !t2.addOn || !t2.rightAddOn, "rounded-r-md": t2.addOn, "rounded-l-none": t2.addOn, "rounded-l-md": t2.rightAddOn, "rounded-r-none": t2.rightAddOn }, "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 placeholder-gray-300"]), disabled: t2.disabled, name: t2.name, placeholder: t2.placeholder, type: t2.type, onInput: d2 }, null, 42, ua), [[L, c2.value]]), t2.rightAddOn ? (e(), n("span", { key: 1, onClick: o3[2] || (o3[2] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer" }, P(t2.rightAddOn), 1)) : j("", true), t2.icon ? (e(), n("div", da, [r(z, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), E(r(z, { icon: C($l), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "success" === t2.color]]), E(r(z, { icon: C(Ul), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "warning" === t2.color]]), E(r(z, { icon: C(Xl), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "danger" === t2.color]])])) : j("", true)], 2), E(i("p", { class: a([{ "text-gray-400": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, P(t2.error), 3), [[B, t2.error]])]));
-} }), va = { key: 0 }, ya = { class: "flex justify-between" }, ba = { key: 0, class: "block text-sm font-medium text-gray-700" }, ha = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, xa = { class: "space-y-1 flex flex-col items-center justify-center" }, wa = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, ka = { for: "file-upload", class: "relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500" }, Sa = ["accept"], Ca = { class: "pl-1" }, Oa = { class: "text-xs text-gray-500 pb-4" }, Da = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Ma = { key: 1, class: "animate-pulse" }, Pa = [i("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [i("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/4 mb-3" })], -1)], _a = { name: "uiInputFile" }, Ta = Object.assign(_a, { props: { name: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m0-3-3-3m0 0-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75" })]);
+  const r2 = l2, u2 = t2, c2 = (e2) => {
+    r2("inputChanged", { value: e2.target.value, name: e2.target.name });
+  }, g2 = s(u2.value);
+  return p(() => u2.value, (e2) => {
+    g2.value = e2, r2("inputChanged", { name: u2.name, inputValue: g2.value });
+  }), (l3, r3) => t2.loading ? (e(), a("div", En, [void 0 !== t2.label ? (e(), a("div", Dn)) : R("", true), _n])) : (e(), a("div", kn, [i("div", Sn, [t2.label ? (e(), a("label", Cn, I(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", On, I(t2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), a("span", { key: 0, onClick: r3[0] || (r3[0] = (e2) => l3.$emit("addOnClicked")), class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, I(t2.addOn), 1)) : R("", true), B(i("input", { "onUpdate:modelValue": r3[1] || (r3[1] = (e2) => g2.value = e2), class: n([{ "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-400": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color, "rounded-md": !t2.addOn || !t2.rightAddOn, "rounded-r-md": t2.addOn, "rounded-l-none": t2.addOn, "rounded-l-md": t2.rightAddOn, "rounded-r-none": t2.rightAddOn }, "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 placeholder-gray-300"]), disabled: t2.disabled, name: t2.name, placeholder: t2.placeholder, type: t2.type, onInput: c2 }, null, 42, Mn), [[L, g2.value]]), t2.rightAddOn ? (e(), a("span", { key: 1, onClick: r3[2] || (r3[2] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer" }, I(t2.rightAddOn), 1)) : R("", true), t2.icon ? (e(), a("div", Tn, [o(W, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), B(o(W, { icon: d(ln), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[A, "success" === t2.color]]), B(o(W, { icon: d(un), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[A, "warning" === t2.color]]), B(o(W, { icon: d(mn), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[A, "danger" === t2.color]])])) : R("", true)], 2), B(i("p", { class: n([{ "text-gray-400": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, I(t2.error), 3), [[A, t2.error]])]));
+} }), jn = { key: 0 }, Rn = { class: "flex justify-between" }, Bn = { key: 0, class: "block text-sm font-medium text-gray-700" }, Ln = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, An = { class: "space-y-1 flex flex-col items-center justify-center" }, Fn = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Nn = { for: "file-upload", class: "relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500" }, zn = ["accept"], $n = { class: "pl-1" }, Hn = { class: "text-xs text-gray-500 pb-4" }, Vn = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Yn = { key: 1, class: "animate-pulse" }, Un = [i("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [i("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/4 mb-3" })], -1)], qn = { name: "uiInputFile" }, Wn = Object.assign(qn, { props: { name: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m0-3-3-3m0 0-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75" })]);
 } }, loading: { type: Boolean, default: true } }, emits: ["filesUploaded"], setup(t2, { emit: l2 }) {
-  const o2 = s(""), u2 = l2, d2 = t2, c2 = (e2) => {
+  const r2 = s(""), u2 = l2, c2 = t2, p2 = (e2) => {
     let t3 = e2.dataTransfer.files;
-    u2("filesUploaded", t3), d2.filename = t3[0].name;
-  }, p2 = (e2) => {
-    u2("filesUploaded", e2.target.files), d2.filename = e2.target.files[0].name;
+    u2("filesUploaded", t3), c2.filename = t3[0].name;
+  }, g2 = (e2) => {
+    u2("filesUploaded", e2.target.files), c2.filename = e2.target.files[0].name;
   };
-  return (l3, s2) => t2.loading ? (e(), n("div", Ma, Pa)) : (e(), n("div", va, [i("div", ya, [t2.label ? (e(), n("label", ba, P(t2.label), 1)) : j("", true), t2.optional ? (e(), n("span", ha, P(t2.optional), 1)) : j("", true)]), i("div", { class: a([[{ "mt-1": t2.label }, { "border-gray-300 hover:border-gray-400": !t2.error }, { "border-red-300 hover:border-red-400": t2.error }], "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"]), onDragover: s2[0] || (s2[0] = I(() => {
-  }, ["prevent"])), onDrop: I(c2, ["prevent"]) }, [i("div", xa, [r(z, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", wa, [i("label", ka, [i("span", null, P(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: p2 }, null, 40, Sa)]), i("p", Ca, P(t2.dragAndDrop), 1)]), i("p", Oa, P(t2.fileTypesAndSizes), 1), E(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, P(o2.value), 513), [[B, "" !== o2.value]])])], 34), E(i("p", Da, [r(z, { icon: C(Zl), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), M(P(t2.error), 1)], 512), [[B, t2.error]])]));
-} }), ja = { class: "relative mt-1" }, Ea = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, La = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), Ba = { name: "uiSelect" }, Ia = Object.assign(Ba, { props: { items: { type: Array, required: true }, label: String, select: Object, loading: { type: Boolean, default: true } }, emits: ["selectChanged"], setup(l2, { emit: o2 }) {
-  const u2 = s(""), d2 = o2, p2 = l2, g2 = y(() => "" === u2.value ? p2.items : p2.items.filter((e2) => e2.name.toLowerCase().includes(u2.value.toLowerCase()))), f2 = y(() => p2.select);
-  return (o3, s2) => l2.loading ? (e(), n("div", Ea, [La, r(C(zl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(C(ct), { key: 0, modelValue: f2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => f2.value = e2), s2[2] || (s2[2] = (e2) => d2("selectChanged", e2))], as: "div" }, { default: D(() => [r(C(pt), { class: "block text-sm font-medium text-gray-700" }, { default: D(() => [M(P(l2.label), 1)]), _: 1 }), i("div", ja, [r(C(ft), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm", onChange: s2[0] || (s2[0] = (e2) => u2.value = e2.target.value) }, null, 8, ["display-value"]), r(C(gt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: D(() => [r(C(zl), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), g2.value.length > 0 ? (e(), t(C(mt), { key: 0, class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, { default: D(() => [(e(true), n(c, null, T(g2.value, (l3) => (e(), t(C(vt), { key: l3.id, value: l3, as: "template" }, { default: D(({ active: t2, selected: o4 }) => [i("li", { class: a(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: a(["block truncate", o4 && "font-semibold"]) }, P(l3.name), 3), o4 ? (e(), n("span", { key: 0, class: a(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [r(C($l), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : j("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : j("", true)])]), _: 1 }, 8, ["modelValue"]));
-} }), Ra = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, Aa = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], Fa = { name: "uiTag" }, Na = Object.assign(Fa, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("div", Ra, Aa)) : (e(), n("span", { key: 0, class: a([{ "bg-indigo-100 text-indigo-800 border border-indigo-200": "primary" === t2.color, "bg-red-100 text-red-800 border border-red-200": "danger" === t2.color, "bg-yellow-100 text-yellow-800 border border-yellow-200": "warning" === t2.color, "bg-green-100 text-green-800 border border-green-200": "success" === t2.color, "bg-black text-white border border-black": "black" === t2.color, "text-black border border-gray-200 bg-white": "white" === t2.color }, "inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"]) }, [o(l2.$slots, "default")], 2)) }), $a = { key: 0 }, Ha = { key: 0, class: "block text-sm font-medium text-gray-700" }, Ya = ["disabled", "placeholder"], Va = { key: 1, class: "animate-pulse" }, za = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1), i("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)], qa = { name: "uiTextArea" }, Ua = Object.assign(qa, { props: { label: String, placeholder: { type: String, default: "..." }, value: String, color: String, disabled: { type: Boolean, default: false }, error: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged"], setup(t2, { emit: l2 }) {
-  const o2 = l2, u2 = t2, d2 = (e2) => {
-    o2("inputChanged", e2.target.value);
-  }, c2 = s(u2.value);
-  return x(() => u2.value, (e2) => {
-    c2.value = e2, o2("inputChanged", e2);
-  }), (l3, o3) => t2.loading ? (e(), n("div", Va, za)) : (e(), n("div", $a, [t2.label ? (e(), n("label", Ha, P(t2.label), 1)) : j("", true), i("div", { class: a({ "mt-1": t2.label }) }, [E(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": o3[0] || (o3[0] = (e2) => c2.value = e2), placeholder: t2.placeholder, class: a(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", { "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-300": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }]), onChange: d2 }, null, 42, Ya), [[R, c2.value]])], 2), E(i("p", { class: a([{ "text-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, [r(z, { icon: C(Zl), color: "red", class: "mr-2" }, null, 8, ["icon"]), M(P(t2.error), 1)], 2), [[B, t2.error]])]));
-} }), Wa = { class: "text-sm font-medium text-gray-900" }, Ka = { key: 0, class: "text-sm text-gray-500 ml-2" }, Ja = { key: 1, class: "animate-pulse flex items-center" }, Ga = [i("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [i("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })], -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16 ml-2" }, null, -1)], Za = { name: "uiToggle" }, Xa = Object.assign(Za, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
-  const o2 = s(l2.checked);
-  return (s2, u2) => l2.loading ? (e(), n("div", Ja, Ga)) : (e(), t(C(xl), { key: 0, as: "div", class: "flex items-center relative" }, { default: D(() => [r(C(wl), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !o2.value })), modelValue: o2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => o2.value = e2), class: a([o2.value ? "bg-indigo-600" : "bg-gray-200", "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"]) }, { default: D(() => [i("span", { "aria-hidden": "true", class: a([o2.value ? "translate-x-5" : "translate-x-0", l2.disabled ? "bg-gray-300" : "", "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"]) }, null, 2)]), _: 1 }, 8, ["disabled", "modelValue", "class"]), r(C(kl), { as: "span", class: "ml-3" }, { default: D(() => [i("span", Wa, P(l2.item.title), 1), l2.item.subtitle ? (e(), n("span", Ka, P(l2.item.subtitle), 1)) : j("", true)]), _: 1 }), l2.item.action ? (e(), n("span", { key: 0, class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5", onClick: u2[2] || (u2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, P(l2.item.action), 1)) : j("", true)]), _: 1 }));
-} }), Qa = { key: 0, class: "flex flex-col" }, en = { class: "flex" }, tn = { class: "flex-shrink-0" }, ln = { class: "ml-3" }, an = { class: "mt-4" }, nn = { class: "-mx-2 -my-1.5 flex" }, rn = ["onClick"], on = { key: 1, class: "flex flex-col animate-pulse" }, sn = [A('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)], un = { name: "uiAlert" }, dn = Object.assign(un, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), n("div", on, sn)) : (e(), n("div", Qa, [i("div", { class: a([{ "bg-indigo-50 border-indigo-400": "info" === l2.type, "bg-red-50 border-red-400": "danger" === l2.type, "bg-yellow-50 border-yellow-400": "warning" === l2.type, "bg-green-50 border-green-400": "success" === l2.type }, "p-4 border-l-4 rounded"]) }, [i("div", en, [i("div", tn, ["info" === l2.type ? (e(), t(C(Jl), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : j("", true), "danger" === l2.type ? (e(), t(C(Zl), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : j("", true), "warning" === l2.type ? (e(), t(C(Ul), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : j("", true), "success" === l2.type ? (e(), t(C(Nl), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : j("", true)]), i("div", ln, [i("h3", { class: a([{ "text-red-800": "danger" === l2.type, "text-yellow-800": "warning" === l2.type, "text-green-800": "success" === l2.type }, "text-sm font-medium"]) }, P(l2.title), 3), i("div", { class: a([{ "text-red-700": "danger" === l2.type, "text-yellow-700": "warning" === l2.type, "text-green-700": "success" === l2.type }, "mt-2 text-sm"]) }, [o(r2.$slots, "default")], 2), i("div", an, [i("div", nn, [(e(true), n(c, null, T(l2.actions, (t2, o2) => (e(), n("button", { onClick: (e2) => r2.$emit("alertEvent", t2.event), type: "button", key: o2, class: a([{ "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": "success" === l2.type, "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": "info" === l2.type, "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": "danger" === l2.type, "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": "warning" === l2.type }, "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"]) }, P(t2.name), 11, rn))), 128))])])])])], 2)])) }), cn = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, pn = { role: "list", class: "flex items-center space-x-4 text-xs" }, gn = { key: 0 }, fn = ["onClick"], mn = { key: 1, class: "flex items-center" }, vn = ["onClick", "aria-current"], yn = { key: 1, class: "flex flex-row items-center animate-pulse" }, bn = [i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1), i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)], hn = { name: "uiBreadcrumbs" }, xn = Object.assign(hn, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), n("div", yn, bn)) : (e(), n("nav", cn, [i("ol", pn, [(e(true), n(c, null, T(t2.pages, (t3, o3) => (e(), n("li", { key: o3 }, [0 === o3 ? (e(), n("div", gn, [i("p", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer" }, [r(C(Kl), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, P(t3.name), 1)], 8, fn)])) : (e(), n("div", mn, [r(C(Vl), { class: "flex-shrink-0 h-3 w-3 text-gray-400", "aria-hidden": "true" }), i("span", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: a(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !t3.current }]), "aria-current": t3.current ? "page" : "" }, P(t3.name), 11, vn)]))]))), 128))])])) }), wn = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, kn = ["src"], Sn = { class: "font-bold text-center sm:text-left" }, Cn = { class: "mt-1 text-xs text-center sm:text-left" }, On = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Dn = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, Mn = [A('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)], Pn = { name: "uiCard" }, _n = Object.assign(Pn, { props: { id: { type: String, required: true }, name: { type: String, required: true }, type: String, tags: Array, logo: String, loading: { type: Boolean, default: true } }, setup: (l2) => (a2, r2) => {
+  return (l3, s2) => t2.loading ? (e(), a("div", Yn, Un)) : (e(), a("div", jn, [i("div", Rn, [t2.label ? (e(), a("label", Bn, I(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Ln, I(t2.optional), 1)) : R("", true)]), i("div", { class: n([[{ "mt-1": t2.label }, { "border-gray-300 hover:border-gray-400": !t2.error }, { "border-red-300 hover:border-red-400": t2.error }], "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"]), onDragover: s2[0] || (s2[0] = F(() => {
+  }, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div", An, [o(W, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", Fn, [i("label", Nn, [i("span", null, I(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: g2 }, null, 40, zn)]), i("p", $n, I(t2.dragAndDrop), 1)]), i("p", Hn, I(t2.fileTypesAndSizes), 1), B(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, I(r2.value), 513), [[A, "" !== r2.value]])])], 34), B(i("p", Vn, [o(W, { icon: d(fn), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), _(I(t2.error), 1)], 512), [[A, t2.error]])]));
+} }), Kn = { class: "relative mt-1" }, Jn = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, Gn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), Zn = { name: "uiSelect" }, Xn = Object.assign(Zn, { props: { items: { type: Array, required: true }, label: String, select: Object, loading: { type: Boolean, default: true } }, emits: ["selectChanged"], setup(l2, { emit: r2 }) {
+  const c2 = s(""), p2 = r2, g2 = l2, f2 = u(() => "" === c2.value ? g2.items : g2.items.filter((e2) => e2.name.toLowerCase().includes(c2.value.toLowerCase()))), m2 = u(() => g2.select);
+  return (r3, s2) => l2.loading ? (e(), a("div", Jn, [Gn, o(d(rn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(d(Dt), { key: 0, modelValue: m2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => m2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], as: "div" }, { default: D(() => [o(d(_t), { class: "block text-sm font-medium text-gray-700" }, { default: D(() => [_(I(l2.label), 1)]), _: 1 }), i("div", Kn, [o(d(Pt), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm", onChange: s2[0] || (s2[0] = (e2) => c2.value = e2.target.value) }, null, 8, ["display-value"]), o(d(It), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: D(() => [o(d(rn), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), f2.value.length > 0 ? (e(), t(d(jt), { key: 0, class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, { default: D(() => [(e(true), a(x, null, j(f2.value, (l3) => (e(), t(d(Rt), { key: l3.id, value: l3, as: "template" }, { default: D(({ active: t2, selected: r4 }) => [i("li", { class: n(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: n(["block truncate", r4 && "font-semibold"]) }, I(l3.name), 3), r4 ? (e(), a("span", { key: 0, class: n(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [o(d(ln), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : R("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : R("", true)])]), _: 1 }, 8, ["modelValue"]));
+} }), Qn = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, ea = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], ta = { name: "uiTag" }, la = Object.assign(ta, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("div", Qn, ea)) : (e(), a("span", { key: 0, class: n([{ "bg-indigo-100 text-indigo-800 border border-indigo-200": "primary" === t2.color, "bg-red-100 text-red-800 border border-red-200": "danger" === t2.color, "bg-yellow-100 text-yellow-800 border border-yellow-200": "warning" === t2.color, "bg-green-100 text-green-800 border border-green-200": "success" === t2.color, "bg-black text-white border border-black": "black" === t2.color, "text-black border border-gray-200 bg-white": "white" === t2.color }, "inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"]) }, [r(l2.$slots, "default")], 2)) }), na = { key: 0 }, aa = { key: 0, class: "block text-sm font-medium text-gray-700" }, oa = ["disabled", "placeholder"], ra = { key: 1, class: "animate-pulse" }, ia = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1), i("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)], sa = { name: "uiTextArea" }, ua = Object.assign(sa, { props: { label: String, placeholder: { type: String, default: "..." }, value: String, color: String, disabled: { type: Boolean, default: false }, error: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged"], setup(t2, { emit: l2 }) {
+  const r2 = l2, u2 = t2, c2 = (e2) => {
+    r2("inputChanged", e2.target.value);
+  }, g2 = s(u2.value);
+  return p(() => u2.value, (e2) => {
+    g2.value = e2, r2("inputChanged", e2);
+  }), (l3, r3) => t2.loading ? (e(), a("div", ra, ia)) : (e(), a("div", na, [t2.label ? (e(), a("label", aa, I(t2.label), 1)) : R("", true), i("div", { class: n({ "mt-1": t2.label }) }, [B(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": r3[0] || (r3[0] = (e2) => g2.value = e2), placeholder: t2.placeholder, class: n(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", { "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-300": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }]), onChange: c2 }, null, 42, oa), [[N, g2.value]])], 2), B(i("p", { class: n([{ "text-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, [o(W, { icon: d(fn), color: "red", class: "mr-2" }, null, 8, ["icon"]), _(I(t2.error), 1)], 2), [[A, t2.error]])]));
+} }), da = { class: "text-sm font-medium text-gray-900" }, ca = { key: 0, class: "text-sm text-gray-500 ml-2" }, pa = { key: 1, class: "animate-pulse flex items-center" }, ga = [i("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [i("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })], -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16 ml-2" }, null, -1)], fa = { name: "uiToggle" }, ma = Object.assign(fa, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
+  const r2 = s(l2.checked);
+  return (s2, u2) => l2.loading ? (e(), a("div", pa, ga)) : (e(), t(d(Ll), { key: 0, as: "div", class: "flex items-center relative" }, { default: D(() => [o(d(Al), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !r2.value })), modelValue: r2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => r2.value = e2), class: n([r2.value ? "bg-indigo-600" : "bg-gray-200", "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"]) }, { default: D(() => [i("span", { "aria-hidden": "true", class: n([r2.value ? "translate-x-5" : "translate-x-0", l2.disabled ? "bg-gray-300" : "", "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"]) }, null, 2)]), _: 1 }, 8, ["disabled", "modelValue", "class"]), o(d(Fl), { as: "span", class: "ml-3" }, { default: D(() => [i("span", da, I(l2.item.title), 1), l2.item.subtitle ? (e(), a("span", ca, I(l2.item.subtitle), 1)) : R("", true)]), _: 1 }), l2.item.action ? (e(), a("span", { key: 0, class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5", onClick: u2[2] || (u2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, I(l2.item.action), 1)) : R("", true)]), _: 1 }));
+} }), va = { key: 0, class: "flex flex-col" }, ba = { class: "flex" }, ha = { class: "flex-shrink-0" }, ya = { class: "ml-3" }, xa = { class: "mt-4" }, wa = { class: "-mx-2 -my-1.5 flex" }, ka = ["onClick"], Sa = { key: 1, class: "flex flex-col animate-pulse" }, Ca = [z('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)], Oa = { name: "uiAlert" }, Ma = Object.assign(Oa, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (o2, s2) => l2.loading ? (e(), a("div", Sa, Ca)) : (e(), a("div", va, [i("div", { class: n([{ "bg-indigo-50 border-indigo-400": "info" === l2.type, "bg-red-50 border-red-400": "danger" === l2.type, "bg-yellow-50 border-yellow-400": "warning" === l2.type, "bg-green-50 border-green-400": "success" === l2.type }, "p-4 border-l-4 rounded"]) }, [i("div", ba, [i("div", ha, ["info" === l2.type ? (e(), t(d(pn), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : R("", true), "danger" === l2.type ? (e(), t(d(fn), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : R("", true), "warning" === l2.type ? (e(), t(d(un), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : R("", true), "success" === l2.type ? (e(), t(d(tn), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : R("", true)]), i("div", ya, [i("h3", { class: n([{ "text-red-800": "danger" === l2.type, "text-yellow-800": "warning" === l2.type, "text-green-800": "success" === l2.type }, "text-sm font-medium"]) }, I(l2.title), 3), i("div", { class: n([{ "text-red-700": "danger" === l2.type, "text-yellow-700": "warning" === l2.type, "text-green-700": "success" === l2.type }, "mt-2 text-sm"]) }, [r(o2.$slots, "default")], 2), i("div", xa, [i("div", wa, [(e(true), a(x, null, j(l2.actions, (t2, r2) => (e(), a("button", { onClick: (e2) => o2.$emit("alertEvent", t2.event), type: "button", key: r2, class: n([{ "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": "success" === l2.type, "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": "info" === l2.type, "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": "danger" === l2.type, "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": "warning" === l2.type }, "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"]) }, I(t2.name), 11, ka))), 128))])])])])], 2)])) }), Ta = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, Ea = { role: "list", class: "flex items-center space-x-4 text-xs" }, Da = { key: 0 }, _a = ["onClick"], Ia = { key: 1, class: "flex items-center" }, Pa = ["onClick", "aria-current"], ja = { key: 1, class: "flex flex-row items-center animate-pulse" }, Ra = [i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1), i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)], Ba = { name: "uiBreadcrumbs" }, La = Object.assign(Ba, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), a("div", ja, Ra)) : (e(), a("nav", Ta, [i("ol", Ea, [(e(true), a(x, null, j(t2.pages, (t3, r3) => (e(), a("li", { key: r3 }, [0 === r3 ? (e(), a("div", Da, [i("p", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer" }, [o(d(cn), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, I(t3.name), 1)], 8, _a)])) : (e(), a("div", Ia, [o(d(on), { class: "flex-shrink-0 h-3 w-3 text-gray-400", "aria-hidden": "true" }), i("span", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: n(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !t3.current }]), "aria-current": t3.current ? "page" : "" }, I(t3.name), 11, Pa)]))]))), 128))])])) }), Aa = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Fa = ["src"], Na = { class: "font-bold text-center sm:text-left" }, za = { class: "mt-1 text-xs text-center sm:text-left" }, $a = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Ha = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, Va = [z('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)], Ya = { name: "uiCard" }, Ua = Object.assign(Ya, { props: { id: { type: String, required: true }, name: { type: String, required: true }, type: String, tags: Array, logo: String, loading: { type: Boolean, default: true } }, setup: (l2) => (n2, o2) => {
   var _a2;
-  return l2.loading ? (e(), n("div", Dn, Mn)) : (e(), n("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => a2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", wn, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, kn), i("div", null, [i("h4", Sn, P(l2.name), 1), i("p", Cn, P(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), n("div", On, [(e(true), n(c, null, T(l2.tags, (a3) => (e(), t(Na, { class: "mb-1 mr-1", key: a3.name, color: a3.color, loading: l2.loading }, { default: D(() => [M(P(a3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : j("", true)]));
-} }), Tn = { name: "uiFilter" }, jn = Object.assign(Tn, { props: { position: { type: String, default: "left" }, items: { type: Array, required: true }, label: { type: String, required: true }, loading: { type: Boolean, default: true } }, emits: ["filterSelected"], setup(l2, { emit: a2 }) {
-  const n2 = a2, r2 = s(l2.items);
-  return (a3, o2) => (e(), t(na, { loading: l2.loading, onOptionSelected: o2[0] || (o2[0] = (e2) => ((e3) => {
-    r2.value.forEach((t2) => {
+  return l2.loading ? (e(), a("div", Ha, Va)) : (e(), a("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: o2[0] || (o2[0] = (e2) => n2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", Aa, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Fa), i("div", null, [i("h4", Na, I(l2.name), 1), i("p", za, I(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), a("div", $a, [(e(true), a(x, null, j(l2.tags, (n3) => (e(), t(la, { class: "mb-1 mr-1", key: n3.name, color: n3.color, loading: l2.loading }, { default: D(() => [_(I(n3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : R("", true)]));
+} }), qa = { name: "uiFilter" }, Wa = Object.assign(qa, { props: { position: { type: String, default: "left" }, items: { type: Array, required: true }, label: { type: String, required: true }, loading: { type: Boolean, default: true } }, emits: ["filterSelected"], setup(l2, { emit: n2 }) {
+  const a2 = n2, o2 = s(l2.items);
+  return (n3, r2) => (e(), t(wn, { loading: l2.loading, onOptionSelected: r2[0] || (r2[0] = (e2) => ((e3) => {
+    o2.value.forEach((t2) => {
       t2.value !== e3 ? t2.active = false : t2.active = true;
-    }), n2("filterSelected", e3);
-  })(e2)), position: l2.position, items: r2.value, label: l2.label }, null, 8, ["loading", "position", "items", "label"]));
-} }), En = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), Ln = { class: "fixed inset-0 z-10 overflow-y-auto" }, Bn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, In = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Rn = i("span", { class: "sr-only" }, "X", -1), An = { class: "sm:flex sm:items-start" }, Fn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4" }, Nn = { class: "mt-4 text-gray-500 text-sm" }, $n = { key: 0, class: "mt-8" }, Hn = ["onClick"], Yn = { name: "uiModal" }, Vn = Object.assign(Yn, { props: { title: String, actions: Object, modalName: String, open: { type: Boolean, default: false }, type: { type: String, default: "default" }, loading: { type: Boolean, default: false } }, emits: ["modalAction"], setup(l2, { emit: s2 }) {
-  const u2 = l2, d2 = s2, p2 = (e2) => {
-    d2("modalAction", { modal: u2.modalName, action: e2 });
+    }), a2("filterSelected", e3);
+  })(e2)), position: l2.position, items: o2.value, label: l2.label }, null, 8, ["loading", "position", "items", "label"]));
+} }), Ka = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), Ja = { class: "fixed inset-0 z-10 overflow-y-auto" }, Ga = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Za = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Xa = i("span", { class: "sr-only" }, "X", -1), Qa = { class: "sm:flex sm:items-start" }, eo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4" }, to = { class: "mt-4 text-gray-500 text-sm" }, lo = { key: 0, class: "mt-8" }, no = ["onClick"], ao = { name: "uiModal" }, oo = Object.assign(ao, { props: { title: String, actions: Object, modalName: String, open: { type: Boolean, default: false }, type: { type: String, default: "default" }, loading: { type: Boolean, default: false } }, emits: ["modalAction"], setup(l2, { emit: s2 }) {
+  const u2 = l2, c2 = s2, p2 = (e2) => {
+    c2("modalAction", { modal: u2.modalName, action: e2 });
   };
-  return (s3, u3) => (e(), t(C(Rl), { as: "template", show: l2.open }, { default: D(() => [r(C(Kt), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => p2("close")) }, { default: D(() => [r(C(Bl), { as: "template", enter: "ease-out duration-300", "enter-from": "opacity-0", "enter-to": "opacity-100", leave: "ease-in duration-200", "leave-from": "opacity-100", "leave-to": "opacity-0" }, { default: D(() => [En]), _: 1 }), i("div", Ln, [i("div", Bn, [r(C(Bl), { as: "template", enter: "ease-out duration-300", "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", "enter-to": "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", "leave-from": "opacity-100 translate-y-0 sm:scale-100", "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" }, { default: D(() => [r(C(Jt), { class: "relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 w-9/12 sm:w-full sm:max-w-lg sm:p-6" }, { default: D(() => [i("div", In, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: u3[0] || (u3[0] = (e2) => p2("close")) }, [Rn, r(z, { icon: C(Xl), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", An, [i("div", { class: a(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", { "bg-red-100": "danger" === l2.type, "bg-green-100": "success" === l2.type, "bg-indigo-100": "default" === l2.type, "bg-yellow-100": "warning" === l2.type }]) }, [E(r(C(Xl), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[B, "danger" === l2.type]]), E(r(C($l), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[B, "success" === l2.type]]), E(r(C(Ul), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[B, "warning" === l2.type]]), E(r(C(Wl), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[B, "default" === l2.type]])], 2), i("div", Fn, [r(C(Gt), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: D(() => [M(P(l2.title), 1)]), _: 1 }), i("div", Nn, [o(s3.$slots, "default")]), l2.actions ? (e(), n("div", $n, [(e(true), n(c, null, T(l2.actions, (t2, l3) => (e(), n("button", { key: l3, type: "button", class: "inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm", onClick: (e2) => p2(t2.value) }, P(t2.name), 9, Hn))), 128))])) : j("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
-} }), zn = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, qn = { key: 0, class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden" }, Un = { class: "p-4" }, Wn = { class: "flex items-start" }, Kn = { class: "flex-shrink-0 mt-0.5" }, Jn = { class: "ml-3 w-0 flex-1 pt-0.5" }, Gn = { class: "font-medium text-gray-900" }, Zn = { class: "mt-1 text-sm text-gray-500" }, Xn = { class: "ml-4 flex-shrink-0 flex" }, Qn = i("span", { class: "sr-only" }, "Close", -1), er = { name: "uiNotification" }, tr = Object.assign(er, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
-  const l2 = t2, o2 = y(() => l2.show);
-  return (l3, s2) => (e(), n("div", { "aria-live": "assertive", class: a([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", zn, [r(_, { "enter-active-class": "transform ease-out duration-300 transition", "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2", "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0", "leave-active-class": "transition ease-in duration-100", "leave-from-class": "opacity-100", "leave-to-class": "opacity-0" }, { default: D(() => [o2.value ? (e(), n("div", qn, [i("div", Un, [i("div", Wn, [i("div", Kn, [E(r(C(Nl), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[B, "success" === t2.type]]), E(r(C(Zl), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[B, "danger" === t2.type]]), E(r(C(Ul), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[B, "warning" === t2.type]]), E(r(C(Jl), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[B, "info" === t2.type]])]), i("div", Jn, [i("p", Gn, P(t2.title), 1), i("p", Zn, P(t2.message), 1)]), i("div", Xn, [i("button", { class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", type: "button", onClick: s2[0] || (s2[0] = (e2) => l3.$emit("closeNotification")) }, [Qn, r(C(Xl), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : j("", true)]), _: 1 })])], 2));
-} }), lr = { key: 0, role: "list", class: "divide-y divide-gray-100" }, ar = { class: "min-w-0" }, nr = { class: "flex items-start gap-x-3" }, rr = { class: "text-sm font-semibold leading-6 text-gray-900" }, or = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ir = { class: "truncate" }, sr = { class: "flex flex-none items-center gap-x-4" }, ur = ["href"], dr = { class: "sr-only" }, cr = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, pr = [A('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)], gr = { name: "uiTaskList" }, fr = Object.assign(gr, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("ul", cr, [(e(true), n(c, null, T(t2.tasks, (t3) => (e(), n("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, pr))), 128))])) : (e(), n("ul", lr, [(e(true), n(c, null, T(t2.tasks, (t3) => (e(), n("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", ar, [i("div", nr, [i("p", rr, P(t3.name), 1), i("p", { class: a([{ "text-green-700 bg-green-50 ring-green-600/20": "Complete" === t3.status, "text-gray-600 bg-gray-50 ring-gray-500/10": "In progress" === t3.status, "text-yellow-800 bg-yellow-50 ring-yellow-600/20": "Incomplete" === t3.status }, "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"]) }, P(t3.statusLiteral), 3)]), i("div", or, [i("p", ir, P(t3.description), 1)])]), i("div", sr, [i("a", { href: t3.href, class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block" }, [M(P(t3.action), 1), i("span", dr, ", " + P(t3.name), 1)], 8, ur)])]))), 128))])) });
+  return (s3, u3) => (e(), t(d(Xl), { as: "template", show: l2.open }, { default: D(() => [o(d(dl), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => p2("close")) }, { default: D(() => [o(d(Gl), { as: "template", enter: "ease-out duration-300", "enter-from": "opacity-0", "enter-to": "opacity-100", leave: "ease-in duration-200", "leave-from": "opacity-100", "leave-to": "opacity-0" }, { default: D(() => [Ka]), _: 1 }), i("div", Ja, [i("div", Ga, [o(d(Gl), { as: "template", enter: "ease-out duration-300", "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", "enter-to": "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", "leave-from": "opacity-100 translate-y-0 sm:scale-100", "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" }, { default: D(() => [o(d(cl), { class: "relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 w-9/12 sm:w-full sm:max-w-lg sm:p-6" }, { default: D(() => [i("div", Za, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: u3[0] || (u3[0] = (e2) => p2("close")) }, [Xa, o(W, { icon: d(mn), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", Qa, [i("div", { class: n(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", { "bg-red-100": "danger" === l2.type, "bg-green-100": "success" === l2.type, "bg-indigo-100": "default" === l2.type, "bg-yellow-100": "warning" === l2.type }]) }, [B(o(d(mn), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[A, "danger" === l2.type]]), B(o(d(ln), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[A, "success" === l2.type]]), B(o(d(un), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[A, "warning" === l2.type]]), B(o(d(dn), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[A, "default" === l2.type]])], 2), i("div", eo, [o(d(pl), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: D(() => [_(I(l2.title), 1)]), _: 1 }), i("div", to, [r(s3.$slots, "default")]), l2.actions ? (e(), a("div", lo, [(e(true), a(x, null, j(l2.actions, (t2, l3) => (e(), a("button", { key: l3, type: "button", class: "inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm", onClick: (e2) => p2(t2.value) }, I(t2.name), 9, no))), 128))])) : R("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+} }), ro = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, io = { key: 0, class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden" }, so = { class: "p-4" }, uo = { class: "flex items-start" }, co = { class: "flex-shrink-0 mt-0.5" }, po = { class: "ml-3 w-0 flex-1 pt-0.5" }, go = { class: "font-medium text-gray-900" }, fo = { class: "mt-1 text-sm text-gray-500" }, mo = { class: "ml-4 flex-shrink-0 flex" }, vo = i("span", { class: "sr-only" }, "Close", -1), bo = { name: "uiNotification" }, ho = Object.assign(bo, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
+  const l2 = t2, r2 = u(() => l2.show);
+  return (l3, s2) => (e(), a("div", { "aria-live": "assertive", class: n([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", ro, [o(P, { "enter-active-class": "transform ease-out duration-300 transition", "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2", "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0", "leave-active-class": "transition ease-in duration-100", "leave-from-class": "opacity-100", "leave-to-class": "opacity-0" }, { default: D(() => [r2.value ? (e(), a("div", io, [i("div", so, [i("div", uo, [i("div", co, [B(o(d(tn), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[A, "success" === t2.type]]), B(o(d(fn), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[A, "danger" === t2.type]]), B(o(d(un), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[A, "warning" === t2.type]]), B(o(d(pn), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[A, "info" === t2.type]])]), i("div", po, [i("p", go, I(t2.title), 1), i("p", fo, I(t2.message), 1)]), i("div", mo, [i("button", { class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", type: "button", onClick: s2[0] || (s2[0] = (e2) => l3.$emit("closeNotification")) }, [vo, o(d(mn), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : R("", true)]), _: 1 })])], 2));
+} }), yo = { key: 0, role: "list", class: "divide-y divide-gray-100" }, xo = { class: "min-w-0" }, wo = { class: "flex items-start gap-x-3" }, ko = { class: "text-sm font-semibold leading-6 text-gray-900" }, So = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Co = { class: "truncate" }, Oo = { class: "flex flex-none items-center gap-x-4" }, Mo = ["href"], To = { class: "sr-only" }, Eo = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, Do = [z('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)], _o = { name: "uiTaskList" }, Io = Object.assign(_o, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("ul", Eo, [(e(true), a(x, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, Do))), 128))])) : (e(), a("ul", yo, [(e(true), a(x, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", xo, [i("div", wo, [i("p", ko, I(t3.name), 1), i("p", { class: n([{ "text-green-700 bg-green-50 ring-green-600/20": "Complete" === t3.status, "text-gray-600 bg-gray-50 ring-gray-500/10": "In progress" === t3.status, "text-yellow-800 bg-yellow-50 ring-yellow-600/20": "Incomplete" === t3.status }, "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"]) }, I(t3.statusLiteral), 3)]), i("div", So, [i("p", Co, I(t3.description), 1)])]), i("div", Oo, [i("a", { href: t3.href, class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block" }, [_(I(t3.action), 1), i("span", To, ", " + I(t3.name), 1)], 8, Mo)])]))), 128))])) });
 "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self && self;
-function mr(e2) {
+function Po(e2) {
   return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
 }
 !function(e2) {
   function t2(e3) {
     return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
   }
-  var l2 = t2(e2), a2 = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(e3) {
+  var l2 = t2(e2), n2 = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(e3) {
     return e3 + "º";
   } };
-  l2.default.locale(a2, null, true);
-}(H);
+  l2.default.locale(n2, null, true);
+}(Y);
 !function(e2) {
   function t2(e3) {
     return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
   }
-  var l2 = t2(e2), a2 = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
-  function n2(e3, t3, l3) {
-    var n3 = a2[l3];
-    return Array.isArray(n3) && (n3 = n3[t3 ? 0 : 1]), n3.replace("%d", e3);
+  var l2 = t2(e2), n2 = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
+  function a2(e3, t3, l3) {
+    var a3 = n2[l3];
+    return Array.isArray(a3) && (a3 = a3[t3 ? 0 : 1]), a3.replace("%d", e3);
   }
-  var r2 = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(e3) {
+  var o2 = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(e3) {
     return e3 + ".";
-  }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: n2, m: n2, mm: n2, h: n2, hh: n2, d: n2, dd: n2, M: n2, MM: n2, y: n2, yy: n2 } };
-  l2.default.locale(r2, null, true);
-}(H);
+  }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: a2, m: a2, mm: a2, h: a2, hh: a2, d: a2, dd: a2, M: a2, MM: a2, y: a2, yy: a2 } };
+  l2.default.locale(o2, null, true);
+}(Y);
 "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), "January_February_March_April_May_June_July_August_September_October_November_December".split("_");
 !function(e2) {
   function t2(e3) {
     return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
   }
-  var l2 = t2(e2), a2 = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(e3) {
+  var l2 = t2(e2), n2 = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(e3) {
     return e3 + (1 === e3 ? "er" : "");
   } };
-  l2.default.locale(a2, null, true);
-}(H);
-const vr = (e2, t2) => {
+  l2.default.locale(n2, null, true);
+}(Y);
+const jo = (e2, t2) => {
   const l2 = e2.__vccOpts || e2;
-  for (const [e3, a2] of t2)
-    l2[e3] = a2;
+  for (const [e3, n2] of t2)
+    l2[e3] = n2;
   return l2;
-}, yr = { class: "dateSelector flex items-center text-white flex-row" }, br = { class: "pagination flex items-center my-1 md:my-0" }, hr = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, xr = { class: "pagination flex items-center my-1 sm:my-0" };
-const wr = vr({ name: "dateSelector", components: { ChevronLeftIcon: Yl, ChevronRightIcon: Vl }, computed: { currentDate() {
-  return H(this.selectedDate).locale("es").format("DD MMM. YYYY");
+}, Ro = { class: "dateSelector flex items-center text-white flex-row" }, Bo = { class: "pagination flex items-center my-1 md:my-0" }, Lo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Ao = { class: "pagination flex items-center my-1 sm:my-0" };
+const Fo = jo({ name: "dateSelector", components: { ChevronLeftIcon: an, ChevronRightIcon: on }, computed: { currentDate() {
+  return Y(this.selectedDate).locale("es").format("DD MMM. YYYY");
 } }, props: { selectedDate: { type: Object, required: true } }, methods: { selectDate(e2, t2) {
   let l2;
-  "previous" === t2 && ("day" === e2 && (l2 = H(this.selectedDate).subtract(1, "day")), "month" === e2 && (l2 = H(this.selectedDate).subtract(1, "month")), "year" === e2 && (l2 = H(this.selectedDate).subtract(1, "year"))), "next" === t2 && ("day" === e2 && (l2 = H(this.selectedDate).add(1, "day")), "month" === e2 && (l2 = H(this.selectedDate).add(1, "month")), "year" === e2 && (l2 = H(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l2);
-} } }, [["render", function(t2, l2, a2, o2, s2, u2) {
-  const d2 = F("ChevronLeftIcon"), c2 = F("ChevronRightIcon");
-  return e(), n("div", yr, [i("div", br, [i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[0] || (l2[0] = (e2) => u2.selectDate("year", "previous")) }, [r(d2, { class: "h-4" }), r(d2, { class: "h-4 -ml-3" }), r(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[1] || (l2[1] = (e2) => u2.selectDate("month", "previous")) }, [r(d2, { class: "h-4" }), r(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[2] || (l2[2] = (e2) => u2.selectDate("day", "previous")) }, [r(d2, { class: "h-4" })])]), i("div", hr, P(u2.currentDate), 1), i("div", xr, [i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[3] || (l2[3] = (e2) => u2.selectDate("day", "next")) }, [r(c2, { class: "h-4" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[4] || (l2[4] = (e2) => u2.selectDate("month", "next")) }, [r(c2, { class: "h-4" }), r(c2, { class: "h-4 -ml-3" })]), i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[5] || (l2[5] = (e2) => u2.selectDate("year", "next")) }, [r(c2, { class: "h-4" }), r(c2, { class: "h-4 -ml-3" }), r(c2, { class: "h-4 -ml-3" })])])]);
-}]]), kr = { name: "SkeletonTable" }, Sr = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Cr = { class: "flow-root" }, Or = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Dr = { class: "inline-block min-w-full py-2 align-middle px-1" }, Mr = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Pr = { class: "min-w-full divide-y divide-gray-300" }, _r = i("thead", { class: "bg-gray-50" }, [i("tr", null, [i("th", { scope: "col", class: "py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "relative py-3.5 pl-3 pr-4 sm:pr-6" }, [i("span", { class: "sr-only" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])])], -1), Tr = { class: "divide-y divide-gray-200 bg-white" }, jr = [i("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6" }, [i("a", { href: "#", class: "text-indigo-600 hover:text-indigo-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }), i("span", { class: "sr-only" }, [M(", {"), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])], -1)];
-const Er = vr(kr, [["render", function(t2, l2, a2, r2, o2, s2) {
-  return e(), n("div", Sr, [i("div", Cr, [i("div", Or, [i("div", Dr, [i("div", Mr, [i("table", Pr, [_r, i("tbody", Tr, [(e(), n(c, null, T(10, (e2) => i("tr", { key: e2 }, jr)), 64))])])])])])])]);
+  "previous" === t2 && ("day" === e2 && (l2 = Y(this.selectedDate).subtract(1, "day")), "month" === e2 && (l2 = Y(this.selectedDate).subtract(1, "month")), "year" === e2 && (l2 = Y(this.selectedDate).subtract(1, "year"))), "next" === t2 && ("day" === e2 && (l2 = Y(this.selectedDate).add(1, "day")), "month" === e2 && (l2 = Y(this.selectedDate).add(1, "month")), "year" === e2 && (l2 = Y(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l2);
+} } }, [["render", function(t2, l2, n2, r2, s2, u2) {
+  const d2 = $("ChevronLeftIcon"), c2 = $("ChevronRightIcon");
+  return e(), a("div", Ro, [i("div", Bo, [i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[0] || (l2[0] = (e2) => u2.selectDate("year", "previous")) }, [o(d2, { class: "h-4" }), o(d2, { class: "h-4 -ml-3" }), o(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[1] || (l2[1] = (e2) => u2.selectDate("month", "previous")) }, [o(d2, { class: "h-4" }), o(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[2] || (l2[2] = (e2) => u2.selectDate("day", "previous")) }, [o(d2, { class: "h-4" })])]), i("div", Lo, I(u2.currentDate), 1), i("div", Ao, [i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[3] || (l2[3] = (e2) => u2.selectDate("day", "next")) }, [o(c2, { class: "h-4" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[4] || (l2[4] = (e2) => u2.selectDate("month", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" })]), i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[5] || (l2[5] = (e2) => u2.selectDate("year", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" }), o(c2, { class: "h-4 -ml-3" })])])]);
+}]]), No = { name: "SkeletonTable" }, zo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, $o = { class: "flow-root" }, Ho = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Vo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Yo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Uo = { class: "min-w-full divide-y divide-gray-300" }, qo = i("thead", { class: "bg-gray-50" }, [i("tr", null, [i("th", { scope: "col", class: "py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "relative py-3.5 pl-3 pr-4 sm:pr-6" }, [i("span", { class: "sr-only" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])])], -1), Wo = { class: "divide-y divide-gray-200 bg-white" }, Ko = [i("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6" }, [i("a", { href: "#", class: "text-indigo-600 hover:text-indigo-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }), i("span", { class: "sr-only" }, [_(", {"), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])], -1)];
+const Jo = jo(No, [["render", function(t2, l2, n2, o2, r2, s2) {
+  return e(), a("div", zo, [i("div", $o, [i("div", Ho, [i("div", Vo, [i("div", Yo, [i("table", Uo, [qo, i("tbody", Wo, [(e(), a(x, null, j(10, (e2) => i("tr", { key: e2 }, Ko)), 64))])])])])])])]);
 }]]);
-var Lr = { exports: {} };
-Lr.exports = function(e2, t2, l2) {
+var Go = { exports: {} };
+Go.exports = function(e2, t2, l2) {
   t2.prototype.isToday = function() {
     var e3 = "YYYY-MM-DD", t3 = l2();
     return this.format(e3) === t3.format(e3);
   };
 };
-const Br = mr(Lr.exports), Ir = { class: "text-xs" }, Rr = { class: "font-bold text-lg" }, Ar = { class: "text-xs font-medium" };
-const Fr = { name: "dayPrice", props: { currency: String, price: Object, basePrice: Number, isBasePrice: { type: Boolean, default: false } }, computed: { currentDay() {
-  return { isWeekend: 6 == H(this.price.date).format("d") || 0 == H(this.price.date).format("d"), price: this.price.price };
-} } }, Nr = { class: "priceDay" };
-const $r = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new Date(), date: /* @__PURE__ */ new Date(), selectedRooms: [], showBasePricesModal: false, showDays: 14 }), props: { category: { type: Object, required: true }, rooms: { type: Array, required: true }, currency: Object, actions: Array, loading: { type: Boolean, default: true } }, components: { DateSelector: wr, Day: vr({ name: "calendarDay", props: { day: Object }, computed: { currentDay() {
-  return H.extend(Br), { dayName: H(this.day).locale("es").format("ddd"), day: H(this.day).locale("es").format("DD"), month: H(this.day).locale("es").format("MMM."), isWeekend: 6 == H(this.day).format("d") || 0 == H(this.day).format("d"), isToday: H(this.day).isToday() };
-} } }, [["render", function(t2, l2, r2, o2, s2, u2) {
-  return e(), n("div", { class: a(["day select-none text-center", { "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-[#0ff] text-white": u2.currentDay.isToday }]) }, [i("p", Ir, P(u2.currentDay.dayName), 1), i("p", Rr, P(u2.currentDay.day), 1), i("p", Ar, P(u2.currentDay.month), 1)], 2);
-}]]), Price: vr(Fr, [["render", function(t2, l2, r2, o2, s2, u2) {
-  return e(), n("div", Nr, [i("div", { class: a([{ "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-green-300 text-white": r2.price.price > r2.basePrice, "bg-yellow-300 text-white": r2.price.price < r2.basePrice }, "select-none text-center rounded-lg p-1"]) }, P(u2.currentDay.price) + P(r2.currency), 3)]);
-}]]), uiButton: J, SkeletonTable: Er }, computed: { days() {
+const Zo = Po(Go.exports), Xo = { class: "text-xs" }, Qo = { class: "font-bold text-lg" }, er = { class: "text-xs font-medium" };
+const tr = { name: "dayPrice", props: { currency: String, price: Object, basePrice: Number, isBasePrice: { type: Boolean, default: false } }, computed: { currentDay() {
+  return { isWeekend: 6 == Y(this.price.date).format("d") || 0 == Y(this.price.date).format("d"), price: this.price.price };
+} } }, lr = { class: "priceDay" };
+const nr = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new Date(), date: /* @__PURE__ */ new Date(), selectedRooms: [], showBasePricesModal: false, showDays: 14 }), props: { category: { type: Object, required: true }, rooms: { type: Array, required: true }, currency: Object, actions: Array, loading: { type: Boolean, default: true } }, components: { DateSelector: Fo, Day: jo({ name: "calendarDay", props: { day: Object }, computed: { currentDay() {
+  return Y.extend(Zo), { dayName: Y(this.day).locale("es").format("ddd"), day: Y(this.day).locale("es").format("DD"), month: Y(this.day).locale("es").format("MMM."), isWeekend: 6 == Y(this.day).format("d") || 0 == Y(this.day).format("d"), isToday: Y(this.day).isToday() };
+} } }, [["render", function(t2, l2, o2, r2, s2, u2) {
+  return e(), a("div", { class: n(["day select-none text-center", { "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-[#0ff] text-white": u2.currentDay.isToday }]) }, [i("p", Xo, I(u2.currentDay.dayName), 1), i("p", Qo, I(u2.currentDay.day), 1), i("p", er, I(u2.currentDay.month), 1)], 2);
+}]]), Price: jo(tr, [["render", function(t2, l2, o2, r2, s2, u2) {
+  return e(), a("div", lr, [i("div", { class: n([{ "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-green-300 text-white": o2.price.price > o2.basePrice, "bg-yellow-300 text-white": o2.price.price < o2.basePrice }, "select-none text-center rounded-lg p-1"]) }, I(u2.currentDay.price) + I(o2.currency), 3)]);
+}]]), uiButton: X, SkeletonTable: Jo }, computed: { days() {
   let e2 = [];
   for (let t2 = 0; t2 < this.showDays; t2++)
-    e2.push(H(this.date).add(t2, "day"));
+    e2.push(Y(this.date).add(t2, "day"));
   return e2;
 }, indeterminate() {
   return this.selectedRooms.length > 0 && this.selectedRooms.length < this.rooms.length;
 } }, methods: { changeDate(e2) {
-  H(e2).isBefore(this.today) || (this.date = e2, this.$emit("dateChanged", this.date));
+  Y(e2).isBefore(this.today) || (this.date = e2, this.$emit("dateChanged", this.date));
 }, getSelectionBasePrice(e2) {
-  let t2 = this.category.selectionPrices.find((t3) => H(t3.date).isSame(e2.date));
+  let t2 = this.category.selectionPrices.find((t3) => Y(t3.date).isSame(e2.date));
   return t2 ? t2.price : e2.price;
 }, changeCategoryBulkPrices() {
   this.$emit("changeCategoryBulkPrices");
@@ -1913,86 +2324,86 @@ const $r = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
   this.$emit("tableAction", e2);
 }, changeRoomPrice(e2) {
   this.$emit("changeRoomPrice", e2);
-} } }, Hr = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, Yr = { class: "flow-root" }, Vr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, zr = { class: "inline-block min-w-full align-middle" }, qr = { class: "min-w-full" }, Ur = { class: "bg-white" }, Wr = { colspan: "6", scope: "colgroup", class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3" }, Kr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Jr = i("span", null, "Categoría: Simple", -1), Gr = i("td", { colspan: "6", class: "pl-4" }, " Precios de selección ", -1), Zr = i("td", { colspan: "6", class: "pl-4" }, " Precios de mejora ", -1), Xr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, Qr = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10" }, eo = ["onClick"], to = i("span", null, "Precios de selección", -1), lo = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, ao = ["checked", "indeterminate"], no = i("span", { class: "pl-6" }, "Habitación", -1), ro = i("th", { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, " Edificio ", -1), oo = i("th", { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, " Planta ", -1), io = i("th", { colspan: "14", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, null, -1), so = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, uo = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, co = ["value"], po = { class: "pl-6" }, go = { colspan: "2", class: "pl-4" }, fo = { colspan: "2", class: "pl-4" };
-const mo = vr($r, [["render", function(l2, a2, o2, s2, u2, d2) {
+} } }, ar = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, or = { class: "flow-root" }, rr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, ir = { class: "inline-block min-w-full align-middle" }, sr = { class: "min-w-full" }, ur = { class: "bg-white" }, dr = { colspan: "6", scope: "colgroup", class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3" }, cr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, pr = i("span", null, "Categoría: Simple", -1), gr = i("td", { colspan: "6", class: "pl-4" }, " Precios de selección ", -1), fr = i("td", { colspan: "6", class: "pl-4" }, " Precios de mejora ", -1), mr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, vr = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10" }, br = ["onClick"], hr = i("span", null, "Precios de selección", -1), yr = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, xr = ["checked", "indeterminate"], wr = i("span", { class: "pl-6" }, "Habitación", -1), kr = i("th", { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, " Edificio ", -1), Sr = i("th", { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, " Planta ", -1), Cr = i("th", { colspan: "14", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, null, -1), Or = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, Mr = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Tr = ["value"], Er = { class: "pl-6" }, Dr = { colspan: "2", class: "pl-4" }, _r = { colspan: "2", class: "pl-4" };
+const Ir = jo(nr, [["render", function(l2, n2, r2, s2, u2, d2) {
   var _a2, _b;
-  const p2 = F("DateSelector"), g2 = F("Day"), f2 = F("uiButton"), m2 = F("Price"), v2 = F("SkeletonTable");
-  return o2.loading ? (e(), t(v2, { key: 1 })) : (e(), n("div", Hr, [i("div", Yr, [i("div", Vr, [i("div", zr, [i("table", qr, [i("tbody", Ur, [i("tr", null, [i("th", Wr, [r(p2, { selectedDate: l2.date, onDateSelected: a2[0] || (a2[0] = (e2) => d2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), n(c, null, T(d2.days, (t2, l3) => (e(), n("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [r(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", Kr, [Jr, r(f2, { loading: o2.loading, class: "ml-4", size: "small", onClick: d2.changeCategoryBulkPrices }, { default: D(() => [M("Cambiar precios en bloque ")]), _: 1 }, 8, ["loading", "onClick"])])]), i("tr", null, [Gr, (e(true), n(c, null, T(o2.category.selectionPrices, (t2, l3) => (e(), n("td", { key: l3, class: "p-0" }, [r(m2, { onClick: (e2) => d2.changeCategorySelectionPrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer", price: t2, currency: o2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [Zr, (e(true), n(c, null, T(o2.category.upgradePrices, (t2, l3) => (e(), n("td", { key: l3, class: "p-0" }, [r(m2, { onClick: (e2) => d2.changeCategoryUpgradePrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer bg-gray-100", price: t2, currency: o2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [i("th", Xr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = o2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", Qr, [(e(true), n(c, null, T(o2.actions, (t2, a3) => (e(), n("button", { onClick: (e2) => d2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: a3, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, P(t2.name), 9, eo))), 128))])) : j("", true), to])]), i("tr", null, [i("th", lo, [i("input", { type: "checkbox", class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600", checked: d2.indeterminate || l2.selectedRooms.length === o2.rooms.length, indeterminate: d2.indeterminate, onChange: a2[1] || (a2[1] = (e2) => l2.selectedRooms = e2.target.checked ? o2.rooms.map((e3) => e3.name) : []) }, null, 40, ao), no]), ro, oo, io]), (e(true), n(c, null, T(o2.rooms, (t2) => (e(), n("tr", { key: t2.name, class: "even:bg-gray-100" }, [i("td", so, [l2.selectedRooms.includes(t2.name) ? (e(), n("div", uo)) : j("", true), E(i("input", { type: "checkbox", class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600", value: t2.name, "onUpdate:modelValue": a2[2] || (a2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, co), [[N, l2.selectedRooms]]), i("span", po, P(t2.name), 1)]), i("td", go, P(t2.building), 1), i("td", fo, P(t2.floor), 1), (e(true), n(c, null, T(t2.selectionPrices, (t3, l3) => (e(), n("td", { class: "p-0", key: l3 }, [r(m2, { onClick: (e2) => d2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: o2.currency.symbol, basePrice: d2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))]))), 128))])])])])])]));
-}]]), vo = { class: "chart-selector flex flex-row items-center justify-center" }, yo = { name: "rangeSelector" }, bo = Object.assign(yo, { props: { range: { type: String } }, emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
-  const r2 = l2, o2 = t2;
-  let s2 = y(() => o2.range);
-  const u2 = (e2) => {
-    s2.value = e2, r2("rangeSelected", e2);
+  const c2 = $("DateSelector"), p2 = $("Day"), g2 = $("uiButton"), f2 = $("Price"), m2 = $("SkeletonTable");
+  return r2.loading ? (e(), t(m2, { key: 1 })) : (e(), a("div", ar, [i("div", or, [i("div", rr, [i("div", ir, [i("table", sr, [i("tbody", ur, [i("tr", null, [i("th", dr, [o(c2, { selectedDate: l2.date, onDateSelected: n2[0] || (n2[0] = (e2) => d2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), a(x, null, j(d2.days, (t2, l3) => (e(), a("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [o(p2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", cr, [pr, o(g2, { loading: r2.loading, class: "ml-4", size: "small", onClick: d2.changeCategoryBulkPrices }, { default: D(() => [_("Cambiar precios en bloque ")]), _: 1 }, 8, ["loading", "onClick"])])]), i("tr", null, [gr, (e(true), a(x, null, j(r2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => d2.changeCategorySelectionPrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer", price: t2, currency: r2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [fr, (e(true), a(x, null, j(r2.category.upgradePrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => d2.changeCategoryUpgradePrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer bg-gray-100", price: t2, currency: r2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [i("th", mr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = r2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", vr, [(e(true), a(x, null, j(r2.actions, (t2, n3) => (e(), a("button", { onClick: (e2) => d2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: n3, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, I(t2.name), 9, br))), 128))])) : R("", true), hr])]), i("tr", null, [i("th", yr, [i("input", { type: "checkbox", class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600", checked: d2.indeterminate || l2.selectedRooms.length === r2.rooms.length, indeterminate: d2.indeterminate, onChange: n2[1] || (n2[1] = (e2) => l2.selectedRooms = e2.target.checked ? r2.rooms.map((e3) => e3.name) : []) }, null, 40, xr), wr]), kr, Sr, Cr]), (e(true), a(x, null, j(r2.rooms, (t2) => (e(), a("tr", { key: t2.name, class: "even:bg-gray-100" }, [i("td", Or, [l2.selectedRooms.includes(t2.name) ? (e(), a("div", Mr)) : R("", true), B(i("input", { type: "checkbox", class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600", value: t2.name, "onUpdate:modelValue": n2[2] || (n2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, Tr), [[H, l2.selectedRooms]]), i("span", Er, I(t2.name), 1)]), i("td", Dr, I(t2.building), 1), i("td", _r, I(t2.floor), 1), (e(true), a(x, null, j(t2.selectionPrices, (t3, l3) => (e(), a("td", { class: "p-0", key: l3 }, [o(f2, { onClick: (e2) => d2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: r2.currency.symbol, basePrice: d2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))]))), 128))])])])])])]));
+}]]), Pr = { class: "chart-selector flex flex-row items-center justify-center" }, jr = { name: "rangeSelector" }, Rr = Object.assign(jr, { props: { range: { type: String } }, emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
+  const o2 = l2, r2 = t2;
+  let s2 = u(() => r2.range);
+  const c2 = (e2) => {
+    s2.value = e2, o2("rangeSelected", e2);
   };
-  return (t3, l3) => (e(), n("ul", vo, [i("li", { class: a({ selected: "24h" === C(s2) }), onClick: l3[0] || (l3[0] = (e2) => u2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === C(s2) }), onClick: l3[1] || (l3[1] = (e2) => u2("7d")) }, "7D", 2), i("li", { class: a({ selected: "1m" === C(s2) }), onClick: l3[2] || (l3[2] = (e2) => u2("1m")) }, "1M", 2), i("li", { class: a({ selected: "3m" === C(s2) }), onClick: l3[3] || (l3[3] = (e2) => u2("3m")) }, "3M", 2)]));
-} }), ho = { class: "chart-header flex flex-row justify-between" }, xo = { class: "text-sm font-medium text-gray-500 truncate" }, wo = { class: "chart-content" }, ko = { class: "h-full w-full flex items-center justify-center flex-col" }, So = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Co = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Oo = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Do = { name: "uiChart" }, Mo = Object.assign(Do, { props: { title: String, id: { type: String, default: "noChartId" }, type: { type: String, default: "area" }, series: { type: Array, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, horizontal: { type: Boolean, default: false }, stacked: { type: Boolean, default: false }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
-  const o2 = l2, s2 = t2;
-  let u2 = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: false }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } } };
-  "area" === s2.type && (u2.tooltip = { intersect: true, shared: false });
-  const d2 = y(() => s2.series), p2 = y(() => (u2.chart.stacked = s2.stacked, { ...u2, ...s2.options, plotOptions: { bar: { horizontal: s2.horizontal } } })), g2 = () => o2("chartUpdated"), f2 = (e2, t3, l3) => {
-    o2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
+  return (t3, l3) => (e(), a("ul", Pr, [i("li", { class: n({ selected: "24h" === d(s2) }), onClick: l3[0] || (l3[0] = (e2) => c2("24h")) }, " 24H ", 2), i("li", { class: n({ selected: "7d" === d(s2) }), onClick: l3[1] || (l3[1] = (e2) => c2("7d")) }, "7D", 2), i("li", { class: n({ selected: "1m" === d(s2) }), onClick: l3[2] || (l3[2] = (e2) => c2("1m")) }, "1M", 2), i("li", { class: n({ selected: "3m" === d(s2) }), onClick: l3[3] || (l3[3] = (e2) => c2("3m")) }, "3M", 2)]));
+} }), Br = { class: "chart-header flex flex-row justify-between" }, Lr = { class: "text-sm font-medium text-gray-500 truncate" }, Ar = { class: "chart-content" }, Fr = { class: "h-full w-full flex items-center justify-center flex-col" }, Nr = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), zr = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, $r = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Hr = { name: "uiChart" }, Vr = Object.assign(Hr, { props: { title: String, id: { type: String, default: "noChartId" }, type: { type: String, default: "area" }, series: { type: Array, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, horizontal: { type: Boolean, default: false }, stacked: { type: Boolean, default: false }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
+  const r2 = l2, s2 = t2;
+  let c2 = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: false }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } } };
+  "area" === s2.type && (c2.tooltip = { intersect: true, shared: false });
+  const p2 = u(() => s2.series), g2 = u(() => (c2.chart.stacked = s2.stacked, { ...c2, ...s2.options, plotOptions: { bar: { horizontal: s2.horizontal } } })), f2 = () => r2("chartUpdated"), m2 = (e2, t3, l3) => {
+    r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
-  return (l3, o3) => (e(), n(c, null, [E(i("div", { class: a(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", ho, [i("div", xo, P(t2.title), 1), r(bo, { range: t2.range, onRangeSelected: o3[0] || (o3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), E(i("div", wo, [r(C(Y), { type: t2.type, series: d2.value, width: "100%", height: t2.height, options: p2.value, onUpdated: g2, onMounted: g2, onDataPointSelection: f2 }, null, 8, ["type", "series", "height", "options"])], 512), [[B, !t2.empty]]), E(i("div", ko, [r(z, { icon: C(Ul), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), So], 512), [[B, t2.empty]])], 2), [[B, !t2.loading]]), E(i("div", Co, Oo, 512), [[B, t2.loading]])], 64));
-} }), Po = { name: "uiFooter" }, _o = { class: "bg-white" }, To = [i("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [i("div", { class: "mt-8 md:mt-0 md:order-1" }, [i("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")])], -1)];
-const jo = vr(Po, [["render", function(t2, l2, a2, r2, o2, i2) {
-  return e(), n("footer", _o, To);
-}]]), Eo = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), Lo = { name: "uiLoadScreen" }, Bo = Object.assign(Lo, { props: { title: String, message: String, fixed: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => (e(), n("div", { class: a([{ fixed: t2.fixed }, "load-screen h-full w-full top-0 left-0 z-50 flex flex-col items-center justify-center bg-gray-50"]) }, [Eo, E(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, P(t2.title), 513), [[B, t2.title]]), E(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, P(t2.message), 513), [[B, t2.message]])], 2)) }), Io = { key: 0, class: "py-6 flex items-center justify-between" }, Ro = { class: "flex-1 flex justify-between sm:hidden" }, Ao = { href: "#", class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, Fo = { href: "#", class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, No = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, $o = { class: "text-sm text-gray-700" }, Ho = { class: "font-bold" }, Yo = { class: "font-bold" }, Vo = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, zo = { class: "sr-only" }, qo = ["onClick"], Uo = { class: "sr-only" }, Wo = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, Ko = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1), i("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)], Jo = { name: "uiPagination" }, Go = Object.assign(Jo, { props: { current: { type: Number, requires: true }, total: { type: Number, requires: true }, loading: { type: Boolean, default: true } }, emits: ["changePage"], setup(t2, { emit: l2 }) {
-  const u2 = l2, d2 = t2, p2 = s(3), g2 = y(() => Math.max(1, Number(d2.current) - Number(p2.value))), f2 = y(() => Math.min(Number(d2.current) + Number(p2.value), Number(d2.total))), m2 = y(() => {
+  return (l3, r3) => (e(), a(x, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", Br, [i("div", Lr, I(t2.title), 1), o(Rr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Ar, [o(d(U), { type: t2.type, series: p2.value, width: "100%", height: t2.height, options: g2.value, onUpdated: f2, onMounted: f2, onDataPointSelection: m2 }, null, 8, ["type", "series", "height", "options"])], 512), [[A, !t2.empty]]), B(i("div", Fr, [o(W, { icon: d(un), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Nr], 512), [[A, t2.empty]])], 2), [[A, !t2.loading]]), B(i("div", zr, $r, 512), [[A, t2.loading]])], 64));
+} }), Yr = { name: "uiFooter" }, Ur = { class: "bg-white" }, qr = [i("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [i("div", { class: "mt-8 md:mt-0 md:order-1" }, [i("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")])], -1)];
+const Wr = jo(Yr, [["render", function(t2, l2, n2, o2, r2, i2) {
+  return e(), a("footer", Ur, qr);
+}]]), Kr = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), Jr = { name: "uiLoadScreen" }, Gr = Object.assign(Jr, { props: { title: String, message: String, fixed: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => (e(), a("div", { class: n([{ fixed: t2.fixed }, "load-screen h-full w-full top-0 left-0 z-50 flex flex-col items-center justify-center bg-gray-50"]) }, [Kr, B(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, I(t2.title), 513), [[A, t2.title]]), B(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, I(t2.message), 513), [[A, t2.message]])], 2)) }), Zr = { key: 0, class: "py-6 flex items-center justify-between" }, Xr = { class: "flex-1 flex justify-between sm:hidden" }, Qr = { href: "#", class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, ei = { href: "#", class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, ti = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, li = { class: "text-sm text-gray-700" }, ni = { class: "font-bold" }, ai = { class: "font-bold" }, oi = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, ri = { class: "sr-only" }, ii = ["onClick"], si = { class: "sr-only" }, ui = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, di = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1), i("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)], ci = { name: "uiPagination" }, pi = Object.assign(ci, { props: { current: { type: Number, requires: true }, total: { type: Number, requires: true }, loading: { type: Boolean, default: true } }, emits: ["changePage"], setup(t2, { emit: l2 }) {
+  const c2 = l2, p2 = t2, g2 = s(3), f2 = u(() => Math.max(1, Number(p2.current) - Number(g2.value))), m2 = u(() => Math.min(Number(p2.current) + Number(g2.value), Number(p2.total))), v2 = u(() => {
     let e2 = [];
-    for (let t3 = Number(g2.value); t3 <= Number(f2.value); t3++)
+    for (let t3 = Number(f2.value); t3 <= Number(m2.value); t3++)
       e2.push(t3);
     return e2;
   });
-  return (l3, s2) => t2.loading ? (e(), n("div", Wo, Ko)) : (e(), n("div", Io, [i("div", Ro, [i("a", Ao, [o(l3.$slots, "previous")]), i("a", Fo, [o(l3.$slots, "next")])]), i("div", No, [i("div", null, [i("p", $o, [o(l3.$slots, "showing"), M(), i("span", Ho, P(t2.current + " "), 1), o(l3.$slots, "of"), M(), i("span", Yo, P(t2.total), 1)])]), i("div", null, [i("nav", Vo, [E(i("button", { onClick: s2[0] || (s2[0] = (e2) => u2("changePage", t2.current - 1)), class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", zo, [o(l3.$slots, "previous")]), r(C(Yl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, 1 !== t2.current]]), (e(true), n(c, null, T(m2.value, (l4) => (e(), n("button", { onClick: (e2) => u2("changePage", l4), key: l4, "aria-current": "page", class: a([[l4 === t2.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"]) }, P(l4), 11, qo))), 128)), E(i("button", { onClick: s2[1] || (s2[1] = (e2) => u2("changePage", t2.current + 1)), class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", Uo, [o(l3.$slots, "next")]), r(C(Vl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, t2.current !== t2.total]])])])])]));
-} }), Zo = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Xo = { class: "flex flex-col flex-grow overflow-y-auto" }, Qo = { class: "grow flex flex-col" }, ei = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, ti = { key: 0 }, li = ["onClick"], ai = { key: 0 }, ni = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, ri = { key: 0, class: "flex-1" }, oi = { key: 1, class: "flex-1" }, ii = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], si = { key: 0 }, ui = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, di = { name: "uiSidebar" }, ci = Object.assign(di, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: o2 }) {
-  const s2 = o2;
-  return (o3, u2) => (e(), n("div", Zo, [i("div", Xo, [i("div", Qo, [i("nav", ei, [(e(true), n(c, null, T(l2.navigation, (o4) => (e(), n(c, { key: o4.name }, [o4.children ? (e(), t(C(tl), { key: 1, as: "div", class: "space-y-1" }, { default: D(({ open: i2 }) => [r(C(ll), { class: a([o4.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"]) }, { default: D(() => [r(z, { loading: l2.loading, icon: o4.icon, class: "mr-3 flex-shrink-0 h-6 w-6 text-gray-400 group-hover:text-gray-500", "aria-hidden": "true" }, null, 8, ["loading", "icon"]), l2.loading ? (e(), n("div", oi, ii)) : (e(), n("span", ri, P(o4.name), 1)), r(C(Vl), { class: a([i2 ? "text-gray-400 rotate-90" : "text-gray-400", "ml-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"]) }, null, 8, ["class"])]), _: 2 }, 1032, ["class"]), r(C(al), { class: "space-y-1" }, { default: D(() => [(e(true), n(c, null, T(o4.children, (a2) => (e(), t(C(ll), { onClick: (e2) => s2("sideBarClick", a2.id), key: a2.name, class: "group w-full flex items-center pl-11 pr-2 py-2 text-sm font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50" }, { default: D(() => [l2.loading ? (e(), n("div", ui)) : (e(), n("span", si, P(a2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), n("div", ti, [i("button", { onClick: (e2) => s2("sideBarClick", o4.id), class: a([o4.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"]) }, [r(z, { loading: l2.loading, icon: o4.icon, class: a([o4.current ? "text-white" : "text-gray-400 group-hover:text-gray-500", "mr-3 flex-shrink-0 h-6 w-6"]), "aria-hidden": "true" }, null, 8, ["loading", "icon", "class"]), l2.loading ? (e(), n("div", ni)) : (e(), n("span", ai, P(o4.name), 1))], 10, li)]))], 64))), 128))])])])]));
-} }), pi = { key: 0 }, gi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, fi = { class: "ml-16 flex items-baseline pb-5" }, mi = { class: "text-2xl font-semibold text-gray-900" }, vi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, yi = { class: "text-sm" }, bi = { key: 1 }, hi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, xi = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, wi = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 mb-4 animate-pulse" })], -1), ki = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 animate-pulse" })], -1), Si = { name: "uiStats" }, Ci = Object.assign(Si, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: o2 }) {
-  const s2 = o2;
-  return (o3, u2) => l2.loading ? (e(), n("div", bi, [i("div", hi, [i("dt", null, [i("div", xi, [r(z, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), wi, ki])])])) : (e(), n("div", pi, [i("div", { class: a(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": l2.item.showFooter }]) }, [i("dt", null, [i("div", { class: a(["absolute rounded-md p-3", { "bg-indigo-500": !l2.item.color, "bg-green-500": "success" === l2.item.color, "bg-red-500": "danger" === l2.item.color, "bg-yellow-500": "warning" === l2.item.color }]) }, [r(z, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", gi, P(l2.item.name), 1)]), i("dd", fi, [i("p", mi, P(l2.item.stat), 1), l2.item.changeType ? (e(), n("p", { key: 0, class: a([{ "text-green-600": "increase" === l2.item.changeType, "text-red-600": "decrease" === l2.item.changeType, "text-black": "neutral" === l2.item.changeType }, "ml-2 flex items-baseline text-sm font-semibold"]) }, ["increase" === l2.item.changeType ? (e(), t(C(Fl), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : j("", true), "decrease" === l2.item.changeType ? (e(), t(C(Al), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : j("", true), M(" " + P(l2.item.change), 1)], 2)) : j("", true), E(i("div", vi, [i("div", yi, [i("span", { onClick: u2[0] || (u2[0] = (e2) => s2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, P(l2.item.actionText), 1)])], 512), [[B, l2.item.showFooter]])])], 2)]));
-} }), Oi = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Di = { class: "px-4 py-5 sm:px-6" }, Mi = { class: "text-lg font-medium leading-6 text-gray-900" }, Pi = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, _i = { class: "border-t border-gray-200" }, Ti = { class: "text-sm font-medium text-gray-500" }, ji = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ei = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Li = ["onClick"], Bi = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, Ii = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Ri = A('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6 text-gray-900"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><p class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></p></div>', 1), Ai = { class: "border-t border-gray-200" }, Fi = [i("dt", { class: "text-sm font-medium text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1), i("dd", { class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1)], Ni = { name: "uiStripedCard" }, $i = Object.assign(Ni, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: o2 }) => (o3, s2) => l2.loading ? (e(), n("div", Ii, [Ri, i("div", Ai, [i("dl", null, [(e(), n(c, null, T(5, (e2) => i("div", { key: e2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, Fi, 2)), 64))])])])) : (e(), n("div", Oi, [i("div", Di, [i("h3", Mi, P(l2.title), 1), i("p", Pi, P(l2.subtitle), 1)]), i("div", _i, [i("dl", null, [(e(true), n(c, null, T(l2.items, (s3, u2) => (e(), n("div", { key: u2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [u2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", Ti, P(s3.title), 1), "tag" === s3.type ? (e(), n("dd", ji, [r(Na, { color: s3.color }, { default: D(() => [M(P(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), n("dd", Ei, [(e(true), n(c, null, T(s3.tags, (a2, n2) => (e(), t(Na, { loading: l2.loading, key: n2, color: a2.color, class: "mr-2 mb-2" }, { default: D(() => [M(P(a2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), n("dd", { key: 2, class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer", onClick: (e2) => o3.$emit("itemClicked", s3.emits) }, P(s3.text), 9, Li)) : (e(), n("dd", Bi, P(s3.text), 1))], 2))), 128))])])])) }), Hi = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, Yi = i("svg", { class: "absolute -top-3 left-0", xmlns: "http://www.w3.org/2000/svg", width: "27.687", height: "26.954", viewBox: "0 0 27.687 26.954" }, [i("path", { id: "Polígono_1", "data-name": "Polígono 1", d: "M10.5,0,21,19H0Z", transform: "translate(0 10.5) rotate(-30)", fill: "#4f46e5" })], -1), Vi = { class: "ml-2" }, zi = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, a2) => (e(), n("div", Hi, [Yi, i("div", null, [r(z, { icon: C(Gl), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", Vi, P(t2.tip), 1)])) }, qi = { key: 0 }, Ui = { class: "flex flex-col" }, Wi = { class: "-my-2 overflow-x-auto" }, Ki = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ji = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Gi = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10" }, Zi = ["onClick"], Xi = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Qi = { class: "bg-gray-50" }, es = ["checked", "indeterminate"], ts = ["onMouseover", "onMouseleave"], ls = ["onClick"], as = { key: 2, class: "group flex items-center uppercase text-xs" }, ns = { class: "divide-y divide-gray-200 bg-white" }, rs = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, os = ["value"], is = ["onClick"], ss = { key: 2 }, us = { name: "uiTable" }, ds = Object.assign(us, { props: { header: { type: Array, required: true }, items: { type: Array, required: true }, orderedBy: String, orderDirection: { type: String, default: "asc" }, actions: Array, loading: { type: Boolean, default: true } }, emits: ["tableAction", "orderBy"], setup(l2, { emit: o2 }) {
-  let u2 = s([]);
+  return (l3, s2) => t2.loading ? (e(), a("div", ui, di)) : (e(), a("div", Zr, [i("div", Xr, [i("a", Qr, [r(l3.$slots, "previous")]), i("a", ei, [r(l3.$slots, "next")])]), i("div", ti, [i("div", null, [i("p", li, [r(l3.$slots, "showing"), _(), i("span", ni, I(t2.current + " "), 1), r(l3.$slots, "of"), _(), i("span", ai, I(t2.total), 1)])]), i("div", null, [i("nav", oi, [B(i("button", { onClick: s2[0] || (s2[0] = (e2) => c2("changePage", t2.current - 1)), class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", ri, [r(l3.$slots, "previous")]), o(d(an), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[A, 1 !== t2.current]]), (e(true), a(x, null, j(v2.value, (l4) => (e(), a("button", { onClick: (e2) => c2("changePage", l4), key: l4, "aria-current": "page", class: n([[l4 === t2.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"]) }, I(l4), 11, ii))), 128)), B(i("button", { onClick: s2[1] || (s2[1] = (e2) => c2("changePage", t2.current + 1)), class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", si, [r(l3.$slots, "next")]), o(d(on), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[A, t2.current !== t2.total]])])])])]));
+} }), gi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, fi = { class: "flex flex-col flex-grow overflow-y-auto" }, mi = { class: "grow flex flex-col" }, vi = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, bi = { key: 0 }, hi = ["onClick"], yi = { key: 0 }, xi = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, wi = { key: 0, class: "flex-1" }, ki = { key: 1, class: "flex-1" }, Si = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], Ci = { key: 0 }, Oi = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, Mi = { name: "uiSidebar" }, Ti = Object.assign(Mi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: r2 }) {
+  const s2 = r2;
+  return (r3, u2) => (e(), a("div", gi, [i("div", fi, [i("div", mi, [i("nav", vi, [(e(true), a(x, null, j(l2.navigation, (r4) => (e(), a(x, { key: r4.name }, [r4.children ? (e(), t(d(bl), { key: 1, as: "div", class: "space-y-1" }, { default: D(({ open: i2 }) => [o(d(hl), { class: n([r4.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"]) }, { default: D(() => [o(W, { loading: l2.loading, icon: r4.icon, class: "mr-3 flex-shrink-0 h-6 w-6 text-gray-400 group-hover:text-gray-500", "aria-hidden": "true" }, null, 8, ["loading", "icon"]), l2.loading ? (e(), a("div", ki, Si)) : (e(), a("span", wi, I(r4.name), 1)), o(d(on), { class: n([i2 ? "text-gray-400 rotate-90" : "text-gray-400", "ml-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"]) }, null, 8, ["class"])]), _: 2 }, 1032, ["class"]), o(d(yl), { class: "space-y-1" }, { default: D(() => [(e(true), a(x, null, j(r4.children, (n2) => (e(), t(d(hl), { onClick: (e2) => s2("sideBarClick", n2.id), key: n2.name, class: "group w-full flex items-center pl-11 pr-2 py-2 text-sm font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50" }, { default: D(() => [l2.loading ? (e(), a("div", Oi)) : (e(), a("span", Ci, I(n2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), a("div", bi, [i("button", { onClick: (e2) => s2("sideBarClick", r4.id), class: n([r4.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"]) }, [o(W, { loading: l2.loading, icon: r4.icon, class: n([r4.current ? "text-white" : "text-gray-400 group-hover:text-gray-500", "mr-3 flex-shrink-0 h-6 w-6"]), "aria-hidden": "true" }, null, 8, ["loading", "icon", "class"]), l2.loading ? (e(), a("div", xi)) : (e(), a("span", yi, I(r4.name), 1))], 10, hi)]))], 64))), 128))])])])]));
+} }), Ei = { key: 0 }, Di = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, _i = { class: "ml-16 flex items-baseline pb-5" }, Ii = { class: "text-2xl font-semibold text-gray-900" }, Pi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, ji = { class: "text-sm" }, Ri = { key: 1 }, Bi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Li = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ai = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 mb-4 animate-pulse" })], -1), Fi = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 animate-pulse" })], -1), Ni = { name: "uiStats" }, zi = Object.assign(Ni, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: r2 }) {
+  const s2 = r2;
+  return (r3, u2) => l2.loading ? (e(), a("div", Ri, [i("div", Bi, [i("dt", null, [i("div", Li, [o(W, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Ai, Fi])])])) : (e(), a("div", Ei, [i("div", { class: n(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": l2.item.showFooter }]) }, [i("dt", null, [i("div", { class: n(["absolute rounded-md p-3", { "bg-indigo-500": !l2.item.color, "bg-green-500": "success" === l2.item.color, "bg-red-500": "danger" === l2.item.color, "bg-yellow-500": "warning" === l2.item.color }]) }, [o(W, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", Di, I(l2.item.name), 1)]), i("dd", _i, [i("p", Ii, I(l2.item.stat), 1), l2.item.changeType ? (e(), a("p", { key: 0, class: n([{ "text-green-600": "increase" === l2.item.changeType, "text-red-600": "decrease" === l2.item.changeType, "text-black": "neutral" === l2.item.changeType }, "ml-2 flex items-baseline text-sm font-semibold"]) }, ["increase" === l2.item.changeType ? (e(), t(d(en), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : R("", true), "decrease" === l2.item.changeType ? (e(), t(d(Ql), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : R("", true), _(" " + I(l2.item.change), 1)], 2)) : R("", true), B(i("div", Pi, [i("div", ji, [i("span", { onClick: u2[0] || (u2[0] = (e2) => s2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, I(l2.item.actionText), 1)])], 512), [[A, l2.item.showFooter]])])], 2)]));
+} }), $i = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Hi = { class: "px-4 py-5 sm:px-6" }, Vi = { class: "text-lg font-medium leading-6 text-gray-900" }, Yi = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Ui = { class: "border-t border-gray-200" }, qi = { class: "text-sm font-medium text-gray-500" }, Wi = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ki = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ji = ["onClick"], Gi = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, Zi = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Xi = z('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6 text-gray-900"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><p class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></p></div>', 1), Qi = { class: "border-t border-gray-200" }, es = [i("dt", { class: "text-sm font-medium text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1), i("dd", { class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1)], ts = { name: "uiStripedCard" }, ls = Object.assign(ts, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: r2 }) => (r3, s2) => l2.loading ? (e(), a("div", Zi, [Xi, i("div", Qi, [i("dl", null, [(e(), a(x, null, j(5, (e2) => i("div", { key: e2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, es, 2)), 64))])])])) : (e(), a("div", $i, [i("div", Hi, [i("h3", Vi, I(l2.title), 1), i("p", Yi, I(l2.subtitle), 1)]), i("div", Ui, [i("dl", null, [(e(true), a(x, null, j(l2.items, (s3, u2) => (e(), a("div", { key: u2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [u2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", qi, I(s3.title), 1), "tag" === s3.type ? (e(), a("dd", Wi, [o(la, { color: s3.color }, { default: D(() => [_(I(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), a("dd", Ki, [(e(true), a(x, null, j(s3.tags, (n2, a2) => (e(), t(la, { loading: l2.loading, key: a2, color: n2.color, class: "mr-2 mb-2" }, { default: D(() => [_(I(n2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), a("dd", { key: 2, class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer", onClick: (e2) => r3.$emit("itemClicked", s3.emits) }, I(s3.text), 9, Ji)) : (e(), a("dd", Gi, I(s3.text), 1))], 2))), 128))])])])) }), ns = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, as = i("svg", { class: "absolute -top-3 left-0", xmlns: "http://www.w3.org/2000/svg", width: "27.687", height: "26.954", viewBox: "0 0 27.687 26.954" }, [i("path", { id: "Polígono_1", "data-name": "Polígono 1", d: "M10.5,0,21,19H0Z", transform: "translate(0 10.5) rotate(-30)", fill: "#4f46e5" })], -1), os = { class: "ml-2" }, rs = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, n2) => (e(), a("div", ns, [as, i("div", null, [o(W, { icon: d(gn), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", os, I(t2.tip), 1)])) }, is = { key: 0 }, ss = { class: "flex flex-col" }, us = { class: "-my-2 overflow-x-auto" }, ds = { class: "inline-block min-w-full py-2 align-middle px-1" }, cs = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, ps = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10" }, gs = ["onClick"], fs = { class: "min-w-full table-fixed divide-y divide-gray-300" }, ms = { class: "bg-gray-50" }, vs = ["checked", "indeterminate"], bs = ["onMouseover", "onMouseleave"], hs = ["onClick"], ys = { key: 2, class: "group flex items-center uppercase text-xs" }, xs = { class: "divide-y divide-gray-200 bg-white" }, ws = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, ks = ["value"], Ss = ["onClick"], Cs = { key: 2 }, Os = { name: "uiTable" }, Ms = Object.assign(Os, { props: { header: { type: Array, required: true }, items: { type: Array, required: true }, orderedBy: String, orderDirection: { type: String, default: "asc" }, actions: Array, loading: { type: Boolean, default: true } }, emits: ["tableAction", "orderBy"], setup(l2, { emit: r2 }) {
+  let c2 = s([]);
   s(false);
-  let d2 = s(void 0);
-  const p2 = o2, g2 = l2, f2 = y(() => u2.value.length > 0 && u2.value.length < g2.items.length), m2 = (e2, t2) => {
-    d2 !== e2 && t2 && (d2.value = e2), t2 || (d2.value = void 0);
+  let p2 = s(void 0);
+  const g2 = r2, f2 = l2, m2 = u(() => c2.value.length > 0 && c2.value.length < f2.items.length), v2 = (e2, t2) => {
+    p2 !== e2 && t2 && (p2.value = e2), t2 || (p2.value = void 0);
   };
-  return (o3, s2) => {
+  return (r3, s2) => {
     var _a2, _b;
-    return l2.loading ? (e(), t(Er, { key: 1 })) : (e(), n("div", qi, [i("div", Ui, [i("div", Wi, [i("div", Ki, [i("div", Ji, [((_a2 = C(u2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", Gi, [(e(true), n(c, null, T(l2.actions, (t2, l3) => (e(), n("button", { onClick: (e2) => p2("tableAction", { action: t2.id, items: C(u2) }), key: l3, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, P(t2.name), 9, Zi))), 128))])) : j("", true), i("table", Xi, [i("thead", Qi, [i("tr", null, [i("th", { scope: "col", class: a([l2.actions ? "px-6 sm:px-8" : "px-3", "relative"]) }, [l2.actions ? (e(), n("input", { key: 0, checked: f2.value || C(u2).length === l2.items.length, indeterminate: f2.value, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500", type: "checkbox", onChange: s2[0] || (s2[0] = (e2) => $(u2) ? u2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : u2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, es)) : j("", true)], 2), (e(true), n(c, null, T(l2.header, (o4, s3) => (e(), n("th", { key: s3, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap relative", scope: "col", onMouseover: (e2) => m2(o4.name, true), onMouseleave: (e2) => m2(o4.name, false) }, [o4.tooltip ? E((e(), t(zi, { key: 0, tip: o4.tooltip }, null, 8, ["tip"])), [[B, C(d2) === o4.name]]) : j("", true), o4.value ? (e(), n("button", { key: 1, class: "group flex items-center uppercase text-xs relative", onClick: (e2) => p2("orderBy", { value: o4.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, P(o4.name), 1), i("span", { class: a([[o4.value === l2.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"]) }, [r(z, { icon: "asc" === l2.orderDirection ? C(Hl) : C(ql), loading: l2.loading, color: o4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, ls)) : (e(), n("p", as, [i("span", null, P(o4.name), 1)]))], 40, ts))), 128))])]), i("tbody", ns, [(e(true), n(c, null, T(l2.items, (r2, o4) => {
+    return l2.loading ? (e(), t(Jo, { key: 1 })) : (e(), a("div", is, [i("div", ss, [i("div", us, [i("div", ds, [i("div", cs, [((_a2 = d(c2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", ps, [(e(true), a(x, null, j(l2.actions, (t2, l3) => (e(), a("button", { onClick: (e2) => g2("tableAction", { action: t2.id, items: d(c2) }), key: l3, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, I(t2.name), 9, gs))), 128))])) : R("", true), i("table", fs, [i("thead", ms, [i("tr", null, [i("th", { scope: "col", class: n([l2.actions ? "px-6 sm:px-8" : "px-3", "relative"]) }, [l2.actions ? (e(), a("input", { key: 0, checked: m2.value || d(c2).length === l2.items.length, indeterminate: m2.value, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500", type: "checkbox", onChange: s2[0] || (s2[0] = (e2) => V(c2) ? c2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : c2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, vs)) : R("", true)], 2), (e(true), a(x, null, j(l2.header, (r4, s3) => (e(), a("th", { key: s3, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap relative", scope: "col", onMouseover: (e2) => v2(r4.name, true), onMouseleave: (e2) => v2(r4.name, false) }, [r4.tooltip ? B((e(), t(rs, { key: 0, tip: r4.tooltip }, null, 8, ["tip"])), [[A, d(p2) === r4.name]]) : R("", true), r4.value ? (e(), a("button", { key: 1, class: "group flex items-center uppercase text-xs relative", onClick: (e2) => g2("orderBy", { value: r4.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, I(r4.name), 1), i("span", { class: n([[r4.value === l2.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"]) }, [o(W, { icon: "asc" === l2.orderDirection ? d(nn) : d(sn), loading: l2.loading, color: r4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, hs)) : (e(), a("p", ys, [i("span", null, I(r4.name), 1)]))], 40, bs))), 128))])]), i("tbody", xs, [(e(true), a(x, null, j(l2.items, (o2, r4) => {
       var _a3, _b2;
-      return e(), n("tr", { key: r2.id, class: a([C(u2).includes(r2.id) && "bg-gray-50", o4 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: a([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [C(u2).includes(r2.id) ? (e(), n("div", rs)) : j("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? E((e(), n("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => $(u2) ? u2.value = e2 : u2 = e2), value: r2.id, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap", type: "checkbox" }, null, 8, os)), [[N, C(u2)]]) : j("", true)], 2), (e(true), n(c, null, T(r2.row, (o5, i2) => (e(), n("td", { key: i2, class: a(["whitespace-nowrap py-4 pr-3 text-sm", C(u2).includes(r2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof o5 && "tag" === o5.type ? (e(), t(Na, { key: 0, loading: l2.loading, color: o5.color }, { default: D(() => [M(P(o5.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof o5 && "link" === o5.type ? (e(), n("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => p2(o5.emits, { id: r2.id, data: (r2 == null ? void 0 : r2.emitWith) || null }) }, P(o5.content), 9, is)) : (e(), n("span", ss, P(o5), 1))], 2))), 128))], 2);
+      return e(), a("tr", { key: o2.id, class: n([d(c2).includes(o2.id) && "bg-gray-50", r4 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: n([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [d(c2).includes(o2.id) ? (e(), a("div", ws)) : R("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? B((e(), a("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => V(c2) ? c2.value = e2 : c2 = e2), value: o2.id, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap", type: "checkbox" }, null, 8, ks)), [[H, d(c2)]]) : R("", true)], 2), (e(true), a(x, null, j(o2.row, (r5, i2) => (e(), a("td", { key: i2, class: n(["whitespace-nowrap py-4 pr-3 text-sm", d(c2).includes(o2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof r5 && "tag" === r5.type ? (e(), t(la, { key: 0, loading: l2.loading, color: r5.color }, { default: D(() => [_(I(r5.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof r5 && "link" === r5.type ? (e(), a("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => g2(r5.emits, { id: o2.id, data: (o2 == null ? void 0 : o2.emitWith) || null }) }, I(r5.content), 9, Ss)) : (e(), a("span", Cs, I(r5), 1))], 2))), 128))], 2);
     }), 128))])])])])])])]));
   };
-} }), cs = { class: "lg:hidden" }, ps = ["value"], gs = { class: "hidden lg:block" }, fs = { class: "border-b border-gray-200" }, ms = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, vs = ["onClick", "aria-current"], ys = { name: "uiTabs" }, bs = Object.assign(ys, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
-  const r2 = l2;
-  return (l3, o2) => (e(), n("div", null, [i("div", cs, [i("select", { onChange: o2[0] || (o2[0] = (e2) => {
-    r2("tabClicked", e2.target.value);
-  }), id: "tabs", name: "tabs", class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm" }, [(e(true), n(c, null, T(t2.tabs, (t3) => (e(), n("option", { value: t3.id, key: t3.name }, P(t3.name), 9, ps))), 128))], 32)]), i("div", gs, [i("div", fs, [i("nav", ms, [(e(true), n(c, null, T(t2.tabs, (t3) => (e(), n("a", { key: t3.name, onClick: (e2) => r2("tabClicked", t3.id), class: a([t3.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200", "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"]), "aria-current": t3.current ? "page" : void 0 }, [M(P(t3.name) + " ", 1), t3.count ? (e(), n("span", { key: 0, class: a([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, P(t3.count), 3)) : j("", true)], 10, vs))), 128))])])])]));
-} }), hs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, xs = { class: "px-4 py-5 sm:px-6" }, ws = { class: "text-xl font-bold" }, ks = { class: "px-4 py-5 sm:p-6" }, Ss = { class: "flow-root" }, Cs = { class: "-mb-8", role: "list" }, Os = { class: "relative pb-8" }, Ds = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ms = { class: "relative flex space-x-3" }, Ps = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, _s = { class: "text-sm text-gray-500" }, Ts = ["onClick"], js = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Es = ["datetime"], Ls = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, Bs = { class: "text-sm" }, Is = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, Rs = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), As = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, Fs = i("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [i("h1", { class: "text-xl font-bold" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), Ns = { class: "px-4 py-5 sm:p-6 animate-pulse" }, $s = { class: "flow-root" }, Hs = { class: "-mb-8", role: "list" }, Ys = { class: "relative pb-8" }, Vs = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, zs = A('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><p class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></p></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1), qs = i("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [i("div", { class: "text-sm" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), Us = { name: "uiTimeline" }, Ws = Object.assign(Us, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, o2) => {
-  const s2 = F("uiIcon");
-  return t2.loading ? (e(), n("div", As, [Fs, i("div", Ns, [i("div", $s, [i("ul", Hs, [(e(), n(c, null, T(10, (t3) => i("li", { key: l2.index }, [i("div", Ys, [10 !== t3 ? (e(), n("span", Vs)) : j("", true), zs])])), 64))])])]), qs])) : (e(), n("div", hs, [i("div", xs, [i("h1", ws, P(t2.name), 1)]), E(i("div", ks, [i("div", Ss, [i("ul", Cs, [(e(true), n(c, null, T(t2.timeline.items, (o3, u2) => (e(), n("li", { key: u2 }, [i("div", Os, [u2 !== t2.timeline.items.length - 1 ? (e(), n("span", Ds)) : j("", true), i("div", Ms, [i("div", null, [i("span", { class: a([o3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [r(s2, { loading: t2.loading, icon: o3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", Ps, [i("div", null, [i("p", _s, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", o3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, P(o3.target), 9, Ts), M(" " + P(o3.content), 1)])]), i("div", js, [i("time", { datetime: o3.datetime }, P(o3.date), 9, Es)])])])])]))), 128))])])], 512), [[B, !t2.empty]]), E(i("div", Ls, [i("div", Bs, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: o2[0] || (o2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, P(t2.timeline.footerText), 1)])], 512), [[B, !t2.empty]]), E(i("div", Is, [r(z, { icon: C(Ul), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Rs], 512), [[B, t2.empty]])]));
-} }), Ks = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: tl, DisclosureButton: ll, DisclosurePanel: al, Menu: cl, MenuButton: pl, MenuItem: fl, MenuItems: gl, Bars3Icon: function(t2, l2) {
-  return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" })]);
-}, XMarkIcon: Xl } }, Js = { class: "mx-auto px-6 lg:px-8" }, Gs = { class: "flex justify-between h-20" }, Zs = { class: "flex" }, Xs = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Qs = i("span", { class: "sr-only" }, "Open main menu", -1), eu = ["src"], tu = { class: "flex items-center" }, lu = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, au = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, nu = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], ru = ["src"], ou = ["onClick"], iu = { class: "pt-2 pb-3 space-y-1" }, su = ["onClick"], uu = { class: "pt-4 pb-3 border-t border-gray-200" }, du = { class: "flex items-center px-4 sm:px-6" }, cu = { class: "flex-shrink-0" }, pu = ["src"], gu = { key: 0, class: "ml-3" }, fu = { class: "text-base font-medium text-gray-800" }, mu = { class: "text-sm font-medium text-gray-500" }, vu = { class: "mt-3 space-y-1" }, yu = ["onClick"];
-const bu = vr(Ks, [["render", function(l2, o2, s2, u2, d2, p2) {
-  const g2 = F("Bars3Icon"), f2 = F("XMarkIcon"), m2 = F("DisclosureButton"), v2 = F("MenuButton"), y2 = F("MenuItem"), b2 = F("MenuItems"), h2 = F("Menu"), x2 = F("DisclosurePanel"), w2 = F("Disclosure");
-  return e(), t(w2, { as: "nav", class: "bg-white shadow z-10" }, { default: D(({ open: u3 }) => [i("div", Js, [i("div", Gs, [i("div", Zs, [i("div", Xs, [r(m2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: D(() => [Qs, u3 ? (e(), t(f2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(g2, { key: 0, class: "block h-6 w-6", "aria-hidden": "true" }))]), _: 2 }, 1024)]), i("div", { class: "flex-shrink-0 flex items-center cursor-pointer", onClick: o2[0] || (o2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, eu)])]), i("div", tu, [i("div", lu, [r(h2, { as: "div", class: "ml-3 relative" }, { default: D(() => [i("div", null, [E(r(v2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: D(() => [E(i("div", au, nu, 512), [[B, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, ru)]), _: 1 }, 512), [[B, s2.accountLogo]])]), r(_, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [r(b2, { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, { default: D(() => [(e(true), n(c, null, T(s2.profileMenu, (n2) => (e(), t(y2, { key: n2.name }, { default: D(({ active: e2 }) => [i("p", { onClick: (e3) => l2.$emit("topBarClick", n2.id), class: a(["cursor-pointer", [e2 ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700"]]) }, P(n2.name), 11, ou)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), r(x2, { class: "lg:hidden" }, { default: D(() => [i("div", iu, [(e(true), n(c, null, T(s2.navigation, (n2) => (e(), t(m2, { as: "template", key: n2.name, class: a(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", { "bg-indigo-50 border-indigo-500 text-indigo-700": n2.current && true === n2.current, "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !n2.current }]) }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, P(n2.name), 9, su)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", uu, [i("div", du, [i("div", cu, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, pu)]), s2.brand ? (e(), n("div", gu, [i("div", fu, P(s2.brand.title), 1), i("div", mu, P(s2.brand.subtitle), 1)])) : j("", true)]), i("div", vu, [(e(true), n(c, null, T(s2.profileMenu, (a2) => (e(), t(m2, { as: "template", key: a2.name, class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6" }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, P(a2.name), 9, yu)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
-}]]), hu = { chart: { type: "bar", toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff"], dataLabels: { enabled: true, formatter: function(e2, t2) {
+} }), Ts = { class: "lg:hidden" }, Es = ["value"], Ds = { class: "hidden lg:block" }, _s = { class: "border-b border-gray-200" }, Is = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, Ps = ["onClick", "aria-current"], js = { name: "uiTabs" }, Rs = Object.assign(js, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
+  const o2 = l2;
+  return (l3, r2) => (e(), a("div", null, [i("div", Ts, [i("select", { onChange: r2[0] || (r2[0] = (e2) => {
+    o2("tabClicked", e2.target.value);
+  }), id: "tabs", name: "tabs", class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm" }, [(e(true), a(x, null, j(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, I(t3.name), 9, Es))), 128))], 32)]), i("div", Ds, [i("div", _s, [i("nav", Is, [(e(true), a(x, null, j(t2.tabs, (t3) => (e(), a("a", { key: t3.name, onClick: (e2) => o2("tabClicked", t3.id), class: n([t3.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200", "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"]), "aria-current": t3.current ? "page" : void 0 }, [_(I(t3.name) + " ", 1), t3.count ? (e(), a("span", { key: 0, class: n([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, I(t3.count), 3)) : R("", true)], 10, Ps))), 128))])])])]));
+} }), Bs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, Ls = { class: "px-4 py-5 sm:px-6" }, As = { class: "text-xl font-bold" }, Fs = { class: "px-4 py-5 sm:p-6" }, Ns = { class: "flow-root" }, zs = { class: "-mb-8", role: "list" }, $s = { class: "relative pb-8" }, Hs = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Vs = { class: "relative flex space-x-3" }, Ys = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Us = { class: "text-sm text-gray-500" }, qs = ["onClick"], Ws = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ks = ["datetime"], Js = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, Gs = { class: "text-sm" }, Zs = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, Xs = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Qs = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, eu = i("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [i("h1", { class: "text-xl font-bold" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), tu = { class: "px-4 py-5 sm:p-6 animate-pulse" }, lu = { class: "flow-root" }, nu = { class: "-mb-8", role: "list" }, au = { class: "relative pb-8" }, ou = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, ru = z('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><p class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></p></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1), iu = i("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [i("div", { class: "text-sm" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), su = { name: "uiTimeline" }, uu = Object.assign(su, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, r2) => {
+  const s2 = $("uiIcon");
+  return t2.loading ? (e(), a("div", Qs, [eu, i("div", tu, [i("div", lu, [i("ul", nu, [(e(), a(x, null, j(10, (t3) => i("li", { key: l2.index }, [i("div", au, [10 !== t3 ? (e(), a("span", ou)) : R("", true), ru])])), 64))])])]), iu])) : (e(), a("div", Bs, [i("div", Ls, [i("h1", As, I(t2.name), 1)]), B(i("div", Fs, [i("div", Ns, [i("ul", zs, [(e(true), a(x, null, j(t2.timeline.items, (r3, u2) => (e(), a("li", { key: u2 }, [i("div", $s, [u2 !== t2.timeline.items.length - 1 ? (e(), a("span", Hs)) : R("", true), i("div", Vs, [i("div", null, [i("span", { class: n([r3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(s2, { loading: t2.loading, icon: r3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", Ys, [i("div", null, [i("p", Us, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", r3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, I(r3.target), 9, qs), _(" " + I(r3.content), 1)])]), i("div", Ws, [i("time", { datetime: r3.datetime }, I(r3.date), 9, Ks)])])])])]))), 128))])])], 512), [[A, !t2.empty]]), B(i("div", Js, [i("div", Gs, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, I(t2.timeline.footerText), 1)])], 512), [[A, !t2.empty]]), B(i("div", Zs, [o(W, { icon: d(un), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Xs], 512), [[A, t2.empty]])]));
+} }), du = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: bl, DisclosureButton: hl, DisclosurePanel: yl, Menu: Tl, MenuButton: El, MenuItem: _l, MenuItems: Dl, Bars3Icon: function(t2, l2) {
+  return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" })]);
+}, XMarkIcon: mn } }, cu = { class: "mx-auto px-6 lg:px-8" }, pu = { class: "flex justify-between h-20" }, gu = { class: "flex" }, fu = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, mu = i("span", { class: "sr-only" }, "Open main menu", -1), vu = ["src"], bu = { class: "flex items-center" }, hu = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, yu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, xu = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], wu = ["src"], ku = ["onClick"], Su = { class: "pt-2 pb-3 space-y-1" }, Cu = ["onClick"], Ou = { class: "pt-4 pb-3 border-t border-gray-200" }, Mu = { class: "flex items-center px-4 sm:px-6" }, Tu = { class: "flex-shrink-0" }, Eu = ["src"], Du = { key: 0, class: "ml-3" }, _u = { class: "text-base font-medium text-gray-800" }, Iu = { class: "text-sm font-medium text-gray-500" }, Pu = { class: "mt-3 space-y-1" }, ju = ["onClick"];
+const Ru = jo(du, [["render", function(l2, r2, s2, u2, d2, c2) {
+  const p2 = $("Bars3Icon"), g2 = $("XMarkIcon"), f2 = $("DisclosureButton"), m2 = $("MenuButton"), v2 = $("MenuItem"), b2 = $("MenuItems"), h2 = $("Menu"), y2 = $("DisclosurePanel"), w2 = $("Disclosure");
+  return e(), t(w2, { as: "nav", class: "bg-white shadow z-10" }, { default: D(({ open: u3 }) => [i("div", cu, [i("div", pu, [i("div", gu, [i("div", fu, [o(f2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: D(() => [mu, u3 ? (e(), t(g2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(p2, { key: 0, class: "block h-6 w-6", "aria-hidden": "true" }))]), _: 2 }, 1024)]), i("div", { class: "flex-shrink-0 flex items-center cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, vu)])]), i("div", bu, [i("div", hu, [o(h2, { as: "div", class: "ml-3 relative" }, { default: D(() => [i("div", null, [B(o(m2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: D(() => [B(i("div", yu, xu, 512), [[A, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, wu)]), _: 1 }, 512), [[A, s2.accountLogo]])]), o(P, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [o(b2, { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, { default: D(() => [(e(true), a(x, null, j(s2.profileMenu, (a2) => (e(), t(v2, { key: a2.name }, { default: D(({ active: e2 }) => [i("p", { onClick: (e3) => l2.$emit("topBarClick", a2.id), class: n(["cursor-pointer", [e2 ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700"]]) }, I(a2.name), 11, ku)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), o(y2, { class: "lg:hidden" }, { default: D(() => [i("div", Su, [(e(true), a(x, null, j(s2.navigation, (a2) => (e(), t(f2, { as: "template", key: a2.name, class: n(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", { "bg-indigo-50 border-indigo-500 text-indigo-700": a2.current && true === a2.current, "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !a2.current }]) }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, I(a2.name), 9, Cu)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", Ou, [i("div", Mu, [i("div", Tu, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Eu)]), s2.brand ? (e(), a("div", Du, [i("div", _u, I(s2.brand.title), 1), i("div", Iu, I(s2.brand.subtitle), 1)])) : R("", true)]), i("div", Pu, [(e(true), a(x, null, j(s2.profileMenu, (n2) => (e(), t(f2, { as: "template", key: n2.name, class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6" }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, I(n2.name), 9, ju)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
+}]]), Bu = { chart: { type: "bar", toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff"], dataLabels: { enabled: true, formatter: function(e2, t2) {
   return t2.w.globals.labels[t2.dataPointIndex] + ":  " + e2;
-} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } }, xu = { class: "chart-header flex flex-row justify-between" }, wu = { class: "text-sm font-medium text-gray-500 truncate" }, ku = { class: "chart-content" }, Su = { class: "h-full w-full flex items-center justify-center flex-col" }, Cu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Ou = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Du = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Mu = { name: "uiChart" }, Pu = Object.assign(Mu, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Object, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
-  const o2 = l2, s2 = t2, u2 = y(() => ({ ...s2.options, ...hu })), d2 = y(() => s2.series), p2 = () => o2("chartUpdated"), g2 = (e2, t3, l3) => {
-    o2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
+} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } }, Lu = { class: "chart-header flex flex-row justify-between" }, Au = { class: "text-sm font-medium text-gray-500 truncate" }, Fu = { class: "chart-content" }, Nu = { class: "h-full w-full flex items-center justify-center flex-col" }, zu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), $u = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Hu = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Vu = { name: "uiChart" }, Yu = Object.assign(Vu, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Object, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
+  const r2 = l2, s2 = t2, c2 = u(() => ({ ...s2.options, ...Bu })), p2 = u(() => s2.series), g2 = () => r2("chartUpdated"), f2 = (e2, t3, l3) => {
+    r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
-  return (l3, o3) => (e(), n(c, null, [E(i("div", { class: a(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", xu, [i("div", wu, P(t2.title), 1), r(bo, { range: t2.range, onRangeSelected: o3[0] || (o3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), E(i("div", ku, [r(C(Y), { type: l3.bar, series: d2.value, width: "100%", height: t2.height, options: u2.value, onUpdated: p2, onMounted: p2, onDataPointSelection: g2 }, null, 8, ["type", "series", "height", "options"])], 512), [[B, !t2.empty]]), E(i("div", Su, [r(z, { icon: C(Ul), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Cu], 512), [[B, t2.empty]])], 2), [[B, !t2.loading]]), E(i("div", Ou, Du, 512), [[B, t2.loading]])], 64));
-} }), _u = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, Tu = { class: "text-2xl mt-4 font-bold" }, ju = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Eu = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: a2 }) => (a3, o2) => (e(), n("div", _u, [r(z, { loading: false, icon: C(Ul), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", Tu, P(l2.title), 1), i("p", null, P(l2.message), 1), i("div", ju, [(e(true), n(c, null, T(l2.actions, (l3, n2) => (e(), t(J, { key: n2, loading: false, onClick: (e2) => a3.$emit("action", l3.action) }, { default: D(() => [M(P(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, Lu = i("div", { class: "fixed inset-0" }, null, -1), Bu = { class: "fixed inset-0 overflow-hidden" }, Iu = { class: "absolute inset-0 overflow-hidden" }, Ru = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Au = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Fu = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Nu = { class: "flex items-center justify-between" }, $u = { class: "ml-3 flex h-7 items-center" }, Hu = i("span", { class: "absolute -inset-2.5" }, null, -1), Yu = i("span", { class: "sr-only" }, "Close panel", -1), Vu = { class: "mt-1" }, zu = { class: "text-sm text-indigo-300" }, qu = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Uu = { name: "uiRightSidebar" }, Wu = Object.assign(Uu, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: a2 }) {
-  const n2 = a2;
-  return (a3, s2) => (e(), t(C(Rl), { as: "template", show: l2.open }, { default: D(() => [r(C(Kt), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => n2("closeRightBar")) }, { default: D(() => [Lu, i("div", Bu, [i("div", Iu, [i("div", Ru, [r(C(Bl), { as: "template", enter: "transform transition ease-in-out duration-500 sm:duration-700", "enter-from": "translate-x-full", "enter-to": "translate-x-0", leave: "transform transition ease-in-out duration-500 sm:duration-700", "leave-from": "translate-x-0", "leave-to": "translate-x-full" }, { default: D(() => [r(C(Jt), { class: "pointer-events-auto w-screen max-w-md" }, { default: D(() => [i("div", Au, [i("div", Fu, [i("div", Nu, [r(C(Gt), { class: "text-base font-semibold leading-6 text-white" }, { default: D(() => [M(P(l2.title), 1)]), _: 1 }), i("div", $u, [i("button", { type: "button", class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none", onClick: s2[0] || (s2[0] = (e2) => n2("closeRightBar")) }, [Hu, Yu, r(C(Xl), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", Vu, [i("p", zu, P(l2.description), 1)])]), i("div", qu, [o(a3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
-} }), Ku = { uiButton: J, uiIcon: z, uiCheckbox: ne, uiDropdown: na, uiInput: ma, uiInputFile: Ta, uiSelect: Ia, uiTag: Na, uiTextArea: Ua, uiToggle: Xa, uiAlert: dn, uiBreadcrumbs: xn, uiCard: _n, uiFilter: jn, uiModal: Vn, uiNotification: tr, uiTaskList: fr, uiPriceCalendar: mo, uiChart: Mo, uiFooter: jo, uiLoadingScreen: Bo, uiPagination: Go, uiSidebar: ci, uiStats: Ci, uiStripedCard: $i, uiTable: ds, uiTabs: bs, uiTimeline: Ws, uiTopbar: bu, uiFunnelChartV2: Pu, uiNoResults: Eu, uiRightSidebar: Wu }, Ju = { install(e2) {
-  Object.keys(Ku).forEach((t2) => {
-    e2.component(t2, Ku[t2]);
+  return (l3, r3) => (e(), a(x, null, [B(i("div", { class: n(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", Lu, [i("div", Au, I(t2.title), 1), o(Rr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Fu, [o(d(U), { type: l3.bar, series: p2.value, width: "100%", height: t2.height, options: c2.value, onUpdated: g2, onMounted: g2, onDataPointSelection: f2 }, null, 8, ["type", "series", "height", "options"])], 512), [[A, !t2.empty]]), B(i("div", Nu, [o(W, { icon: d(un), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), zu], 512), [[A, t2.empty]])], 2), [[A, !t2.loading]]), B(i("div", $u, Hu, 512), [[A, t2.loading]])], 64));
+} }), Uu = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, qu = { class: "text-2xl mt-4 font-bold" }, Wu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Ku = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: n2 }) => (n3, r2) => (e(), a("div", Uu, [o(W, { loading: false, icon: d(un), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", qu, I(l2.title), 1), i("p", null, I(l2.message), 1), i("div", Wu, [(e(true), a(x, null, j(l2.actions, (l3, a2) => (e(), t(X, { key: a2, loading: false, onClick: (e2) => n3.$emit("action", l3.action) }, { default: D(() => [_(I(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, Ju = i("div", { class: "fixed inset-0" }, null, -1), Gu = { class: "fixed inset-0 overflow-hidden" }, Zu = { class: "absolute inset-0 overflow-hidden" }, Xu = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Qu = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, ed = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, td = { class: "flex items-center justify-between" }, ld = { class: "ml-3 flex h-7 items-center" }, nd = i("span", { class: "absolute -inset-2.5" }, null, -1), ad = i("span", { class: "sr-only" }, "Close panel", -1), od = { class: "mt-1" }, rd = { class: "text-sm text-indigo-300" }, id = { class: "relative flex-1 px-4 py-6 sm:px-6" }, sd = { name: "uiRightSidebar" }, ud = Object.assign(sd, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: n2 }) {
+  const a2 = n2;
+  return (n3, s2) => (e(), t(d(Xl), { as: "template", show: l2.open }, { default: D(() => [o(d(dl), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: D(() => [Ju, i("div", Gu, [i("div", Zu, [i("div", Xu, [o(d(Gl), { as: "template", enter: "transform transition ease-in-out duration-500 sm:duration-700", "enter-from": "translate-x-full", "enter-to": "translate-x-0", leave: "transform transition ease-in-out duration-500 sm:duration-700", "leave-from": "translate-x-0", "leave-to": "translate-x-full" }, { default: D(() => [o(d(cl), { class: "pointer-events-auto w-screen max-w-md" }, { default: D(() => [i("div", Qu, [i("div", ed, [i("div", td, [o(d(pl), { class: "text-base font-semibold leading-6 text-white" }, { default: D(() => [_(I(l2.title), 1)]), _: 1 }), i("div", ld, [i("button", { type: "button", class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none", onClick: s2[0] || (s2[0] = (e2) => a2("closeRightBar")) }, [nd, ad, o(d(mn), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", od, [i("p", rd, I(l2.description), 1)])]), i("div", id, [r(n3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+} }), dd = { uiButton: X, uiIcon: W, uiCheckbox: ie, uiDropdown: wn, uiInput: Pn, uiInputFile: Wn, uiSelect: Xn, uiTag: la, uiTextArea: ua, uiToggle: ma, uiAlert: Ma, uiBreadcrumbs: La, uiCard: Ua, uiFilter: Wa, uiModal: oo, uiNotification: ho, uiTaskList: Io, uiPriceCalendar: Ir, uiChart: Vr, uiFooter: Wr, uiLoadingScreen: Gr, uiPagination: pi, uiSidebar: Ti, uiStats: zi, uiStripedCard: ls, uiTable: Ms, uiTabs: Rs, uiTimeline: uu, uiTopbar: Ru, uiFunnelChartV2: Yu, uiNoResults: Ku, uiRightSidebar: ud }, cd = { install(e2) {
+  Object.keys(dd).forEach((t2) => {
+    e2.component(t2, dd[t2]);
   });
 } };
 export {
-  Ju as default
+  cd as default
 };