@aminnausin/cedar-ui 0.0.2 → 0.0.4

package/dist/cedar-ui.mjs

@@ -1,298 +1,298 @@
-var me = Object.defineProperty;
-var ve = (l, t, s) => t in l ? me(l, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : l[t] = s;
-var O = (l, t, s) => ve(l, typeof t != "symbol" ? t + "" : t, s);
-import { reactive as _, watch as $, ref as r, computed as K, onMounted as W, nextTick as ae, onBeforeUnmount as re, shallowRef as pe, defineComponent as ue, createElementBlock as L, openBlock as B, unref as S, normalizeStyle as he, normalizeClass as N, createVNode as ge, Transition as we, withCtx as ye, withDirectives as V, createElementVNode as P, createCommentVNode as G, vShow as F, toDisplayString as Z, watchEffect as be, createBlock as ee, Teleport as Te, Fragment as xe, renderList as Ie, mergeProps as Ce } from "vue";
-function Qe({ options: l, defaultItems: t }, s) {
-  const e = _({
+var Z = Object.defineProperty;
+var ee = (i, e, t) => e in i ? Z(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var p = (i, e, t) => ee(i, typeof e != "symbol" ? e + "" : e, t);
+import { reactive as P, watch as O, ref as u, computed as F, onMounted as te, nextTick as se, onBeforeUnmount as ne, shallowRef as ie } from "vue";
+function ge({ options: i, defaultItems: e }, t) {
+  const o = P({
     selectOpen: !1,
-    selectedItems: t,
-    selectableItems: l,
+    selectedItems: e,
+    selectableItems: i,
     selectableItemActive: null,
     selectId: "select-12",
     selectKeydownValue: "",
     selectKeydownTimeout: 1e3,
     selectKeydownClearTimeout: null,
     selectDropdownPosition: "bottom",
-    selectableItemsList: s.selectableItemsList,
-    selectButton: s.selectButton,
-    toggleSelect(i) {
-      i !== void 0 ? this.selectOpen = i === !0 : this.selectOpen = !this.selectOpen;
+    selectableItemsList: t.selectableItemsList,
+    selectButton: t.selectButton,
+    toggleSelect(s) {
+      s !== void 0 ? this.selectOpen = s === !0 : this.selectOpen = !this.selectOpen;
     },
-    updateRefs(i) {
-      this.selectButton = i.selectButton, this.selectableItemsList = i.selectableItemsList, this.selectPositionUpdate();
+    updateRefs(s) {
+      this.selectButton = s.selectButton, this.selectableItemsList = s.selectableItemsList, this.selectPositionUpdate();
     },
     // In a multiselect (combobox) nothing is ever selected in the list. It appears elsewhere and is removed from the list
     selectableItemIsActive() {
       return !1;
     },
-    async selectScrollToActiveItem(i, o = !0) {
-      let a = document.getElementById(i + "-" + this.selectId);
-      a && (a.scrollIntoView({ behavior: "smooth", block: "center" }), o && a.focus({ preventScroll: !1 }));
+    async selectScrollToActiveItem(s, a = !0) {
+      let l = document.getElementById(s + "-" + this.selectId);
+      l && (l.scrollIntoView({ behavior: "smooth", block: "center" }), a && l.focus({ preventScroll: !1 }));
     },
-    selectKeydown(i) {
-      if (i.keyCode < 65 || i.keyCode > 90) return;
-      this.selectKeydownValue += i.key;
-      let o = this.selectItemsFindBestMatch();
-      o && this.selectOpen && (this.selectableItemActive = o), this.selectKeydownValue !== "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
+    selectKeydown(s) {
+      if (s.keyCode < 65 || s.keyCode > 90) return;
+      this.selectKeydownValue += s.key;
+      let a = this.selectItemsFindBestMatch();
+      a && this.selectOpen && (this.selectableItemActive = a), this.selectKeydownValue !== "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
         this.selectKeydownValue = "";
       }, this.selectKeydownTimeout));
     },
     selectItemsFindBestMatch() {
-      let i = this.selectKeydownValue.toLowerCase(), o = null, a = -1;
-      for (const c of this.selectableItems) {
-        let b = c.name.toLowerCase().indexOf(i);
-        b > -1 && (a == -1 || b < a) && !c.disabled && (o = c, a = b);
+      let s = this.selectKeydownValue.toLowerCase(), a = null, l = -1;
+      for (const r of this.selectableItems) {
+        let h = r.name.toLowerCase().indexOf(s);
+        h > -1 && (l == -1 || h < l) && !r.disabled && (a = r, l = h);
       }
-      return o;
+      return a;
     },
     selectPositionUpdate() {
-      var o;
+      var a;
       if (!this.selectButton || !this.selectableItemsList) return;
-      let i = ((o = this.selectButton) == null ? void 0 : o.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
-      this.selectDropdownPosition = window.innerHeight < i ? "top" : "bottom";
+      let s = ((a = this.selectButton) == null ? void 0 : a.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
+      this.selectDropdownPosition = window.innerHeight < s ? "top" : "bottom";
     },
-    setOptions(i) {
-      Array.isArray(i) && (this.selectableItems = i);
+    setOptions(s) {
+      Array.isArray(s) && (this.selectableItems = s);
     }
   }), n = () => {
-    e.selectOpen && e.selectPositionUpdate();
+    o.selectOpen && o.selectPositionUpdate();
   };
-  return $(
-    () => e.selectOpen,
-    function(i) {
-      if (e.selectedItems ? e.selectableItemActive = e.selectedItem : e.selectableItemActive = e.selectableItems[0], !i) {
+  return O(
+    () => o.selectOpen,
+    function(s) {
+      if (o.selectedItems ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !s) {
         window.removeEventListener("resize", n);
         return;
       }
       n(), window.addEventListener("resize", n);
     },
     { immediate: !1 }
-  ), e;
+  ), o;
 }
-function Ge(l, t, s) {
-  var Q;
-  const e = r(!1), n = r(((Q = l.model) == null ? void 0 : Q.value) ?? l.defaultDate ?? ""), i = r("F d, Y"), o = r(0), a = r(0), c = r(0), m = r([]), b = r([]), v = r("bottom"), T = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], C = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], x = r("D"), f = K(() => {
-    let d = Math.max(o.value, 0);
-    return d >= T.length && (d = 0), T[d];
-  }), h = K(() => {
-    const d = Math.floor(a.value / 10) * 10;
-    return Array.from({ length: 10 }, (E, D) => d + D);
+function be(i, e, t) {
+  var _;
+  const o = u(!1), n = u(((_ = i.model) == null ? void 0 : _.value) ?? i.defaultDate ?? ""), s = u("F d, Y"), a = u(0), l = u(0), r = u(0), f = u([]), h = u([]), d = u("bottom"), m = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], g = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], v = u("D"), I = F(() => {
+    let c = Math.max(a.value, 0);
+    return c >= m.length && (c = 0), m[c];
+  }), U = F(() => {
+    const c = Math.floor(l.value / 10) * 10;
+    return Array.from({ length: 10 }, (b, w) => c + w);
   });
-  function w(d) {
-    e.value = d ?? !e.value, x.value = "D";
+  function q(c) {
+    o.value = c ?? !o.value, v.value = "D";
   }
-  function p(d = "D") {
-    x.value = d;
+  function z(c = "D") {
+    v.value = c;
   }
-  function y(d) {
-    const E = C[d.getDay()], D = ("0" + d.getDate()).slice(-2), Y = T[d.getMonth()], z = Y.substring(0, 3), j = ("0" + (d.getMonth() + 1)).slice(-2), A = d.getFullYear();
-    switch (i.value) {
+  function M(c) {
+    const b = g[c.getDay()], w = ("0" + c.getDate()).slice(-2), T = m[c.getMonth()], x = T.substring(0, 3), C = ("0" + (c.getMonth() + 1)).slice(-2), y = c.getFullYear();
+    switch (s.value) {
       case "F d, Y":
-        return `${Y} ${D}, ${A}`;
+        return `${T} ${w}, ${y}`;
       case "d M, Y":
-        return `${D} ${z}, ${A}`;
+        return `${w} ${x}, ${y}`;
       case "Y M d":
-        return `${A} ${z} ${D}`;
+        return `${y} ${x} ${w}`;
       case "MM-DD-YYYY":
-        return `${j}-${D}-${A}`;
+        return `${C}-${w}-${y}`;
       case "DD-MM-YYYY":
-        return `${D}-${j}-${A}`;
+        return `${w}-${C}-${y}`;
       case "YYYY-MM-DD":
-        return `${A}-${j}-${D}`;
+        return `${y}-${C}-${w}`;
       case "D d M, Y":
-        return `${E} ${D} ${z} ${A}`;
+        return `${b} ${w} ${x} ${y}`;
       default:
-        return `${Y} ${D}, ${A}`;
+        return `${T} ${w}, ${y}`;
     }
   }
-  function M(d) {
-    switch (x.value) {
+  function W(c) {
+    switch (v.value) {
       case "Y":
-        a.value = d, x.value = "M";
+        l.value = c, v.value = "M";
         break;
       case "M":
-        o.value = d, x.value = "D", H();
+        a.value = c, v.value = "D", A();
         break;
       default:
-        c.value = d, n.value = y(new Date(a.value, o.value, d)), e.value = !1, l.model && (l.model.value = n.value);
+        r.value = c, n.value = M(new Date(l.value, a.value, c)), o.value = !1, i.model && (i.model.value = n.value);
         break;
     }
   }
-  function g() {
-    switch (x.value) {
+  function J() {
+    switch (v.value) {
       case "Y":
-        a.value -= 10;
+        l.value -= 10;
         break;
       case "M":
-        a.value -= 1;
+        l.value -= 1;
         break;
       default:
-        o.value === 0 ? (a.value--, o.value = 11) : o.value--, H();
+        a.value === 0 ? (l.value--, a.value = 11) : a.value--, A();
         break;
     }
   }
-  function u() {
-    switch (x.value) {
+  function X() {
+    switch (v.value) {
       case "Y":
-        a.value += 10;
+        l.value += 10;
         break;
       case "M":
-        a.value += 1;
+        l.value += 1;
         break;
       default:
-        o.value === 11 ? (o.value = 0, a.value++) : o.value++, H();
+        a.value === 11 ? (a.value = 0, l.value++) : a.value++, A();
         break;
     }
   }
-  function I(d) {
-    const E = new Date(a.value, o.value, d);
-    return n.value === y(E);
+  function Q(c) {
+    const b = new Date(l.value, a.value, c);
+    return n.value === M(b);
   }
-  function de(d) {
-    const E = /* @__PURE__ */ new Date(), D = new Date(a.value, o.value, d);
-    return E.toDateString() === D.toDateString();
+  function G(c) {
+    const b = /* @__PURE__ */ new Date(), w = new Date(l.value, a.value, c);
+    return b.toDateString() === w.toDateString();
   }
-  function H() {
-    const d = new Date(a.value, o.value + 1, 0).getDate(), E = new Date(a.value, o.value).getDay();
-    b.value = Array.from({ length: E }, (D, Y) => Y + 1), m.value = Array.from({ length: d }, (D, Y) => Y + 1);
+  function A() {
+    const c = new Date(l.value, a.value + 1, 0).getDate(), b = new Date(l.value, a.value).getDay();
+    h.value = Array.from({ length: b }, (w, T) => T + 1), f.value = Array.from({ length: c }, (w, T) => T + 1);
   }
-  function R() {
-    if (!t.value || !s.value || !e.value) return;
-    const d = t.value.getBoundingClientRect(), E = s.value.offsetHeight, D = d.top + d.height + E;
-    v.value = D > window.innerHeight ? "top" : "bottom";
+  function B() {
+    if (!e.value || !t.value || !o.value) return;
+    const c = e.value.getBoundingClientRect(), b = t.value.offsetHeight, w = c.top + c.height + b;
+    d.value = w > window.innerHeight ? "top" : "bottom";
   }
-  function J(d, E = !0) {
-    o.value = d.getMonth(), a.value = d.getFullYear(), c.value = d.getDate(), E && (n.value = y(d)), H();
+  function N(c, b = !0) {
+    a.value = c.getMonth(), l.value = c.getFullYear(), r.value = c.getDate(), b && (n.value = M(c)), A();
   }
-  function X() {
+  function $() {
     if (n.value)
-      return J(new Date(Date.parse(n.value)));
-    J(/* @__PURE__ */ new Date(), l.useDefaultDate);
+      return N(new Date(Date.parse(n.value)));
+    N(/* @__PURE__ */ new Date(), i.useDefaultDate);
   }
-  return W(() => {
-    X();
-  }), $(e, async (d) => {
-    if (!d) {
-      window.removeEventListener("resize", R);
+  return te(() => {
+    $();
+  }), O(o, async (c) => {
+    if (!c) {
+      window.removeEventListener("resize", B);
       return;
     }
-    await ae(), X(), R(), window.addEventListener("resize", R);
+    await se(), $(), B(), window.addEventListener("resize", B);
   }), {
-    datePickerInput: t,
-    datePickerCalendar: s,
-    datePickerOpen: e,
+    datePickerInput: e,
+    datePickerCalendar: t,
+    datePickerOpen: o,
     datePickerValue: n,
-    datePickerPanel: x,
-    datePickerFormat: i,
-    datePickerMonth: o,
-    datePickerMonthVerbose: f,
-    datePickerYear: a,
-    datePickerDecade: h,
-    datePickerDay: c,
-    datePickerDaysInMonth: m,
-    datePickerBlankDaysInMonth: b,
-    datePickerMonthNames: T,
-    datePickerDays: C,
-    datePickerPosition: v,
-    toggleDatePicker: w,
-    datePickerValueClicked: M,
-    datePickerPrevious: g,
-    datePickerNext: u,
-    datePickerIsSelectedDate: I,
-    datePickerIsToday: de,
-    showDatePickerPanel: p
+    datePickerPanel: v,
+    datePickerFormat: s,
+    datePickerMonth: a,
+    datePickerMonthVerbose: I,
+    datePickerYear: l,
+    datePickerDecade: U,
+    datePickerDay: r,
+    datePickerDaysInMonth: f,
+    datePickerBlankDaysInMonth: h,
+    datePickerMonthNames: m,
+    datePickerDays: g,
+    datePickerPosition: d,
+    toggleDatePicker: q,
+    datePickerValueClicked: W,
+    datePickerPrevious: J,
+    datePickerNext: X,
+    datePickerIsSelectedDate: Q,
+    datePickerIsToday: G,
+    showDatePickerPanel: z
   };
 }
-function ce(l = "pv_id_") {
-  return l + Math.random().toString(16).slice(2);
+function j(i = "pv_id_") {
+  return i + Math.random().toString(16).slice(2);
 }
-class De {
+class ae {
   constructor() {
-    O(this, "subscribers");
-    O(this, "toasts");
+    p(this, "subscribers");
+    p(this, "toasts");
     // We use arrow functions to maintain the correct `this` reference
-    O(this, "subscribe", (t) => (this.subscribers.push(t), () => {
-      const s = this.subscribers.indexOf(t);
-      this.subscribers.splice(s, 1);
+    p(this, "subscribe", (e) => (this.subscribers.push(e), () => {
+      const t = this.subscribers.indexOf(e);
+      this.subscribers.splice(t, 1);
     }));
-    O(this, "publish", (t) => {
-      this.subscribers.forEach((s) => s(t));
+    p(this, "publish", (e) => {
+      this.subscribers.forEach((t) => t(e));
     });
-    O(this, "addToast", (t) => {
-      this.publish(t), this.toasts = [...this.toasts, t];
+    p(this, "addToast", (e) => {
+      this.publish(e), this.toasts = [...this.toasts, e];
     });
-    O(this, "create", (t, s) => {
-      const e = s.id ?? ce("toast_");
-      return this.toasts.find((i) => i.id === e) ? this.toasts = this.toasts.map((i) => i.id === e ? (this.publish({ ...i, ...s, id: e, title: t }), {
-        ...i,
+    p(this, "create", (e, t) => {
+      const o = t.id ?? j("toast_");
+      return this.toasts.find((s) => s.id === o) ? this.toasts = this.toasts.map((s) => s.id === o ? (this.publish({ ...s, ...t, id: o, title: e }), {
         ...s,
-        id: e,
-        title: t
-      }) : i) : this.addToast({
-        title: t,
-        id: e,
+        ...t,
+        id: o,
+        title: e
+      }) : s) : this.addToast({
+        title: e,
+        id: o,
         scale: 1,
         zIndex: 200,
         offsetY: 0,
-        ...s
-      }), e;
+        ...t
+      }), o;
     });
-    O(this, "dismiss", (t) => {
-      t ? (this.publish({ id: t, dismiss: !0 }), this.toasts = this.toasts.filter((s) => s.id !== t)) : (this.toasts.forEach((s) => {
-        this.publish({ id: s.id, dismiss: !0 });
+    p(this, "dismiss", (e) => {
+      e ? (this.publish({ id: e, dismiss: !0 }), this.toasts = this.toasts.filter((t) => t.id !== e)) : (this.toasts.forEach((t) => {
+        this.publish({ id: t.id, dismiss: !0 });
       }), this.toasts = []);
     });
-    O(this, "add", (t, s) => this.create(t, { ...s }));
-    O(this, "success", (t, s) => this.create(t, { type: "success", ...s }));
-    O(this, "error", (t, s) => this.create(t, { type: "danger", ...s }));
-    O(this, "info", (t, s) => this.create(t, { type: "info", ...s }));
-    O(this, "warning", (t, s) => this.create(t, { type: "warning", ...s }));
+    p(this, "add", (e, t) => this.create(e, { ...t }));
+    p(this, "success", (e, t) => this.create(e, { type: "success", ...t }));
+    p(this, "error", (e, t) => this.create(e, { type: "danger", ...t }));
+    p(this, "info", (e, t) => this.create(e, { type: "info", ...t }));
+    p(this, "warning", (e, t) => this.create(e, { type: "warning", ...t }));
     this.subscribers = [], this.toasts = [];
   }
 }
-const k = new De();
-function Me(l, t) {
-  const s = ce("toast_");
-  return k.create(l, { ...t, id: s }), s;
+const D = new ae();
+function le(i, e) {
+  const t = j("toast_");
+  return D.create(i, { ...e, id: t }), t;
 }
-const Oe = Object.assign(Me, {
-  add: k.add,
-  success: k.success,
-  error: k.error,
-  info: k.info,
-  warning: k.warning,
-  dismiss: k.dismiss
+const oe = Object.assign(le, {
+  add: D.add,
+  success: D.success,
+  error: D.error,
+  info: D.info,
+  warning: D.warning,
+  dismiss: D.dismiss
 });
-function et(l) {
-  const t = r(!1);
+function ye(i) {
+  const e = u(!1);
   return {
-    copyNotification: t,
+    copyNotification: e,
     copyToClipboard: async () => {
       try {
-        await navigator.clipboard.writeText(l.value), t.value = !0, setTimeout(() => {
-          t.value = !1;
+        await navigator.clipboard.writeText(i.value), e.value = !0, setTimeout(() => {
+          e.value = !1;
         }, 3e3);
-      } catch (e) {
-        console.error(e), Oe.error("Error", {
+      } catch (o) {
+        console.error(o), oe.error("Error", {
           description: "Unable to copy. Network is not secure."
         });
       }
     }
   };
 }
-function tt(l, t) {
-  const s = _({
+function Ie(i, e) {
+  const t = P({
     selectOpen: !1,
     selectedItem: "",
-    selectableItems: l,
+    selectableItems: i,
     selectableItemActive: null,
     selectId: "select-12",
     selectKeydownValue: "",
     selectKeydownTimeout: 1e3,
     selectKeydownClearTimeout: null,
     selectDropdownPosition: "bottom",
-    selectableItemsList: t.selectableItemsList,
-    selectButton: t.selectButton,
+    selectableItemsList: e.selectableItemsList,
+    selectButton: e.selectButton,
     toggleSelect(n) {
       n !== void 0 ? this.selectOpen = n === !0 : this.selectOpen = !this.selectOpen;
     },
@@ -318,696 +318,329 @@ function tt(l, t) {
     selectKeydown(n) {
       if (n.keyCode >= 65 && n.keyCode <= 90) {
         this.selectKeydownValue += n.key;
-        let i = this.selectItemsFindBestMatch();
-        i && (this.selectOpen ? (this.selectableItemActive = i, this.selectScrollToActiveItem()) : this.selectedItem = this.selectableItemActive === i), this.selectKeydownValue != "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
+        let s = this.selectItemsFindBestMatch();
+        s && (this.selectOpen ? (this.selectableItemActive = s, this.selectScrollToActiveItem()) : this.selectedItem = this.selectableItemActive === s), this.selectKeydownValue != "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
           this.selectKeydownValue = "";
         }, this.selectKeydownTimeout));
       }
     },
     selectItemsFindBestMatch() {
-      let n = this.selectKeydownValue.toLowerCase(), i = null, o = -1;
-      for (const a of this.selectableItems) {
-        let m = a.title.toLowerCase().indexOf(n);
-        m > -1 && (o == -1 || m < o) && !a.disabled && (i = a, o = m);
+      let n = this.selectKeydownValue.toLowerCase(), s = null, a = -1;
+      for (const l of this.selectableItems) {
+        let f = l.title.toLowerCase().indexOf(n);
+        f > -1 && (a == -1 || f < a) && !l.disabled && (s = l, a = f);
       }
-      return i;
+      return s;
     },
     selectPositionUpdate() {
-      var i;
+      var s;
       if (!this.selectableItemsList || !this.selectButton) return;
-      let n = ((i = this.selectButton) == null ? void 0 : i.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
+      let n = ((s = this.selectButton) == null ? void 0 : s.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
       window.innerHeight < n ? this.selectDropdownPosition = "top" : this.selectDropdownPosition = "bottom";
     }
-  }), e = () => {
-    s.selectOpen && s.selectPositionUpdate();
+  }), o = () => {
+    t.selectOpen && t.selectPositionUpdate();
   };
-  return $(
-    () => s.selectOpen,
+  return O(
+    () => t.selectOpen,
     function(n) {
-      if (s.selectedItem ? s.selectableItemActive = s.selectedItem : s.selectableItemActive = s.selectableItems[0], !n) {
-        window.removeEventListener("resize", e);
+      if (t.selectedItem ? t.selectableItemActive = t.selectedItem : t.selectableItemActive = t.selectableItems[0], !n) {
+        window.removeEventListener("resize", o);
         return;
       }
       window.setTimeout(function() {
-        s.selectScrollToActiveItem();
-      }, 10), e(), window.addEventListener("resize", e);
+        t.selectScrollToActiveItem();
+      }, 10), o(), window.addEventListener("resize", o);
     },
     { immediate: !1 }
-  ), s;
+  ), t;
 }
-function st(l) {
-  const t = r(null);
-  return _({
+function Te(i) {
+  const e = u(null);
+  return P({
     title: "",
-    ...l,
+    ...i,
     modalOpen: !1,
     isAnimating: !1,
-    animationTime: l.animationTime ?? 300,
-    toggleModal(s = null) {
-      this.isAnimating || (t.value && clearTimeout(t.value), s != null ? this.modalOpen = s : this.modalOpen = !this.modalOpen, this.isAnimating = !0, t.value = window.setTimeout(() => {
+    animationTime: i.animationTime ?? 300,
+    toggleModal(t = null) {
+      this.isAnimating || (e.value && clearTimeout(e.value), t != null ? this.modalOpen = t : this.modalOpen = !this.modalOpen, this.isAnimating = !0, e.value = window.setTimeout(() => {
         this.isAnimating = !1;
       }, this.animationTime));
     },
-    setTitle(s) {
-      this.title = s;
+    setTitle(t) {
+      this.title = t;
     }
   });
 }
-function nt(l) {
-  const t = r(1), s = r(l.itemsPerPage ?? 10), e = r(l.searchQuery ?? ""), n = _({
-    filteredPage: K(() => {
-      const i = s.value * (t.value - 1), o = Math.min(s.value * t.value, l.data.length);
-      return l.data.slice(i, o);
+function De(i) {
+  const e = u(1), t = u(i.itemsPerPage ?? 10), o = u(i.searchQuery ?? ""), n = P({
+    filteredPage: F(() => {
+      const s = t.value * (e.value - 1), a = Math.min(t.value * e.value, i.data.length);
+      return i.data.slice(s, a);
     }),
-    props: l,
-    fields: { currentPage: t, itemsPerPage: s, searchQuery: e },
-    handlePageChange(i) {
-      t.value = i;
+    props: i,
+    fields: { currentPage: e, itemsPerPage: t, searchQuery: o },
+    handlePageChange(s) {
+      e.value = s;
     },
     handlePageReset() {
-      t.value = 1;
+      e.value = 1;
     }
   });
-  return $(
-    () => l.data,
-    (i, o) => {
-      var a, c;
-      ((i == null ? void 0 : i.length) !== (o == null ? void 0 : o.length) || i[0] && o[0] && ((a = i[0]) == null ? void 0 : a.id) !== ((c = o[0]) == null ? void 0 : c.id)) && n.handlePageReset();
+  return O(
+    () => i.data,
+    (s, a) => {
+      var l, r;
+      ((s == null ? void 0 : s.length) !== (a == null ? void 0 : a.length) || s[0] && a[0] && ((l = s[0]) == null ? void 0 : l.id) !== ((r = a[0]) == null ? void 0 : r.id)) && n.handlePageReset();
     },
     { immediate: !0 }
   ), n;
 }
-function Se(l) {
-  return l && l.__esModule && Object.prototype.hasOwnProperty.call(l, "default") ? l.default : l;
+function ce(i) {
+  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var U, te;
-function Ee() {
-  return te || (te = 1, U = function l(t, s) {
-    if (t === s) return !0;
-    if (t && s && typeof t == "object" && typeof s == "object") {
-      if (t.constructor !== s.constructor) return !1;
-      var e, n, i;
-      if (Array.isArray(t)) {
-        if (e = t.length, e != s.length) return !1;
-        for (n = e; n-- !== 0; )
-          if (!l(t[n], s[n])) return !1;
+var k, K;
+function re() {
+  return K || (K = 1, k = function i(e, t) {
+    if (e === t) return !0;
+    if (e && t && typeof e == "object" && typeof t == "object") {
+      if (e.constructor !== t.constructor) return !1;
+      var o, n, s;
+      if (Array.isArray(e)) {
+        if (o = e.length, o != t.length) return !1;
+        for (n = o; n-- !== 0; )
+          if (!i(e[n], t[n])) return !1;
         return !0;
       }
-      if (t.constructor === RegExp) return t.source === s.source && t.flags === s.flags;
-      if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === s.valueOf();
-      if (t.toString !== Object.prototype.toString) return t.toString() === s.toString();
-      if (i = Object.keys(t), e = i.length, e !== Object.keys(s).length) return !1;
-      for (n = e; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(s, i[n])) return !1;
-      for (n = e; n-- !== 0; ) {
-        var o = i[n];
-        if (!l(t[o], s[o])) return !1;
+      if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags;
+      if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === t.valueOf();
+      if (e.toString !== Object.prototype.toString) return e.toString() === t.toString();
+      if (s = Object.keys(e), o = s.length, o !== Object.keys(t).length) return !1;
+      for (n = o; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, s[n])) return !1;
+      for (n = o; n-- !== 0; ) {
+        var a = s[n];
+        if (!i(e[a], t[a])) return !1;
       }
       return !0;
     }
-    return t !== t && s !== s;
-  }), U;
+    return e !== e && t !== t;
+  }), k;
 }
-var Pe = Ee();
-const Be = /* @__PURE__ */ Se(Pe);
-function it(l) {
-  let t = l, s;
-  const e = _({
-    fields: structuredClone(l),
+var ue = re();
+const fe = /* @__PURE__ */ ce(ue);
+function Se(i) {
+  let e = i, t;
+  const o = P({
+    fields: structuredClone(i),
     errors: {},
     dirty: !1,
     hasErrors: !1,
     processing: !1,
     wasSuccessful: !1,
     recentlySuccessful: !1,
-    async submit(n, i = {}) {
+    async submit(n, s = {}) {
       if (this.processing) return;
-      const o = {
+      const a = {
         onBefore: async () => {
-          this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(s), i.onBefore && await i.onBefore();
+          this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(t), s.onBefore && await s.onBefore();
         },
-        onSuccess: async (a) => {
-          this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, s = window.setTimeout(() => {
+        onSuccess: async (l) => {
+          this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, t = window.setTimeout(() => {
             this.recentlySuccessful = !1;
-          }, 2e3), i.onSuccess && await i.onSuccess(a), t = structuredClone(this.fields);
+          }, 2e3), s.onSuccess && await s.onSuccess(l), e = structuredClone(this.fields);
         },
-        onError: async (a) => {
-          var c, m, b, v, T;
-          this.hasErrors = !0, (((c = a == null ? void 0 : a.response) == null ? void 0 : c.status) === 422 || ((m = a == null ? void 0 : a.response) == null ? void 0 : m.status) === 401) && (this.clearErrors(), this.setErrors({
-            message: (b = a == null ? void 0 : a.response) == null ? void 0 : b.data.message,
-            ...(T = (v = a == null ? void 0 : a.response) == null ? void 0 : v.data) == null ? void 0 : T.errors
-          })), i.onError && await i.onError(a);
+        onError: async (l) => {
+          var r, f, h, d, m;
+          this.hasErrors = !0, (((r = l == null ? void 0 : l.response) == null ? void 0 : r.status) === 422 || ((f = l == null ? void 0 : l.response) == null ? void 0 : f.status) === 401) && (this.clearErrors(), this.setErrors({
+            message: (h = l == null ? void 0 : l.response) == null ? void 0 : h.data.message,
+            ...(m = (d = l == null ? void 0 : l.response) == null ? void 0 : d.data) == null ? void 0 : m.errors
+          })), s.onError && await s.onError(l);
         },
         onFinish: async () => {
-          this.processing = !1, i.onFinish && await i.onFinish();
+          this.processing = !1, s.onFinish && await s.onFinish();
         }
       };
-      await o.onBefore();
+      await a.onBefore();
       try {
-        const a = await n(this.fields);
-        await o.onSuccess(a);
-      } catch (a) {
-        await o.onError(a);
+        const l = await n(this.fields);
+        await a.onSuccess(l);
+      } catch (l) {
+        await a.onError(l);
       } finally {
-        await o.onFinish();
+        await a.onFinish();
       }
     },
     reset(...n) {
-      const i = structuredClone(t);
-      n.length === 0 ? this.fields = i : n.forEach((o) => {
-        i[o] !== void 0 && (this.fields[o] = i[o]);
+      const s = structuredClone(e);
+      n.length === 0 ? this.fields = s : n.forEach((a) => {
+        s[a] !== void 0 && (this.fields[a] = s[a]);
       });
     },
     clearErrors(...n) {
-      n.length === 0 ? this.errors = {} : n.forEach((i) => delete this.errors[i]), this.hasErrors = Object.keys(this.errors).length > 0;
+      n.length === 0 ? this.errors = {} : n.forEach((s) => delete this.errors[s]), this.hasErrors = Object.keys(this.errors).length > 0;
     },
     setErrors(n) {
       this.errors = { ...this.errors, ...n }, this.hasErrors = Object.keys(this.errors).length > 0;
     }
   });
-  return $(
-    () => e.fields,
+  return O(
+    () => o.fields,
     () => {
-      e.dirty = !Be(e.fields, t);
+      o.dirty = !fe(o.fields, e);
     },
     { immediate: !0, deep: !0 }
-  ), e;
+  ), o;
 }
-function ke({ directions: l, threshold: t, onSwipeOut: s }) {
-  const e = r(!1), n = r({ x: 0, y: 0 }), i = r(), o = r({ x: 0, y: 0 }), a = (v) => 1 / (1.5 + Math.abs(v) / 20);
-  function c(v) {
-    i.value = Date.now(), v.target.setPointerCapture(v.pointerId), !v.target.closest("button, a, input, textarea, select") && (o.value = { x: v.clientX, y: v.clientY }, e.value = !0);
+function Pe({ directions: i, threshold: e, onSwipeOut: t }) {
+  const o = u(!1), n = u({ x: 0, y: 0 }), s = u(), a = u({ x: 0, y: 0 }), l = (d) => 1 / (1.5 + Math.abs(d) / 20);
+  function r(d) {
+    s.value = Date.now(), d.target.setPointerCapture(d.pointerId), !d.target.closest("button, a, input, textarea, select") && (a.value = { x: d.clientX, y: d.clientY }, o.value = !0);
   }
-  function m(v) {
-    if (!e.value) return;
-    const T = { x: 0, y: 0 }, C = v.clientX - o.value.x, x = v.clientY - o.value.y;
-    if (l.value.includes("left") && C < 0 || l.value.includes("right") && C > 0)
-      T.x = C;
+  function f(d) {
+    if (!o.value) return;
+    const m = { x: 0, y: 0 }, g = d.clientX - a.value.x, v = d.clientY - a.value.y;
+    if (i.value.includes("left") && g < 0 || i.value.includes("right") && g > 0)
+      m.x = g;
     else {
-      const f = C * a(C);
-      T.x = Math.abs(f) < Math.abs(C) ? f : C;
+      const I = g * l(g);
+      m.x = Math.abs(I) < Math.abs(g) ? I : g;
     }
-    if (l.value.includes("top") && x < 0 || l.value.includes("bottom") && x > 0)
-      T.y = x;
+    if (i.value.includes("top") && v < 0 || i.value.includes("bottom") && v > 0)
+      m.y = v;
     else {
-      const f = x * a(x);
-      T.y = Math.abs(f) < Math.abs(x) ? f : x;
+      const I = v * l(v);
+      m.y = Math.abs(I) < Math.abs(v) ? I : v;
     }
-    n.value = T;
+    n.value = m;
   }
-  function b() {
-    if (!e.value) return;
-    const v = Date.now() - (i.value ?? 0), T = n.value.x, C = Math.abs(T) / v;
-    if (Math.abs(T) >= t || C > 0.11) {
-      s();
+  function h() {
+    if (!o.value) return;
+    const d = Date.now() - (s.value ?? 0), m = n.value.x, g = Math.abs(m) / d;
+    if (Math.abs(m) >= e || g > 0.11) {
+      t();
       return;
     }
-    e.value = !1, n.value = { x: 0, y: 0 };
+    o.value = !1, n.value = { x: 0, y: 0 };
   }
   return {
     offset: n,
-    isSwiping: e,
-    onPointerDown: c,
-    onPointerMove: m,
-    onPointerUp: b
+    isSwiping: o,
+    onPointerDown: r,
+    onPointerMove: f,
+    onPointerUp: h
   };
 }
-function Ae({ duration: l, isPaused: t, onTimeout: s, immediate: e = !0 }) {
-  const n = r(), i = r(0), o = r(l);
-  function a() {
-    o.value === 1 / 0 || t() || (i.value = Date.now(), n.value = window.setTimeout(() => {
-      s();
-    }, o.value));
+function Oe({ duration: i, isPaused: e, onTimeout: t, immediate: o = !0 }) {
+  const n = u(), s = u(0), a = u(i);
+  function l() {
+    a.value === 1 / 0 || e() || (s.value = Date.now(), n.value = window.setTimeout(() => {
+      t();
+    }, a.value));
   }
-  function c() {
-    m();
-    const b = Date.now() - i.value;
-    o.value -= b;
+  function r() {
+    f();
+    const h = Date.now() - s.value;
+    a.value -= h;
   }
-  function m() {
+  function f() {
     n.value && (clearTimeout(n.value), n.value = null);
   }
-  return $(
-    t,
-    (b) => {
-      if (b) {
-        c();
+  return O(
+    e,
+    (h) => {
+      if (h) {
+        r();
         return;
       }
-      a();
+      l();
     },
-    { immediate: e }
-  ), re(() => {
-    m();
-  }), { cancel: m };
+    { immediate: o }
+  ), ne(() => {
+    f();
+  }), { cancel: f };
 }
-function lt() {
-  const l = r(!1), t = r(!1), s = r(300), e = r(null), n = _({}), i = pe(null);
-  function o(c, m = {}) {
-    e.value && clearTimeout(e.value), i.value = c, Object.assign(n, m), t.value = !0, l.value = !0, e.value = window.setTimeout(() => {
-      l.value = !1;
-    }, s.value);
-  }
-  function a() {
-    e.value && clearTimeout(e.value), t.value = !1, l.value = !0, e.value = window.setTimeout(() => {
-      l.value = !1;
-    }, s.value);
-  }
-  return { isOpen: t, isAnimating: l, animationTime: s, props: n, component: i, open: o, close: a };
+const E = u(!1), L = u(!1), Y = u(300), S = u(null), R = P({}), H = ie(null);
+function de(i, e = {}) {
+  S.value && clearTimeout(S.value), H.value = i, Object.assign(R, e), L.value = !0, E.value = !0, S.value = window.setTimeout(() => {
+    E.value = !1;
+  }, Y.value);
 }
-function ot(l, t) {
-  if (!l) return !1;
-  let s = ["INPUT", "TEXTAREA", "SELECT"];
-  return (t === " " || t === "Enter") && (s = [...s, "BUTTON"]), s.includes(l.tagName);
+function me() {
+  S.value && clearTimeout(S.value), L.value = !1, E.value = !0, S.value = window.setTimeout(() => {
+    E.value = !1;
+  }, Y.value);
 }
-const fe = 3, Le = "24px", $e = "16px", se = 0, ne = 3e3, Ye = 16, Ve = 45, ie = 10, le = 0.06, q = 16, Fe = ["id", "data-isSwiping"], Ne = {
-  class: "w-[18px] h-[18px] mr-1.5 -ml-1",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, _e = {
-  class: "w-[18px] h-[18px] mr-1.5 -ml-1",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, Ke = {
-  class: "w-[18px] h-[18px] mr-1.5 -ml-1",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, He = {
-  class: "w-[18px] h-[18px] mr-1.5 -ml-1",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, Re = ["title"], ze = /* @__PURE__ */ ue({
-  __name: "ToastNotification",
-  props: {
-    id: {},
-    index: {},
-    stack: {},
-    position: { default: "bottom-center" },
-    toastCount: {},
-    expanded: { type: Boolean },
-    maxVisibleToasts: { default: fe },
-    swipeDirections: { default: () => [] },
-    style: { default: "" },
-    title: { default: "Title" },
-    description: {},
-    type: { default: "default" },
-    life: { default: ne },
-    html: { default: "" },
-    component: {},
-    scale: {},
-    zIndex: {},
-    offsetY: {},
-    positionY: {}
-  },
-  emits: ["close"],
-  setup(l, { emit: t }) {
-    const s = t, e = l, n = r("translate-y-0"), i = K(() => {
-      if (e.swipeDirections.length > 0) return e.swipeDirections;
-      const [g, u] = e.position.split("-"), I = [];
-      return M(g) && I.push(g), M(u) && I.push(u), u === "center" && I.push("left", "right"), I;
-    }), o = K(() => e.position.includes("bottom")), a = r(null), c = r(null), m = r(!1), b = r(!1), { offset: v, isSwiping: T, onPointerDown: C, onPointerMove: x, onPointerUp: f } = ke({
-      directions: i,
-      threshold: Ve,
-      onSwipeOut: p
-    }), { cancel: h } = Ae({
-      duration: e.life || ne,
-      isPaused: () => e.expanded || e.type === "loading" || !e.life || e.life === 1 / 0 || m.value,
-      onTimeout: p
-    });
-    function w() {
-      return T.value ? v.value.x > 0 ? "translate-x-full" : "-translate-x-full" : e.toastCount === 1 ? o.value ? "translate-y-full" : "-translate-y-full" : "translate-y-0";
-    }
-    function p() {
-      a.value || (n.value = w(), b.value = !1, h(), a.value = window.setTimeout(() => {
-        s("close", e.id);
-      }, 350));
-    }
-    function y() {
-      c.value && (clearTimeout(c.value), c.value = null), a.value && (clearTimeout(a.value), a.value = null);
-    }
-    function M(g) {
-      return ["top", "right", "bottom", "left"].includes(g);
-    }
-    return W(() => {
-      b.value = !0, c.value && clearTimeout(c.value), c.value = window.setTimeout(() => {
-        e.stack();
-      });
-    }), re(() => {
-      y();
-    }), (g, u) => (B(), L("li", {
-      ref: "toastEl",
-      id: e.id,
-      class: N([
-        "toast w-full absolute duration-300 transition-all ease-out",
-        { "toast-no-description": !g.description },
-        { "opacity-0 pointer-events-none": g.index >= g.maxVisibleToasts },
-        g.style
-      ]),
-      style: he({
-        "--offset-x": `${S(v).x}px`,
-        "--offset-y": `${g.offsetY}px`,
-        "--scale": g.scale,
-        "--z-index": g.zIndex,
-        "--position-top": `${g.expanded ? o.value ? "auto" : g.positionY : "inherit"}`,
-        "--position-bottom": `${o.value && g.expanded ? g.positionY : "inherit"}`
-      }),
-      "data-isSwiping": S(T),
-      onMouseover: u[0] || (u[0] = (I) => m.value = !0),
-      onMouseout: u[1] || (u[1] = (I) => m.value = !1),
-      onDragend: u[2] || (u[2] = //@ts-ignore
-      (...I) => S(f) && S(f)(...I)),
-      onPointerdown: u[3] || (u[3] = //@ts-ignore
-      (...I) => S(C) && S(C)(...I)),
-      onPointermove: u[4] || (u[4] = //@ts-ignore
-      (...I) => S(x) && S(x)(...I)),
-      onPointerup: u[5] || (u[5] = //@ts-ignore
-      (...I) => S(f) && S(f)(...I)),
-      role: "alert"
-    }, [
-      ge(we, {
-        "enter-active-class": "",
-        "enter-from-class": `opacity-0 ${o.value ? "translate-y-full" : "-translate-y-full"}`,
-        "enter-to-class": "opacity-100 translate-y-0",
-        "leave-active-class": "",
-        "leave-from-class": "opacity-100 translate-y-0",
-        "leave-to-class": `opacity-0 ${n.value}`
-      }, {
-        default: ye(() => [
-          V(P("span", {
-            class: N([
-              { "p-4": !e.html, "p-0": e.html },
-              "flex flex-col items-start backdrop-blur-lg rounded-md ",
-              "group relative select-text",
-              "transition-all duration-300 ease-out",
-              "bg-white dark:bg-primary-dark-700/70 text-gray-800 dark:text-neutral-100 shadow-[0_5px_15px_-3px_rgb(0_0_0_/_0.08)]",
-              "ring-inset ring-1 ring-gray-100 dark:ring-neutral-800/50",
-              "!outline-none focus:ring-gray-400 dark:focus:ring-purple-500 focus:ring-2"
-            ])
-          }, [
-            e.html ? G("", !0) : (B(), L("div", {
-              key: 0,
-              class: N(["flex items-center", {
-                "text-green-500": e.type === "success",
-                "text-blue-500": e.type === "info",
-                "text-orange-400": e.type === "warning",
-                "text-rose-500": e.type === "danger",
-                "dark:text-neutral-100 text-gray-800": e.type === "default"
-              }])
-            }, [
-              V((B(), L("svg", Ne, u[6] || (u[6] = [
-                P("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM16.7744 9.63269C17.1238 9.20501 17.0604 8.57503 16.6327 8.22559C16.2051 7.87615 15.5751 7.93957 15.2256 8.36725L10.6321 13.9892L8.65936 12.2524C8.24484 11.8874 7.61295 11.9276 7.248 12.3421C6.88304 12.7566 6.92322 13.3885 7.33774 13.7535L9.31046 15.4903C10.1612 16.2393 11.4637 16.1324 12.1808 15.2547L16.7744 9.63269Z",
-                  fill: "currentColor"
-                }, null, -1)
-              ]), 512)), [
-                [F, e.type === "success"]
-              ]),
-              V((B(), L("svg", _e, u[7] || (u[7] = [
-                P("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z",
-                  fill: "currentColor"
-                }, null, -1)
-              ]), 512)), [
-                [F, e.type === "info"]
-              ]),
-              V((B(), L("svg", Ke, u[8] || (u[8] = [
-                P("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M9.44829 4.46472C10.5836 2.51208 13.4105 2.51168 14.5464 4.46401L21.5988 16.5855C22.7423 18.5509 21.3145 21 19.05 21L4.94967 21C2.68547 21 1.25762 18.5516 2.4004 16.5862L9.44829 4.46472ZM11.9995 8C12.5518 8 12.9995 8.44772 12.9995 9V13C12.9995 13.5523 12.5518 14 11.9995 14C11.4473 14 10.9995 13.5523 10.9995 13V9C10.9995 8.44772 11.4473 8 11.9995 8ZM12.0009 15.99C11.4486 15.9892 11.0003 16.4363 10.9995 16.9886L10.9995 16.9986C10.9987 17.5509 11.4458 17.9992 11.9981 18C12.5504 18.0008 12.9987 17.5537 12.9995 17.0014L12.9995 16.9914C13.0003 16.4391 12.5532 15.9908 12.0009 15.99Z",
-                  fill: "currentColor"
-                }, null, -1)
-              ]), 512)), [
-                [F, e.type === "warning"]
-              ]),
-              V((B(), L("svg", He, u[9] || (u[9] = [
-                P("path", {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM11.9996 7C12.5519 7 12.9996 7.44772 12.9996 8V12C12.9996 12.5523 12.5519 13 11.9996 13C11.4474 13 10.9996 12.5523 10.9996 12V8C10.9996 7.44772 11.4474 7 11.9996 7ZM12.001 14.99C11.4488 14.9892 11.0004 15.4363 10.9997 15.9886L10.9996 15.9986C10.9989 16.5509 11.446 16.9992 11.9982 17C12.5505 17.0008 12.9989 16.5537 12.9996 16.0014L12.9996 15.9914C13.0004 15.4391 12.5533 14.9908 12.001 14.99Z",
-                  fill: "currentColor"
-                }, null, -1)
-              ]), 512)), [
-                [F, e.type === "danger"]
-              ]),
-              P("p", {
-                class: "text-[13px] font-medium leading-none",
-                title: e.title
-              }, Z(S(q) + " : " + e.title), 9, Re)
-            ], 2)),
-            V(P("p", {
-              class: N([{ "pl-5": e.type !== "default" }, "mt-1.5 text-xs leading-tight opacity-70 w-full whitespace-pre-wrap break-words overflow-y-auto scrollbar-minimal max-h-32 min-h-3 pe-2"])
-            }, Z(g.description), 3), [
-              [F, e.description]
-            ]),
-            e.html ? G("", !0) : (B(), L("span", {
-              key: 1,
-              onClick: p,
-              class: N(["absolute right-0 p-1.5 mr-2.5 text-gray-400 dark:text-rose-700 duration-100 ease-in-out rounded-full opacity-0 cursor-pointer hover:bg-gray-50 dark:bg-gray-800/50 hover:text-gray-500 dark:hover:text-rose-600", {
-                "top-1/2 -translate-y-1/2": !e.description && !e.html,
-                "top-0 mt-2.5": e.description || e.html,
-                "opacity-100": m.value,
-                "opacity-0": !m.value
-              }])
-            }, u[10] || (u[10] = [
-              P("svg", {
-                class: "w-3 h-3",
-                fill: "currentColor",
-                viewBox: "0 0 20 20",
-                xmlns: "http://www.w3.org/2000/svg"
-              }, [
-                P("path", {
-                  "fill-rule": "evenodd",
-                  d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-                  "clip-rule": "evenodd"
-                })
-              ], -1)
-            ]), 2))
-          ], 2), [
-            [F, b.value]
-          ])
-        ]),
-        _: 1
-      }, 8, ["enter-from-class", "leave-to-class"])
-    ], 46, Fe));
-  }
-}), je = (l, t) => {
-  const s = l.__vccOpts || l;
-  for (const [e, n] of t)
-    s[e] = n;
-  return s;
-}, Ue = /* @__PURE__ */ je(ze, [["__scopeId", "data-v-68f0a34c"]]), Ze = { class: "absolute top-0 left-0 text-3xl p-4 bg-amber-400/50 text-white" }, at = /* @__PURE__ */ ue({
-  __name: "ToastController",
-  props: {
-    layout: { default: "default" },
-    position: { default: "bottom-right" },
-    defaultLife: { default: 3e3 },
-    viewportOffset: { default: Le },
-    mobileViewportOffset: { default: $e },
-    paddingBetweenToasts: { default: Ye },
-    maxVisibleToasts: { default: fe },
-    closeButton: { type: Boolean },
-    icons: {}
-  },
-  setup(l) {
-    const t = l, s = r(), e = r([]), n = r(t.position), i = r(t.layout), o = r(!1), a = r(t.layout === "expanded"), c = r(t.paddingBetweenToasts), m = r(null);
-    r(null);
-    function b(f) {
-      e.value = e.value.filter((h) => h.id !== f), k.dismiss(f), v();
-    }
-    function v(f) {
-      e.value.length > 0 && T(), C(), m.value && clearTimeout(m.value), a.value && (m.value = window.setTimeout(() => {
-        C();
-      }, 100));
-    }
-    function T(f) {
-      try {
-        const h = n.value.includes("bottom"), w = [];
-        let p = 0, y = 1 + le, M = -q, g = 200 + ie;
-        for (const u of e.value) {
-          const I = document.getElementById(u.id);
-          if (!I) return;
-          if (g -= ie, y -= le, M += q, u.scale = y, u.offsetY = M, u.zIndex = g, w.push(I), a.value) {
-            p = p + (p ? c.value : 0), u.positionY = p + "px", u.scale = 1, u.offsetY = 0, p += I.offsetHeight;
-            continue;
-          }
-          u.scale = y, h ? u.offsetY *= -1 : x(w[0], u);
-        }
-      } catch (h) {
-        console.log(h);
-      }
-    }
-    function C() {
-      var y, M;
-      if (!s.value) return;
-      if (e.value.length == 0) {
-        s.value.style.height = "0px";
-        return;
-      }
-      const f = e.value[Math.max(Math.min(e.value.length - 1, t.maxVisibleToasts - 1), 0)], h = (y = document.getElementById(`${f == null ? void 0 : f.id}`)) == null ? void 0 : y.getBoundingClientRect(), w = e.value[0], p = (M = document.getElementById(`${w == null ? void 0 : w.id}`)) == null ? void 0 : M.getBoundingClientRect();
-      if (!(!p || !h)) {
-        if (!o.value) {
-          s.value.style.height = p.height + "px";
-          return;
-        }
-        if (n.value.includes("bottom")) {
-          s.value.style.height = p.top + p.height - h.top + "px";
-          return;
-        }
-        s.value.style.height = h.top + h.height - p.top + "px";
-      }
-    }
-    function x(f, h) {
-      const w = document.getElementById(h.id);
-      if (!w) return;
-      const p = f.offsetTop, y = f.offsetHeight, M = w.offsetHeight, g = p + (y - M);
-      h.positionY = g + "px";
-    }
-    return W(() => {
-      v();
-    }), $(
-      () => o.value,
-      (f) => {
-        if (i.value === "default") {
-          if (f) {
-            a.value = !0, v();
-            return;
-          }
-          a.value = !1, v();
-        }
-      }
-    ), $(
-      () => e.value,
-      () => {
-        e.value.length <= 1 && (a.value = !1);
-      }
-    ), be((f) => {
-      const h = k.subscribe((w) => {
-        w.dismiss || ae(() => {
-          const p = e.value.findIndex((M) => M.id === w.id);
-          if (p !== -1) {
-            e.value = [
-              ...e.value.slice(0, p),
-              { ...e.value[p], ...w },
-              ...e.value.slice(p + 1)
-            ];
-            return;
-          }
-          const y = w;
-          y.position && (n.value = y.position), e.value.unshift({
-            ...y,
-            id: y.id,
-            type: y.type ?? "default",
-            position: y.position ?? n.value,
-            life: y.life ?? t.defaultLife,
-            title: y.title
-          });
-        });
-      });
-      f(h);
-    }), (f, h) => (B(), ee(Te, { to: "body" }, [
-      P("p", Ze, "toastsHovered: " + Z(o.value), 1),
-      P("ol", {
-        ref_key: "container",
-        ref: s,
-        class: N([
-          `fixed w-full group z-[500] [&>*]:px-4 [&>*]:px-[${f.mobileViewportOffset ?? f.viewportOffset}] [&>*]:sm:px-6 [&>*]:sm:px-[${f.viewportOffset}] my-4 sm:my-6 my-[${f.mobileViewportOffset ?? f.viewportOffset}] sm:my-[${f.viewportOffset}]`,
-          `${S(se) ? `sm:w-[${S(se)}px]` : "sm:max-w-sm"}`,
-          `${n.value == "top-right" ? "right-0 top-0" : ""}`,
-          `${n.value == "top-left" ? "left-0 top-0" : ""}`,
-          `${n.value == "top-center" ? "left-1/2 -translate-x-1/2 top-0" : ""}`,
-          `${n.value == "bottom-right" ? "right-0 bottom-0" : ""}`,
-          `${n.value == "bottom-left" ? "left-0 bottom-0" : ""}`,
-          `${n.value == "bottom-center" ? "left-1/2 -translate-x-1/2 bottom-0" : ""}`
-        ]),
-        onMouseenter: h[0] || (h[0] = (w) => o.value = !0),
-        onMouseleave: h[1] || (h[1] = (w) => o.value = !1)
-      }, [
-        (B(!0), L(xe, null, Ie(e.value, (w, p) => (B(), ee(Ue, Ce({ ref_for: !0 }, w, {
-          key: w.id,
-          stack: () => {
-            v();
-          },
-          toastCount: e.value.length,
-          position: n.value,
-          expanded: a.value,
-          index: p,
-          maxVisibleToasts: f.maxVisibleToasts,
-          onClose: b
-        }), null, 16, ["stack", "toastCount", "position", "expanded", "index", "maxVisibleToasts"]))), 128))
-      ], 34)
-    ]));
-  }
-}), qe = {
-  stringInsensitive: (l, t) => oe(l).localeCompare(oe(t)),
-  date: (l, t) => new Date(l).getTime() - new Date(t).getTime(),
-  number: (l, t) => parseFloat(l) - parseFloat(t)
+function Ee() {
+  return { isOpen: L, isAnimating: E, animationTime: Y, props: R, component: H, open: de, close: me };
+}
+function Ae(i, e) {
+  if (!i) return !1;
+  let t = ["INPUT", "TEXTAREA", "SELECT"];
+  return (e === " " || e === "Enter") && (t = [...t, "BUTTON"]), t.includes(i.tagName);
+}
+const Me = 3, Be = "24px", xe = "16px", Ce = 0, ke = 3e3, Fe = 16, Le = 45, Ye = 10, Ne = 0.06, $e = 16, he = {
+  stringInsensitive: (i, e) => V(i).localeCompare(V(e)),
+  date: (i, e) => new Date(i).getTime() - new Date(e).getTime(),
+  number: (i, e) => parseFloat(i) - parseFloat(e)
 };
-function oe(l) {
-  return String(l ?? "").toLowerCase().replace(/\s+/g, " ").trim();
+function V(i) {
+  return String(i ?? "").toLowerCase().replace(/\s+/g, " ").trim();
 }
-function rt(l, t = 1, s = ["date", "date_released"]) {
-  return (e, n) => {
-    const i = e[l], o = n[l];
-    if (i instanceof Date && o instanceof Date || s.includes(String(l))) {
-      const m = new Date(String(i));
-      return (new Date(String(o)).getTime() - m.getTime()) * t;
+function _e(i, e = 1, t = ["date", "date_released"]) {
+  return (o, n) => {
+    const s = o[i], a = n[i];
+    if (s instanceof Date && a instanceof Date || t.includes(String(i))) {
+      const f = new Date(String(s));
+      return (new Date(String(a)).getTime() - f.getTime()) * e;
     }
-    const a = parseFloat(i), c = parseFloat(o);
-    return !isNaN(a) && !isNaN(c) ? (a - c) * t : String(i).toLowerCase().replace(/\s+/g, " ").localeCompare(String(o).toLowerCase().replace(/\s+/g, " ")) * t;
+    const l = parseFloat(s), r = parseFloat(a);
+    return !isNaN(l) && !isNaN(r) ? (l - r) * e : String(s).toLowerCase().replace(/\s+/g, " ").localeCompare(String(a).toLowerCase().replace(/\s+/g, " ")) * e;
   };
 }
-function ut(l, t = 1) {
-  return (s, e) => {
-    for (const { key: n, compareFn: i } of l) {
-      const o = n ? s[n] ?? "" : void 0, a = n ? e[n] ?? "" : void 0;
-      let c;
-      if (i ? c = n ? i(o, a) : i(s, e) : c = We(o, a), c !== 0) return c * t;
+function Ke(i, e = 1) {
+  return (t, o) => {
+    for (const { key: n, compareFn: s } of i) {
+      const a = n ? t[n] ?? "" : void 0, l = n ? o[n] ?? "" : void 0;
+      let r;
+      if (s ? r = n ? s(a, l) : s(t, o) : r = ve(a, l), r !== 0) return r * e;
     }
     return 0;
   };
 }
-function We(l, t) {
-  const s = parseFloat(l), e = parseFloat(t);
-  if (!isNaN(s) && !isNaN(e))
-    return s - e;
-  const n = new Date(l), i = new Date(t);
-  return !isNaN(n.getTime()) && !isNaN(i.getTime()) ? n.getTime() - i.getTime() : qe.stringInsensitive(l, t);
+function ve(i, e) {
+  const t = parseFloat(i), o = parseFloat(e);
+  if (!isNaN(t) && !isNaN(o))
+    return t - o;
+  const n = new Date(i), s = new Date(e);
+  return !isNaN(n.getTime()) && !isNaN(s.getTime()) ? n.getTime() - s.getTime() : he.stringInsensitive(i, e);
 }
 export {
-  qe as CompareStrategies,
-  Ye as DEFAULT_GAP,
-  $e as MOBILE_VIEWPORT_OFFSET,
-  le as SCALE_STEP,
-  Ve as SWIPE_THRESHOLD,
-  ne as TOAST_LIFE,
-  se as TOAST_WIDTH,
-  at as ToastController,
-  k as ToastState,
-  Le as VIEWPORT_OFFSET,
-  fe as VISIBLE_TOASTS_AMOUNT,
-  q as Y_OFFSET_STEP,
-  ie as Z_STEP,
-  lt as createModalCore,
-  ot as isInputLikeElement,
-  rt as sortObject,
-  ut as sortObjectNew,
-  Oe as toast,
-  et as useClipboard,
-  Ge as useDatePicker,
-  it as useForm,
-  st as useModal,
-  Qe as useMultiSelect,
-  tt as useSelect,
-  ke as useSwipeHandler,
-  nt as useTable,
-  Ae as useToastTimer
+  he as CompareStrategies,
+  Fe as DEFAULT_GAP,
+  xe as MOBILE_VIEWPORT_OFFSET,
+  Ne as SCALE_STEP,
+  Le as SWIPE_THRESHOLD,
+  ke as TOAST_LIFE,
+  Ce as TOAST_WIDTH,
+  D as ToastState,
+  Be as VIEWPORT_OFFSET,
+  Me as VISIBLE_TOASTS_AMOUNT,
+  $e as Y_OFFSET_STEP,
+  Ye as Z_STEP,
+  Ae as isInputLikeElement,
+  _e as sortObject,
+  Ke as sortObjectNew,
+  oe as toast,
+  ye as useClipboard,
+  be as useDatePicker,
+  Se as useForm,
+  Te as useModal,
+  Ee as useModalCore,
+  ge as useMultiSelect,
+  Ie as useSelect,
+  Pe as useSwipeHandler,
+  De as useTable,
+  Oe as useToastTimer
 };