@hotelinking/ui 5.39.14 → 5.39.17

package/dist/ui.es.js

@@ -1,4 +1,4 @@
-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 d, unref as u, shallowRef as c, watch as p, triggerRef as g, onScopeDispose as f, onUnmounted as m, inject as v, nextTick as h, watchEffect as b, onMounted as y, cloneVNode as x, h as w, Fragment as k, defineComponent as S, provide as C, reactive as O, toRaw as M, getCurrentInstance as D, Teleport as E, withCtx as T, createTextVNode as I, toDisplayString as _, Transition as j, renderList as P, createCommentVNode as R, withDirectives as B, vModelDynamic as A, vShow as L, withModifiers as F, vModelText as N, createStaticVNode as z, resolveComponent as $, vModelCheckbox as V, isRef as H, TransitionGroup as Y } from "vue";
+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 d, unref as u, shallowRef as c, watch as p, triggerRef as g, onScopeDispose as f, onUnmounted as m, inject as v, nextTick as h, watchEffect as b, onMounted as y, cloneVNode as x, h as w, Fragment as k, defineComponent as S, provide as C, reactive as O, toRaw as M, getCurrentInstance as D, Teleport as T, withCtx as E, createTextVNode as I, toDisplayString as _, Transition as j, renderList as P, createCommentVNode as R, withDirectives as B, vModelDynamic as A, vShow as L, withModifiers as F, vModelText as N, createStaticVNode as z, resolveComponent as $, vModelCheckbox as V, isRef as H, TransitionGroup as Y } from "vue";
 import q from "dayjs";
 import U from "vue3-apexcharts";
 import W from "vue3-draggable";
@@ -17,13 +17,11 @@ function ce(e2, t2, l2) {
     let d2;
     l2.key && (null == (o2 = l2.debug) ? void 0 : o2.call(l2)) && (d2 = Date.now());
     const u2 = e2(), c2 = u2.length !== a2.length || u2.some((e3, t3) => a2[t3] !== e3);
-    if (!c2)
-      return n2;
+    if (!c2) return n2;
     let p2;
     if (a2 = u2, l2.key && (null == (r2 = l2.debug) ? void 0 : r2.call(l2)) && (p2 = Date.now()), n2 = t2(...u2), l2.key && (null == (i2 = l2.debug) ? void 0 : i2.call(l2))) {
       const e3 = Math.round(100 * (Date.now() - d2)) / 100, t3 = Math.round(100 * (Date.now() - p2)) / 100, n3 = t3 / 16, a3 = (e4, t4) => {
-        for (e4 = String(e4); e4.length < t4; )
-          e4 = " " + e4;
+        for (e4 = String(e4); e4.length < t4; ) e4 = " " + e4;
         return e4;
       };
       console.info(`%c⏱ ${a3(t3, 5)} /${a3(e3, 5)} ms`, `
@@ -35,8 +33,7 @@ function ce(e2, t2, l2) {
   };
 }
 function pe(e2, t2) {
-  if (void 0 === e2)
-    throw new Error("Unexpected undefined");
+  if (void 0 === e2) throw new Error("Unexpected undefined");
   return e2;
 }
 const ge = (e2, t2, l2) => {
@@ -46,29 +43,24 @@ const ge = (e2, t2, l2) => {
   };
 }, fe = (e2) => e2, me = (e2) => {
   const t2 = Math.max(e2.startIndex - e2.overscan, 0), l2 = Math.min(e2.endIndex + e2.overscan, e2.count - 1), n2 = [];
-  for (let e3 = t2; e3 <= l2; e3++)
-    n2.push(e3);
+  for (let e3 = t2; e3 <= l2; e3++) n2.push(e3);
   return n2;
 }, ve = (e2, t2) => {
   const l2 = e2.scrollElement;
-  if (!l2)
-    return;
+  if (!l2) return;
   const n2 = e2.targetWindow;
-  if (!n2)
-    return;
+  if (!n2) return;
   const a2 = (e3) => {
     const { width: l3, height: n3 } = e3;
     t2({ width: Math.round(l3), height: Math.round(n3) });
   };
-  if (a2(l2.getBoundingClientRect()), !n2.ResizeObserver)
-    return () => {
-    };
+  if (a2(l2.getBoundingClientRect()), !n2.ResizeObserver) return () => {
+  };
   const o2 = new n2.ResizeObserver((e3) => {
     const t3 = e3[0];
     if (null == t3 ? void 0 : t3.borderBoxSize) {
       const e4 = t3.borderBoxSize[0];
-      if (e4)
-        return void a2({ width: e4.inlineSize, height: e4.blockSize });
+      if (e4) return void a2({ width: e4.inlineSize, height: e4.blockSize });
     }
     a2(l2.getBoundingClientRect());
   });
@@ -77,11 +69,9 @@ const ge = (e2, t2, l2) => {
   };
 }, he = { passive: true }, be = "undefined" == typeof window || "onscrollend" in window, ye = (e2, t2) => {
   const l2 = e2.scrollElement;
-  if (!l2)
-    return;
+  if (!l2) return;
   const n2 = e2.targetWindow;
-  if (!n2)
-    return;
+  if (!n2) return;
   let a2 = 0;
   const o2 = be ? () => {
   } : ge(n2, () => {
@@ -107,7 +97,7 @@ const ge = (e2, t2, l2) => {
 };
 class ke {
   constructor(e2) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = false, 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 = /* @__PURE__ */ (() => {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = false, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let e3 = null;
       const t2 = () => e3 || (this.targetWindow && this.targetWindow.ResizeObserver ? e3 = new this.targetWindow.ResizeObserver((e4) => {
         e4.forEach((e5) => {
@@ -128,67 +118,76 @@ class ke {
       Object.entries(e3).forEach(([t2, l2]) => {
         void 0 === l2 && delete e3[t2];
       }), this.options = { debug: false, initialOffset: 0, overscan: 1, paddingStart: 0, paddingEnd: 0, scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: false, getItemKey: fe, rangeExtractor: me, onChange: () => {
-      }, measureElement: xe, initialRect: { width: 0, height: 0 }, scrollMargin: 0, gap: 0, indexAttribute: "data-index", initialMeasurementsCache: [], lanes: 1, isScrollingResetDelay: 150, ...e3 };
+      }, measureElement: xe, initialRect: { width: 0, height: 0 }, scrollMargin: 0, gap: 0, indexAttribute: "data-index", initialMeasurementsCache: [], lanes: 1, isScrollingResetDelay: 150, enabled: true, ...e3 };
     }, this.notify = (e3, t2) => {
       var l2, n2;
       const { startIndex: a2, endIndex: o2 } = this.range ?? { startIndex: void 0, endIndex: void 0 }, r2 = this.calculateRange();
       (e3 || a2 !== (null == r2 ? void 0 : r2.startIndex) || o2 !== (null == r2 ? void 0 : r2.endIndex)) && (null == (n2 = (l2 = this.options).onChange) || n2.call(l2, this, t2));
     }, this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((e3) => e3()), this.unsubs = [], this.scrollElement = null;
-    }, this._didMount = () => (this.measureElementCache.forEach(this.observer.observe), () => {
-      this.observer.disconnect(), this.cleanup();
-    }), this._willUpdate = () => {
+      this.unsubs.filter(Boolean).forEach((e3) => e3()), this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.observer.disconnect(), this.elementsCache.clear();
+    }, this._didMount = () => () => {
+      this.cleanup();
+    }, this._willUpdate = () => {
       var e3;
-      const t2 = this.options.getScrollElement();
-      this.scrollElement !== t2 && (this.cleanup(), this.scrollElement = t2, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = (null == (e3 = this.scrollElement) ? void 0 : e3.window) ?? null, this._scrollToOffset(this.scrollOffset, { adjustments: void 0, behavior: void 0 }), this.unsubs.push(this.options.observeElementRect(this, (e4) => {
-        this.scrollRect = e4, this.notify(false, false);
-      })), this.unsubs.push(this.options.observeElementOffset(this, (e4, t3) => {
-        this.scrollAdjustments = 0, this.scrollDirection = t3 ? this.scrollOffset < e4 ? "forward" : "backward" : null, this.scrollOffset = e4;
-        const l2 = this.isScrolling;
-        this.isScrolling = t3, this.notify(l2 !== t3, t3);
-      })));
-    }, this.getSize = () => this.scrollRect[this.options.horizontal ? "width" : "height"], this.getMeasurementOptions = ce(() => [this.options.count, this.options.paddingStart, this.options.scrollMargin, this.options.getItemKey], (e3, t2, l2, n2) => (this.pendingMeasuredCacheIndexes = [], { count: e3, paddingStart: t2, scrollMargin: l2, getItemKey: n2 }), { key: false }), this.getFurthestMeasurement = (e3, t2) => {
+      const t2 = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== t2) {
+        if (this.cleanup(), !t2) return void this.notify(false, false);
+        this.scrollElement = t2, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = (null == (e3 = this.scrollElement) ? void 0 : e3.window) ?? null, this._scrollToOffset(this.getScrollOffset(), { adjustments: void 0, behavior: void 0 }), this.unsubs.push(this.options.observeElementRect(this, (e4) => {
+          this.scrollRect = e4, this.notify(false, false);
+        })), this.unsubs.push(this.options.observeElementOffset(this, (e4, t3) => {
+          this.scrollAdjustments = 0, this.scrollDirection = t3 ? this.getScrollOffset() < e4 ? "forward" : "backward" : null, this.scrollOffset = e4;
+          const l2 = this.isScrolling;
+          this.isScrolling = t3, this.notify(l2 !== t3, t3);
+        }));
+      }
+    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? ("function" == typeof this.options.initialOffset ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e3, t2) => {
       const l2 = /* @__PURE__ */ new Map(), n2 = /* @__PURE__ */ new Map();
       for (let a2 = t2 - 1; a2 >= 0; a2--) {
         const t3 = e3[a2];
-        if (l2.has(t3.lane))
-          continue;
+        if (l2.has(t3.lane)) continue;
         const o2 = n2.get(t3.lane);
-        if (null == o2 || t3.end > o2.end ? n2.set(t3.lane, t3) : t3.end < o2.end && l2.set(t3.lane, true), l2.size === this.options.lanes)
-          break;
+        if (null == o2 || t3.end > o2.end ? n2.set(t3.lane, t3) : t3.end < o2.end && l2.set(t3.lane, true), l2.size === this.options.lanes) break;
       }
       return n2.size === this.options.lanes ? Array.from(n2.values()).sort((e4, t3) => e4.end === t3.end ? e4.index - t3.index : e4.end - t3.end)[0] : void 0;
-    }, this.getMeasurements = ce(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e3, paddingStart: t2, scrollMargin: l2, getItemKey: n2 }, a2) => {
-      const o2 = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+    }, this.getMeasurementOptions = ce(() => [this.options.count, this.options.paddingStart, this.options.scrollMargin, this.options.getItemKey, this.options.enabled], (e3, t2, l2, n2, a2) => (this.pendingMeasuredCacheIndexes = [], { count: e3, paddingStart: t2, scrollMargin: l2, getItemKey: n2, enabled: a2 }), { key: false }), this.getMeasurements = ce(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e3, paddingStart: t2, scrollMargin: l2, getItemKey: n2, enabled: a2 }, o2) => {
+      var r2;
+      if (!a2) return this.measurementsCache = [], this.itemSizeCache.clear(), [];
+      0 === this.measurementsCache.length && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((e4) => {
+        this.itemSizeCache.set(e4.key, e4.size);
+      }));
+      const i2 = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
       this.pendingMeasuredCacheIndexes = [];
-      const r2 = this.measurementsCache.slice(0, o2);
-      for (let i2 = o2; i2 < e3; i2++) {
-        const e4 = n2(i2), o3 = 1 === this.options.lanes ? r2[i2 - 1] : this.getFurthestMeasurement(r2, i2), s2 = o3 ? o3.end + this.options.gap : t2 + l2, d2 = a2.get(e4), u2 = "number" == typeof d2 ? d2 : this.options.estimateSize(i2), c2 = s2 + u2, p2 = o3 ? o3.lane : i2 % this.options.lanes;
-        r2[i2] = { index: i2, start: s2, size: u2, end: c2, key: e4, lane: p2 };
+      const s2 = this.measurementsCache.slice(0, i2);
+      for (let a3 = i2; a3 < e3; a3++) {
+        let e4 = null == (r2 = this.measurementsCache[a3]) ? void 0 : r2.measureElement;
+        e4 || (e4 = (e5) => {
+          const t3 = n2(a3), l3 = this.elementsCache.get(t3);
+          e5 ? (l3 !== e5 && (l3 && this.observer.unobserve(l3), this.observer.observe(e5), this.elementsCache.set(t3, e5)), e5.isConnected && this.resizeItem(a3, this.options.measureElement(e5, void 0, this))) : l3 && (this.observer.unobserve(l3), this.elementsCache.delete(t3));
+        });
+        const i3 = n2(a3), d2 = 1 === this.options.lanes ? s2[a3 - 1] : this.getFurthestMeasurement(s2, a3), u2 = d2 ? d2.end + this.options.gap : t2 + l2, c2 = o2.get(i3), p2 = "number" == typeof c2 ? c2 : this.options.estimateSize(a3), g2 = u2 + p2, f2 = d2 ? d2.lane : a3 % this.options.lanes;
+        s2[a3] = { index: a3, start: u2, size: p2, end: g2, key: i3, lane: f2, measureElement: e4 };
       }
-      return this.measurementsCache = r2, r2;
-    }, { key: "production" !== process.env.NODE_ENV && "getMeasurements", debug: () => this.options.debug }), this.calculateRange = ce(() => [this.getMeasurements(), this.getSize(), this.scrollOffset], (e3, t2, l2) => this.range = e3.length > 0 && t2 > 0 ? function({ measurements: e4, outerSize: t3, scrollOffset: l3 }) {
+      return this.measurementsCache = s2, s2;
+    }, { key: "production" !== process.env.NODE_ENV && "getMeasurements", debug: () => this.options.debug }), this.calculateRange = ce(() => [this.getMeasurements(), this.getSize(), this.getScrollOffset()], (e3, t2, l2) => this.range = e3.length > 0 && t2 > 0 ? function({ measurements: e4, outerSize: t3, scrollOffset: l3 }) {
       const n2 = e4.length - 1, a2 = (t4) => e4[t4].start, o2 = Se(0, n2, a2, l3);
       let r2 = o2;
-      for (; r2 < n2 && e4[r2].end < l3 + t3; )
-        r2++;
+      for (; r2 < n2 && e4[r2].end < l3 + t3; ) r2++;
       return { startIndex: o2, endIndex: r2 };
     }({ measurements: e3, outerSize: t2, scrollOffset: l2 }) : null, { key: "production" !== process.env.NODE_ENV && "calculateRange", debug: () => this.options.debug }), this.getIndexes = ce(() => [this.options.rangeExtractor, this.calculateRange(), this.options.overscan, this.options.count], (e3, t2, l2, n2) => null === t2 ? [] : e3({ startIndex: t2.startIndex, endIndex: t2.endIndex, overscan: l2, count: n2 }), { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: () => this.options.debug }), this.indexFromElement = (e3) => {
       const t2 = this.options.indexAttribute, l2 = e3.getAttribute(t2);
       return l2 ? parseInt(l2, 10) : (console.warn(`Missing attribute name '${t2}={index}' on measured element.`), -1);
     }, this._measureElement = (e3, t2) => {
-      const l2 = this.measurementsCache[this.indexFromElement(e3)];
-      if (!l2 || !e3.isConnected)
-        return void this.measureElementCache.forEach((t3, l3) => {
-          t3 === e3 && (this.observer.unobserve(e3), this.measureElementCache.delete(l3));
-        });
-      const n2 = this.measureElementCache.get(l2.key);
-      n2 !== e3 && (n2 && this.observer.unobserve(n2), this.observer.observe(e3), this.measureElementCache.set(l2.key, e3));
-      const a2 = this.options.measureElement(e3, t2, this);
-      this.resizeItem(l2, a2);
+      const l2 = this.indexFromElement(e3), n2 = this.getMeasurements()[l2];
+      if (!n2 || !e3.isConnected) return void this.elementsCache.forEach((t3, l3) => {
+        t3 === e3 && (this.observer.unobserve(e3), this.elementsCache.delete(l3));
+      });
+      const a2 = this.elementsCache.get(n2.key);
+      a2 !== e3 && (a2 && this.observer.unobserve(a2), this.observer.observe(e3), this.elementsCache.set(n2.key, e3)), this.resizeItem(l2, this.options.measureElement(e3, t2, this));
     }, this.resizeItem = (e3, t2) => {
-      const l2 = t2 - (this.itemSizeCache.get(e3.key) ?? e3.size);
-      0 !== l2 && ((void 0 !== this.shouldAdjustScrollPositionOnItemSizeChange ? this.shouldAdjustScrollPositionOnItemSizeChange(e3, l2, this) : e3.start < this.scrollOffset + this.scrollAdjustments) && ("production" !== process.env.NODE_ENV && this.options.debug && console.info("correction", l2), this._scrollToOffset(this.scrollOffset, { adjustments: this.scrollAdjustments += l2, behavior: void 0 })), this.pendingMeasuredCacheIndexes.push(e3.index), this.itemSizeCache = new Map(this.itemSizeCache.set(e3.key, t2)), this.notify(true, false));
+      const l2 = this.getMeasurements()[e3];
+      if (!l2) return;
+      const n2 = t2 - (this.itemSizeCache.get(l2.key) ?? l2.size);
+      0 !== n2 && ((void 0 !== this.shouldAdjustScrollPositionOnItemSizeChange ? this.shouldAdjustScrollPositionOnItemSizeChange(l2, n2, this) : l2.start < this.getScrollOffset() + this.scrollAdjustments) && ("production" !== process.env.NODE_ENV && this.options.debug && console.info("correction", n2), this._scrollToOffset(this.getScrollOffset(), { adjustments: this.scrollAdjustments += n2, behavior: void 0 })), this.pendingMeasuredCacheIndexes.push(l2.index), this.itemSizeCache = new Map(this.itemSizeCache.set(l2.key, t2)), this.notify(true, false));
     }, this.measureElement = (e3) => {
       e3 && this._measureElement(e3, void 0);
     }, this.getVirtualItems = ce(() => [this.getIndexes(), this.getMeasurements()], (e3, t2) => {
@@ -200,42 +199,42 @@ class ke {
       return l2;
     }, { key: "production" !== process.env.NODE_ENV && "getIndexes", debug: () => this.options.debug }), this.getVirtualItemForOffset = (e3) => {
       const t2 = this.getMeasurements();
-      return pe(t2[Se(0, t2.length - 1, (e4) => pe(t2[e4]).start, e3)]);
+      if (0 !== t2.length) return pe(t2[Se(0, t2.length - 1, (e4) => pe(t2[e4]).start, e3)]);
     }, this.getOffsetForAlignment = (e3, t2) => {
-      const l2 = this.getSize();
-      "auto" === t2 && (t2 = e3 <= this.scrollOffset ? "start" : e3 >= this.scrollOffset + l2 ? "end" : "start"), "start" === t2 || ("end" === t2 ? e3 -= l2 : "center" === t2 && (e3 -= l2 / 2));
-      const n2 = this.options.horizontal ? "scrollWidth" : "scrollHeight", a2 = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[n2] : this.scrollElement[n2] : 0) - this.getSize();
-      return Math.max(Math.min(a2, e3), 0);
+      const l2 = this.getSize(), n2 = this.getScrollOffset();
+      "auto" === t2 && (t2 = e3 <= n2 ? "start" : e3 >= n2 + l2 ? "end" : "start"), "start" === t2 || ("end" === t2 ? e3 -= l2 : "center" === t2 && (e3 -= l2 / 2));
+      const a2 = this.options.horizontal ? "scrollWidth" : "scrollHeight", o2 = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[a2] : this.scrollElement[a2] : 0) - l2;
+      return Math.max(Math.min(o2, e3), 0);
     }, this.getOffsetForIndex = (e3, t2 = "auto") => {
       e3 = Math.max(0, Math.min(e3, this.options.count - 1));
-      const l2 = pe(this.getMeasurements()[e3]);
-      if ("auto" === t2)
-        if (l2.end >= this.scrollOffset + this.getSize() - this.options.scrollPaddingEnd)
-          t2 = "end";
-        else {
-          if (!(l2.start <= this.scrollOffset + this.options.scrollPaddingStart))
-            return [this.scrollOffset, t2];
-          t2 = "start";
-        }
-      const n2 = "end" === t2 ? l2.end + this.options.scrollPaddingEnd : l2.start - this.options.scrollPaddingStart;
-      return [this.getOffsetForAlignment(n2, t2), t2];
-    }, this.isDynamicMode = () => this.measureElementCache.size > 0, this.cancelScrollToIndex = () => {
+      const l2 = this.getMeasurements()[e3];
+      if (!l2) return;
+      const n2 = this.getSize(), a2 = this.getScrollOffset();
+      if ("auto" === t2) if (l2.end >= a2 + n2 - this.options.scrollPaddingEnd) t2 = "end";
+      else {
+        if (!(l2.start <= a2 + this.options.scrollPaddingStart)) return [a2, t2];
+        t2 = "start";
+      }
+      const o2 = "end" === t2 ? l2.end + this.options.scrollPaddingEnd : l2.start - this.options.scrollPaddingStart;
+      return [this.getOffsetForAlignment(o2, t2), t2];
+    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.cancelScrollToIndex = () => {
       null !== this.scrollToIndexTimeoutId && this.targetWindow && (this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId), this.scrollToIndexTimeoutId = null);
     }, this.scrollToOffset = (e3, { align: t2 = "start", behavior: l2 } = {}) => {
       this.cancelScrollToIndex(), "smooth" === l2 && this.isDynamicMode() && console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."), this._scrollToOffset(this.getOffsetForAlignment(e3, t2), { adjustments: void 0, behavior: l2 });
     }, this.scrollToIndex = (e3, { align: t2 = "auto", behavior: l2 } = {}) => {
       e3 = Math.max(0, Math.min(e3, this.options.count - 1)), this.cancelScrollToIndex(), "smooth" === l2 && this.isDynamicMode() && console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");
-      const [n2, a2] = this.getOffsetForIndex(e3, t2);
-      this._scrollToOffset(n2, { adjustments: void 0, behavior: l2 }), "smooth" !== l2 && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
+      const n2 = this.getOffsetForIndex(e3, t2);
+      if (!n2) return;
+      const [a2, o2] = n2;
+      this._scrollToOffset(a2, { adjustments: void 0, behavior: l2 }), "smooth" !== l2 && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
         this.scrollToIndexTimeoutId = null;
-        if (this.measureElementCache.has(this.options.getItemKey(e3))) {
-          const [t3] = this.getOffsetForIndex(e3, a2);
-          ((e4, t4) => Math.abs(e4 - t4) < 1)(t3, this.scrollOffset) || this.scrollToIndex(e3, { align: a2, behavior: l2 });
-        } else
-          this.scrollToIndex(e3, { align: a2, behavior: l2 });
+        if (this.elementsCache.has(this.options.getItemKey(e3))) {
+          const [t3] = pe(this.getOffsetForIndex(e3, o2));
+          ((e4, t4) => Math.abs(e4 - t4) < 1)(t3, this.getScrollOffset()) || this.scrollToIndex(e3, { align: o2, behavior: l2 });
+        } else this.scrollToIndex(e3, { align: o2, behavior: l2 });
       }));
     }, this.scrollBy = (e3, { behavior: t2 } = {}) => {
-      this.cancelScrollToIndex(), "smooth" === t2 && this.isDynamicMode() && console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."), this._scrollToOffset(this.scrollOffset + e3, { adjustments: void 0, behavior: t2 });
+      this.cancelScrollToIndex(), "smooth" === t2 && this.isDynamicMode() && console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."), this._scrollToOffset(this.getScrollOffset() + e3, { adjustments: void 0, behavior: t2 });
     }, this.getTotalSize = () => {
       var e3;
       const t2 = this.getMeasurements();
@@ -246,19 +245,15 @@ class ke {
     }, this.measure = () => {
       var e3, t2;
       this.itemSizeCache = /* @__PURE__ */ new Map(), null == (t2 = (e3 = this.options).onChange) || t2.call(e3, this, false);
-    }, this.setOptions(e2), this.scrollRect = this.options.initialRect, this.scrollOffset = "function" == typeof this.options.initialOffset ? this.options.initialOffset() : this.options.initialOffset, this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((e3) => {
-      this.itemSizeCache.set(e3.key, e3.size);
-    }), this.notify(false, false);
+    }, this.setOptions(e2);
   }
 }
 const Se = (e2, t2, l2, n2) => {
   for (; e2 <= t2; ) {
     const a2 = (e2 + t2) / 2 | 0, o2 = l2(a2);
-    if (o2 < n2)
-      e2 = a2 + 1;
+    if (o2 < n2) e2 = a2 + 1;
     else {
-      if (!(o2 > n2))
-        return a2;
+      if (!(o2 > n2)) return a2;
       t2 = a2 - 1;
     }
   }
@@ -316,16 +311,13 @@ function De() {
     return e3(t3), this.add(() => t3.dispose());
   }, add: (t3) => (e2.push(t3), () => {
     let l2 = e2.indexOf(t3);
-    if (l2 >= 0)
-      for (let t4 of e2.splice(l2, 1))
-        t4();
+    if (l2 >= 0) for (let t4 of e2.splice(l2, 1)) t4();
   }), dispose() {
-    for (let t3 of e2.splice(0))
-      t3();
+    for (let t3 of e2.splice(0)) t3();
   } };
   return t2;
 }
-function Ee() {
+function Te() {
   let e2 = function() {
     let e3 = De();
     return m(() => e3.dispose()), e3;
@@ -334,14 +326,13 @@ function Ee() {
     e2.dispose(), e2.nextFrame(t2);
   };
 }
-let Te = Symbol("headlessui.useid"), Ie = 0;
+let Ee = Symbol("headlessui.useid"), Ie = 0;
 function _e() {
-  return v(Te, () => "" + ++Ie)();
+  return v(Ee, () => "" + ++Ie)();
 }
 function je(e2) {
   var t2;
-  if (null == e2 || null == e2.value)
-    return null;
+  if (null == e2 || null == e2.value) return null;
   let l2 = null != (t2 = e2.value.$el) ? t2 : e2.value;
   return l2 instanceof Node ? l2 : null;
 }
@@ -380,14 +371,11 @@ let Ae = new class {
   }
 }();
 function Le(e2) {
-  if (Ae.isServer)
-    return null;
-  if (e2 instanceof Node)
-    return e2.ownerDocument;
+  if (Ae.isServer) return null;
+  if (e2 instanceof Node) return e2.ownerDocument;
   if (null != e2 && e2.hasOwnProperty("value")) {
     let t2 = je(e2);
-    if (t2)
-      return t2.ownerDocument;
+    if (t2) return t2.ownerDocument;
   }
   return document;
 }
@@ -402,8 +390,7 @@ function Ye(e2, t2 = 0) {
   return e2 !== (null == (l2 = Le(e2)) ? void 0 : l2.body) && Pe(t2, { 0: () => e2.matches(Fe), 1() {
     let t3 = e2;
     for (; null !== t3; ) {
-      if (t3.matches(Fe))
-        return true;
+      if (t3.matches(Fe)) return true;
       t3 = t3.parentElement;
     }
     return false;
@@ -428,8 +415,7 @@ let Ke = ["textarea", "input"].join(",");
 function Je(e2, t2 = (e3) => e3) {
   return e2.slice().sort((e3, l2) => {
     let n2 = t2(e3), a2 = t2(l2);
-    if (null === n2 || null === a2)
-      return 0;
+    if (null === n2 || null === a2) return 0;
     let o2 = n2.compareDocumentPosition(a2);
     return o2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : o2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
@@ -439,33 +425,23 @@ function Ge(e2, t2, { sorted: l2 = true, relativeTo: n2 = null, skipElements: a2
   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 ? Je(e2) : e2 : Ve(e2);
   a2.length > 0 && i2.length > 1 && (i2 = i2.filter((e3) => !a2.includes(e3))), n2 = null != n2 ? n2 : r2.activeElement;
   let s2, d2 = (() => {
-    if (5 & t2)
-      return 1;
-    if (10 & t2)
-      return -1;
+    if (5 & t2) return 1;
+    if (10 & t2) return -1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
   })(), u2 = (() => {
-    if (1 & t2)
-      return 0;
-    if (2 & t2)
-      return Math.max(0, i2.indexOf(n2)) - 1;
-    if (4 & t2)
-      return Math.max(0, i2.indexOf(n2)) + 1;
-    if (8 & t2)
-      return i2.length - 1;
+    if (1 & t2) return 0;
+    if (2 & t2) return Math.max(0, i2.indexOf(n2)) - 1;
+    if (4 & t2) 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");
   })(), c2 = 32 & t2 ? { preventScroll: true } : {}, p2 = 0, g2 = i2.length;
   do {
-    if (p2 >= g2 || p2 + g2 <= 0)
-      return 0;
+    if (p2 >= g2 || p2 + g2 <= 0) return 0;
     let e3 = u2 + p2;
-    if (16 & t2)
-      e3 = (e3 + g2) % g2;
+    if (16 & t2) e3 = (e3 + g2) % g2;
     else {
-      if (e3 < 0)
-        return 3;
-      if (e3 >= g2)
-        return 1;
+      if (e3 < 0) return 3;
+      if (e3 >= g2) return 1;
     }
     s2 = i2[e3], null == s2 || s2.focus(c2), p2 += d2;
   } while (s2 !== r2.activeElement);
@@ -492,20 +468,16 @@ function et(e2, t2, l2) {
 }
 function tt(e2, t2, l2 = d(() => true)) {
   function n2(n3, a3) {
-    if (!l2.value || n3.defaultPrevented)
-      return;
+    if (!l2.value || n3.defaultPrevented) return;
     let o2 = a3(n3);
-    if (null === o2 || !o2.getRootNode().contains(o2))
-      return;
+    if (null === o2 || !o2.getRootNode().contains(o2)) return;
     let r2 = function e3(t3) {
       return "function" == typeof t3 ? e3(t3()) : Array.isArray(t3) || t3 instanceof Set ? t3 : [t3];
     }(e2);
     for (let e3 of r2) {
-      if (null === e3)
-        continue;
+      if (null === e3) continue;
       let t3 = e3 instanceof HTMLElement ? e3 : je(e3);
-      if (null != t3 && t3.contains(o2) || n3.composed && n3.composedPath().includes(t3))
-        return;
+      if (null != t3 && t3.contains(o2) || n3.composed && n3.composedPath().includes(t3)) return;
     }
     return !Ye(o2, He.Loose) && -1 !== o2.tabIndex && n3.preventDefault(), t2(n3, o2);
   }
@@ -521,8 +493,7 @@ function tt(e2, t2, l2 = d(() => true)) {
   }, true), Qe("touchend", (e3) => n2(e3, () => e3.target instanceof HTMLElement ? e3.target : null), true), et("blur", (e3) => n2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
 }
 function lt(e2, t2) {
-  if (e2)
-    return e2;
+  if (e2) return e2;
   let l2 = null != t2 ? t2 : "button";
   return "string" == typeof l2 && "button" === l2.toLowerCase() ? "button" : void 0;
 }
@@ -550,22 +521,18 @@ function ot() {
 function rt({ container: e2, accept: t2, walk: l2, enabled: n2 }) {
   b(() => {
     let a2 = e2.value;
-    if (!a2 || void 0 !== n2 && !n2.value)
-      return;
+    if (!a2 || void 0 !== n2 && !n2.value) return;
     let o2 = Le(e2);
-    if (!o2)
-      return;
+    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);
+    for (; i2.nextNode(); ) l2(i2.currentNode);
   });
 }
 var it = ((e2) => (e2[e2.None = 0] = "None", e2[e2.RenderStrategy = 1] = "RenderStrategy", e2[e2.Static = 2] = "Static", e2))(it || {}), st = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(st || {});
 function dt({ visible: e2 = true, features: t2 = 0, ourProps: l2, theirProps: n2, ...a2 }) {
   var o2;
   let r2 = pt(n2, l2), i2 = Object.assign(a2, { props: r2 });
-  if (e2 || 2 & t2 && r2.static)
-    return ut(i2);
+  if (e2 || 2 & t2 && r2.static) return ut(i2);
   if (1 & t2) {
     return Pe(null == (o2 = r2.unmount) || o2 ? 0 : 1, { 0: () => null, 1: () => ut({ ...a2, props: { ...r2, hidden: true, style: { display: "none" } } }) });
   }
@@ -576,8 +543,7 @@ function ut({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
   let { as: i2, ...s2 } = ft(e2, ["unmount", "static"]), d2 = null == (o2 = l2.default) ? void 0 : o2.call(l2, n2), u2 = {};
   if (n2) {
     let e3 = false, t3 = [];
-    for (let [l3, a3] of Object.entries(n2))
-      "boolean" == typeof a3 && (e3 = true), true === a3 && t3.push(l3);
+    for (let [l3, a3] of Object.entries(n2)) "boolean" == typeof a3 && (e3 = true), true === a3 && t3.push(l3);
     e3 && (u2["data-headlessui-state"] = t3.join(" "));
   }
   if ("template" === i2) {
@@ -585,11 +551,9 @@ function ut({ props: e2, attrs: t2, slots: l2, slot: n2, name: a2 }) {
       let [e3, ...l3] = null != d2 ? d2 : [];
       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"));
+      }(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 = pt(null != (r2 = e3.props) ? r2 : {}, s2, u2), o3 = x(e3, n3, true);
-      for (let e4 in n3)
-        e4.startsWith("on") && (o3.props || (o3.props = {}), o3.props[e4] = n3[e4]);
+      for (let e4 in n3) e4.startsWith("on") && (o3.props || (o3.props = {}), o3.props[e4] = n3[e4]);
       return o3;
     }
     return Array.isArray(d2) && 1 === d2.length ? d2[0] : d2;
@@ -600,37 +564,28 @@ function ct(e2) {
   return e2.flatMap((e3) => e3.type === k ? ct(e3.children) : [e3]);
 }
 function pt(...e2) {
-  if (0 === e2.length)
-    return {};
-  if (1 === e2.length)
-    return e2[0];
+  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);
-      }
-    } });
+  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 gt(e2) {
   let t2 = Object.assign({}, e2);
-  for (let e3 in t2)
-    void 0 === t2[e3] && delete t2[e3];
+  for (let e3 in t2) void 0 === t2[e3] && delete t2[e3];
   return t2;
 }
 function ft(e2, t2 = []) {
   let l2 = Object.assign({}, e2);
-  for (let e3 of t2)
-    e3 in l2 && delete l2[e3];
+  for (let e3 of t2) e3 in l2 && delete l2[e3];
   return l2;
 }
 var mt = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(mt || {});
@@ -662,35 +617,24 @@ let St = [];
 var Ct = ((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))(Ct || {});
 function Ot(e2, t2) {
   let l2 = t2.resolveItems();
-  if (l2.length <= 0)
-    return null;
+  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;
+      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;
+      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;
+      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;
+      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;
+      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;
@@ -701,21 +645,17 @@ function Ot(e2, t2) {
   }
 }
 function Mt(e2 = {}, t2 = null, l2 = []) {
-  for (let [n2, a2] of Object.entries(e2))
-    Et(l2, Dt(t2, n2), a2);
+  for (let [n2, a2] of Object.entries(e2)) Tt(l2, Dt(t2, n2), a2);
   return l2;
 }
 function Dt(e2, t2) {
   return e2 ? e2 + "[" + t2 + "]" : t2;
 }
-function Et(e2, t2, l2) {
-  if (Array.isArray(l2))
-    for (let [n2, a2] of l2.entries())
-      Et(e2, Dt(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, ""]) : Mt(l2, t2, e2);
+function Tt(e2, t2, l2) {
+  if (Array.isArray(l2)) for (let [n2, a2] of l2.entries()) Tt(e2, Dt(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, ""]) : Mt(l2, t2, e2);
 }
-var Tt = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Tt || {}), It = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(It || {}), _t = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Focus = 1] = "Focus", e2[e2.Other = 2] = "Other", e2))(_t || {});
+var Et = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Et || {}), It = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(It || {}), _t = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Focus = 1] = "Focus", e2[e2.Other = 2] = "Other", e2))(_t || {});
 let jt = Symbol("ComboboxContext");
 function Pt(e2) {
   let t2 = v(jt, null);
@@ -728,8 +668,7 @@ function Pt(e2) {
 let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, { slots: t2 }) {
   let l2 = Pt("VirtualProvider"), n2 = d(() => {
     let e3 = je(l2.optionsRef);
-    if (!e3)
-      return { start: 0, end: 0 };
+    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 = Ce(d(() => ({ scrollPaddingStart: n2.value.start, scrollPaddingEnd: n2.value.end, count: l2.virtual.value.options.length, estimateSize: () => 40, getScrollElement: () => je(l2.optionsRef), overscan: 12 }))), o2 = d(() => {
@@ -740,8 +679,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
     r2.value += 1;
   }), C(Rt, l2.virtual.value ? a2 : null), () => [w("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;
+      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) => x(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" } })))];
@@ -751,7 +689,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
     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) : Je(l3, (e4) => je(e4.dataRef.domRef)), a3 = t3 ? n3.indexOf(t3) : null;
     return -1 === a3 && (a3 = null), { options: n3, activeOptionIndex: a3 };
   }
-  let b2 = d(() => e2.multiple ? 1 : 0), x2 = d(() => e2.nullable), [S2, D2] = Oe(d(() => e2.modelValue), (e3) => n2("update:modelValue", e3), d(() => e2.defaultValue)), E2 = d(() => void 0 === S2.value ? Pe(b2.value, { 1: [], 0: void 0 }) : S2.value), T2 = null, I2 = null;
+  let b2 = d(() => e2.multiple ? 1 : 0), x2 = d(() => e2.nullable), [S2, D2] = Oe(d(() => e2.modelValue), (e3) => n2("update:modelValue", e3), d(() => e2.defaultValue)), T2 = d(() => void 0 === S2.value ? Pe(b2.value, { 1: [], 0: void 0 }) : S2.value), E2 = null, I2 = null;
   function _2(e3) {
     return Pe(b2.value, { 0: () => null == D2 ? void 0 : D2(e3), 1: () => {
       let t3 = M(P2.value.value).slice(), l3 = M(e3), n3 = t3.findIndex((e4) => P2.compare(l3, M(e4)));
@@ -766,7 +704,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
       f2.value = -1 !== l3 ? l3 : null;
     }
   });
-  let P2 = { comboboxState: a2, value: E2, mode: b2, compare(t3, l3) {
+  let P2 = { comboboxState: a2, value: T2, mode: b2, compare(t3, l3) {
     if ("string" == typeof e2.by) {
       let n3 = e2.by;
       return (null == t3 ? void 0 : t3[n3]) === (null == l3 ? void 0 : l3[n3]);
@@ -783,12 +721,10 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
           var t3;
           return !(null != (t3 = P2.virtual.value) && t3.disabled(e5));
         });
-        if (-1 !== e4)
-          return e4;
+        if (-1 !== e4) return e4;
       }
       let e3 = g2.value.findIndex((e4) => !e4.dataRef.disabled);
-      if (-1 !== e3)
-        return e3;
+      if (-1 !== e3) return e3;
     }
     return f2.value;
   }), activationTrigger: m2, optionsPropsRef: c2, closeCombobox() {
@@ -804,19 +740,17 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
   }, setActivationTrigger(e3) {
     m2.value = e3;
   }, goToOption(t3, l3, n3) {
-    v2.value = false, null !== T2 && cancelAnimationFrame(T2), T2 = requestAnimationFrame(() => {
-      if (e2.disabled || u2.value && !c2.value.static && 1 === a2.value)
-        return;
-      if (P2.virtual.value)
-        return f2.value = t3 === Ct.Specific ? l3 : Ot({ focus: t3 }, { resolveItems: () => P2.virtual.value.options, resolveActiveIndex: () => {
-          var e3, t4;
-          return null != (t4 = null != (e3 = P2.activeOptionIndex.value) ? e3 : P2.virtual.value.options.findIndex((e4) => {
-            var t5;
-            return !(null != (t5 = P2.virtual.value) && t5.disabled(e4));
-          })) ? t4 : null;
-        }, resolveDisabled: (e3) => P2.virtual.value.disabled(e3), resolveId() {
-          throw new Error("Function not implemented.");
-        } }), void (m2.value = null != n3 ? n3 : 2);
+    v2.value = false, null !== E2 && cancelAnimationFrame(E2), E2 = requestAnimationFrame(() => {
+      if (e2.disabled || u2.value && !c2.value.static && 1 === a2.value) return;
+      if (P2.virtual.value) return f2.value = t3 === Ct.Specific ? l3 : Ot({ focus: t3 }, { resolveItems: () => P2.virtual.value.options, resolveActiveIndex: () => {
+        var e3, t4;
+        return null != (t4 = null != (e3 = P2.activeOptionIndex.value) ? e3 : P2.virtual.value.options.findIndex((e4) => {
+          var t5;
+          return !(null != (t5 = P2.virtual.value) && t5.disabled(e4));
+        })) ? t4 : null;
+      }, resolveDisabled: (e3) => P2.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);
@@ -827,14 +761,12 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
     });
   }, selectOption(e3) {
     let t3 = g2.value.find((t4) => t4.id === e3);
-    if (!t3)
-      return;
+    if (!t3) return;
     let { dataRef: l3 } = t3;
     _2(l3.value);
   }, selectActiveOption() {
     if (null !== P2.activeOptionIndex.value) {
-      if (P2.virtual.value)
-        _2(P2.virtual.value.options[P2.activeOptionIndex.value]);
+      if (P2.virtual.value) _2(P2.virtual.value.options[P2.activeOptionIndex.value]);
       else {
         let { dataRef: e3 } = g2.value[P2.activeOptionIndex.value];
         _2(e3.value);
@@ -843,8 +775,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
     }
   }, registerOption(e3, t3) {
     let l3 = O({ id: e3, dataRef: t3 });
-    if (P2.virtual.value)
-      return void g2.value.push(l3);
+    if (P2.virtual.value) return void g2.value.push(l3);
     I2 && cancelAnimationFrame(I2);
     let n3 = h2((e4) => (e4.push(l3), e4));
     null === f2.value && P2.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) => !je(e4.dataRef.domRef)) && (I2 = requestAnimationFrame(() => {
@@ -852,8 +783,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
       g2.value = e4.options, f2.value = e4.activeOptionIndex;
     }));
   }, unregisterOption(e3, t3) {
-    if (null !== T2 && cancelAnimationFrame(T2), t3 && (v2.value = true), P2.virtual.value)
-      return void (g2.value = g2.value.filter((t4) => t4.id !== e3));
+    if (null !== E2 && cancelAnimationFrame(E2), t3 && (v2.value = true), P2.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;
@@ -867,19 +797,18 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
   });
   return y(() => {
     p([R2], () => {
-      if (R2.value && void 0 !== e2.defaultValue)
-        return R2.value.addEventListener("reset", t3), () => {
-          var e3;
-          null == (e3 = R2.value) || e3.removeEventListener("reset", t3);
-        };
+      if (R2.value && void 0 !== e2.defaultValue) return R2.value.addEventListener("reset", t3), () => {
+        var e3;
+        null == (e3 = R2.value) || e3.removeEventListener("reset", t3);
+      };
       function t3() {
         P2.change(e2.defaultValue);
       }
     }, { immediate: true });
   }), () => {
     var n3, o3, r3;
-    let { name: i3, disabled: s2, form: d2, ...u3 } = e2, c3 = { open: 0 === a2.value, disabled: s2, activeIndex: P2.activeOptionIndex.value, activeOption: null === P2.activeOptionIndex.value ? null : P2.virtual.value ? P2.virtual.value.options[null != (n3 = P2.activeOptionIndex.value) ? n3 : 0] : null != (r3 = null == (o3 = P2.options.value[P2.activeOptionIndex.value]) ? void 0 : o3.dataRef.value) ? r3 : null, value: E2.value };
-    return w(k, [...null != i3 && null != E2.value ? Mt({ [i3]: E2.value }).map(([e3, t3]) => w(vt, gt({ features: mt.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: d2, disabled: s2, name: e3, value: t3 }))) : [], dt({ theirProps: { ...l2, ...ft(u3, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: c3, slots: t2, attrs: l2, name: "Combobox" })]);
+    let { name: i3, disabled: s2, form: d2, ...u3 } = e2, c3 = { open: 0 === a2.value, disabled: s2, activeIndex: P2.activeOptionIndex.value, activeOption: null === P2.activeOptionIndex.value ? null : P2.virtual.value ? P2.virtual.value.options[null != (n3 = P2.activeOptionIndex.value) ? n3 : 0] : null != (r3 = null == (o3 = P2.options.value[P2.activeOptionIndex.value]) ? void 0 : o3.dataRef.value) ? r3 : null, value: T2.value };
+    return w(k, [...null != i3 && null != T2.value ? Mt({ [i3]: T2.value }).map(([e3, t3]) => w(vt, gt({ features: mt.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: d2, disabled: s2, name: e3, value: t3 }))) : [], dt({ theirProps: { ...l2, ...ft(u3, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: c3, slots: t2, attrs: l2, name: "Combobox" })]);
   };
 } }), Lt = S({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
   var n2;
@@ -916,8 +845,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
           return null == (e4 = r2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
         });
       case wt.Escape:
-        if (0 !== r2.comboboxState.value)
-          return;
+        if (0 !== r2.comboboxState.value) return;
         return e3.preventDefault(), r2.optionsRef.value && !r2.optionsPropsRef.value.static && e3.stopPropagation(), r2.closeCombobox(), void h(() => {
           var e4;
           return null == (e4 = r2.inputRef.value) ? void 0 : e4.focus({ preventScroll: true });
@@ -947,23 +875,19 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
   });
   y(() => {
     p([f2, i2.comboboxState, u2], ([e3, t3], [l3, n3]) => {
-      if (c2.value)
-        return;
+      if (c2.value) return;
       let a3 = je(i2.inputRef);
       a3 && ((0 === n3 && 1 === t3 || e3 !== l3) && (a3.value = e3), requestAnimationFrame(() => {
         var e4;
-        if (c2.value || !a3 || (null == (e4 = u2.value) ? void 0 : e4.activeElement) !== a3)
-          return;
+        if (c2.value || !a3 || (null == (e4 = u2.value) ? void 0 : e4.activeElement) !== a3) return;
         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 }), p([i2.comboboxState], ([e3], [t3]) => {
       if (0 === e3 && 1 === t3) {
-        if (c2.value)
-          return;
+        if (c2.value) return;
         let e4 = je(i2.inputRef);
-        if (!e4)
-          return;
+        if (!e4) return;
         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);
       }
@@ -978,16 +902,14 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
       m2.value = false;
     });
   }
-  let x2 = Ee();
+  let x2 = Te();
   function w2(e3) {
     switch (c2.value = true, x2(() => {
       c2.value = false;
     }), e3.key) {
       case wt.Enter:
-        if (c2.value = false, 0 !== i2.comboboxState.value || m2.value)
-          return;
-        if (e3.preventDefault(), e3.stopPropagation(), null === i2.activeOptionIndex.value)
-          return void i2.closeCombobox();
+        if (c2.value = false, 0 !== i2.comboboxState.value || m2.value) return;
+        if (e3.preventDefault(), e3.stopPropagation(), null === i2.activeOptionIndex.value) return void i2.closeCombobox();
         i2.selectActiveOption(), 0 === i2.mode.value && i2.closeCombobox();
         break;
       case wt.ArrowDown:
@@ -999,25 +921,21 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
           });
         } });
       case wt.Home:
-        if (e3.shiftKey)
-          break;
+        if (e3.shiftKey) break;
         return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(Ct.First);
       case wt.PageUp:
         return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(Ct.First);
       case wt.End:
-        if (e3.shiftKey)
-          break;
+        if (e3.shiftKey) break;
         return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(Ct.Last);
       case wt.PageDown:
         return c2.value = false, e3.preventDefault(), e3.stopPropagation(), i2.goToOption(Ct.Last);
       case wt.Escape:
-        if (c2.value = false, 0 !== i2.comboboxState.value)
-          return;
+        if (c2.value = false, 0 !== i2.comboboxState.value) return;
         e3.preventDefault(), i2.optionsRef.value && !i2.optionsPropsRef.value.static && e3.stopPropagation(), i2.nullable.value && 0 === i2.mode.value && null === i2.value.value && g2(), i2.closeCombobox();
         break;
       case wt.Tab:
-        if (c2.value = false, 0 !== i2.comboboxState.value)
-          return;
+        if (c2.value = false, 0 !== i2.comboboxState.value) return;
         0 === i2.mode.value && 1 !== i2.activationTrigger.value && i2.selectActiveOption(), i2.closeCombobox();
     }
   }
@@ -1027,8 +945,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
   function S2(e3) {
     var t3, l3, n3;
     let a3 = null != (t3 = e3.relatedTarget) ? t3 : St.find((t4) => t4 !== e3.currentTarget);
-    if (c2.value = false, !(null != (l3 = je(i2.optionsRef)) && l3.contains(a3) || null != (n3 = je(i2.buttonRef)) && n3.contains(a3) || 0 !== i2.comboboxState.value))
-      return e3.preventDefault(), 0 === i2.mode.value && (i2.nullable.value && null === i2.value.value ? g2() : 1 !== i2.activationTrigger.value && i2.selectActiveOption()), i2.closeCombobox();
+    if (c2.value = false, !(null != (l3 = je(i2.optionsRef)) && l3.contains(a3) || null != (n3 = je(i2.buttonRef)) && n3.contains(a3) || 0 !== i2.comboboxState.value)) return e3.preventDefault(), 0 === i2.mode.value && (i2.nullable.value && null === i2.value.value ? g2() : 1 !== i2.activationTrigger.value && i2.selectActiveOption()), i2.closeCombobox();
   }
   function C2(e3) {
     var t3, l3, n3;
@@ -1079,8 +996,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
   }
   function x2() {
     var t3;
-    if (e2.disabled || null != (t3 = a2.virtual.value) && t3.disabled(e2.value))
-      return a2.goToOption(Ct.Nothing);
+    if (e2.disabled || null != (t3 = a2.virtual.value) && t3.disabled(e2.value)) return a2.goToOption(Ct.Nothing);
     let l3 = a2.calculateIndex(e2.value);
     a2.goToOption(Ct.Specific, l3);
   }
@@ -1099,8 +1015,7 @@ let Rt = Symbol("VirtualContext"), Bt = S({ name: "VirtualProvider", setup(e2, {
   }
   function S2(t3) {
     var l3;
-    if (!w2.wasMoved(t3) || e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || u2.value)
-      return;
+    if (!w2.wasMoved(t3) || e2.disabled || null != (l3 = a2.virtual.value) && l3.disabled(e2.value) || u2.value) return;
     let n3 = a2.calculateIndex(e2.value);
     a2.goToOption(Ct.Specific, n3, 0);
   }
@@ -1120,10 +1035,8 @@ function Vt(e2, t2, l2, n2) {
 }
 var Ht = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(Ht || {});
 function Yt(e2) {
-  if (!e2)
-    return /* @__PURE__ */ new Set();
-  if ("function" == typeof e2)
-    return new Set(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 = je(l2);
@@ -1161,19 +1074,15 @@ let Ut = Object.assign(S({ name: "FocusTrap", props: { as: { type: [Object, Stri
     let a3 = s(null), o3 = s(false);
     return y(() => o3.value = true), m(() => o3.value = false), y(() => {
       p([t3, l3, n3], (r3, i3) => {
-        if (r3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !n3.value)
-          return;
+        if (r3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !n3.value) return;
         let s2 = je(t3);
         s2 && Me(() => {
           var t4, n4;
-          if (!o3.value)
-            return;
+          if (!o3.value) return;
           let r4 = je(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 (a3.value = i4);
+            if (r4 === i4) return void (a3.value = i4);
+          } else if (s2.contains(i4)) return void (a3.value = i4);
           r4 ? We(r4) : Ge(s2, Ne.First | Ne.NoScroll) === ze.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" });
@@ -1182,13 +1091,11 @@ let Ut = Object.assign(S({ name: "FocusTrap", props: { as: { type: [Object, Stri
   !function({ ownerDocument: e3, container: t3, containers: l3, previousActiveElement: n3 }, a3) {
     var o3;
     Vt(null == (o3 = e3.value) ? void 0 : o3.defaultView, "focus", (e4) => {
-      if (!a3.value)
-        return;
+      if (!a3.value) return;
       let o4 = Yt(l3);
       je(t3) instanceof HTMLElement && o4.add(je(t3));
       let r3 = n3.value;
-      if (!r3)
-        return;
+      if (!r3) return;
       let i3 = e4.target;
       i3 && i3 instanceof HTMLElement ? Wt(o4, i3) ? (n3.value = i3, We(i3)) : (e4.preventDefault(), e4.stopPropagation(), We(r3)) : We(n3.value);
     }, true);
@@ -1214,8 +1121,7 @@ let Ut = Object.assign(S({ name: "FocusTrap", props: { as: { type: [Object, Stri
     }));
   }
   function v2(t3) {
-    if (!r2.value)
-      return;
+    if (!r2.value) return;
     let l3 = Yt(e2.containers);
     je(a2) instanceof HTMLElement && l3.add(je(a2));
     let n3 = t3.relatedTarget;
@@ -1227,9 +1133,7 @@ let Ut = Object.assign(S({ name: "FocusTrap", props: { as: { type: [Object, Stri
   };
 } }), { features: qt });
 function Wt(e2, t2) {
-  for (let l2 of e2)
-    if (l2.contains(t2))
-      return true;
+  for (let l2 of e2) if (l2.contains(t2)) return true;
   return false;
 }
 function Kt() {
@@ -1245,8 +1149,7 @@ function Kt() {
 }
 function Jt(e2) {
   let t2 = {};
-  for (let l2 of e2)
-    Object.assign(t2, l2(t2));
+  for (let l2 of e2) Object.assign(t2, l2(t2));
   return t2;
 }
 let Gt = function(e2, t2) {
@@ -1275,35 +1178,27 @@ let Gt = function(e2, t2) {
       }
       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 {
-          }
+        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");
+        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 ("INPUT" === e4.target.tagName)
-            return;
+          if ("INPUT" === e4.target.tagName) return;
           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;
+            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();
+          } else e4.preventDefault();
         }
       }, { passive: false }), t3.add(() => {
         var e4;
@@ -1331,8 +1226,7 @@ function Zt(e2, t2, l2) {
     return !!t3 && t3.count > 0;
   });
   return p([e2, t2], ([e3, t3], [n3], a3) => {
-    if (!e3 || !t3)
-      return;
+    if (!e3 || !t3) return;
     Gt.dispatch("PUSH", e3, l2);
     let o2 = false;
     a3(() => {
@@ -1342,8 +1236,7 @@ function Zt(e2, t2, l2) {
 }
 Gt.subscribe(() => {
   let e2 = Gt.getSnapshot(), t2 = /* @__PURE__ */ new Map();
-  for (let [l2] of e2)
-    t2.set(l2, l2.documentElement.style.overflow);
+  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), n2 = 0 !== l2.count;
     (n2 && !e3 || !n2 && e3) && Gt.dispatch(l2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l2), 0 === l2.count && Gt.dispatch("TEARDOWN", l2);
@@ -1353,18 +1246,14 @@ let Xt = /* @__PURE__ */ new Map(), Qt = /* @__PURE__ */ new Map();
 function el(e2, t2 = s(true)) {
   b((l2) => {
     var n2;
-    if (!t2.value)
-      return;
+    if (!t2.value) return;
     let a2 = je(e2);
-    if (!a2)
-      return;
+    if (!a2) return;
     l2(function() {
       var e3;
-      if (!a2)
-        return;
+      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;
+      if (1 === t3 ? Qt.delete(a2) : Qt.set(a2, t3 - 1), 1 !== t3) return;
       let l3 = Xt.get(a2);
       l3 && (null === l3["aria-hidden"] ? a2.removeAttribute("aria-hidden") : a2.setAttribute("aria-hidden", l3["aria-hidden"]), a2.inert = l3.inert, Xt.delete(a2));
     });
@@ -1409,8 +1298,7 @@ S({ name: "Description", props: { as: { type: [Object, String], default: "p" },
   var n2;
   let a2 = null != (n2 = e2.id) ? n2 : `headlessui-description-${_e()}`, o2 = function() {
     let e3 = v(il, null);
-    if (null === e3)
-      throw new Error("Missing parent");
+    if (null === e3) throw new Error("Missing parent");
     return e3;
   }();
   return y(() => m(o2.register(a2))), () => {
@@ -1430,13 +1318,11 @@ let cl = S({ name: "Portal", props: { as: { type: [Object, String], default: "di
   let n2 = s(null), a2 = d(() => Le(n2)), o2 = ll(), r2 = v(gl, null), i2 = s(true === o2 || null == r2 ? function(e3) {
     let t3 = Le(e3);
     if (!t3) {
-      if (null === e3)
-        return null;
+      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;
+    if (l3) return l3;
     let n3 = t3.createElement("div");
     return n3.setAttribute("id", "headlessui-portal-root"), t3.body.appendChild(n3);
   }(n2.value) : r2.resolveTarget());
@@ -1449,8 +1335,7 @@ let cl = S({ name: "Portal", props: { as: { type: [Object, String], default: "di
   });
   let c2 = v(pl, null), g2 = false, f2 = D();
   return p(n2, () => {
-    if (g2 || !c2)
-      return;
+    if (g2 || !c2) return;
     let e3 = je(n2);
     e3 && (m(c2.register(e3), f2), g2 = true);
   }), m(() => {
@@ -1458,10 +1343,9 @@ let cl = S({ name: "Portal", props: { as: { type: [Object, String], default: "di
     let l3 = null == (e3 = a2.value) ? void 0 : e3.getElementById("headlessui-portal-root");
     !l3 || i2.value !== l3 || ul(i2.value, (e4) => e4 - 1) || i2.value.children.length > 0 || null == (t3 = i2.value.parentElement) || t3.removeChild(i2.value);
   }), () => {
-    if (!u2.value || null === i2.value)
-      return null;
+    if (!u2.value || null === i2.value) return null;
     let a3 = { ref: n2, "data-headlessui-portal": "" };
-    return w(E, { to: i2.value }, dt({ ourProps: a3, theirProps: e2, slot: {}, attrs: l2, slots: t2, name: "Portal" }));
+    return w(T, { to: i2.value }, dt({ ourProps: a3, theirProps: e2, slot: {}, attrs: l2, slots: t2, name: "Portal" }));
   };
 } }), pl = Symbol("PortalParentContext");
 let gl = Symbol("PortalGroupContext"), fl = S({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
@@ -1488,11 +1372,9 @@ let bl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", yl = S({ name: "Dialog", inheri
     u2.value = true;
   });
   let c2 = false, p2 = d(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (c2 || (c2 = true, console.warn(`Invalid role [${p2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), g2 = s(0), f2 = yt(), m2 = d(() => e2.open === bl && null !== f2 ? (f2.value & bt.Open) === bt.Open : e2.open), x2 = s(null), k2 = d(() => Le(x2));
-  if (a2({ el: x2, $el: x2 }), e2.open === bl && null === f2)
-    throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
-  if ("boolean" != typeof m2.value)
-    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m2.value === bl ? void 0 : e2.open}`);
-  let O2 = d(() => u2.value && m2.value ? 0 : 1), M2 = d(() => 0 === O2.value), D2 = d(() => g2.value > 1), E2 = null !== v(vl, null), [T2, I2] = function() {
+  if (a2({ el: x2, $el: x2 }), e2.open === bl && null === f2) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
+  if ("boolean" != typeof m2.value) throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m2.value === bl ? void 0 : e2.open}`);
+  let O2 = d(() => u2.value && m2.value ? 0 : 1), M2 = d(() => 0 === O2.value), D2 = d(() => g2.value > 1), T2 = null !== v(vl, null), [E2, I2] = function() {
     let e3 = v(pl, null), t3 = s([]);
     function l3(l4) {
       let n4 = t3.value.indexOf(l4);
@@ -1510,20 +1392,16 @@ let bl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", yl = S({ name: "Dialog", inheri
     function o3() {
       var l4, o4, r3;
       let i3 = [];
-      for (let t4 of e3)
-        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)
-          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(je(n3)) || e4.contains(null == (r3 = null == (o4 = je(n3)) ? void 0 : o4.getRootNode()) ? void 0 : r3.host) || i3.some((t4) => e4.contains(t4)) || i3.push(e4));
+      for (let t4 of e3) 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) 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(je(n3)) || e4.contains(null == (r3 = null == (o4 = je(n3)) ? void 0 : o4.getRootNode()) ? void 0 : r3.host) || i3.some((t4) => e4.contains(t4)) || i3.push(e4));
       return i3;
     }
     return { resolveContainers: o3, contains: (e4) => o3().some((t4) => t4.contains(e4)), mainTreeNodeRef: n3, MainTreeNode: () => null != l3 ? null : w(vt, { features: mt.Hidden, ref: n3 }) };
-  }({ portals: T2, defaultContainers: [d(() => {
+  }({ portals: E2, defaultContainers: [d(() => {
     var e3;
     return null != (e3 = V2.panelRef.value) ? e3 : x2.value;
-  })] }), R2 = d(() => D2.value ? "parent" : "leaf"), B2 = d(() => null !== f2 && (f2.value & bt.Closing) === bt.Closing), A2 = d(() => !E2 && !B2.value && M2.value), L2 = d(() => {
+  })] }), R2 = d(() => D2.value ? "parent" : "leaf"), B2 = d(() => null !== f2 && (f2.value & bt.Closing) === bt.Closing), A2 = d(() => !T2 && !B2.value && M2.value), L2 = d(() => {
     var e3, t3, l3;
     return null != (l3 = Array.from(null != (t3 = null == (e3 = k2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(je(j2)) && e4 instanceof HTMLElement))) ? l3 : null;
   });
@@ -1533,8 +1411,7 @@ let bl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", yl = S({ name: "Dialog", inheri
     return null != (l3 = Array.from(null != (t3 = null == (e3 = k2.value) ? void 0 : e3.querySelectorAll("[data-headlessui-portal]")) ? t3 : []).find((e4) => e4.contains(je(j2)) && e4 instanceof HTMLElement)) ? l3 : null;
   });
   el(N2, F2), rl({ type: "Dialog", enabled: d(() => 0 === O2.value), element: x2, onUpdate: (e3, t3) => {
-    if ("Dialog" === t3)
-      return Pe(e3, { [ol.Add]: () => g2.value += 1, [ol.Remove]: () => g2.value -= 1 });
+    if ("Dialog" === t3) return Pe(e3, { [ol.Add]: () => g2.value += 1, [ol.Remove]: () => g2.value -= 1 });
   } });
   let z2 = sl({ name: "DialogDescription", slot: d(() => ({ open: m2.value })) }), $2 = s(null), V2 = { titleId: $2, panelRef: s(null), dialogState: O2, setTitleId(e3) {
     $2.value !== e3 && ($2.value = e3);
@@ -1550,16 +1427,14 @@ let bl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", yl = S({ name: "Dialog", inheri
   Vt(null == (r2 = k2.value) ? void 0 : r2.defaultView, "keydown", (e3) => {
     Y2.value && (e3.defaultPrevented || e3.key === wt.Escape && (e3.preventDefault(), e3.stopPropagation(), V2.close()));
   });
-  let q2 = d(() => !(B2.value || 0 !== O2.value || E2));
+  let q2 = d(() => !(B2.value || 0 !== O2.value || T2));
   return Zt(k2, q2, (e3) => {
     var t3;
     return { containers: [...null != (t3 = e3.containers) ? t3 : [], _2] };
   }), b((e3) => {
-    if (0 !== O2.value)
-      return;
+    if (0 !== O2.value) return;
     let t3 = je(x2);
-    if (!t3)
-      return;
+    if (!t3) return;
     let l3 = new ResizeObserver((e4) => {
       for (let t4 of e4) {
         let e5 = t4.target.getBoundingClientRect();
@@ -1586,8 +1461,7 @@ S({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
   var a2;
   let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-backdrop-${_e()}`, r2 = hl("DialogBackdrop"), i2 = s(null);
   return n2({ el: i2, $el: i2 }), y(() => {
-    if (null === r2.panelRef.value)
-      throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
+    if (null === r2.panelRef.value) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { ...n3 } = e2, a3 = { id: o2, ref: i2, "aria-hidden": true };
     return w(nl, { force: true }, () => w(cl, () => dt({ ourProps: a3, theirProps: { ...t2, ...n3 }, slot: { open: 0 === r2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
@@ -1656,30 +1530,26 @@ let Ml = S({ name: "Disclosure", props: { as: { type: [Object, String], default:
   }
   function p2(t3) {
     var l3;
-    if (!e2.disabled)
-      if (r2.value)
-        switch (t3.key) {
-          case wt.Space:
-          case wt.Enter:
-            t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 = je(a2.button)) || l3.focus();
-        }
-      else
-        switch (t3.key) {
-          case wt.Space:
-          case wt.Enter:
-            t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure();
-        }
+    if (!e2.disabled) if (r2.value) switch (t3.key) {
+      case wt.Space:
+      case wt.Enter:
+        t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure(), null == (l3 = je(a2.button)) || l3.focus();
+    }
+    else switch (t3.key) {
+      case wt.Space:
+      case wt.Enter:
+        t3.preventDefault(), t3.stopPropagation(), a2.toggleDisclosure();
+    }
   }
   function g2(e3) {
-    if (e3.key === wt.Space)
-      e3.preventDefault();
+    if (e3.key === wt.Space) e3.preventDefault();
   }
   return () => {
     var n3;
     let o3 = { open: 0 === a2.disclosureState.value }, { id: s2, ...d2 } = e2;
     return dt({ ourProps: r2.value ? { ref: i2, type: u2.value, onClick: c2, onKeydown: p2 } : { id: null != (n3 = a2.buttonId.value) ? n3 : s2, ref: i2, type: u2.value, "aria-expanded": 0 === a2.disclosureState.value, "aria-controls": 0 === a2.disclosureState.value || je(a2.panel) ? a2.panelId.value : void 0, disabled: !!e2.disabled || void 0, onClick: c2, onKeydown: p2, onKeyup: g2 }, theirProps: d2, slot: o3, attrs: t2, slots: l2, name: "DisclosureButton" });
   };
-} }), El = S({ 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 }) {
+} }), Tl = S({ 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 = Cl("DisclosurePanel");
   y(() => {
     null !== e2.id && (a2.panelId.value = e2.id);
@@ -1692,31 +1562,26 @@ let Ml = S({ name: "Disclosure", props: { as: { type: [Object, String], default:
     let o3 = { open: 0 === a2.disclosureState.value, close: a2.close }, { id: i2, ...s2 } = e2;
     return dt({ ourProps: { id: null != (n3 = a2.panelId.value) ? n3 : i2, ref: a2.panel }, theirProps: s2, slot: o3, attrs: t2, slots: l2, features: it.RenderStrategy | it.Static, visible: r2.value, name: "DisclosurePanel" });
   };
-} }), Tl = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+} }), El = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
 function Il(e2) {
   var t2, l2;
   let n2 = null != (t2 = e2.innerText) ? t2 : "", a2 = e2.cloneNode(true);
-  if (!(a2 instanceof HTMLElement))
-    return n2;
+  if (!(a2 instanceof HTMLElement)) return n2;
   let o2 = false;
-  for (let e3 of a2.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
-    e3.remove(), o2 = true;
+  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 Tl.test(r2) && (r2 = r2.replace(Tl, "")), r2;
+  return El.test(r2) && (r2 = r2.replace(El, "")), r2;
 }
 function _l(e2) {
   let t2 = s(""), l2 = s("");
   return () => {
     let n2 = je(e2);
-    if (!n2)
-      return "";
+    if (!n2) return "";
     let a2 = n2.innerText;
-    if (t2.value === a2)
-      return l2.value;
+    if (t2.value === a2) return l2.value;
     let o2 = function(e3) {
       let t3 = e3.getAttribute("aria-label");
-      if ("string" == typeof t3)
-        return t3.trim();
+      if ("string" == typeof t3) return t3.trim();
       let l3 = e3.getAttribute("aria-labelledby");
       if (l3) {
         let e4 = l3.split(" ").map((e5) => {
@@ -1727,8 +1592,7 @@ function _l(e2) {
           }
           return null;
         }).filter(Boolean);
-        if (e4.length > 0)
-          return e4.join(", ");
+        if (e4.length > 0) return e4.join(", ");
       }
       return Il(e3).trim();
     }(n2).trim().toLowerCase();
@@ -1801,8 +1665,7 @@ let Al = S({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     }
   }
   function s2(e3) {
-    if (e3.key === wt.Space)
-      e3.preventDefault();
+    if (e3.key === wt.Space) e3.preventDefault();
   }
   function u2(t3) {
     e2.disabled || (0 === r2.menuState.value ? (r2.closeMenu(), h(() => {
@@ -1829,8 +1692,7 @@ let Al = S({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     var t3;
     switch (i2.value && clearTimeout(i2.value), e3.key) {
       case wt.Space:
-        if ("" !== r2.searchQuery.value)
-          return e3.preventDefault(), e3.stopPropagation(), r2.search(e3.key);
+        if ("" !== r2.searchQuery.value) return e3.preventDefault(), e3.stopPropagation(), r2.search(e3.key);
       case wt.Enter:
         if (e3.preventDefault(), e3.stopPropagation(), null !== r2.activeItemIndex.value) {
           null == (t3 = je(r2.items.value[r2.activeItemIndex.value].dataRef.domRef)) || t3.click();
@@ -1863,8 +1725,7 @@ let Al = S({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     }
   }
   function c2(e3) {
-    if (e3.key === wt.Space)
-      e3.preventDefault();
+    if (e3.key === wt.Space) e3.preventDefault();
   }
   n2({ el: r2.itemsRef, $el: r2.itemsRef }), rt({ container: d(() => je(r2.itemsRef)), enabled: d(() => 0 === r2.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");
@@ -1883,13 +1744,11 @@ let Al = S({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     return c2();
   }, domRef: i2 }));
   function g2(t3) {
-    if (e2.disabled)
-      return t3.preventDefault();
+    if (e2.disabled) return t3.preventDefault();
     r2.closeMenu(), qe(je(r2.buttonRef));
   }
   function f2() {
-    if (e2.disabled)
-      return r2.goToItem(Ct.Nothing);
+    if (e2.disabled) return r2.goToItem(Ct.Nothing);
     r2.goToItem(Ct.Specific, o2);
   }
   y(() => r2.registerItem(o2, p2)), m(() => r2.unregisterItem(o2)), b(() => {
@@ -1959,9 +1818,7 @@ let Vl = S({ name: "Label", props: { as: { type: [Object, String], default: "lab
       var t3, l3;
       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();
+        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 = n3.requestSubmit) || l3.call(n3);
       }
     }(e3.currentTarget);
@@ -1976,11 +1833,10 @@ let Vl = S({ name: "Label", props: { as: { type: [Object, String], default: "lab
   });
   return y(() => {
     p([C2], () => {
-      if (C2.value && void 0 !== e2.defaultChecked)
-        return C2.value.addEventListener("reset", t3), () => {
-          var e3;
-          null == (e3 = C2.value) || e3.removeEventListener("reset", t3);
-        };
+      if (C2.value && void 0 !== e2.defaultChecked) return C2.value.addEventListener("reset", t3), () => {
+        var e3;
+        null == (e3 = C2.value) || e3.removeEventListener("reset", t3);
+      };
       function t3() {
         c2(e2.defaultChecked);
       }
@@ -2001,16 +1857,14 @@ function Gl(e2, t2, l2, n2, a2, o2) {
   let r2 = De(), i2 = void 0 !== o2 ? /* @__PURE__ */ function(e3) {
     let t3 = { called: false };
     return (...l3) => {
-      if (!t3.called)
-        return t3.called = true, e3(...l3);
+      if (!t3.called) return t3.called = true, e3(...l3);
     };
   }(o2) : () => {
   };
   return Kl(e2, ...a2), Wl(e2, ...t2, ...l2), r2.nextFrame(() => {
     Kl(e2, ...l2), Wl(e2, ...n2), r2.add(function(e3, t3) {
       let l3 = De();
-      if (!e3)
-        return l3.dispose;
+      if (!e3) return l3.dispose;
       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;
@@ -2057,31 +1911,27 @@ let nn = it.RenderStrategy, an = S({ props: { as: { type: [Object, String], defa
   function g2() {
     r2.value &= ~bt.Closing, t2("afterLeave");
   }
-  if (null === v(Xl, null) && null !== yt())
-    return () => w(rn, { ...e2, onBeforeEnter: i2, onAfterEnter: u2, onBeforeLeave: c2, onAfterLeave: g2 }, a2);
+  if (null === v(Xl, null) && null !== yt()) return () => w(rn, { ...e2, onBeforeEnter: i2, onAfterEnter: u2, onBeforeLeave: c2, onAfterLeave: g2 }, a2);
   let f2 = s(null), h2 = d(() => e2.unmount ? st.Unmount : st.Hidden);
   o2({ el: f2, $el: f2 });
   let { show: x2, appear: k2 } = function() {
     let e3 = v(Xl, null);
-    if (null === e3)
-      throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
+    if (null === e3) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
     return e3;
   }(), { register: S2, unregister: O2 } = function() {
     let e3 = v(en, null);
-    if (null === e3)
-      throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
+    if (null === e3) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
     return e3;
-  }(), M2 = s(x2.value ? "visible" : "hidden"), D2 = { value: true }, E2 = _e(), T2 = { value: false }, I2 = ln(() => {
-    !T2.value && "hidden" !== M2.value && (M2.value = "hidden", O2(E2), g2());
+  }(), M2 = s(x2.value ? "visible" : "hidden"), D2 = { value: true }, T2 = _e(), E2 = { value: false }, I2 = ln(() => {
+    !E2.value && "hidden" !== M2.value && (M2.value = "hidden", O2(T2), g2());
   });
   y(() => {
-    let e3 = S2(E2);
+    let e3 = S2(T2);
     m(e3);
   }), b(() => {
-    if (h2.value === st.Hidden && E2) {
-      if (x2.value && "visible" !== M2.value)
-        return void (M2.value = "visible");
-      Pe(M2.value, { hidden: () => O2(E2), visible: () => S2(E2) });
+    if (h2.value === st.Hidden && T2) {
+      if (x2.value && "visible" !== M2.value) return void (M2.value = "visible");
+      Pe(M2.value, { hidden: () => O2(T2), visible: () => S2(T2) });
     }
   });
   let _2 = Zl(e2.enter), j2 = Zl(e2.enterFrom), P2 = Zl(e2.enterTo), R2 = Zl(e2.entered), B2 = Zl(e2.leave), A2 = Zl(e2.leaveFrom), L2 = Zl(e2.leaveTo);
@@ -2089,18 +1939,17 @@ let nn = it.RenderStrategy, an = S({ props: { as: { type: [Object, String], defa
     b(() => {
       if ("visible" === M2.value) {
         let e3 = je(f2);
-        if (e3 instanceof Comment && "" === e3.data)
-          throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+        if (e3 instanceof Comment && "" === e3.data) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   }), y(() => {
     p([x2], (e3, t3, l3) => {
       (function(e4) {
         let t4 = D2.value && !k2.value, l4 = je(f2);
-        !l4 || !(l4 instanceof HTMLElement) || t4 || (T2.value = true, x2.value && i2(), x2.value || c2(), e4(x2.value ? Gl(l4, _2, j2, P2, R2, (e5) => {
-          T2.value = false, e5 === Jl.Finished && u2();
+        !l4 || !(l4 instanceof HTMLElement) || t4 || (E2.value = true, x2.value && i2(), x2.value || c2(), e4(x2.value ? Gl(l4, _2, j2, P2, R2, (e5) => {
+          E2.value = false, e5 === Jl.Finished && u2();
         }) : Gl(l4, B2, A2, L2, R2, (e5) => {
-          T2.value = false, e5 === Jl.Finished && (tn(I2) || (M2.value = "hidden", O2(E2), g2()));
+          E2.value = false, e5 === Jl.Finished && (tn(I2) || (M2.value = "hidden", O2(T2), g2()));
         })));
       })(l3), D2.value = false;
     }, { immediate: true });
@@ -2111,8 +1960,7 @@ let nn = it.RenderStrategy, an = S({ props: { as: { type: [Object, String], defa
 } }), on = an, rn = S({ 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 = yt(), o2 = d(() => null === e2.show && null !== a2 ? (a2.value & bt.Open) === bt.Open : e2.show);
   b(() => {
-    if (![true, false].includes(o2.value))
-      throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
+    if (![true, false].includes(o2.value)) throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
   let r2 = s(o2.value ? "visible" : "hidden"), i2 = ln(() => {
     r2.value = "hidden";
@@ -2180,12 +2028,12 @@ function Cn(t2, l2) {
 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: "M6 18 18 6M6 6l12 12" })]);
 }
-const Mn = { class: "py-1" }, Dn = ["onClick"], En = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, Tn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), In = { name: "uiDropdown" }, _n = Object.assign(In, { 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 Mn = { class: "py-1" }, Dn = ["onClick"], Tn = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, En = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), In = { name: "uiDropdown" }, _n = Object.assign(In, { 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 = d(() => {
     let e2 = c2.items.find((e3) => true === e3.active);
     return e2 ? e2.name : c2.label;
   });
-  return (r3, d2) => l2.loading ? (e(), a("div", En, [Tn, o(u(gn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(u(Al), { key: 0, as: "div", class: n(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: T(() => [i("div", null, [o(u(Ll), { 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: T(() => [I(_(p2.value) + " ", 1), o(u(gn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), o(j, { "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: T(() => [l2.disabled ? R("", true) : (e(), t(u(Fl), { 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: T(() => [i("div", Mn, [(e(true), a(k, null, P(l2.items, (l3, a2) => (e(), t(u(Nl), { key: a2 }, { default: T(() => [i("a", { onClick: (e2) => ((e3) => {
+  return (r3, d2) => l2.loading ? (e(), a("div", Tn, [En, o(u(gn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(u(Al), { key: 0, as: "div", class: n(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: E(() => [i("div", null, [o(u(Ll), { 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: E(() => [I(_(p2.value) + " ", 1), o(u(gn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), o(j, { "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: E(() => [l2.disabled ? R("", true) : (e(), t(u(Fl), { 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: E(() => [i("div", Mn, [(e(true), a(k, null, P(l2.items, (l3, a2) => (e(), t(u(Nl), { key: a2 }, { default: E(() => [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"]) }, _(l3.name), 11, Dn)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
 } }), jn = { key: 0 }, Pn = { class: "flex justify-between" }, Rn = { key: 0, class: "block text-sm font-medium text-gray-700" }, Bn = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, An = ["disabled", "name", "placeholder", "type"], Ln = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Fn = { key: 1, class: "animate-pulse" }, Nn = { 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" }, zn = 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), $n = { name: "uiInput" }, Vn = Object.assign($n, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
@@ -2213,7 +2061,7 @@ const Mn = { class: "py-1" }, Dn = ["onClick"], En = { key: 1, class: "animate-p
   }, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div", Wn, [o(G, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", Kn, [i("label", { for: t2.id, 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" }, [i("span", null, _(t2.placeholder), 1), i("input", { id: t2.id, name: t2.name, type: "file", class: "sr-only", accept: t2.accept, multiple: "", onChange: g2 }, null, 40, Gn)], 8, Jn), i("p", Zn, _(t2.dragAndDrop), 1)]), i("p", Xn, _(t2.fileTypesAndSizes), 1), B(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(u(r2)), 513), [[L, null !== u(r2)]])])], 34), B(i("p", Qn, [o(G, { icon: u(Cn), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), I(_(t2.error), 1)], 512), [[L, t2.error]])]));
 } }), aa = { class: "relative mt-1" }, oa = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, ra = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), ia = { name: "uiSelect" }, sa = Object.assign(ia, { props: { items: { type: Array, required: true }, label: String, error: String, color: String, select: Object, loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false } }, emits: ["selectChanged"], setup(l2, { emit: r2 }) {
   const c2 = s(""), p2 = r2, g2 = l2, f2 = d(() => "" === c2.value ? g2.items : g2.items.filter((e2) => e2.name.toLowerCase().includes(c2.value.toLowerCase()))), m2 = d(() => g2.select);
-  return (r3, s2) => l2.loading ? (e(), a("div", oa, [ra, o(u(vn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(u(At), { key: 0, modelValue: m2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => m2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], disabled: l2.disabled, as: "div" }, { default: T(() => [o(u(Lt), { class: "block text-sm font-medium" }, { default: T(() => [I(_(l2.label), 1)]), _: 1 }), i("div", aa, [o(u(Nt), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: n([{ "border-gray-300": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "border-red-400": "danger" === l2.color, "border-yellow-400": "warning" === l2.color, "border-green-400": "success" === l2.color, "bg-gray-100": l2.disabled, "bg-white": !l2.disabled, "text-black": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-gray-300": l2.disabled, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "w-full rounded-md border 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", "class"]), o(u(Ft), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: T(() => [o(u(vn), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), f2.value.length > 0 ? (e(), t(u(zt), { 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: T(() => [(e(true), a(k, null, P(f2.value, (l3) => (e(), t(u($t), { key: l3.id, value: l3, as: "template" }, { default: T(({ 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"]) }, _(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(u(pn), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : R("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : R("", true)]), B(i("p", { class: n([{ "text-gray-400": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(l2.error), 3), [[L, l2.error]])]), _: 1 }, 8, ["modelValue", "disabled"]));
+  return (r3, s2) => l2.loading ? (e(), a("div", oa, [ra, o(u(vn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(u(At), { key: 0, modelValue: m2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => m2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], disabled: l2.disabled, as: "div" }, { default: E(() => [o(u(Lt), { class: "block text-sm font-medium" }, { default: E(() => [I(_(l2.label), 1)]), _: 1 }), i("div", aa, [o(u(Nt), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: n([{ "border-gray-300": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "border-red-400": "danger" === l2.color, "border-yellow-400": "warning" === l2.color, "border-green-400": "success" === l2.color, "bg-gray-100": l2.disabled, "bg-white": !l2.disabled, "text-black": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-gray-300": l2.disabled, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "w-full rounded-md border 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", "class"]), o(u(Ft), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: E(() => [o(u(vn), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), f2.value.length > 0 ? (e(), t(u(zt), { 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: E(() => [(e(true), a(k, null, P(f2.value, (l3) => (e(), t(u($t), { key: l3.id, value: l3, as: "template" }, { default: E(({ 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"]) }, _(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(u(pn), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : R("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : R("", true)]), B(i("p", { class: n([{ "text-gray-400": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(l2.error), 3), [[L, l2.error]])]), _: 1 }, 8, ["modelValue", "disabled"]));
 } }), da = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, ua = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], ca = { name: "uiTag" }, pa = Object.assign(ca, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true }, event: String }, emits: ["tagEvent"], setup(t2, { emit: l2 }) {
   const o2 = l2, i2 = t2, s2 = () => {
     void 0 !== i2.event && o2("tagEvent", i2.event);
@@ -2228,10 +2076,10 @@ const Mn = { class: "py-1" }, Dn = ["onClick"], En = { key: 1, class: "animate-p
   }), (l3, r3) => t2.loading ? (e(), a("div", va, ha)) : (e(), a("div", ga, [t2.label ? (e(), a("label", fa, _(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, ma), [[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(G, { icon: u(Cn), color: "red", class: "mr-2" }, null, 8, ["icon"]), I(_(t2.error), 1)], 2), [[L, t2.error]])]));
 } }), xa = { class: "text-sm font-medium text-gray-900" }, wa = { key: 0, class: "text-sm text-gray-500 ml-2" }, ka = { key: 1, class: "animate-pulse flex items-center" }, Sa = [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)], Ca = { name: "uiToggle" }, Oa = Object.assign(Ca, { 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, d2) => l2.loading ? (e(), a("div", ka, Sa)) : (e(), t(u(Yl), { key: 0, as: "div", class: "flex items-center relative" }, { default: T(() => [o(u(ql), { disabled: l2.disabled, onClick: d2[0] || (d2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !r2.value })), modelValue: r2.value, "onUpdate:modelValue": d2[1] || (d2[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: T(() => [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(u(Ul), { as: "span", class: "ml-3" }, { default: T(() => [i("span", xa, _(l2.item.title), 1), l2.item.subtitle ? (e(), a("span", wa, _(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: d2[2] || (d2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : R("", true)]), _: 1 }));
-} }), Ma = { key: 0, class: "flex flex-col" }, Da = { class: "flex" }, Ea = { class: "flex-shrink-0" }, Ta = { class: "ml-3" }, Ia = { class: "mt-4" }, _a = { class: "-mx-2 -my-1.5 flex" }, ja = ["onClick"], Pa = { key: 1, class: "flex flex-col animate-pulse" }, Ra = [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)], Ba = { name: "uiAlert" }, Aa = Object.assign(Ba, { 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", Pa, Ra)) : (e(), a("div", Ma, [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", Da, [i("div", Ea, ["info" === l2.type ? (e(), t(u(wn), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : R("", true), "danger" === l2.type ? (e(), t(u(Cn), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : R("", true), "warning" === l2.type ? (e(), t(u(bn), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : R("", true), "success" === l2.type ? (e(), t(u(cn), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : R("", true)]), i("div", Ta, [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"]) }, _(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", Ia, [i("div", _a, [(e(true), a(k, null, P(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"]) }, _(t2.name), 11, ja))), 128))])])])])], 2)])) }), La = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, Fa = { role: "list", class: "flex items-center space-x-4 text-xs" }, Na = { key: 0 }, za = ["onClick"], $a = { key: 1, class: "flex items-center" }, Va = ["onClick", "aria-current"], Ha = { key: 1, class: "flex flex-row items-center animate-pulse" }, Ya = [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)], qa = { name: "uiBreadcrumbs" }, Ua = Object.assign(qa, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), a("div", Ha, Ya)) : (e(), a("nav", La, [i("ol", Fa, [(e(true), a(k, null, P(t2.pages, (t3, r3) => (e(), a("li", { key: r3 }, [0 === r3 ? (e(), a("div", Na, [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(u(xn), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, za)])) : (e(), a("div", $a, [o(u(mn), { 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" : "" }, _(t3.name), 11, Va)]))]))), 128))])])) }), Wa = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Ka = ["src"], Ja = { class: "font-bold text-center sm:text-left" }, Ga = { class: "mt-1 text-xs text-center sm:text-left" }, Za = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Xa = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, Qa = [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)], eo = { name: "uiCard" }, to = Object.assign(eo, { 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) => {
+  return (s2, d2) => l2.loading ? (e(), a("div", ka, Sa)) : (e(), t(u(Yl), { key: 0, as: "div", class: "flex items-center relative" }, { default: E(() => [o(u(ql), { disabled: l2.disabled, onClick: d2[0] || (d2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !r2.value })), modelValue: r2.value, "onUpdate:modelValue": d2[1] || (d2[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: E(() => [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(u(Ul), { as: "span", class: "ml-3" }, { default: E(() => [i("span", xa, _(l2.item.title), 1), l2.item.subtitle ? (e(), a("span", wa, _(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: d2[2] || (d2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : R("", true)]), _: 1 }));
+} }), Ma = { key: 0, class: "flex flex-col" }, Da = { class: "flex" }, Ta = { class: "flex-shrink-0" }, Ea = { class: "ml-3" }, Ia = { class: "mt-4" }, _a = { class: "-mx-2 -my-1.5 flex" }, ja = ["onClick"], Pa = { key: 1, class: "flex flex-col animate-pulse" }, Ra = [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)], Ba = { name: "uiAlert" }, Aa = Object.assign(Ba, { 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", Pa, Ra)) : (e(), a("div", Ma, [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", Da, [i("div", Ta, ["info" === l2.type ? (e(), t(u(wn), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : R("", true), "danger" === l2.type ? (e(), t(u(Cn), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : R("", true), "warning" === l2.type ? (e(), t(u(bn), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : R("", true), "success" === l2.type ? (e(), t(u(cn), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : R("", true)]), i("div", Ea, [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"]) }, _(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", Ia, [i("div", _a, [(e(true), a(k, null, P(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"]) }, _(t2.name), 11, ja))), 128))])])])])], 2)])) }), La = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, Fa = { role: "list", class: "flex items-center space-x-4 text-xs" }, Na = { key: 0 }, za = ["onClick"], $a = { key: 1, class: "flex items-center" }, Va = ["onClick", "aria-current"], Ha = { key: 1, class: "flex flex-row items-center animate-pulse" }, Ya = [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)], qa = { name: "uiBreadcrumbs" }, Ua = Object.assign(qa, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), a("div", Ha, Ya)) : (e(), a("nav", La, [i("ol", Fa, [(e(true), a(k, null, P(t2.pages, (t3, r3) => (e(), a("li", { key: r3 }, [0 === r3 ? (e(), a("div", Na, [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(u(xn), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, za)])) : (e(), a("div", $a, [o(u(mn), { 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" : "" }, _(t3.name), 11, Va)]))]))), 128))])])) }), Wa = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Ka = ["src"], Ja = { class: "font-bold text-center sm:text-left" }, Ga = { class: "mt-1 text-xs text-center sm:text-left" }, Za = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Xa = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, Qa = [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)], eo = { name: "uiCard" }, to = Object.assign(eo, { 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(), a("div", Xa, Qa)) : (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", Wa, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Ka), i("div", null, [i("h4", Ja, _(l2.name), 1), i("p", Ga, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), a("div", Za, [(e(true), a(k, null, P(l2.tags, (n3) => (e(), t(pa, { class: "mb-1 mr-1", key: n3.name, color: n3.color, loading: l2.loading }, { default: T(() => [I(_(n3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : R("", true)]));
+  return l2.loading ? (e(), a("div", Xa, Qa)) : (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", Wa, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Ka), i("div", null, [i("h4", Ja, _(l2.name), 1), i("p", Ga, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), a("div", Za, [(e(true), a(k, null, P(l2.tags, (n3) => (e(), t(pa, { class: "mb-1 mr-1", key: n3.name, color: n3.color, loading: l2.loading }, { default: E(() => [I(_(n3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : R("", true)]));
 } }), lo = { name: "uiFilter" }, no = Object.assign(lo, { 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(_n, { loading: l2.loading, onOptionSelected: r2[0] || (r2[0] = (e2) => ((e3) => {
@@ -2243,11 +2091,11 @@ const Mn = { class: "py-1" }, Dn = ["onClick"], En = { key: 1, class: "animate-p
   const d2 = l2, c2 = s2, p2 = (e2) => {
     c2("modalAction", { modal: d2.modalName, action: e2 });
   };
-  return (s3, d3) => (e(), t(u(rn), { as: "template", show: l2.open }, { default: T(() => [o(u(yl), { as: "div", class: "relative z-10", onClose: d3[1] || (d3[1] = (e2) => p2("close")) }, { default: T(() => [o(u(an), { 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: T(() => [ao]), _: 1 }), i("div", oo, [i("div", ro, [o(u(an), { 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: T(() => [o(u(xl), { 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: T(() => [i("div", io, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: d3[0] || (d3[0] = (e2) => p2("close")) }, [so, o(G, { icon: u(On), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", uo, [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(u(On), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[L, "danger" === l2.type]]), B(o(u(pn), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[L, "success" === l2.type]]), B(o(u(bn), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[L, "warning" === l2.type]]), B(o(u(yn), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[L, "default" === l2.type]])], 2), i("div", co, [o(u(wl), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: T(() => [I(_(l2.title), 1)]), _: 1 }), i("div", po, [r(s3.$slots, "default")]), l2.actions ? (e(), a("div", go, [(e(true), a(k, null, P(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) }, _(t2.name), 9, fo))), 128))])) : R("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
-} }), ho = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, bo = { 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" }, yo = { class: "p-4" }, xo = { class: "flex items-start" }, wo = { class: "flex-shrink-0 mt-0.5" }, ko = { class: "ml-3 w-0 flex-1 pt-0.5" }, So = { class: "font-medium text-gray-900" }, Co = { class: "mt-1 text-sm text-gray-500" }, Oo = { class: "ml-4 flex-shrink-0 flex" }, Mo = i("span", { class: "sr-only" }, "Close", -1), Do = { name: "uiNotification" }, Eo = Object.assign(Do, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
+  return (s3, d3) => (e(), t(u(rn), { as: "template", show: l2.open }, { default: E(() => [o(u(yl), { as: "div", class: "relative z-10", onClose: d3[1] || (d3[1] = (e2) => p2("close")) }, { default: E(() => [o(u(an), { 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: E(() => [ao]), _: 1 }), i("div", oo, [i("div", ro, [o(u(an), { 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: E(() => [o(u(xl), { 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: E(() => [i("div", io, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: d3[0] || (d3[0] = (e2) => p2("close")) }, [so, o(G, { icon: u(On), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", uo, [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(u(On), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[L, "danger" === l2.type]]), B(o(u(pn), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[L, "success" === l2.type]]), B(o(u(bn), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[L, "warning" === l2.type]]), B(o(u(yn), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[L, "default" === l2.type]])], 2), i("div", co, [o(u(wl), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: E(() => [I(_(l2.title), 1)]), _: 1 }), i("div", po, [r(s3.$slots, "default")]), l2.actions ? (e(), a("div", go, [(e(true), a(k, null, P(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) }, _(t2.name), 9, fo))), 128))])) : R("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+} }), ho = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, bo = { 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" }, yo = { class: "p-4" }, xo = { class: "flex items-start" }, wo = { class: "flex-shrink-0 mt-0.5" }, ko = { class: "ml-3 w-0 flex-1 pt-0.5" }, So = { class: "font-medium text-gray-900" }, Co = { class: "mt-1 text-sm text-gray-500" }, Oo = { class: "ml-4 flex-shrink-0 flex" }, Mo = i("span", { class: "sr-only" }, "Close", -1), Do = { name: "uiNotification" }, To = Object.assign(Do, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
   const l2 = t2, r2 = d(() => 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", ho, [o(j, { "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: T(() => [r2.value ? (e(), a("div", bo, [i("div", yo, [i("div", xo, [i("div", wo, [B(o(u(cn), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[L, "success" === t2.type]]), B(o(u(Cn), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[L, "danger" === t2.type]]), B(o(u(bn), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[L, "warning" === t2.type]]), B(o(u(wn), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[L, "info" === t2.type]])]), i("div", ko, [i("p", So, _(t2.title), 1), i("p", Co, _(t2.message), 1)]), i("div", Oo, [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")) }, [Mo, o(u(On), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : R("", true)]), _: 1 })])], 2));
-} }), To = { key: 0, role: "list", class: "divide-y divide-gray-100" }, Io = { class: "min-w-0" }, _o = { class: "flex items-start gap-x-3" }, jo = { class: "text-sm font-semibold leading-6 text-gray-900" }, Po = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Ro = { class: "truncate" }, Bo = { class: "flex flex-none items-center gap-x-4" }, Ao = ["href"], Lo = { class: "sr-only" }, Fo = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, No = [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)], zo = { name: "uiTaskList" }, $o = Object.assign(zo, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("ul", Fo, [(e(true), a(k, null, P(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, No))), 128))])) : (e(), a("ul", To, [(e(true), a(k, null, P(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", Io, [i("div", _o, [i("p", jo, _(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"]) }, _(t3.statusLiteral), 3)]), i("div", Po, [i("p", Ro, _(t3.description), 1)])]), i("div", Bo, [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", Lo, ", " + _(t3.name), 1)], 8, Ao)])]))), 128))])) });
+  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", ho, [o(j, { "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: E(() => [r2.value ? (e(), a("div", bo, [i("div", yo, [i("div", xo, [i("div", wo, [B(o(u(cn), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[L, "success" === t2.type]]), B(o(u(Cn), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[L, "danger" === t2.type]]), B(o(u(bn), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[L, "warning" === t2.type]]), B(o(u(wn), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[L, "info" === t2.type]])]), i("div", ko, [i("p", So, _(t2.title), 1), i("p", Co, _(t2.message), 1)]), i("div", Oo, [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")) }, [Mo, o(u(On), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : R("", true)]), _: 1 })])], 2));
+} }), Eo = { key: 0, role: "list", class: "divide-y divide-gray-100" }, Io = { class: "min-w-0" }, _o = { class: "flex items-start gap-x-3" }, jo = { class: "text-sm font-semibold leading-6 text-gray-900" }, Po = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Ro = { class: "truncate" }, Bo = { class: "flex flex-none items-center gap-x-4" }, Ao = ["href"], Lo = { class: "sr-only" }, Fo = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, No = [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)], zo = { name: "uiTaskList" }, $o = Object.assign(zo, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("ul", Fo, [(e(true), a(k, null, P(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, No))), 128))])) : (e(), a("ul", Eo, [(e(true), a(k, null, P(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", Io, [i("div", _o, [i("p", jo, _(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"]) }, _(t3.statusLiteral), 3)]), i("div", Po, [i("p", Ro, _(t3.description), 1)])]), i("div", Bo, [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", Lo, ", " + _(t3.name), 1)], 8, Ao)])]))), 128))])) });
 "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self && self;
 function Vo(e2) {
   return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
@@ -2287,8 +2135,7 @@ function Vo(e2) {
 }(q);
 const Ho = (e2, t2) => {
   const l2 = e2.__vccOpts || e2;
-  for (const [e3, n2] of t2)
-    l2[e3] = n2;
+  for (const [e3, n2] of t2) l2[e3] = n2;
   return l2;
 }, Yo = { class: "dateSelector flex items-center text-white flex-row" }, qo = { class: "pagination flex items-center my-1 md:my-0" }, Uo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Wo = { class: "pagination flex items-center my-1 sm:my-0" };
 const Ko = Ho({ name: "dateSelector", components: { ChevronLeftIcon: fn, ChevronRightIcon: mn }, computed: { currentDate() {
@@ -2322,8 +2169,7 @@ const fr = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
   return e(), a("div", gr, [i("div", { class: n([{ "bg-indigo-200 text-white": d2.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"]) }, _(d2.currentDay.price) + _(o2.currency), 3)]);
 }]]), uiButton: te, SkeletonTable: or }, computed: { days() {
   let e2 = [];
-  for (let t2 = 0; t2 < this.showDays; t2++)
-    e2.push(q(this.date).add(t2, "day"));
+  for (let t2 = 0; t2 < this.showDays; t2++) e2.push(q(this.date).add(t2, "day"));
   return e2;
 }, indeterminate() {
   return this.selectedRooms.length > 0 && this.selectedRooms.length < this.rooms.length;
@@ -2342,11 +2188,11 @@ const fr = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
   this.$emit("tableAction", e2);
 }, changeRoomPrice(e2) {
   this.$emit("changeRoomPrice", e2);
-} } }, mr = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, vr = { class: "flow-root" }, hr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, br = { class: "inline-block min-w-full align-middle" }, yr = { class: "min-w-full text-sm" }, xr = { 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" }, Sr = { key: 0 }, Cr = { colspan: "6", class: "pl-4" }, Or = { key: 1 }, Mr = { colspan: "6", class: "pl-4" }, Dr = { key: 2 }, Er = { colspan: "6", class: "pl-4" }, Tr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, Ir = { 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" }, _r = ["onClick"], jr = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, Pr = ["checked", "indeterminate"], Rr = { class: "pl-6" }, Br = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Ar = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Lr = 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), Fr = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, Nr = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, zr = ["value"], $r = { class: "pl-6" }, Vr = { colspan: "2", class: "pl-4" }, Hr = { colspan: "2", class: "pl-4" };
+} } }, mr = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, vr = { class: "flow-root" }, hr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, br = { class: "inline-block min-w-full align-middle" }, yr = { class: "min-w-full text-sm" }, xr = { 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" }, Sr = { key: 0 }, Cr = { colspan: "6", class: "pl-4" }, Or = { key: 1 }, Mr = { colspan: "6", class: "pl-4" }, Dr = { key: 2 }, Tr = { colspan: "6", class: "pl-4" }, Er = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, Ir = { 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" }, _r = ["onClick"], jr = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, Pr = ["checked", "indeterminate"], Rr = { class: "pl-6" }, Br = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Ar = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Lr = 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), Fr = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, Nr = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, zr = ["value"], $r = { class: "pl-6" }, Vr = { colspan: "2", class: "pl-4" }, Hr = { colspan: "2", class: "pl-4" };
 const Yr = Ho(fr, [["render", function(l2, r2, s2, d2, u2, c2) {
   var _a2, _b;
   const p2 = $("DateSelector"), g2 = $("Day"), f2 = $("uiButton"), m2 = $("Price"), v2 = $("SkeletonTable");
-  return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div", mr, [i("div", vr, [i("div", hr, [i("div", br, [i("table", yr, [i("tbody", xr, [i("tr", null, [i("th", wr, [o(p2, { selectedDate: l2.date, onDateSelected: r2[0] || (r2[0] = (e2) => c2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), a(k, null, P(c2.days, (t2, l3) => (e(), a("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [o(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", kr, [i("span", null, _(s2.literals.category) + " " + _(s2.category.name), 1), o(f2, { loading: s2.loading, class: "ml-4", size: "small", onClick: c2.changeCategoryBulkPrices }, { default: T(() => [I(_(s2.literals.changeInBulk), 1)]), _: 1 }, 8, ["loading", "onClick"])])]), "discounts" === s2.type ? (e(), a("tr", Sr, [i("td", Cr, _(s2.literals.pricesDiscount), 1), (e(true), a(k, null, P(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", Or, [i("td", Mr, _(s2.literals.pricesSelection), 1), (e(true), a(k, null, P(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", Dr, [i("td", Er, _(s2.literals.pricesUpgrade), 1), (e(true), a(k, null, P(s2.category.upgradePrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), i("tr", null, [i("th", Tr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = s2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Ir, [(e(true), a(k, null, P(s2.actions, (t2, n2) => (e(), a("button", { onClick: (e2) => c2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: n2, 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" }, _(t2.name), 9, _r))), 128))])) : R("", true), i("span", null, _(s2.literals.pricesSelection), 1)])]), i("tr", null, [i("th", jr, [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: c2.indeterminate || l2.selectedRooms.length === s2.rooms.length, indeterminate: c2.indeterminate, onChange: r2[1] || (r2[1] = (e2) => l2.selectedRooms = e2.target.checked ? s2.rooms.map((e3) => e3.name) : []) }, null, 40, Pr), i("span", Rr, _(s2.literals.room), 1)]), i("th", Br, _(s2.literals.building), 1), i("th", Ar, _(s2.literals.floor), 1), Lr]), (e(true), a(k, null, P(s2.rooms, (t2) => (e(), a("tr", { key: t2.name, class: n([{ "even:bg-gray-100": "prices" === s2.type, "odd:bg-gray-100": "discounts" === s2.type }]) }, [i("td", Fr, [l2.selectedRooms.includes(t2.name) ? (e(), a("div", Nr)) : 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": r2[2] || (r2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, zr), [[V, l2.selectedRooms]]), i("span", $r, _(t2.name), 1)]), i("td", Vr, _(t2.building), 1), i("td", Hr, _(t2.floor), 1), (e(true), a(k, null, P(t2.selectionPrices, (t3, l3) => (e(), a("td", { class: "p-0", key: l3 }, [o(m2, { onClick: (e2) => c2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: s2.currency.symbol, basePrice: c2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))], 2))), 128))])])])])])]));
+  return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div", mr, [i("div", vr, [i("div", hr, [i("div", br, [i("table", yr, [i("tbody", xr, [i("tr", null, [i("th", wr, [o(p2, { selectedDate: l2.date, onDateSelected: r2[0] || (r2[0] = (e2) => c2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), a(k, null, P(c2.days, (t2, l3) => (e(), a("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [o(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", kr, [i("span", null, _(s2.literals.category) + " " + _(s2.category.name), 1), o(f2, { loading: s2.loading, class: "ml-4", size: "small", onClick: c2.changeCategoryBulkPrices }, { default: E(() => [I(_(s2.literals.changeInBulk), 1)]), _: 1 }, 8, ["loading", "onClick"])])]), "discounts" === s2.type ? (e(), a("tr", Sr, [i("td", Cr, _(s2.literals.pricesDiscount), 1), (e(true), a(k, null, P(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", Or, [i("td", Mr, _(s2.literals.pricesSelection), 1), (e(true), a(k, null, P(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", Dr, [i("td", Tr, _(s2.literals.pricesUpgrade), 1), (e(true), a(k, null, P(s2.category.upgradePrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(m2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), i("tr", null, [i("th", Er, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = s2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Ir, [(e(true), a(k, null, P(s2.actions, (t2, n2) => (e(), a("button", { onClick: (e2) => c2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: n2, 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" }, _(t2.name), 9, _r))), 128))])) : R("", true), i("span", null, _(s2.literals.pricesSelection), 1)])]), i("tr", null, [i("th", jr, [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: c2.indeterminate || l2.selectedRooms.length === s2.rooms.length, indeterminate: c2.indeterminate, onChange: r2[1] || (r2[1] = (e2) => l2.selectedRooms = e2.target.checked ? s2.rooms.map((e3) => e3.name) : []) }, null, 40, Pr), i("span", Rr, _(s2.literals.room), 1)]), i("th", Br, _(s2.literals.building), 1), i("th", Ar, _(s2.literals.floor), 1), Lr]), (e(true), a(k, null, P(s2.rooms, (t2) => (e(), a("tr", { key: t2.name, class: n([{ "even:bg-gray-100": "prices" === s2.type, "odd:bg-gray-100": "discounts" === s2.type }]) }, [i("td", Fr, [l2.selectedRooms.includes(t2.name) ? (e(), a("div", Nr)) : 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": r2[2] || (r2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, zr), [[V, l2.selectedRooms]]), i("span", $r, _(t2.name), 1)]), i("td", Vr, _(t2.building), 1), i("td", Hr, _(t2.floor), 1), (e(true), a(k, null, P(t2.selectionPrices, (t3, l3) => (e(), a("td", { class: "p-0", key: l3 }, [o(m2, { onClick: (e2) => c2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: s2.currency.symbol, basePrice: c2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))], 2))), 128))])])])])])]));
 }]]), qr = { class: "chart-selector flex flex-row items-center justify-center" }, Ur = { name: "rangeSelector" }, Wr = Object.assign(Ur, { props: { range: { type: String } }, emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
   const o2 = l2, r2 = t2;
   let s2 = d(() => r2.range);
@@ -2368,18 +2214,17 @@ const ri = Ho(ni, [["render", function(t2, l2, n2, o2, r2, i2) {
 }]]), ii = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), si = { name: "uiLoadScreen" }, di = Object.assign(si, { 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"]) }, [ii, B(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, _(t2.title), 513), [[L, t2.title]]), B(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, _(t2.message), 513), [[L, t2.message]])], 2)) }), ui = { key: 0, class: "py-6 flex items-center justify-between" }, ci = { class: "flex-1 flex justify-between sm:hidden" }, pi = { 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" }, gi = { 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" }, fi = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, mi = { class: "text-sm text-gray-700" }, vi = { class: "font-bold" }, hi = { class: "font-bold" }, bi = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, yi = { class: "sr-only" }, xi = ["onClick"], wi = { class: "sr-only" }, ki = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, Si = [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" }, Oi = 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 = d(() => Math.max(1, Number(p2.current) - Number(g2.value))), m2 = d(() => Math.min(Number(p2.current) + Number(g2.value), Number(p2.total))), v2 = d(() => {
     let e2 = [];
-    for (let t3 = Number(f2.value); t3 <= Number(m2.value); t3++)
-      e2.push(t3);
+    for (let t3 = Number(f2.value); t3 <= Number(m2.value); t3++) e2.push(t3);
     return e2;
   });
   return (l3, s2) => t2.loading ? (e(), a("div", ki, Si)) : (e(), a("div", ui, [i("div", ci, [i("a", pi, [r(l3.$slots, "previous")]), i("a", gi, [r(l3.$slots, "next")])]), i("div", fi, [i("div", null, [i("p", mi, [r(l3.$slots, "showing"), I(), i("span", vi, _(t2.current + " "), 1), r(l3.$slots, "of"), I(), i("span", hi, _(t2.total), 1)])]), i("div", null, [i("nav", bi, [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", yi, [r(l3.$slots, "previous")]), o(u(fn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, 1 !== t2.current]]), (e(true), a(k, null, P(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"]) }, _(l4), 11, xi))), 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", wi, [r(l3.$slots, "next")]), o(u(mn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, t2.current !== t2.total]])])])])]));
-} }), Mi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Di = { class: "flex flex-col flex-grow overflow-y-auto" }, Ei = { class: "grow flex flex-col" }, Ti = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, Ii = { key: 0 }, _i = ["onClick"], ji = { key: 0, class: "text-left" }, Pi = { key: 0, class: "flex-1 text-left" }, Ri = { key: 1, class: "flex-1" }, Bi = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], Ai = { key: 0, class: "align-left" }, Li = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, Fi = { class: "h-12 flex flex-row items-center" }, Ni = [i("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1), i("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)], zi = { name: "uiSidebar" }, $i = Object.assign(zi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: r2 }) {
+} }), Mi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Di = { class: "flex flex-col flex-grow overflow-y-auto" }, Ti = { class: "grow flex flex-col" }, Ei = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, Ii = { key: 0 }, _i = ["onClick"], ji = { key: 0, class: "text-left" }, Pi = { key: 0, class: "flex-1 text-left" }, Ri = { key: 1, class: "flex-1" }, Bi = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], Ai = { key: 0, class: "align-left" }, Li = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, Fi = { class: "h-12 flex flex-row items-center" }, Ni = [i("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1), i("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)], zi = { name: "uiSidebar" }, $i = Object.assign(zi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: r2 }) {
   const s2 = r2;
-  return (r3, d2) => (e(), a("div", Mi, [i("div", Di, [i("div", Ei, [i("nav", Ti, [l2.loading ? (e(), a(k, { key: 1 }, P(5, (e2) => i("div", Fi, Ni)), 64)) : (e(true), a(k, { key: 0 }, P(l2.navigation, (r4) => (e(), a(k, { key: r4.name }, [r4.children ? (e(), t(u(Ml), { key: 1, as: "div", class: "space-y-1" }, { default: T(({ open: i2 }) => [o(u(Dl), { 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: T(() => [o(G, { 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", Ri, Bi)) : (e(), a("span", Pi, _(r4.name), 1)), o(u(mn), { 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(u(El), { class: "space-y-1" }, { default: T(() => [(e(true), a(k, null, P(r4.children, (o2) => (e(), t(u(Dl), { onClick: (e2) => s2("sideBarClick", o2.id), key: o2.name, class: n([o2.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"]) }, { default: T(() => [l2.loading ? (e(), a("div", Li)) : (e(), a("span", Ai, _(o2.name), 1))]), _: 2 }, 1032, ["onClick", "class"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), a("div", Ii, [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(G, { 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 ? R("", true) : (e(), a("span", ji, _(r4.name), 1))], 10, _i)]))], 64))), 128))])])])]));
+  return (r3, d2) => (e(), a("div", Mi, [i("div", Di, [i("div", Ti, [i("nav", Ei, [l2.loading ? (e(), a(k, { key: 1 }, P(5, (e2) => i("div", Fi, Ni)), 64)) : (e(true), a(k, { key: 0 }, P(l2.navigation, (r4) => (e(), a(k, { key: r4.name }, [r4.children ? (e(), t(u(Ml), { key: 1, as: "div", class: "space-y-1" }, { default: E(({ open: i2 }) => [o(u(Dl), { 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: E(() => [o(G, { 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", Ri, Bi)) : (e(), a("span", Pi, _(r4.name), 1)), o(u(mn), { 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(u(Tl), { class: "space-y-1" }, { default: E(() => [(e(true), a(k, null, P(r4.children, (o2) => (e(), t(u(Dl), { onClick: (e2) => s2("sideBarClick", o2.id), key: o2.name, class: n([o2.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"]) }, { default: E(() => [l2.loading ? (e(), a("div", Li)) : (e(), a("span", Ai, _(o2.name), 1))]), _: 2 }, 1032, ["onClick", "class"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), a("div", Ii, [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(G, { 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 ? R("", true) : (e(), a("span", ji, _(r4.name), 1))], 10, _i)]))], 64))), 128))])])])]));
 } }), Vi = { key: 0 }, Hi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Yi = { class: "ml-16 flex items-baseline pb-5" }, qi = { class: "text-2xl font-semibold text-gray-900" }, Ui = { key: 0, class: "text-black ml-2 flex items-baseline text-sm font-semibold" }, Wi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Ki = { class: "text-sm" }, Ji = { key: 1 }, Gi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Zi = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Xi = 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), Qi = 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), es = { name: "uiStats" }, ts = Object.assign(es, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: r2 }) {
   const s2 = r2;
   return (r3, d2) => l2.loading ? (e(), a("div", Ji, [i("div", Gi, [i("dt", null, [i("div", Zi, [o(G, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Xi, Qi])])])) : (e(), a("div", Vi, [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(G, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", Hi, _(l2.item.name), 1)]), i("dd", Yi, [i("p", qi, _(l2.item.stat), 1), l2.item.explanation ? (e(), a("p", Ui, _(l2.item.explanation), 1)) : R("", true), l2.item.changeType ? (e(), a("p", { key: 1, 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(u(dn), { 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(u(sn), { 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", Wi, [i("div", Ki, [i("span", { onClick: d2[0] || (d2[0] = (e2) => s2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, _(l2.item.actionText), 1)])], 512), [[L, l2.item.showFooter]])])], 2)]));
-} }), ls = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, ns = { class: "px-4 py-5 sm:px-6" }, as = { class: "text-lg font-medium leading-6 text-gray-900" }, os = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, rs = { class: "border-t border-gray-200" }, is = { class: "text-sm font-medium text-gray-500" }, ss = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, ds = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, us = ["onClick"], cs = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, ps = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, gs = 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), fs = { class: "border-t border-gray-200" }, ms = [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)], vs = { name: "uiStripedCard" }, hs = Object.assign(vs, { 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", ps, [gs, i("div", fs, [i("dl", null, [(e(), a(k, null, P(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"]]) }, ms, 2)), 64))])])])) : (e(), a("div", ls, [i("div", ns, [i("h3", as, _(l2.title), 1), i("p", os, _(l2.subtitle), 1)]), i("div", rs, [i("dl", null, [(e(true), a(k, null, P(l2.items, (s3, d2) => (e(), a("div", { key: d2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [d2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", is, _(s3.title), 1), "tag" === s3.type ? (e(), a("dd", ss, [o(pa, { color: s3.color }, { default: T(() => [I(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), a("dd", ds, [(e(true), a(k, null, P(s3.tags, (n2, a2) => (e(), t(pa, { loading: l2.loading, key: a2, color: n2.color, class: "mr-2 mb-2" }, { default: T(() => [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) }, _(s3.text), 9, us)) : (e(), a("dd", cs, _(s3.text), 1))], 2))), 128))])])])) }), bs = { 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" }, ys = 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), xs = { class: "ml-2" }, ws = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, n2) => (e(), a("div", bs, [ys, i("div", null, [o(G, { icon: u(kn), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", xs, _(t2.tip), 1)])) }, ks = { key: 0 }, Ss = { class: "flex flex-col" }, Cs = { class: "-my-2 overflow-x-auto" }, Os = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ms = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ds = { 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" }, Es = ["onClick"], Ts = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Is = { class: "bg-gray-50" }, _s = ["checked", "indeterminate"], js = ["onMouseover", "onMouseleave"], Ps = ["onClick"], Rs = { key: 2, class: "group flex items-center uppercase text-xs" }, Bs = { class: "divide-y divide-gray-200 bg-white" }, As = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Ls = ["value"], Fs = ["onClick"], Ns = ["href"], zs = { key: 3 }, $s = { name: "uiTable" }, Vs = Object.assign($s, { 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 }) {
+} }), ls = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, ns = { class: "px-4 py-5 sm:px-6" }, as = { class: "text-lg font-medium leading-6 text-gray-900" }, os = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, rs = { class: "border-t border-gray-200" }, is = { class: "text-sm font-medium text-gray-500" }, ss = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, ds = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, us = ["onClick"], cs = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, ps = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, gs = 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), fs = { class: "border-t border-gray-200" }, ms = [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)], vs = { name: "uiStripedCard" }, hs = Object.assign(vs, { 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", ps, [gs, i("div", fs, [i("dl", null, [(e(), a(k, null, P(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"]]) }, ms, 2)), 64))])])])) : (e(), a("div", ls, [i("div", ns, [i("h3", as, _(l2.title), 1), i("p", os, _(l2.subtitle), 1)]), i("div", rs, [i("dl", null, [(e(true), a(k, null, P(l2.items, (s3, d2) => (e(), a("div", { key: d2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [d2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", is, _(s3.title), 1), "tag" === s3.type ? (e(), a("dd", ss, [o(pa, { color: s3.color }, { default: E(() => [I(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), a("dd", ds, [(e(true), a(k, null, P(s3.tags, (n2, a2) => (e(), t(pa, { loading: l2.loading, key: a2, color: n2.color, class: "mr-2 mb-2" }, { default: E(() => [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) }, _(s3.text), 9, us)) : (e(), a("dd", cs, _(s3.text), 1))], 2))), 128))])])])) }), bs = { 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" }, ys = 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), xs = { class: "ml-2" }, ws = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, n2) => (e(), a("div", bs, [ys, i("div", null, [o(G, { icon: u(kn), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", xs, _(t2.tip), 1)])) }, ks = { key: 0 }, Ss = { class: "flex flex-col" }, Cs = { class: "-my-2 overflow-x-auto" }, Os = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ms = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ds = { 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" }, Ts = ["onClick"], Es = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Is = { class: "bg-gray-50" }, _s = ["checked", "indeterminate"], js = ["onMouseover", "onMouseleave"], Ps = ["onClick"], Rs = { key: 2, class: "group flex items-center uppercase text-xs" }, Bs = { class: "divide-y divide-gray-200 bg-white" }, As = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Ls = ["value"], Fs = ["onClick"], Ns = ["href"], zs = { key: 3 }, $s = { name: "uiTable" }, Vs = Object.assign($s, { 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 p2 = s(void 0);
@@ -2388,9 +2233,9 @@ const ri = Ho(ni, [["render", function(t2, l2, n2, o2, r2, i2) {
   };
   return (r3, s2) => {
     var _a2, _b;
-    return l2.loading ? (e(), t(or, { key: 1 })) : (e(), a("div", ks, [i("div", Ss, [i("div", Cs, [i("div", Os, [i("div", Ms, [((_a2 = u(c2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Ds, [(e(true), a(k, null, P(l2.actions, (t2, l3) => (e(), a("button", { onClick: (e2) => g2("tableAction", { action: t2.id, items: u(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" }, _(t2.name), 9, Es))), 128))])) : R("", true), i("table", Ts, [i("thead", Is, [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 || u(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) => H(c2) ? c2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : c2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, _s)) : R("", true)], 2), (e(true), a(k, null, P(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(ws, { key: 0, tip: r4.tooltip }, null, 8, ["tip"])), [[L, u(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, _(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(G, { icon: "asc" === l2.orderDirection ? u(gn) : u(hn), loading: l2.loading, color: r4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, Ps)) : (e(), a("p", Rs, [i("span", null, _(r4.name), 1)]))], 40, js))), 128))])]), i("tbody", Bs, [(e(true), a(k, null, P(l2.items, (o2, r4) => {
+    return l2.loading ? (e(), t(or, { key: 1 })) : (e(), a("div", ks, [i("div", Ss, [i("div", Cs, [i("div", Os, [i("div", Ms, [((_a2 = u(c2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Ds, [(e(true), a(k, null, P(l2.actions, (t2, l3) => (e(), a("button", { onClick: (e2) => g2("tableAction", { action: t2.id, items: u(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" }, _(t2.name), 9, Ts))), 128))])) : R("", true), i("table", Es, [i("thead", Is, [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 || u(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) => H(c2) ? c2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : c2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, _s)) : R("", true)], 2), (e(true), a(k, null, P(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(ws, { key: 0, tip: r4.tooltip }, null, 8, ["tip"])), [[L, u(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, _(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(G, { icon: "asc" === l2.orderDirection ? u(gn) : u(hn), loading: l2.loading, color: r4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, Ps)) : (e(), a("p", Rs, [i("span", null, _(r4.name), 1)]))], 40, js))), 128))])]), i("tbody", Bs, [(e(true), a(k, null, P(l2.items, (o2, r4) => {
       var _a3, _b2;
-      return e(), a("tr", { key: o2.id, class: n([u(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"]) }, [u(c2).includes(o2.id) ? (e(), a("div", As)) : R("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? B((e(), a("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => H(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, Ls)), [[V, u(c2)]]) : R("", true)], 2), (e(true), a(k, null, P(o2.row, (r5, i2) => (e(), a("td", { key: i2, class: n(["whitespace-nowrap py-4 pr-3 text-sm", u(c2).includes(o2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof r5 && "tag" === r5.type ? (e(), t(pa, { key: 0, loading: l2.loading, color: r5.color }, { default: T(() => [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 }) }, _(r5.content), 9, Fs)) : "object" == typeof r5 && "href" === r5.type ? (e(), a("a", { key: 2, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", href: r5.href, target: "_blank" }, _(r5.content), 9, Ns)) : (e(), a("span", zs, _(r5), 1))], 2))), 128))], 2);
+      return e(), a("tr", { key: o2.id, class: n([u(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"]) }, [u(c2).includes(o2.id) ? (e(), a("div", As)) : R("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? B((e(), a("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => H(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, Ls)), [[V, u(c2)]]) : R("", true)], 2), (e(true), a(k, null, P(o2.row, (r5, i2) => (e(), a("td", { key: i2, class: n(["whitespace-nowrap py-4 pr-3 text-sm", u(c2).includes(o2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof r5 && "tag" === r5.type ? (e(), t(pa, { key: 0, loading: l2.loading, color: r5.color }, { default: E(() => [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 }) }, _(r5.content), 9, Fs)) : "object" == typeof r5 && "href" === r5.type ? (e(), a("a", { key: 2, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", href: r5.href, target: "_blank" }, _(r5.content), 9, Ns)) : (e(), a("span", zs, _(r5), 1))], 2))), 128))], 2);
     }), 128))])])])])])])]));
   };
 } }), Hs = { class: "lg:hidden" }, Ys = ["value"], qs = { class: "hidden lg:block" }, Us = { class: "border-b border-gray-200" }, Ws = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, Ks = ["onClick", "aria-current"], Js = { name: "uiTabs" }, Gs = Object.assign(Js, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
@@ -2398,22 +2243,22 @@ const ri = Ho(ni, [["render", function(t2, l2, n2, o2, r2, i2) {
   return (l3, r2) => (e(), a("div", null, [i("div", Hs, [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(k, null, P(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9, Ys))), 128))], 32)]), i("div", qs, [i("div", Us, [i("nav", Ws, [(e(true), a(k, null, P(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"]) }, _(t3.count), 3)) : R("", true)], 10, Ks))), 128))])])])]));
-} }), Zs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, Xs = { class: "px-4 py-5 sm:px-6" }, Qs = { class: "text-xl font-bold" }, ed = { key: 0, class: "px-4 py-5 sm:p-6" }, td = { class: "flow-root" }, ld = { class: "relative pb-8" }, nd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, ad = { class: "relative flex space-x-3" }, od = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, rd = { class: "text-sm text-gray-500" }, id = ["onClick"], sd = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, dd = ["datetime"], ud = { key: 1, class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, cd = { class: "text-sm" }, pd = { key: 2, class: "h-full w-full flex items-center justify-center flex-col mb-5" }, gd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), fd = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, md = 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), vd = { class: "px-4 py-5 sm:p-6 animate-pulse" }, hd = { class: "flow-root" }, bd = { class: "relative pb-8" }, yd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, xd = i("div", { class: "relative flex space-x-3" }, [i("div", null, [i("span", { class: "h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white" })]), i("div", { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, [i("div", null, [i("p", { class: "text-sm text-gray-500 flex-1" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full" })])]), i("div", { class: "text-right text-sm whitespace-nowrap text-gray-500 flex-1" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])])], -1), wd = 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), kd = { name: "uiTimeline" }, Sd = Object.assign(kd, { props: { name: { type: String, required: true }, timeline: { type: Object, default: () => {
-} }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup(t2) {
+} }), Zs = { class: "px-4 py-5 sm:px-6" }, Xs = { class: "text-xl font-bold" }, Qs = { key: 0, class: "px-4 py-5 sm:p-6" }, ed = { class: "flow-root" }, td = { class: "relative pb-8" }, ld = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, nd = { class: "relative flex space-x-3" }, ad = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, od = { class: "text-sm text-gray-500" }, rd = ["onClick"], id = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, sd = ["datetime"], dd = { key: 1, class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, ud = { class: "text-sm" }, cd = { key: 2, class: "h-full w-full flex items-center justify-center flex-col mb-5" }, pd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), gd = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, fd = 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), md = { class: "px-4 py-5 sm:p-6 animate-pulse" }, vd = { class: "flow-root" }, hd = { class: "-mb-8", role: "list" }, bd = { class: "relative pb-8" }, yd = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, xd = 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), wd = 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), kd = { name: "uiTimeline" }, Sd = Object.assign(kd, { props: { name: { type: String, required: true }, timeline: { type: Object, default: () => {
+} }, loading: { type: Boolean, default: true }, height: { type: Number || void 0, default: void 0 }, empty: { type: Boolean, default: false } }, setup(t2) {
   const l2 = O(t2.timeline);
   return (r2, s2) => {
-    const d2 = $("uiIcon");
-    return t2.loading ? (e(), a("div", fd, [md, i("div", vd, [i("div", hd, [o(Y, { name: "list", tag: "ul", class: "-mb-8", role: "list" }, { default: T(() => [(e(), a(k, null, P(10, (t3, l3) => i("li", { key: l3 }, [i("div", bd, [10 !== t3 ? (e(), a("span", yd)) : R("", true), xd])])), 64))]), _: 1 })])]), wd])) : (e(), a("div", Zs, [i("div", Xs, [i("h1", Qs, _(t2.name), 1)]), l2.items ? (e(), a("div", ed, [i("div", td, [o(Y, { name: "list", tag: "ul", class: "-mb-8", role: "list" }, { default: T(() => [(e(true), a(k, null, P(l2.items, (s3, u2) => {
+    const d2 = $("uiICon");
+    return t2.loading ? (e(), a("div", gd, [fd, i("div", md, [i("div", vd, [i("ul", hd, [(e(), a(k, null, P(10, (t3, l3) => i("li", { key: l3 }, [i("div", bd, [10 !== t3 ? (e(), a("span", yd)) : R("", true), xd])])), 64))])])]), wd])) : (e(), a("div", { key: 0, class: n(["h-[" + t2.height + "px]", "bg-white overflow-hidden shadow rounded-lg"]) }, [i("div", Zs, [i("h1", Xs, _(t2.name), 1)]), l2.items ? (e(), a("div", Qs, [i("div", ed, [o(Y, { name: "list", tag: "ul", class: "-mb-8" }, { default: E(() => [(e(true), a(k, null, P(l2.items, (s3, d3) => {
       var _a2;
-      return e(), a("li", { key: u2 }, [i("div", ld, [u2 < ((_a2 = l2.items) == null ? void 0 : _a2.length) - 1 ? (e(), a("span", nd)) : R("", true), i("div", ad, [i("div", null, [i("span", { class: n([(s3 == null ? void 0 : s3.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(d2, { loading: t2.loading, icon: s3 == null ? void 0 : s3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", od, [i("div", null, [i("p", rd, [i("a", { onClick: (e2) => r2.$emit("timelineEventClicked", s3 == null ? void 0 : s3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(s3 == null ? void 0 : s3.target), 9, id), I(" " + _(s3 == null ? void 0 : s3.content), 1)])]), i("div", sd, [i("time", { datetime: s3 == null ? void 0 : s3.datetime }, _(s3 == null ? void 0 : s3.date), 9, dd)])])])])]);
-    }), 128))]), _: 1 })])])) : R("", true), l2.items ? (e(), a("div", ud, [i("div", cd, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: s2[0] || (s2[0] = (e2) => r2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])])) : (e(), a("div", pd, [o(G, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), gd]))]));
+      return e(), a("li", { key: d3 }, [i("div", td, [d3 < ((_a2 = l2.items) == null ? void 0 : _a2.length) - 1 ? (e(), a("span", ld)) : R("", true), i("div", nd, [i("div", null, [i("span", { class: n([(s3 == null ? void 0 : s3.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(G, { loading: t2.loading, icon: s3 == null ? void 0 : s3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", ad, [i("div", null, [i("p", od, [i("a", { onClick: (e2) => r2.$emit("timelineEventClicked", s3 == null ? void 0 : s3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(s3 == null ? void 0 : s3.target), 9, rd), I(" " + _(s3 == null ? void 0 : s3.content), 1)])]), i("div", id, [i("time", { datetime: s3 == null ? void 0 : s3.datetime }, _(s3 == null ? void 0 : s3.date), 9, sd)])])])])]);
+    }), 128))]), _: 1 })])])) : R("", true), l2.items ? (e(), a("div", dd, [i("div", ud, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: s2[0] || (s2[0] = (e2) => r2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])])) : (e(), a("div", cd, [o(d2, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), pd]))], 2));
   };
-} }), Cd = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: Ml, DisclosureButton: Dl, DisclosurePanel: El, Menu: Al, MenuButton: Ll, MenuItem: Nl, MenuItems: Fl, Bars3Icon: function(t2, l2) {
+} }), Cd = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: Ml, DisclosureButton: Dl, DisclosurePanel: Tl, Menu: Al, MenuButton: Ll, MenuItem: Nl, MenuItems: Fl, 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: On } }, Od = { class: "mx-auto px-6 lg:px-8" }, Md = { class: "flex justify-between h-20" }, Dd = { class: "flex" }, Ed = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Td = i("span", { class: "sr-only" }, "Open main menu", -1), Id = ["src"], _d = { class: "flex items-center" }, jd = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Pd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Rd = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], Bd = ["src"], Ad = ["onClick"], Ld = { class: "pt-2 pb-3 space-y-1" }, Fd = ["onClick"], Nd = { class: "pt-4 pb-3 border-t border-gray-200" }, zd = { class: "flex items-center px-4 sm:px-6" }, $d = { class: "flex-shrink-0" }, Vd = ["src"], Hd = { key: 0, class: "ml-3" }, Yd = { class: "text-base font-medium text-gray-800" }, qd = { class: "text-sm font-medium text-gray-500" }, Ud = { class: "mt-3 space-y-1" }, Wd = ["onClick"];
+}, XMarkIcon: On } }, Od = { class: "mx-auto px-6 lg:px-8" }, Md = { class: "flex justify-between h-20" }, Dd = { class: "flex" }, Td = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Ed = i("span", { class: "sr-only" }, "Open main menu", -1), Id = ["src"], _d = { class: "flex items-center" }, jd = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Pd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Rd = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], Bd = ["src"], Ad = ["onClick"], Ld = { class: "pt-2 pb-3 space-y-1" }, Fd = ["onClick"], Nd = { class: "pt-4 pb-3 border-t border-gray-200" }, zd = { class: "flex items-center px-4 sm:px-6" }, $d = { class: "flex-shrink-0" }, Vd = ["src"], Hd = { key: 0, class: "ml-3" }, Yd = { class: "text-base font-medium text-gray-800" }, qd = { class: "text-sm font-medium text-gray-500" }, Ud = { class: "mt-3 space-y-1" }, Wd = ["onClick"];
 const Kd = Ho(Cd, [["render", function(l2, r2, s2, d2, u2, c2) {
   const p2 = $("Bars3Icon"), g2 = $("XMarkIcon"), f2 = $("DisclosureButton"), m2 = $("MenuButton"), v2 = $("MenuItem"), h2 = $("MenuItems"), b2 = $("Menu"), y2 = $("DisclosurePanel"), x2 = $("Disclosure");
-  return e(), t(x2, { as: "nav", class: "bg-white shadow z-10" }, { default: T(({ open: d3 }) => [i("div", Od, [i("div", Md, [i("div", Dd, [i("div", Ed, [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: T(() => [Td, d3 ? (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, Id)])]), i("div", _d, [i("div", jd, [o(b2, { as: "div", class: "ml-3 relative" }, { default: T(() => [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: T(() => [B(i("div", Pd, Rd, 512), [[L, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Bd)]), _: 1 }, 512), [[L, s2.accountLogo]])]), o(j, { "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: T(() => [o(h2, { 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: T(() => [(e(true), a(k, null, P(s2.profileMenu, (a2) => (e(), t(v2, { key: a2.name }, { default: T(({ 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"]]) }, _(a2.name), 11, Ad)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), o(y2, { class: "lg:hidden" }, { default: T(() => [i("div", Ld, [(e(true), a(k, null, P(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: T(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, Fd)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", Nd, [i("div", zd, [i("div", $d, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Vd)]), s2.brand ? (e(), a("div", Hd, [i("div", Yd, _(s2.brand.title), 1), i("div", qd, _(s2.brand.subtitle), 1)])) : R("", true)]), i("div", Ud, [(e(true), a(k, null, P(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: T(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, Wd)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
+  return e(), t(x2, { as: "nav", class: "bg-white shadow z-10" }, { default: E(({ open: d3 }) => [i("div", Od, [i("div", Md, [i("div", Dd, [i("div", Td, [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: E(() => [Ed, d3 ? (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, Id)])]), i("div", _d, [i("div", jd, [o(b2, { as: "div", class: "ml-3 relative" }, { default: E(() => [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: E(() => [B(i("div", Pd, Rd, 512), [[L, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Bd)]), _: 1 }, 512), [[L, s2.accountLogo]])]), o(j, { "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: E(() => [o(h2, { 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: E(() => [(e(true), a(k, null, P(s2.profileMenu, (a2) => (e(), t(v2, { key: a2.name }, { default: E(({ 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"]]) }, _(a2.name), 11, Ad)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), o(y2, { class: "lg:hidden" }, { default: E(() => [i("div", Ld, [(e(true), a(k, null, P(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: E(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, Fd)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", Nd, [i("div", zd, [i("div", $d, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Vd)]), s2.brand ? (e(), a("div", Hd, [i("div", Yd, _(s2.brand.title), 1), i("div", qd, _(s2.brand.subtitle), 1)])) : R("", true)]), i("div", Ud, [(e(true), a(k, null, P(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: E(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, Wd)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
 }]]), Jd = { 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 } } }, Gd = { class: "chart-header flex flex-row justify-between" }, Zd = { class: "text-sm font-medium text-gray-500 truncate" }, Xd = { class: "chart-content" }, Qd = { class: "h-full w-full flex items-center justify-center flex-col" }, eu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), tu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, lu = [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)], nu = { name: "uiChart" }, au = Object.assign(nu, { 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 }) {
@@ -2421,21 +2266,21 @@ const Kd = Ho(Cd, [["render", function(l2, r2, s2, d2, u2, c2) {
     r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
   return (l3, r3) => (e(), a(k, 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", Gd, [i("div", Zd, _(t2.title), 1), o(Wr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Xd, [o(u(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), [[L, !t2.empty]]), B(i("div", Qd, [o(G, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), eu], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", tu, lu, 512), [[L, t2.loading]])], 64));
-} }), ou = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, ru = { class: "text-2xl mt-4 font-bold" }, iu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, su = { __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", ou, [o(G, { loading: false, icon: u(bn), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", ru, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", iu, [(e(true), a(k, null, P(l2.actions, (l3, a2) => (e(), t(te, { key: a2, loading: false, onClick: (e2) => n3.$emit("action", l3.action) }, { default: T(() => [I(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, du = i("div", { class: "fixed inset-0" }, null, -1), uu = { class: "fixed inset-0 overflow-hidden" }, cu = { class: "absolute inset-0 overflow-hidden" }, pu = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, gu = { 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" }, mu = { class: "flex items-center justify-between" }, vu = { class: "ml-3 flex h-7 items-center" }, hu = i("span", { class: "absolute -inset-2.5" }, null, -1), bu = i("span", { class: "sr-only" }, "Close panel", -1), yu = { class: "mt-1" }, xu = { class: "text-sm text-indigo-300" }, wu = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ku = { name: "uiRightSidebar" }, Su = Object.assign(ku, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: n2 }) {
+} }), ou = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, ru = { class: "text-2xl mt-4 font-bold" }, iu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, su = { __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", ou, [o(G, { loading: false, icon: u(bn), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", ru, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", iu, [(e(true), a(k, null, P(l2.actions, (l3, a2) => (e(), t(te, { key: a2, loading: false, onClick: (e2) => n3.$emit("action", l3.action) }, { default: E(() => [I(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, du = i("div", { class: "fixed inset-0" }, null, -1), uu = { class: "fixed inset-0 overflow-hidden" }, cu = { class: "absolute inset-0 overflow-hidden" }, pu = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, gu = { 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" }, mu = { class: "flex items-center justify-between" }, vu = { class: "ml-3 flex h-7 items-center" }, hu = i("span", { class: "absolute -inset-2.5" }, null, -1), bu = i("span", { class: "sr-only" }, "Close panel", -1), yu = { class: "mt-1" }, xu = { class: "text-sm text-indigo-300" }, wu = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ku = { name: "uiRightSidebar" }, Su = Object.assign(ku, { 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(u(rn), { as: "template", show: l2.open }, { default: T(() => [o(u(yl), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: T(() => [du, i("div", uu, [i("div", cu, [i("div", pu, [o(u(an), { 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: T(() => [o(u(xl), { class: "pointer-events-auto w-screen max-w-md" }, { default: T(() => [i("div", gu, [i("div", fu, [i("div", mu, [o(u(wl), { class: "text-base font-semibold leading-6 text-white" }, { default: T(() => [I(_(l2.title), 1)]), _: 1 }), i("div", vu, [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")) }, [hu, bu, o(u(On), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", yu, [i("p", xu, _(l2.description), 1)])]), i("div", wu, [r(n3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
-} }), Cu = { class: "uiGallery" }, Ou = { key: 1, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Mu = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Du = ["src"], Eu = ["onClick"], Tu = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Iu = { class: "flex items-center justify-between" }, _u = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, ju = { key: 2, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Pu = [i("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)], Ru = { name: "uiGallery" }, Bu = Object.assign(Ru, { props: { galleryId: String, gallery: Array, loading: Boolean, literals: Object }, setup(l2, { emit: n2 }) {
+  return (n3, s2) => (e(), t(u(rn), { as: "template", show: l2.open }, { default: E(() => [o(u(yl), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: E(() => [du, i("div", uu, [i("div", cu, [i("div", pu, [o(u(an), { 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: E(() => [o(u(xl), { class: "pointer-events-auto w-screen max-w-md" }, { default: E(() => [i("div", gu, [i("div", fu, [i("div", mu, [o(u(wl), { class: "text-base font-semibold leading-6 text-white" }, { default: E(() => [I(_(l2.title), 1)]), _: 1 }), i("div", vu, [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")) }, [hu, bu, o(u(On), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", yu, [i("p", xu, _(l2.description), 1)])]), i("div", wu, [r(n3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+} }), Cu = { class: "uiGallery" }, Ou = { key: 1, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Mu = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Du = ["src"], Tu = ["onClick"], Eu = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Iu = { class: "flex items-center justify-between" }, _u = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, ju = { key: 2, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Pu = [i("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)], Ru = { name: "uiGallery" }, Bu = Object.assign(Ru, { props: { galleryId: String, gallery: Array, loading: Boolean, literals: Object }, setup(l2, { emit: n2 }) {
   const r2 = n2, d2 = s(false);
   return (n3, s2) => (e(), a("div", Cu, [l2.loading ? R("", true) : (e(), t(vo, { key: 0, open: d2.value, modalName: "deleteAllImagesModal", title: l2.literals.modalTitle, type: "warning", actions: [{ value: "close", name: l2.literals.closeAction }, { value: `deleteGallery_${l2.galleryId}`, name: l2.literals.deleteAction }], onModalAction: s2[0] || (s2[0] = (e2) => {
     return t2 = e2, d2.value = false, void r2("modalAction", t2);
     var t2;
-  }) }, { default: T(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul", ju, [(e(), a(k, null, P(4, (e2) => i("li", null, Pu)), 64))])) : (e(), a("ul", Ou, [(e(true), a(k, null, P(l2.gallery, (t2) => (e(), a("li", { key: t2.source, class: "relative" }, [i("div", Mu, [i("img", { src: t2.source, alt: "", class: "pointer-events-none object-cover group-hover:opacity-75" }, null, 8, Du), i("button", { type: "button", class: "absolute inset-0 focus:outline-none", onClick: (e2) => n3.$emit("imgClicked", t2) }, null, 8, Eu)]), i("p", Tu, _(t2.title), 1), i("div", Iu, [i("p", _u, _(t2.size), 1), o(G, { class: "cursor-pointer", icon: u(Sn), color: "red", loading: false, onClick: (e2) => r2("deleteImage", t2) }, null, 8, ["icon", "onClick"])])]))), 128))])), l2.gallery.length > 0 && !l2.loading ? (e(), t(te, { key: 3, onClick: s2[1] || (s2[1] = (e2) => d2.value = true), class: "mt-8", loading: false, color: "red", size: "small" }, { default: T(() => [I(_(l2.literals.deleteAllImages), 1)]), _: 1 })) : R("", true)]));
+  }) }, { default: E(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul", ju, [(e(), a(k, null, P(4, (e2) => i("li", null, Pu)), 64))])) : (e(), a("ul", Ou, [(e(true), a(k, null, P(l2.gallery, (t2) => (e(), a("li", { key: t2.source, class: "relative" }, [i("div", Mu, [i("img", { src: t2.source, alt: "", class: "pointer-events-none object-cover group-hover:opacity-75" }, null, 8, Du), i("button", { type: "button", class: "absolute inset-0 focus:outline-none", onClick: (e2) => n3.$emit("imgClicked", t2) }, null, 8, Tu)]), i("p", Eu, _(t2.title), 1), i("div", Iu, [i("p", _u, _(t2.size), 1), o(G, { class: "cursor-pointer", icon: u(Sn), color: "red", loading: false, onClick: (e2) => r2("deleteImage", t2) }, null, 8, ["icon", "onClick"])])]))), 128))])), l2.gallery.length > 0 && !l2.loading ? (e(), t(te, { key: 3, onClick: s2[1] || (s2[1] = (e2) => d2.value = true), class: "mt-8", loading: false, color: "red", size: "small" }, { default: E(() => [I(_(l2.literals.deleteAllImages), 1)]), _: 1 })) : R("", true)]));
 } }), Au = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Lu = { class: "flex flex-row items-center w-full" }, Fu = { class: "content text-sm grow" }, Nu = { class: "font-bold" }, zu = { key: 0 }, $u = { class: "font-bold text-gray-400" }, Vu = { key: 1, class: "animate-pulse" }, Hu = [z('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)], Yu = { name: "uiDragAndDrop" }, qu = Object.assign(Yu, { props: { elements: { type: Array, required: true }, loading: true }, setup(l2) {
   const n2 = l2;
   let r2 = s(n2.elements);
   return p(() => n2.elements, (e2) => {
     r2.value = e2;
-  }), (n3, s2) => l2.loading ? (e(), a("div", Vu, Hu)) : (e(), t(u(W), { key: 0, modelValue: u(r2), "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => H(r2) ? r2.value = e2 : r2 = e2) }, { item: T(({ item: t2 }) => [i("div", Au, [i("div", Lu, [o(G, { icon: u(un), loading: false, color: "gray", class: "mr-4", size: "big" }, null, 8, ["icon"]), i("div", Fu, [i("p", Nu, _(t2.name), 1), t2.description ? (e(), a("p", zu, _(t2.description), 1)) : R("", true)]), i("div", $u, _(u(r2).indexOf(t2) + 1), 1)])])]), _: 1 }, 8, ["modelValue"]));
+  }), (n3, s2) => l2.loading ? (e(), a("div", Vu, Hu)) : (e(), t(u(W), { key: 0, modelValue: u(r2), "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => H(r2) ? r2.value = e2 : r2 = e2) }, { item: E(({ item: t2 }) => [i("div", Au, [i("div", Lu, [o(G, { icon: u(un), loading: false, color: "gray", class: "mr-4", size: "big" }, null, 8, ["icon"]), i("div", Fu, [i("p", Nu, _(t2.name), 1), t2.description ? (e(), a("p", zu, _(t2.description), 1)) : R("", true)]), i("div", $u, _(u(r2).indexOf(t2) + 1), 1)])])]), _: 1 }, 8, ["modelValue"]));
 } }), Uu = { class: "chart-header flex flex-row justify-between" }, Wu = { class: "text-sm font-medium text-gray-500 truncate" }, Ku = { class: "chart-content" }, Ju = { class: "h-full w-full flex items-center justify-center flex-col" }, Gu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Zu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Xu = [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)], Qu = { name: "uiCircleChart" }, ec = Object.assign(Qu, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Array, required: true }, labels: { type: Array, 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;
   let c2 = { labels: s2.labels, chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: true, dropShadow: { enabled: false } } };
@@ -2445,15 +2290,15 @@ const Kd = Ho(Cd, [["render", function(l2, r2, s2, d2, u2, c2) {
   return (l3, r3) => (e(), a(k, 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", Uu, [i("div", Wu, _(t2.title), 1), o(Wr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Ku, [o(u(U), { class: "flex items-center justify-center", type: "donut", series: p2.value, options: g2.value, height: t2.height, onUpdated: f2, onMounted: f2, onDataPointSelection: m2 }, null, 8, ["series", "options", "height"])], 512), [[L, !t2.empty]]), B(i("div", Ju, [o(G, { icon: u(bn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Gu], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Zu, Xu, 512), [[L, t2.loading]])], 64));
 } }), tc = { key: 0, class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, lc = { key: 1, class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, nc = { name: "uiDateRange" }, ac = Object.assign(nc, { props: { id: { type: String, required: true }, loading: { type: Boolean, default: true }, literals: { type: Object, required: true }, color: String, values: { type: Object, default: () => ({ from: "", to: "" }) }, error: String, disabled: Boolean, label: String }, setup(t2) {
   let l2 = O({ from: void 0, to: void 0 });
-  return (r2, i2) => t2.loading ? (e(), a("div", lc, [o(Vn, { loading: true }), o(Vn, { loading: true }), o(te, { loading: true }, { default: T(() => [I("Search")]), _: 1 })])) : (e(), a("div", tc, [o(Vn, { type: "date", loading: false, addOn: t2.literals.from, name: `dateFrom_${t2.id}`, color: t2.color, value: t2.values.from, error: t2.error, disabled: t2.disabled, label: t2.label, onInputChanged: i2[0] || (i2[0] = (e2) => u(l2).from = e2.value) }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label"]), o(Vn, { type: "date", loading: false, class: n([{ "mt-6": t2.label }]), addOn: t2.literals.to, name: `dateTo_${t2.id}`, color: t2.color, value: t2.values.to, error: t2.error, disabled: t2.disabled, onInputChanged: i2[1] || (i2[1] = (e2) => u(l2).to = e2.value) }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled"]), o(te, { disabled: t2.disabled, color: "primary", loading: false, class: n([{ "mt-6": t2.label }, "h-10"]), onClick: i2[2] || (i2[2] = (e2) => r2.$emit("uiDateRangeButtonClicked", u(l2))) }, { default: T(() => [I(_(t2.literals.search), 1)]), _: 1 }, 8, ["disabled", "class"])]));
+  return (r2, i2) => t2.loading ? (e(), a("div", lc, [o(Vn, { loading: true }), o(Vn, { loading: true }), o(te, { loading: true }, { default: E(() => [I("Search")]), _: 1 })])) : (e(), a("div", tc, [o(Vn, { type: "date", loading: false, addOn: t2.literals.from, name: `dateFrom_${t2.id}`, color: t2.color, value: t2.values.from, error: t2.error, disabled: t2.disabled, label: t2.label, onInputChanged: i2[0] || (i2[0] = (e2) => u(l2).from = e2.value) }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label"]), o(Vn, { type: "date", loading: false, class: n([{ "mt-6": t2.label }]), addOn: t2.literals.to, name: `dateTo_${t2.id}`, color: t2.color, value: t2.values.to, error: t2.error, disabled: t2.disabled, onInputChanged: i2[1] || (i2[1] = (e2) => u(l2).to = e2.value) }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled"]), o(te, { disabled: t2.disabled, color: "primary", loading: false, class: n([{ "mt-6": t2.label }, "h-10"]), onClick: i2[2] || (i2[2] = (e2) => r2.$emit("uiDateRangeButtonClicked", u(l2))) }, { default: E(() => [I(_(t2.literals.search), 1)]), _: 1 }, 8, ["disabled", "class"])]));
 } }), oc = { class: "flex justify-between items-center" }, rc = { key: 0, class: "block text-sm font-medium text-gray-700" }, ic = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, sc = { key: 1, class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full" }, dc = { name: "uiRangeSlider" }, uc = Object.assign(dc, { props: { loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, min: Number, max: Number, sliderValue: [Array, Number], label: String, optional: String }, emits: ["sliderUpdated"], setup(l2, { emit: o2 }) {
   const r2 = o2, d2 = s(l2.sliderValue);
   return (o3, s2) => (e(), a("div", null, [i("div", oc, [l2.label ? (e(), a("label", rc, _(l2.label), 1)) : R("", true), l2.optional ? (e(), a("span", ic, _(l2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": l2.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"]) }, [l2.loading ? (e(), a("p", sc)) : (e(), t(u(K), { key: 0, modelValue: d2.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => d2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: s2[1] || (s2[1] = (e2) => r2("sliderUpdated", e2)), classes: { base: "w-full h-full relative z-1 bg-gray-300 rounded", tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-indigo-600 bg-indigo-600 transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block" } }, null, 8, ["modelValue", "min", "max", "disabled"]))], 2)]));
-} }), cc = { class: "mt-1 mb-8 text-sm text-gray-500" }, pc = { name: "uiSectionTitle" }, gc = Object.assign(pc, { props: { title: { type: String, required: true }, description: { type: String, default: void 0 } }, setup: (t2) => (l2, o2) => (e(), a(k, null, [i("h3", { class: n(["text-lg font-medium leading-6 text-gray-900", { "mb-8": void 0 === t2.description }]) }, _(t2.title), 3), i("p", cc, _(t2.description), 1)], 64)) }), fc = { key: 0, class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow" }, mc = { class: "flex flex-1 flex-col p-8" }, vc = { class: "text-2xl font-bold text-gray-900" }, hc = { class: "mt-1 flex flex-grow flex-col justify-between" }, bc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, yc = { key: 1, class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow" }, xc = { class: "flex flex-1 flex-col p-8" }, wc = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, kc = i("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1), Sc = { class: "mt-1 flex flex-grow flex-col justify-between" }, Cc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Oc = { name: "uiDeviceStatus" }, Mc = Object.assign(Oc, { props: { id: { type: String, required: true }, name: { type: String, required: true }, icon: { type: Function, required: true }, color: String, qty: Number, tags: Array, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), a("div", yc, [i("div", xc, [i("div", wc, [o(G, { icon: l2.icon, size: "huge", class: "text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])]), kc, i("dl", Sc, [i("dd", Cc, [(e(true), a(k, null, P(l2.tags, (n2, a2) => (e(), t(pa, { key: a2, loading: l2.loading, event: n2.event, color: n2.color, onTagEvent: s2[2] || (s2[2] = (e2) => r2.$emit("deviceStatusTagClicked", e2)) }, { default: T(() => [I(_(n2.name), 1)]), _: 2 }, 1032, ["loading", "event", "color"]))), 128))])])])])) : (e(), a("div", fc, [i("div", mc, [i("div", { class: n(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", { "bg-green-500": !l2.color || "success" === l2.color, "bg-red-500": "danger" === l2.color, "bg-yellow-500": "warning" === l2.color }]) }, [o(G, { icon: l2.icon, size: "huge", class: "text-white", "aria-hidden": "true", loading: false }, null, 8, ["icon"])], 2), i("h3", vc, [I(_(l2.name) + " ", 1), B(i("span", { class: "text-indigo-600 hover:text-indigo-900 cursor-pointer", onClick: s2[0] || (s2[0] = (e2) => r2.$emit("deviceStatusQtyClicked", l2.id)) }, "(" + _(l2.qty) + ")", 513), [[L, l2.qty]])]), i("dl", hc, [i("dd", bc, [(e(true), a(k, null, P(l2.tags, (l3, n2) => (e(), t(pa, { key: n2, loading: false, event: l3.event, color: l3.color, onTagEvent: s2[1] || (s2[1] = (e2) => r2.$emit("deviceStatusTagClicked", e2)) }, { default: T(() => [I(_(l3.name), 1)]), _: 2 }, 1032, ["event", "color"]))), 128))])])])])) }), Dc = { uiButton: te, uiIcon: G, uiCheckbox: ue, uiDropdown: _n, uiInput: Vn, uiInputFile: na, uiSelect: sa, uiTag: pa, uiTextArea: ya, uiToggle: Oa, uiAlert: Aa, uiBreadcrumbs: Ua, uiCard: to, uiFilter: no, uiModal: vo, uiNotification: Eo, uiTaskList: $o, uiPriceCalendar: Yr, uiChart: li, uiFooter: ri, uiLoadingScreen: di, uiPagination: Oi, uiSidebar: $i, uiStats: ts, uiStripedCard: hs, uiTable: Vs, uiTabs: Gs, uiTimeline: Sd, uiTopbar: Kd, uiFunnelChartV2: au, uiNoResults: su, uiRightSidebar: Su, uiGallery: Bu, uiDragAndDrop: qu, uiCircleChart: ec, uiDateRange: ac, uiRangeSlider: uc, uiSectionTitle: gc, uiDeviceStatus: Mc }, Ec = { install(e2) {
+} }), cc = { class: "mt-1 mb-8 text-sm text-gray-500" }, pc = { name: "uiSectionTitle" }, gc = Object.assign(pc, { props: { title: { type: String, required: true }, description: { type: String, default: void 0 } }, setup: (t2) => (l2, o2) => (e(), a(k, null, [i("h3", { class: n(["text-lg font-medium leading-6 text-gray-900", { "mb-8": void 0 === t2.description }]) }, _(t2.title), 3), i("p", cc, _(t2.description), 1)], 64)) }), fc = { key: 0, class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow" }, mc = { class: "flex flex-1 flex-col p-8" }, vc = { class: "text-2xl font-bold text-gray-900" }, hc = { class: "mt-1 flex flex-grow flex-col justify-between" }, bc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, yc = { key: 1, class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow" }, xc = { class: "flex flex-1 flex-col p-8" }, wc = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, kc = i("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1), Sc = { class: "mt-1 flex flex-grow flex-col justify-between" }, Cc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Oc = { name: "uiDeviceStatus" }, Mc = Object.assign(Oc, { props: { id: { type: String, required: true }, name: { type: String, required: true }, icon: { type: Function, required: true }, color: String, qty: Number, tags: Array, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), a("div", yc, [i("div", xc, [i("div", wc, [o(G, { icon: l2.icon, size: "huge", class: "text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])]), kc, i("dl", Sc, [i("dd", Cc, [(e(true), a(k, null, P(l2.tags, (n2, a2) => (e(), t(pa, { key: a2, loading: l2.loading, event: n2.event, color: n2.color, onTagEvent: s2[2] || (s2[2] = (e2) => r2.$emit("deviceStatusTagClicked", e2)) }, { default: E(() => [I(_(n2.name), 1)]), _: 2 }, 1032, ["loading", "event", "color"]))), 128))])])])])) : (e(), a("div", fc, [i("div", mc, [i("div", { class: n(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", { "bg-green-500": !l2.color || "success" === l2.color, "bg-red-500": "danger" === l2.color, "bg-yellow-500": "warning" === l2.color }]) }, [o(G, { icon: l2.icon, size: "huge", class: "text-white", "aria-hidden": "true", loading: false }, null, 8, ["icon"])], 2), i("h3", vc, [I(_(l2.name) + " ", 1), B(i("span", { class: "text-indigo-600 hover:text-indigo-900 cursor-pointer", onClick: s2[0] || (s2[0] = (e2) => r2.$emit("deviceStatusQtyClicked", l2.id)) }, "(" + _(l2.qty) + ")", 513), [[L, l2.qty]])]), i("dl", hc, [i("dd", bc, [(e(true), a(k, null, P(l2.tags, (l3, n2) => (e(), t(pa, { key: n2, loading: false, event: l3.event, color: l3.color, onTagEvent: s2[1] || (s2[1] = (e2) => r2.$emit("deviceStatusTagClicked", e2)) }, { default: E(() => [I(_(l3.name), 1)]), _: 2 }, 1032, ["event", "color"]))), 128))])])])])) }), Dc = { uiButton: te, uiIcon: G, uiCheckbox: ue, uiDropdown: _n, uiInput: Vn, uiInputFile: na, uiSelect: sa, uiTag: pa, uiTextArea: ya, uiToggle: Oa, uiAlert: Aa, uiBreadcrumbs: Ua, uiCard: to, uiFilter: no, uiModal: vo, uiNotification: To, uiTaskList: $o, uiPriceCalendar: Yr, uiChart: li, uiFooter: ri, uiLoadingScreen: di, uiPagination: Oi, uiSidebar: $i, uiStats: ts, uiStripedCard: hs, uiTable: Vs, uiTabs: Gs, uiTimeline: Sd, uiTopbar: Kd, uiFunnelChartV2: au, uiNoResults: su, uiRightSidebar: Su, uiGallery: Bu, uiDragAndDrop: qu, uiCircleChart: ec, uiDateRange: ac, uiRangeSlider: uc, uiSectionTitle: gc, uiDeviceStatus: Mc }, Tc = { install(e2) {
   Object.keys(Dc).forEach((t2) => {
     e2.component(t2, Dc[t2]);
   });
 } };
 export {
-  Ec as default
+  Tc as default
 };