@aminnausin/cedar-ui 0.0.3 → 0.0.4

package/dist/cedar-ui.mjs

@@ -1,9 +1,9 @@
-var z = Object.defineProperty;
-var W = (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) => W(i, typeof e != "symbol" ? e + "" : e, t);
-import { reactive as S, watch as P, ref as u, computed as C, onMounted as J, nextTick as X, onBeforeUnmount as Q, shallowRef as G } from "vue";
-function ue({ options: i, defaultItems: e }, t) {
-  const l = S({
+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: e,
     selectableItems: i,
@@ -26,8 +26,8 @@ function ue({ options: i, defaultItems: e }, t) {
       return !1;
     },
     async selectScrollToActiveItem(s, a = !0) {
-      let o = document.getElementById(s + "-" + this.selectId);
-      o && (o.scrollIntoView({ behavior: "smooth", block: "center" }), a && o.focus({ preventScroll: !1 }));
+      let l = document.getElementById(s + "-" + this.selectId);
+      l && (l.scrollIntoView({ behavior: "smooth", block: "center" }), a && l.focus({ preventScroll: !1 }));
     },
     selectKeydown(s) {
       if (s.keyCode < 65 || s.keyCode > 90) return;
@@ -38,10 +38,10 @@ function ue({ options: i, defaultItems: e }, t) {
       }, this.selectKeydownTimeout));
     },
     selectItemsFindBestMatch() {
-      let s = this.selectKeydownValue.toLowerCase(), a = null, o = -1;
+      let s = this.selectKeydownValue.toLowerCase(), a = null, l = -1;
       for (const r of this.selectableItems) {
         let h = r.name.toLowerCase().indexOf(s);
-        h > -1 && (o == -1 || h < o) && !r.disabled && (a = r, o = h);
+        h > -1 && (l == -1 || h < l) && !r.disabled && (a = r, l = h);
       }
       return a;
     },
@@ -55,158 +55,158 @@ function ue({ options: i, defaultItems: e }, t) {
       Array.isArray(s) && (this.selectableItems = s);
     }
   }), n = () => {
-    l.selectOpen && l.selectPositionUpdate();
+    o.selectOpen && o.selectPositionUpdate();
   };
-  return P(
-    () => l.selectOpen,
+  return O(
+    () => o.selectOpen,
     function(s) {
-      if (l.selectedItems ? l.selectableItemActive = l.selectedItem : l.selectableItemActive = l.selectableItems[0], !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 }
-  ), l;
+  ), o;
 }
-function fe(i, e, t) {
-  var L;
-  const l = u(!1), n = u(((L = i.model) == null ? void 0 : L.value) ?? i.defaultDate ?? ""), s = u("F d, Y"), a = u(0), o = 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 = C(() => {
+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];
-  }), _ = C(() => {
-    const c = Math.floor(o.value / 10) * 10;
+  }), U = F(() => {
+    const c = Math.floor(l.value / 10) * 10;
     return Array.from({ length: 10 }, (b, w) => c + w);
   });
-  function K(c) {
-    l.value = c ?? !l.value, v.value = "D";
+  function q(c) {
+    o.value = c ?? !o.value, v.value = "D";
   }
-  function V(c = "D") {
+  function z(c = "D") {
     v.value = c;
   }
-  function E(c) {
-    const b = g[c.getDay()], w = ("0" + c.getDate()).slice(-2), T = m[c.getMonth()], M = T.substring(0, 3), B = ("0" + (c.getMonth() + 1)).slice(-2), y = c.getFullYear();
+  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 `${T} ${w}, ${y}`;
       case "d M, Y":
-        return `${w} ${M}, ${y}`;
+        return `${w} ${x}, ${y}`;
       case "Y M d":
-        return `${y} ${M} ${w}`;
+        return `${y} ${x} ${w}`;
       case "MM-DD-YYYY":
-        return `${B}-${w}-${y}`;
+        return `${C}-${w}-${y}`;
       case "DD-MM-YYYY":
-        return `${w}-${B}-${y}`;
+        return `${w}-${C}-${y}`;
       case "YYYY-MM-DD":
-        return `${y}-${B}-${w}`;
+        return `${y}-${C}-${w}`;
       case "D d M, Y":
-        return `${b} ${w} ${M} ${y}`;
+        return `${b} ${w} ${x} ${y}`;
       default:
         return `${T} ${w}, ${y}`;
     }
   }
-  function j(c) {
+  function W(c) {
     switch (v.value) {
       case "Y":
-        o.value = c, v.value = "M";
+        l.value = c, v.value = "M";
         break;
       case "M":
-        a.value = c, v.value = "D", O();
+        a.value = c, v.value = "D", A();
         break;
       default:
-        r.value = c, n.value = E(new Date(o.value, a.value, c)), l.value = !1, i.model && (i.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 R() {
+  function J() {
     switch (v.value) {
       case "Y":
-        o.value -= 10;
+        l.value -= 10;
         break;
       case "M":
-        o.value -= 1;
+        l.value -= 1;
         break;
       default:
-        a.value === 0 ? (o.value--, a.value = 11) : a.value--, O();
+        a.value === 0 ? (l.value--, a.value = 11) : a.value--, A();
         break;
     }
   }
-  function H() {
+  function X() {
     switch (v.value) {
       case "Y":
-        o.value += 10;
+        l.value += 10;
         break;
       case "M":
-        o.value += 1;
+        l.value += 1;
         break;
       default:
-        a.value === 11 ? (a.value = 0, o.value++) : a.value++, O();
+        a.value === 11 ? (a.value = 0, l.value++) : a.value++, A();
         break;
     }
   }
-  function U(c) {
-    const b = new Date(o.value, a.value, c);
-    return n.value === E(b);
+  function Q(c) {
+    const b = new Date(l.value, a.value, c);
+    return n.value === M(b);
   }
-  function q(c) {
-    const b = /* @__PURE__ */ new Date(), w = new Date(o.value, a.value, c);
+  function G(c) {
+    const b = /* @__PURE__ */ new Date(), w = new Date(l.value, a.value, c);
     return b.toDateString() === w.toDateString();
   }
-  function O() {
-    const c = new Date(o.value, a.value + 1, 0).getDate(), b = new Date(o.value, a.value).getDay();
+  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 A() {
-    if (!e.value || !t.value || !l.value) return;
+  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 k(c, b = !0) {
-    a.value = c.getMonth(), o.value = c.getFullYear(), r.value = c.getDate(), b && (n.value = E(c)), O();
+  function N(c, b = !0) {
+    a.value = c.getMonth(), l.value = c.getFullYear(), r.value = c.getDate(), b && (n.value = M(c)), A();
   }
-  function F() {
+  function $() {
     if (n.value)
-      return k(new Date(Date.parse(n.value)));
-    k(/* @__PURE__ */ new Date(), i.useDefaultDate);
+      return N(new Date(Date.parse(n.value)));
+    N(/* @__PURE__ */ new Date(), i.useDefaultDate);
   }
-  return J(() => {
-    F();
-  }), P(l, async (c) => {
+  return te(() => {
+    $();
+  }), O(o, async (c) => {
     if (!c) {
-      window.removeEventListener("resize", A);
+      window.removeEventListener("resize", B);
       return;
     }
-    await X(), F(), A(), window.addEventListener("resize", A);
+    await se(), $(), B(), window.addEventListener("resize", B);
   }), {
     datePickerInput: e,
     datePickerCalendar: t,
-    datePickerOpen: l,
+    datePickerOpen: o,
     datePickerValue: n,
     datePickerPanel: v,
     datePickerFormat: s,
     datePickerMonth: a,
     datePickerMonthVerbose: I,
-    datePickerYear: o,
-    datePickerDecade: _,
+    datePickerYear: l,
+    datePickerDecade: U,
     datePickerDay: r,
     datePickerDaysInMonth: f,
     datePickerBlankDaysInMonth: h,
     datePickerMonthNames: m,
     datePickerDays: g,
     datePickerPosition: d,
-    toggleDatePicker: K,
-    datePickerValueClicked: j,
-    datePickerPrevious: R,
-    datePickerNext: H,
-    datePickerIsSelectedDate: U,
-    datePickerIsToday: q,
-    showDatePickerPanel: V
+    toggleDatePicker: q,
+    datePickerValueClicked: W,
+    datePickerPrevious: J,
+    datePickerNext: X,
+    datePickerIsSelectedDate: Q,
+    datePickerIsToday: G,
+    showDatePickerPanel: z
   };
 }
-function $(i = "pv_id_") {
+function j(i = "pv_id_") {
   return i + Math.random().toString(16).slice(2);
 }
-class Z {
+class ae {
   constructor() {
     p(this, "subscribers");
     p(this, "toasts");
@@ -222,20 +222,20 @@ class Z {
       this.publish(e), this.toasts = [...this.toasts, e];
     });
     p(this, "create", (e, t) => {
-      const l = t.id ?? $("toast_");
-      return this.toasts.find((s) => s.id === l) ? this.toasts = this.toasts.map((s) => s.id === l ? (this.publish({ ...s, ...t, id: l, title: e }), {
+      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,
         ...t,
-        id: l,
+        id: o,
         title: e
       }) : s) : this.addToast({
         title: e,
-        id: l,
+        id: o,
         scale: 1,
         zIndex: 200,
         offsetY: 0,
         ...t
-      }), l;
+      }), o;
     });
     p(this, "dismiss", (e) => {
       e ? (this.publish({ id: e, dismiss: !0 }), this.toasts = this.toasts.filter((t) => t.id !== e)) : (this.toasts.forEach((t) => {
@@ -250,12 +250,12 @@ class Z {
     this.subscribers = [], this.toasts = [];
   }
 }
-const D = new Z();
-function ee(i, e) {
-  const t = $("toast_");
+const D = new ae();
+function le(i, e) {
+  const t = j("toast_");
   return D.create(i, { ...e, id: t }), t;
 }
-const te = Object.assign(ee, {
+const oe = Object.assign(le, {
   add: D.add,
   success: D.success,
   error: D.error,
@@ -263,7 +263,7 @@ const te = Object.assign(ee, {
   warning: D.warning,
   dismiss: D.dismiss
 });
-function de(i) {
+function ye(i) {
   const e = u(!1);
   return {
     copyNotification: e,
@@ -272,16 +272,16 @@ function de(i) {
         await navigator.clipboard.writeText(i.value), e.value = !0, setTimeout(() => {
           e.value = !1;
         }, 3e3);
-      } catch (l) {
-        console.error(l), te.error("Error", {
+      } catch (o) {
+        console.error(o), oe.error("Error", {
           description: "Unable to copy. Network is not secure."
         });
       }
     }
   };
 }
-function me(i, e) {
-  const t = S({
+function Ie(i, e) {
+  const t = P({
     selectOpen: !1,
     selectedItem: "",
     selectableItems: i,
@@ -326,9 +326,9 @@ function me(i, e) {
     },
     selectItemsFindBestMatch() {
       let n = this.selectKeydownValue.toLowerCase(), s = null, a = -1;
-      for (const o of this.selectableItems) {
-        let f = o.title.toLowerCase().indexOf(n);
-        f > -1 && (a == -1 || f < a) && !o.disabled && (s = o, a = f);
+      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 s;
     },
@@ -338,26 +338,26 @@ function me(i, e) {
       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";
     }
-  }), l = () => {
+  }), o = () => {
     t.selectOpen && t.selectPositionUpdate();
   };
-  return P(
+  return O(
     () => t.selectOpen,
     function(n) {
       if (t.selectedItem ? t.selectableItemActive = t.selectedItem : t.selectableItemActive = t.selectableItems[0], !n) {
-        window.removeEventListener("resize", l);
+        window.removeEventListener("resize", o);
         return;
       }
       window.setTimeout(function() {
         t.selectScrollToActiveItem();
-      }, 10), l(), window.addEventListener("resize", l);
+      }, 10), o(), window.addEventListener("resize", o);
     },
     { immediate: !1 }
   ), t;
 }
-function he(i) {
+function Te(i) {
   const e = u(null);
-  return S({
+  return P({
     title: "",
     ...i,
     modalOpen: !1,
@@ -373,14 +373,14 @@ function he(i) {
     }
   });
 }
-function ve(i) {
-  const e = u(1), t = u(i.itemsPerPage ?? 10), l = u(i.searchQuery ?? ""), n = S({
-    filteredPage: C(() => {
+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: i,
-    fields: { currentPage: e, itemsPerPage: t, searchQuery: l },
+    fields: { currentPage: e, itemsPerPage: t, searchQuery: o },
     handlePageChange(s) {
       e.value = s;
     },
@@ -388,51 +388,51 @@ function ve(i) {
       e.value = 1;
     }
   });
-  return P(
+  return O(
     () => i.data,
     (s, a) => {
-      var o, r;
-      ((s == null ? void 0 : s.length) !== (a == null ? void 0 : a.length) || s[0] && a[0] && ((o = s[0]) == null ? void 0 : o.id) !== ((r = a[0]) == null ? void 0 : r.id)) && n.handlePageReset();
+      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(i) {
+function ce(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var x, Y;
-function ne() {
-  return Y || (Y = 1, x = function i(e, t) {
+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 l, n, s;
+      var o, n, s;
       if (Array.isArray(e)) {
-        if (l = e.length, l != t.length) return !1;
-        for (n = l; n-- !== 0; )
+        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 (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), l = s.length, l !== Object.keys(t).length) return !1;
-      for (n = l; n-- !== 0; )
+      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 = l; n-- !== 0; ) {
+      for (n = o; n-- !== 0; ) {
         var a = s[n];
         if (!i(e[a], t[a])) return !1;
       }
       return !0;
     }
     return e !== e && t !== t;
-  }), x;
+  }), k;
 }
-var ie = ne();
-const ae = /* @__PURE__ */ se(ie);
-function we(i) {
+var ue = re();
+const fe = /* @__PURE__ */ ce(ue);
+function Se(i) {
   let e = i, t;
-  const l = S({
+  const o = P({
     fields: structuredClone(i),
     errors: {},
     dirty: !1,
@@ -446,17 +446,17 @@ function we(i) {
         onBefore: async () => {
           this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(t), s.onBefore && await s.onBefore();
         },
-        onSuccess: async (o) => {
+        onSuccess: async (l) => {
           this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, t = window.setTimeout(() => {
             this.recentlySuccessful = !1;
-          }, 2e3), s.onSuccess && await s.onSuccess(o), e = structuredClone(this.fields);
+          }, 2e3), s.onSuccess && await s.onSuccess(l), e = structuredClone(this.fields);
         },
-        onError: async (o) => {
+        onError: async (l) => {
           var r, f, h, d, m;
-          this.hasErrors = !0, (((r = o == null ? void 0 : o.response) == null ? void 0 : r.status) === 422 || ((f = o == null ? void 0 : o.response) == null ? void 0 : f.status) === 401) && (this.clearErrors(), this.setErrors({
-            message: (h = o == null ? void 0 : o.response) == null ? void 0 : h.data.message,
-            ...(m = (d = o == null ? void 0 : o.response) == null ? void 0 : d.data) == null ? void 0 : m.errors
-          })), s.onError && await s.onError(o);
+          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, s.onFinish && await s.onFinish();
@@ -464,10 +464,10 @@ function we(i) {
       };
       await a.onBefore();
       try {
-        const o = await n(this.fields);
-        await a.onSuccess(o);
-      } catch (o) {
-        await a.onError(o);
+        const l = await n(this.fields);
+        await a.onSuccess(l);
+      } catch (l) {
+        await a.onError(l);
       } finally {
         await a.onFinish();
       }
@@ -485,56 +485,56 @@ function we(i) {
       this.errors = { ...this.errors, ...n }, this.hasErrors = Object.keys(this.errors).length > 0;
     }
   });
-  return P(
-    () => l.fields,
+  return O(
+    () => o.fields,
     () => {
-      l.dirty = !ae(l.fields, e);
+      o.dirty = !fe(o.fields, e);
     },
     { immediate: !0, deep: !0 }
-  ), l;
+  ), o;
 }
-function pe({ directions: i, threshold: e, onSwipeOut: t }) {
-  const l = u(!1), n = u({ x: 0, y: 0 }), s = u(), a = u({ x: 0, y: 0 }), o = (d) => 1 / (1.5 + Math.abs(d) / 20);
+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 }, l.value = !0);
+    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 f(d) {
-    if (!l.value) return;
+    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 I = g * o(g);
+      const I = g * l(g);
       m.x = Math.abs(I) < Math.abs(g) ? I : g;
     }
     if (i.value.includes("top") && v < 0 || i.value.includes("bottom") && v > 0)
       m.y = v;
     else {
-      const I = v * o(v);
+      const I = v * l(v);
       m.y = Math.abs(I) < Math.abs(v) ? I : v;
     }
     n.value = m;
   }
   function h() {
-    if (!l.value) return;
+    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;
     }
-    l.value = !1, n.value = { x: 0, y: 0 };
+    o.value = !1, n.value = { x: 0, y: 0 };
   }
   return {
     offset: n,
-    isSwiping: l,
+    isSwiping: o,
     onPointerDown: r,
     onPointerMove: f,
     onPointerUp: h
   };
 }
-function ge({ duration: i, isPaused: e, onTimeout: t, immediate: l = !0 }) {
+function Oe({ duration: i, isPaused: e, onTimeout: t, immediate: o = !0 }) {
   const n = u(), s = u(0), a = u(i);
-  function o() {
+  function l() {
     a.value === 1 / 0 || e() || (s.value = Date.now(), n.value = window.setTimeout(() => {
       t();
     }, a.value));
@@ -547,100 +547,100 @@ function ge({ duration: i, isPaused: e, onTimeout: t, immediate: l = !0 }) {
   function f() {
     n.value && (clearTimeout(n.value), n.value = null);
   }
-  return P(
+  return O(
     e,
     (h) => {
       if (h) {
         r();
         return;
       }
-      o();
+      l();
     },
-    { immediate: l }
-  ), Q(() => {
+    { immediate: o }
+  ), ne(() => {
     f();
   }), { cancel: f };
 }
-function be() {
-  const i = u(!1), e = u(!1), t = u(300), l = u(null), n = S({}), s = G(null);
-  function a(r, f = {}) {
-    l.value && clearTimeout(l.value), s.value = r, Object.assign(n, f), e.value = !0, i.value = !0, l.value = window.setTimeout(() => {
-      i.value = !1;
-    }, t.value);
-  }
-  function o() {
-    l.value && clearTimeout(l.value), e.value = !1, i.value = !0, l.value = window.setTimeout(() => {
-      i.value = !1;
-    }, t.value);
-  }
-  return { isOpen: e, isAnimating: i, animationTime: t, props: n, component: s, open: a, close: o };
+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 me() {
+  S.value && clearTimeout(S.value), L.value = !1, E.value = !0, S.value = window.setTimeout(() => {
+    E.value = !1;
+  }, Y.value);
+}
+function Ee() {
+  return { isOpen: L, isAnimating: E, animationTime: Y, props: R, component: H, open: de, close: me };
 }
-function ye(i, e) {
+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 Ie = 3, Te = "24px", De = "16px", Se = 0, Pe = 3e3, Oe = 16, Ee = 45, Ae = 10, Me = 0.06, Be = 16, le = {
-  stringInsensitive: (i, e) => N(i).localeCompare(N(e)),
+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 N(i) {
+function V(i) {
   return String(i ?? "").toLowerCase().replace(/\s+/g, " ").trim();
 }
-function xe(i, e = 1, t = ["date", "date_released"]) {
-  return (l, n) => {
-    const s = l[i], a = n[i];
+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 o = parseFloat(s), r = parseFloat(a);
-    return !isNaN(o) && !isNaN(r) ? (o - r) * e : String(s).toLowerCase().replace(/\s+/g, " ").localeCompare(String(a).toLowerCase().replace(/\s+/g, " ")) * e;
+    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 Ce(i, e = 1) {
-  return (t, l) => {
+function Ke(i, e = 1) {
+  return (t, o) => {
     for (const { key: n, compareFn: s } of i) {
-      const a = n ? t[n] ?? "" : void 0, o = n ? l[n] ?? "" : void 0;
+      const a = n ? t[n] ?? "" : void 0, l = n ? o[n] ?? "" : void 0;
       let r;
-      if (s ? r = n ? s(a, o) : s(t, l) : r = oe(a, o), r !== 0) return r * e;
+      if (s ? r = n ? s(a, l) : s(t, o) : r = ve(a, l), r !== 0) return r * e;
     }
     return 0;
   };
 }
-function oe(i, e) {
-  const t = parseFloat(i), l = parseFloat(e);
-  if (!isNaN(t) && !isNaN(l))
-    return t - l;
+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() : le.stringInsensitive(i, e);
+  return !isNaN(n.getTime()) && !isNaN(s.getTime()) ? n.getTime() - s.getTime() : he.stringInsensitive(i, e);
 }
 export {
-  le as CompareStrategies,
-  Oe as DEFAULT_GAP,
-  De as MOBILE_VIEWPORT_OFFSET,
-  Me as SCALE_STEP,
-  Ee as SWIPE_THRESHOLD,
-  Pe as TOAST_LIFE,
-  Se as TOAST_WIDTH,
+  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,
-  Te as VIEWPORT_OFFSET,
-  Ie as VISIBLE_TOASTS_AMOUNT,
-  Be as Y_OFFSET_STEP,
-  Ae as Z_STEP,
-  be as createModalCore,
-  ye as isInputLikeElement,
-  xe as sortObject,
-  Ce as sortObjectNew,
-  te as toast,
-  de as useClipboard,
-  fe as useDatePicker,
-  we as useForm,
-  he as useModal,
-  ue as useMultiSelect,
-  me as useSelect,
-  pe as useSwipeHandler,
-  ve as useTable,
-  ge as useToastTimer
+  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
 };

package/dist/cedar-ui.umd.js

@@ -1 +1 @@
-(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.CedarUI={},r.Vue))})(this,function(r,o){"use strict";var Se=Object.defineProperty;var De=(r,o,E)=>o in r?Se(r,o,{enumerable:!0,configurable:!0,writable:!0,value:E}):r[o]=E;var b=(r,o,E)=>De(r,typeof o!="symbol"?o+"":o,E);function E({options:i,defaultItems:e},t){const l=o.reactive({selectOpen:!1,selectedItems:e,selectableItems:i,selectableItemActive:null,selectId:"select-12",selectKeydownValue:"",selectKeydownTimeout:1e3,selectKeydownClearTimeout:null,selectDropdownPosition:"bottom",selectableItemsList:t.selectableItemsList,selectButton:t.selectButton,toggleSelect(s){s!==void 0?this.selectOpen=s===!0:this.selectOpen=!this.selectOpen},updateRefs(s){this.selectButton=s.selectButton,this.selectableItemsList=s.selectableItemsList,this.selectPositionUpdate()},selectableItemIsActive(){return!1},async selectScrollToActiveItem(s,a=!0){let c=document.getElementById(s+"-"+this.selectId);c&&(c.scrollIntoView({behavior:"smooth",block:"center"}),a&&c.focus({preventScroll:!1}))},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 s=this.selectKeydownValue.toLowerCase(),a=null,c=-1;for(const f of this.selectableItems){let v=f.name.toLowerCase().indexOf(s);v>-1&&(c==-1||v<c)&&!f.disabled&&(a=f,c=v)}return a},selectPositionUpdate(){var a;if(!this.selectButton||!this.selectableItemsList)return;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(s){Array.isArray(s)&&(this.selectableItems=s)}}),n=()=>{l.selectOpen&&l.selectPositionUpdate()};return o.watch(()=>l.selectOpen,function(s){if(l.selectedItems?l.selectableItemActive=l.selectedItem:l.selectableItemActive=l.selectableItems[0],!s){window.removeEventListener("resize",n);return}n(),window.addEventListener("resize",n)},{immediate:!1}),l}function K(i,e,t){var V;const l=o.ref(!1),n=o.ref(((V=i.model)==null?void 0:V.value)??i.defaultDate??""),s=o.ref("F d, Y"),a=o.ref(0),c=o.ref(0),f=o.ref(0),d=o.ref([]),v=o.ref([]),m=o.ref("bottom"),h=["January","February","March","April","May","June","July","August","September","October","November","December"],I=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],w=o.ref("D"),S=o.computed(()=>{let u=Math.max(a.value,0);return u>=h.length&&(u=0),h[u]}),ve=o.computed(()=>{const u=Math.floor(c.value/10)*10;return Array.from({length:10},(T,g)=>u+g)});function we(u){l.value=u??!l.value,w.value="D"}function ge(u="D"){w.value=u}function A(u){const T=I[u.getDay()],g=("0"+u.getDate()).slice(-2),D=h[u.getMonth()],B=D.substring(0,3),F=("0"+(u.getMonth()+1)).slice(-2),p=u.getFullYear();switch(s.value){case"F d, Y":return`${D} ${g}, ${p}`;case"d M, Y":return`${g} ${B}, ${p}`;case"Y M d":return`${p} ${B} ${g}`;case"MM-DD-YYYY":return`${F}-${g}-${p}`;case"DD-MM-YYYY":return`${g}-${F}-${p}`;case"YYYY-MM-DD":return`${p}-${F}-${g}`;case"D d M, Y":return`${T} ${g} ${B} ${p}`;default:return`${D} ${g}, ${p}`}}function be(u){switch(w.value){case"Y":c.value=u,w.value="M";break;case"M":a.value=u,w.value="D",O();break;default:f.value=u,n.value=A(new Date(c.value,a.value,u)),l.value=!1,i.model&&(i.model.value=n.value);break}}function Ie(){switch(w.value){case"Y":c.value-=10;break;case"M":c.value-=1;break;default:a.value===0?(c.value--,a.value=11):a.value--,O();break}}function Te(){switch(w.value){case"Y":c.value+=10;break;case"M":c.value+=1;break;default:a.value===11?(a.value=0,c.value++):a.value++,O();break}}function ye(u){const T=new Date(c.value,a.value,u);return n.value===A(T)}function pe(u){const T=new Date,g=new Date(c.value,a.value,u);return T.toDateString()===g.toDateString()}function O(){const u=new Date(c.value,a.value+1,0).getDate(),T=new Date(c.value,a.value).getDay();v.value=Array.from({length:T},(g,D)=>D+1),d.value=Array.from({length:u},(g,D)=>D+1)}function M(){if(!e.value||!t.value||!l.value)return;const u=e.value.getBoundingClientRect(),T=t.value.offsetHeight,g=u.top+u.height+T;m.value=g>window.innerHeight?"top":"bottom"}function N(u,T=!0){a.value=u.getMonth(),c.value=u.getFullYear(),f.value=u.getDate(),T&&(n.value=A(u)),O()}function $(){if(n.value)return N(new Date(Date.parse(n.value)));N(new Date,i.useDefaultDate)}return o.onMounted(()=>{$()}),o.watch(l,async u=>{if(!u){window.removeEventListener("resize",M);return}await o.nextTick(),$(),M(),window.addEventListener("resize",M)}),{datePickerInput:e,datePickerCalendar:t,datePickerOpen:l,datePickerValue:n,datePickerPanel:w,datePickerFormat:s,datePickerMonth:a,datePickerMonthVerbose:S,datePickerYear:c,datePickerDecade:ve,datePickerDay:f,datePickerDaysInMonth:d,datePickerBlankDaysInMonth:v,datePickerMonthNames:h,datePickerDays:I,datePickerPosition:m,toggleDatePicker:we,datePickerValueClicked:be,datePickerPrevious:Ie,datePickerNext:Te,datePickerIsSelectedDate:ye,datePickerIsToday:pe,showDatePickerPanel:ge}}function C(i="pv_id_"){return i+Math.random().toString(16).slice(2)}class j{constructor(){b(this,"subscribers");b(this,"toasts");b(this,"subscribe",e=>(this.subscribers.push(e),()=>{const t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}));b(this,"publish",e=>{this.subscribers.forEach(t=>t(e))});b(this,"addToast",e=>{this.publish(e),this.toasts=[...this.toasts,e]});b(this,"create",(e,t)=>{const l=t.id??C("toast_");return this.toasts.find(s=>s.id===l)?this.toasts=this.toasts.map(s=>s.id===l?(this.publish({...s,...t,id:l,title:e}),{...s,...t,id:l,title:e}):s):this.addToast({title:e,id:l,scale:1,zIndex:200,offsetY:0,...t}),l});b(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=[])});b(this,"add",(e,t)=>this.create(e,{...t}));b(this,"success",(e,t)=>this.create(e,{type:"success",...t}));b(this,"error",(e,t)=>this.create(e,{type:"danger",...t}));b(this,"info",(e,t)=>this.create(e,{type:"info",...t}));b(this,"warning",(e,t)=>this.create(e,{type:"warning",...t}));this.subscribers=[],this.toasts=[]}}const y=new j;function R(i,e){const t=C("toast_");return y.create(i,{...e,id:t}),t}const L=Object.assign(R,{add:y.add,success:y.success,error:y.error,info:y.info,warning:y.warning,dismiss:y.dismiss});function H(i){const e=o.ref(!1);return{copyNotification:e,copyToClipboard:async()=>{try{await navigator.clipboard.writeText(i.value),e.value=!0,setTimeout(()=>{e.value=!1},3e3)}catch(l){console.error(l),L.error("Error",{description:"Unable to copy. Network is not secure."})}}}}function U(i,e){const t=o.reactive({selectOpen:!1,selectedItem:"",selectableItems:i,selectableItemActive:null,selectId:"select-12",selectKeydownValue:"",selectKeydownTimeout:1e3,selectKeydownClearTimeout:null,selectDropdownPosition:"bottom",selectableItemsList:e.selectableItemsList,selectButton:e.selectButton,toggleSelect(n){n!==void 0?this.selectOpen=n===!0:this.selectOpen=!this.selectOpen},updateRefs(n){this.selectButton=n.selectButton,this.selectableItemsList=n.selectableItemsList},selectableItemIsActive(n){return this.selectableItemActive&&this.selectableItemActive.value==n.value},selectableItemActiveNext(){let n=this.selectableItems.indexOf(this.selectableItemActive);n<this.selectableItems.length-1&&(this.selectableItemActive=this.selectableItems[n+1],this.selectScrollToActiveItem())},selectableItemActivePrevious(){let n=this.selectableItems.indexOf(this.selectableItemActive);n>0&&(this.selectableItemActive=this.selectableItems[n-1],this.selectScrollToActiveItem())},selectScrollToActiveItem(){if(!this.selectableItemActive)return;let n=document.getElementById(this.selectableItemActive.value+"-"+this.selectId);n&&n.focus()},selectKeydown(n){if(n.keyCode>=65&&n.keyCode<=90){this.selectKeydownValue+=n.key;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(),s=null,a=-1;for(const c of this.selectableItems){let d=c.title.toLowerCase().indexOf(n);d>-1&&(a==-1||d<a)&&!c.disabled&&(s=c,a=d)}return s},selectPositionUpdate(){var s;if(!this.selectableItemsList||!this.selectButton)return;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"}}),l=()=>{t.selectOpen&&t.selectPositionUpdate()};return o.watch(()=>t.selectOpen,function(n){if(t.selectedItem?t.selectableItemActive=t.selectedItem:t.selectableItemActive=t.selectableItems[0],!n){window.removeEventListener("resize",l);return}window.setTimeout(function(){t.selectScrollToActiveItem()},10),l(),window.addEventListener("resize",l)},{immediate:!1}),t}function x(i){const e=o.ref(null);return o.reactive({title:"",...i,modalOpen:!1,isAnimating:!1,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(t){this.title=t}})}function q(i){const e=o.ref(1),t=o.ref(i.itemsPerPage??10),l=o.ref(i.searchQuery??""),n=o.reactive({filteredPage:o.computed(()=>{const s=t.value*(e.value-1),a=Math.min(t.value*e.value,i.data.length);return i.data.slice(s,a)}),props:i,fields:{currentPage:e,itemsPerPage:t,searchQuery:l},handlePageChange(s){e.value=s},handlePageReset(){e.value=1}});return o.watch(()=>i.data,(s,a)=>{var c,f;((s==null?void 0:s.length)!==(a==null?void 0:a.length)||s[0]&&a[0]&&((c=s[0])==null?void 0:c.id)!==((f=a[0])==null?void 0:f.id))&&n.handlePageReset()},{immediate:!0}),n}function W(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var P,k;function z(){return k||(k=1,P=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 l,n,s;if(Array.isArray(e)){if(l=e.length,l!=t.length)return!1;for(n=l;n--!==0;)if(!i(e[n],t[n]))return!1;return!0}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),l=s.length,l!==Object.keys(t).length)return!1;for(n=l;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,s[n]))return!1;for(n=l;n--!==0;){var a=s[n];if(!i(e[a],t[a]))return!1}return!0}return e!==e&&t!==t}),P}var J=z();const X=W(J);function G(i){let e=i,t;const l=o.reactive({fields:structuredClone(i),errors:{},dirty:!1,hasErrors:!1,processing:!1,wasSuccessful:!1,recentlySuccessful:!1,async submit(n,s={}){if(this.processing)return;const a={onBefore:async()=>{this.processing=!0,this.wasSuccessful=!1,this.recentlySuccessful=!1,clearTimeout(t),s.onBefore&&await s.onBefore()},onSuccess:async c=>{this.clearErrors(),this.wasSuccessful=!0,this.recentlySuccessful=!0,t=window.setTimeout(()=>{this.recentlySuccessful=!1},2e3),s.onSuccess&&await s.onSuccess(c),e=structuredClone(this.fields)},onError:async c=>{var f,d,v,m,h;this.hasErrors=!0,(((f=c==null?void 0:c.response)==null?void 0:f.status)===422||((d=c==null?void 0:c.response)==null?void 0:d.status)===401)&&(this.clearErrors(),this.setErrors({message:(v=c==null?void 0:c.response)==null?void 0:v.data.message,...(h=(m=c==null?void 0:c.response)==null?void 0:m.data)==null?void 0:h.errors})),s.onError&&await s.onError(c)},onFinish:async()=>{this.processing=!1,s.onFinish&&await s.onFinish()}};await a.onBefore();try{const c=await n(this.fields);await a.onSuccess(c)}catch(c){await a.onError(c)}finally{await a.onFinish()}},reset(...n){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(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 o.watch(()=>l.fields,()=>{l.dirty=!X(l.fields,e)},{immediate:!0,deep:!0}),l}function Q({directions:i,threshold:e,onSwipeOut:t}){const l=o.ref(!1),n=o.ref({x:0,y:0}),s=o.ref(),a=o.ref({x:0,y:0}),c=m=>1/(1.5+Math.abs(m)/20);function f(m){s.value=Date.now(),m.target.setPointerCapture(m.pointerId),!m.target.closest("button, a, input, textarea, select")&&(a.value={x:m.clientX,y:m.clientY},l.value=!0)}function d(m){if(!l.value)return;const h={x:0,y:0},I=m.clientX-a.value.x,w=m.clientY-a.value.y;if(i.value.includes("left")&&I<0||i.value.includes("right")&&I>0)h.x=I;else{const S=I*c(I);h.x=Math.abs(S)<Math.abs(I)?S:I}if(i.value.includes("top")&&w<0||i.value.includes("bottom")&&w>0)h.y=w;else{const S=w*c(w);h.y=Math.abs(S)<Math.abs(w)?S:w}n.value=h}function v(){if(!l.value)return;const m=Date.now()-(s.value??0),h=n.value.x,I=Math.abs(h)/m;if(Math.abs(h)>=e||I>.11){t();return}l.value=!1,n.value={x:0,y:0}}return{offset:n,isSwiping:l,onPointerDown:f,onPointerMove:d,onPointerUp:v}}function Z({duration:i,isPaused:e,onTimeout:t,immediate:l=!0}){const n=o.ref(),s=o.ref(0),a=o.ref(i);function c(){a.value===1/0||e()||(s.value=Date.now(),n.value=window.setTimeout(()=>{t()},a.value))}function f(){d();const v=Date.now()-s.value;a.value-=v}function d(){n.value&&(clearTimeout(n.value),n.value=null)}return o.watch(e,v=>{if(v){f();return}c()},{immediate:l}),o.onBeforeUnmount(()=>{d()}),{cancel:d}}function ee(){const i=o.ref(!1),e=o.ref(!1),t=o.ref(300),l=o.ref(null),n=o.reactive({}),s=o.shallowRef(null);function a(f,d={}){l.value&&clearTimeout(l.value),s.value=f,Object.assign(n,d),e.value=!0,i.value=!0,l.value=window.setTimeout(()=>{i.value=!1},t.value)}function c(){l.value&&clearTimeout(l.value),e.value=!1,i.value=!0,l.value=window.setTimeout(()=>{i.value=!1},t.value)}return{isOpen:e,isAnimating:i,animationTime:t,props:n,component:s,open:a,close:c}}function te(i,e){if(!i)return!1;let t=["INPUT","TEXTAREA","SELECT"];return(e===" "||e==="Enter")&&(t=[...t,"BUTTON"]),t.includes(i.tagName)}const se=3,ne="24px",ie="16px",ae=0,le=3e3,ce=16,oe=45,re=10,ue=.06,fe=16,_={stringInsensitive:(i,e)=>Y(i).localeCompare(Y(e)),date:(i,e)=>new Date(i).getTime()-new Date(e).getTime(),number:(i,e)=>parseFloat(i)-parseFloat(e)};function Y(i){return String(i??"").toLowerCase().replace(/\s+/g," ").trim()}function de(i,e=1,t=["date","date_released"]){return(l,n)=>{const s=l[i],a=n[i];if(s instanceof Date&&a instanceof Date||t.includes(String(i))){const d=new Date(String(s));return(new Date(String(a)).getTime()-d.getTime())*e}const c=parseFloat(s),f=parseFloat(a);return!isNaN(c)&&!isNaN(f)?(c-f)*e:String(s).toLowerCase().replace(/\s+/g," ").localeCompare(String(a).toLowerCase().replace(/\s+/g," "))*e}}function me(i,e=1){return(t,l)=>{for(const{key:n,compareFn:s}of i){const a=n?t[n]??"":void 0,c=n?l[n]??"":void 0;let f;if(s?f=n?s(a,c):s(t,l):f=he(a,c),f!==0)return f*e}return 0}}function he(i,e){const t=parseFloat(i),l=parseFloat(e);if(!isNaN(t)&&!isNaN(l))return t-l;const n=new Date(i),s=new Date(e);return!isNaN(n.getTime())&&!isNaN(s.getTime())?n.getTime()-s.getTime():_.stringInsensitive(i,e)}r.CompareStrategies=_,r.DEFAULT_GAP=ce,r.MOBILE_VIEWPORT_OFFSET=ie,r.SCALE_STEP=ue,r.SWIPE_THRESHOLD=oe,r.TOAST_LIFE=le,r.TOAST_WIDTH=ae,r.ToastState=y,r.VIEWPORT_OFFSET=ne,r.VISIBLE_TOASTS_AMOUNT=se,r.Y_OFFSET_STEP=fe,r.Z_STEP=re,r.createModalCore=ee,r.isInputLikeElement=te,r.sortObject=de,r.sortObjectNew=me,r.toast=L,r.useClipboard=H,r.useDatePicker=K,r.useForm=G,r.useModal=x,r.useMultiSelect=E,r.useSelect=U,r.useSwipeHandler=Q,r.useTable=q,r.useToastTimer=Z,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.CedarUI={},r.Vue))})(this,function(r,o){"use strict";var Fe=Object.defineProperty;var Ce=(r,o,E)=>o in r?Fe(r,o,{enumerable:!0,configurable:!0,writable:!0,value:E}):r[o]=E;var b=(r,o,E)=>Ce(r,typeof o!="symbol"?o+"":o,E);function E({options:i,defaultItems:e},t){const c=o.reactive({selectOpen:!1,selectedItems:e,selectableItems:i,selectableItemActive:null,selectId:"select-12",selectKeydownValue:"",selectKeydownTimeout:1e3,selectKeydownClearTimeout:null,selectDropdownPosition:"bottom",selectableItemsList:t.selectableItemsList,selectButton:t.selectButton,toggleSelect(s){s!==void 0?this.selectOpen=s===!0:this.selectOpen=!this.selectOpen},updateRefs(s){this.selectButton=s.selectButton,this.selectableItemsList=s.selectableItemsList,this.selectPositionUpdate()},selectableItemIsActive(){return!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(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 s=this.selectKeydownValue.toLowerCase(),a=null,l=-1;for(const f of this.selectableItems){let v=f.name.toLowerCase().indexOf(s);v>-1&&(l==-1||v<l)&&!f.disabled&&(a=f,l=v)}return a},selectPositionUpdate(){var a;if(!this.selectButton||!this.selectableItemsList)return;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(s){Array.isArray(s)&&(this.selectableItems=s)}}),n=()=>{c.selectOpen&&c.selectPositionUpdate()};return o.watch(()=>c.selectOpen,function(s){if(c.selectedItems?c.selectableItemActive=c.selectedItem:c.selectableItemActive=c.selectableItems[0],!s){window.removeEventListener("resize",n);return}n(),window.addEventListener("resize",n)},{immediate:!1}),c}function q(i,e,t){var x;const c=o.ref(!1),n=o.ref(((x=i.model)==null?void 0:x.value)??i.defaultDate??""),s=o.ref("F d, Y"),a=o.ref(0),l=o.ref(0),f=o.ref(0),d=o.ref([]),v=o.ref([]),m=o.ref("bottom"),h=["January","February","March","April","May","June","July","August","September","October","November","December"],I=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],w=o.ref("D"),S=o.computed(()=>{let u=Math.max(a.value,0);return u>=h.length&&(u=0),h[u]}),Se=o.computed(()=>{const u=Math.floor(l.value/10)*10;return Array.from({length:10},(T,g)=>u+g)});function De(u){c.value=u??!c.value,w.value="D"}function Ee(u="D"){w.value=u}function C(u){const T=I[u.getDay()],g=("0"+u.getDate()).slice(-2),D=h[u.getMonth()],k=D.substring(0,3),_=("0"+(u.getMonth()+1)).slice(-2),p=u.getFullYear();switch(s.value){case"F d, Y":return`${D} ${g}, ${p}`;case"d M, Y":return`${g} ${k}, ${p}`;case"Y M d":return`${p} ${k} ${g}`;case"MM-DD-YYYY":return`${_}-${g}-${p}`;case"DD-MM-YYYY":return`${g}-${_}-${p}`;case"YYYY-MM-DD":return`${p}-${_}-${g}`;case"D d M, Y":return`${T} ${g} ${k} ${p}`;default:return`${D} ${g}, ${p}`}}function Oe(u){switch(w.value){case"Y":l.value=u,w.value="M";break;case"M":a.value=u,w.value="D",A();break;default:f.value=u,n.value=C(new Date(l.value,a.value,u)),c.value=!1,i.model&&(i.model.value=n.value);break}}function Pe(){switch(w.value){case"Y":l.value-=10;break;case"M":l.value-=1;break;default:a.value===0?(l.value--,a.value=11):a.value--,A();break}}function Ae(){switch(w.value){case"Y":l.value+=10;break;case"M":l.value+=1;break;default:a.value===11?(a.value=0,l.value++):a.value++,A();break}}function Me(u){const T=new Date(l.value,a.value,u);return n.value===C(T)}function Be(u){const T=new Date,g=new Date(l.value,a.value,u);return T.toDateString()===g.toDateString()}function A(){const u=new Date(l.value,a.value+1,0).getDate(),T=new Date(l.value,a.value).getDay();v.value=Array.from({length:T},(g,D)=>D+1),d.value=Array.from({length:u},(g,D)=>D+1)}function L(){if(!e.value||!t.value||!c.value)return;const u=e.value.getBoundingClientRect(),T=t.value.offsetHeight,g=u.top+u.height+T;m.value=g>window.innerHeight?"top":"bottom"}function H(u,T=!0){a.value=u.getMonth(),l.value=u.getFullYear(),f.value=u.getDate(),T&&(n.value=C(u)),A()}function U(){if(n.value)return H(new Date(Date.parse(n.value)));H(new Date,i.useDefaultDate)}return o.onMounted(()=>{U()}),o.watch(c,async u=>{if(!u){window.removeEventListener("resize",L);return}await o.nextTick(),U(),L(),window.addEventListener("resize",L)}),{datePickerInput:e,datePickerCalendar:t,datePickerOpen:c,datePickerValue:n,datePickerPanel:w,datePickerFormat:s,datePickerMonth:a,datePickerMonthVerbose:S,datePickerYear:l,datePickerDecade:Se,datePickerDay:f,datePickerDaysInMonth:d,datePickerBlankDaysInMonth:v,datePickerMonthNames:h,datePickerDays:I,datePickerPosition:m,toggleDatePicker:De,datePickerValueClicked:Oe,datePickerPrevious:Pe,datePickerNext:Ae,datePickerIsSelectedDate:Me,datePickerIsToday:Be,showDatePickerPanel:Ee}}function Y(i="pv_id_"){return i+Math.random().toString(16).slice(2)}class W{constructor(){b(this,"subscribers");b(this,"toasts");b(this,"subscribe",e=>(this.subscribers.push(e),()=>{const t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}));b(this,"publish",e=>{this.subscribers.forEach(t=>t(e))});b(this,"addToast",e=>{this.publish(e),this.toasts=[...this.toasts,e]});b(this,"create",(e,t)=>{const c=t.id??Y("toast_");return this.toasts.find(s=>s.id===c)?this.toasts=this.toasts.map(s=>s.id===c?(this.publish({...s,...t,id:c,title:e}),{...s,...t,id:c,title:e}):s):this.addToast({title:e,id:c,scale:1,zIndex:200,offsetY:0,...t}),c});b(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=[])});b(this,"add",(e,t)=>this.create(e,{...t}));b(this,"success",(e,t)=>this.create(e,{type:"success",...t}));b(this,"error",(e,t)=>this.create(e,{type:"danger",...t}));b(this,"info",(e,t)=>this.create(e,{type:"info",...t}));b(this,"warning",(e,t)=>this.create(e,{type:"warning",...t}));this.subscribers=[],this.toasts=[]}}const y=new W;function z(i,e){const t=Y("toast_");return y.create(i,{...e,id:t}),t}const N=Object.assign(z,{add:y.add,success:y.success,error:y.error,info:y.info,warning:y.warning,dismiss:y.dismiss});function J(i){const e=o.ref(!1);return{copyNotification:e,copyToClipboard:async()=>{try{await navigator.clipboard.writeText(i.value),e.value=!0,setTimeout(()=>{e.value=!1},3e3)}catch(c){console.error(c),N.error("Error",{description:"Unable to copy. Network is not secure."})}}}}function X(i,e){const t=o.reactive({selectOpen:!1,selectedItem:"",selectableItems:i,selectableItemActive:null,selectId:"select-12",selectKeydownValue:"",selectKeydownTimeout:1e3,selectKeydownClearTimeout:null,selectDropdownPosition:"bottom",selectableItemsList:e.selectableItemsList,selectButton:e.selectButton,toggleSelect(n){n!==void 0?this.selectOpen=n===!0:this.selectOpen=!this.selectOpen},updateRefs(n){this.selectButton=n.selectButton,this.selectableItemsList=n.selectableItemsList},selectableItemIsActive(n){return this.selectableItemActive&&this.selectableItemActive.value==n.value},selectableItemActiveNext(){let n=this.selectableItems.indexOf(this.selectableItemActive);n<this.selectableItems.length-1&&(this.selectableItemActive=this.selectableItems[n+1],this.selectScrollToActiveItem())},selectableItemActivePrevious(){let n=this.selectableItems.indexOf(this.selectableItemActive);n>0&&(this.selectableItemActive=this.selectableItems[n-1],this.selectScrollToActiveItem())},selectScrollToActiveItem(){if(!this.selectableItemActive)return;let n=document.getElementById(this.selectableItemActive.value+"-"+this.selectId);n&&n.focus()},selectKeydown(n){if(n.keyCode>=65&&n.keyCode<=90){this.selectKeydownValue+=n.key;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(),s=null,a=-1;for(const l of this.selectableItems){let d=l.title.toLowerCase().indexOf(n);d>-1&&(a==-1||d<a)&&!l.disabled&&(s=l,a=d)}return s},selectPositionUpdate(){var s;if(!this.selectableItemsList||!this.selectButton)return;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"}}),c=()=>{t.selectOpen&&t.selectPositionUpdate()};return o.watch(()=>t.selectOpen,function(n){if(t.selectedItem?t.selectableItemActive=t.selectedItem:t.selectableItemActive=t.selectableItems[0],!n){window.removeEventListener("resize",c);return}window.setTimeout(function(){t.selectScrollToActiveItem()},10),c(),window.addEventListener("resize",c)},{immediate:!1}),t}function G(i){const e=o.ref(null);return o.reactive({title:"",...i,modalOpen:!1,isAnimating:!1,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(t){this.title=t}})}function Q(i){const e=o.ref(1),t=o.ref(i.itemsPerPage??10),c=o.ref(i.searchQuery??""),n=o.reactive({filteredPage:o.computed(()=>{const s=t.value*(e.value-1),a=Math.min(t.value*e.value,i.data.length);return i.data.slice(s,a)}),props:i,fields:{currentPage:e,itemsPerPage:t,searchQuery:c},handlePageChange(s){e.value=s},handlePageReset(){e.value=1}});return o.watch(()=>i.data,(s,a)=>{var l,f;((s==null?void 0:s.length)!==(a==null?void 0:a.length)||s[0]&&a[0]&&((l=s[0])==null?void 0:l.id)!==((f=a[0])==null?void 0:f.id))&&n.handlePageReset()},{immediate:!0}),n}function Z(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var M,$;function ee(){return $||($=1,M=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 c,n,s;if(Array.isArray(e)){if(c=e.length,c!=t.length)return!1;for(n=c;n--!==0;)if(!i(e[n],t[n]))return!1;return!0}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),c=s.length,c!==Object.keys(t).length)return!1;for(n=c;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,s[n]))return!1;for(n=c;n--!==0;){var a=s[n];if(!i(e[a],t[a]))return!1}return!0}return e!==e&&t!==t}),M}var te=ee();const se=Z(te);function ne(i){let e=i,t;const c=o.reactive({fields:structuredClone(i),errors:{},dirty:!1,hasErrors:!1,processing:!1,wasSuccessful:!1,recentlySuccessful:!1,async submit(n,s={}){if(this.processing)return;const a={onBefore:async()=>{this.processing=!0,this.wasSuccessful=!1,this.recentlySuccessful=!1,clearTimeout(t),s.onBefore&&await s.onBefore()},onSuccess:async l=>{this.clearErrors(),this.wasSuccessful=!0,this.recentlySuccessful=!0,t=window.setTimeout(()=>{this.recentlySuccessful=!1},2e3),s.onSuccess&&await s.onSuccess(l),e=structuredClone(this.fields)},onError:async l=>{var f,d,v,m,h;this.hasErrors=!0,(((f=l==null?void 0:l.response)==null?void 0:f.status)===422||((d=l==null?void 0:l.response)==null?void 0:d.status)===401)&&(this.clearErrors(),this.setErrors({message:(v=l==null?void 0:l.response)==null?void 0:v.data.message,...(h=(m=l==null?void 0:l.response)==null?void 0:m.data)==null?void 0:h.errors})),s.onError&&await s.onError(l)},onFinish:async()=>{this.processing=!1,s.onFinish&&await s.onFinish()}};await a.onBefore();try{const l=await n(this.fields);await a.onSuccess(l)}catch(l){await a.onError(l)}finally{await a.onFinish()}},reset(...n){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(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 o.watch(()=>c.fields,()=>{c.dirty=!se(c.fields,e)},{immediate:!0,deep:!0}),c}function ie({directions:i,threshold:e,onSwipeOut:t}){const c=o.ref(!1),n=o.ref({x:0,y:0}),s=o.ref(),a=o.ref({x:0,y:0}),l=m=>1/(1.5+Math.abs(m)/20);function f(m){s.value=Date.now(),m.target.setPointerCapture(m.pointerId),!m.target.closest("button, a, input, textarea, select")&&(a.value={x:m.clientX,y:m.clientY},c.value=!0)}function d(m){if(!c.value)return;const h={x:0,y:0},I=m.clientX-a.value.x,w=m.clientY-a.value.y;if(i.value.includes("left")&&I<0||i.value.includes("right")&&I>0)h.x=I;else{const S=I*l(I);h.x=Math.abs(S)<Math.abs(I)?S:I}if(i.value.includes("top")&&w<0||i.value.includes("bottom")&&w>0)h.y=w;else{const S=w*l(w);h.y=Math.abs(S)<Math.abs(w)?S:w}n.value=h}function v(){if(!c.value)return;const m=Date.now()-(s.value??0),h=n.value.x,I=Math.abs(h)/m;if(Math.abs(h)>=e||I>.11){t();return}c.value=!1,n.value={x:0,y:0}}return{offset:n,isSwiping:c,onPointerDown:f,onPointerMove:d,onPointerUp:v}}function ae({duration:i,isPaused:e,onTimeout:t,immediate:c=!0}){const n=o.ref(),s=o.ref(0),a=o.ref(i);function l(){a.value===1/0||e()||(s.value=Date.now(),n.value=window.setTimeout(()=>{t()},a.value))}function f(){d();const v=Date.now()-s.value;a.value-=v}function d(){n.value&&(clearTimeout(n.value),n.value=null)}return o.watch(e,v=>{if(v){f();return}l()},{immediate:c}),o.onBeforeUnmount(()=>{d()}),{cancel:d}}const P=o.ref(!1),B=o.ref(!1),F=o.ref(300),O=o.ref(null),V=o.reactive({}),K=o.shallowRef(null);function le(i,e={}){O.value&&clearTimeout(O.value),K.value=i,Object.assign(V,e),B.value=!0,P.value=!0,O.value=window.setTimeout(()=>{P.value=!1},F.value)}function ce(){O.value&&clearTimeout(O.value),B.value=!1,P.value=!0,O.value=window.setTimeout(()=>{P.value=!1},F.value)}function oe(){return{isOpen:B,isAnimating:P,animationTime:F,props:V,component:K,open:le,close:ce}}function re(i,e){if(!i)return!1;let t=["INPUT","TEXTAREA","SELECT"];return(e===" "||e==="Enter")&&(t=[...t,"BUTTON"]),t.includes(i.tagName)}const ue=3,fe="24px",de="16px",me=0,he=3e3,ve=16,we=45,ge=10,be=.06,Ie=16,j={stringInsensitive:(i,e)=>R(i).localeCompare(R(e)),date:(i,e)=>new Date(i).getTime()-new Date(e).getTime(),number:(i,e)=>parseFloat(i)-parseFloat(e)};function R(i){return String(i??"").toLowerCase().replace(/\s+/g," ").trim()}function Te(i,e=1,t=["date","date_released"]){return(c,n)=>{const s=c[i],a=n[i];if(s instanceof Date&&a instanceof Date||t.includes(String(i))){const d=new Date(String(s));return(new Date(String(a)).getTime()-d.getTime())*e}const l=parseFloat(s),f=parseFloat(a);return!isNaN(l)&&!isNaN(f)?(l-f)*e:String(s).toLowerCase().replace(/\s+/g," ").localeCompare(String(a).toLowerCase().replace(/\s+/g," "))*e}}function ye(i,e=1){return(t,c)=>{for(const{key:n,compareFn:s}of i){const a=n?t[n]??"":void 0,l=n?c[n]??"":void 0;let f;if(s?f=n?s(a,l):s(t,c):f=pe(a,l),f!==0)return f*e}return 0}}function pe(i,e){const t=parseFloat(i),c=parseFloat(e);if(!isNaN(t)&&!isNaN(c))return t-c;const n=new Date(i),s=new Date(e);return!isNaN(n.getTime())&&!isNaN(s.getTime())?n.getTime()-s.getTime():j.stringInsensitive(i,e)}r.CompareStrategies=j,r.DEFAULT_GAP=ve,r.MOBILE_VIEWPORT_OFFSET=de,r.SCALE_STEP=be,r.SWIPE_THRESHOLD=we,r.TOAST_LIFE=he,r.TOAST_WIDTH=me,r.ToastState=y,r.VIEWPORT_OFFSET=fe,r.VISIBLE_TOASTS_AMOUNT=ue,r.Y_OFFSET_STEP=Ie,r.Z_STEP=ge,r.isInputLikeElement=re,r.sortObject=Te,r.sortObjectNew=ye,r.toast=N,r.useClipboard=J,r.useDatePicker=q,r.useForm=ne,r.useModal=G,r.useModalCore=oe,r.useMultiSelect=E,r.useSelect=X,r.useSwipeHandler=ie,r.useTable=Q,r.useToastTimer=ae,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -23,6 +23,8 @@ export declare interface BreadCrumbItem {
     icon?: Component;
 }
 
+declare function close_2(): void;
+
 export declare const CompareStrategies: {
     stringInsensitive: (a: any, b: any) => number;
     date: (a: any, b: any) => number;
@@ -51,26 +53,6 @@ export declare interface ContextMenuItem {
     icon?: Component;
 }
 
-export declare function createModalCore(): {
-    isOpen: Ref<boolean, boolean>;
-    isAnimating: Ref<boolean, boolean>;
-    animationTime: Ref<number, number>;
-    props: Record<string, any>;
-    component: ShallowRef<null, null> | ShallowRef<ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>> | ShallowRef<FunctionalComponent<any, {}, any, {}>, FunctionalComponent<any, {}, any, {}>> | ShallowRef<{
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    }, {
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    }>;
-    open: (comp: Component, newProps?: Record<string, any>) => void;
-    close: () => void;
-};
-
 declare interface DatePickerProps {
     model?: ModelRef<string | undefined>;
     defaultDate?: string;
@@ -190,6 +172,8 @@ declare class Observer {
     warning: (message: string, options?: ToastOptions) => string;
 }
 
+declare function open_2(comp: Component, newProps?: Record<string, any>): void;
+
 export declare interface PopoverItem {
     text?: string;
     title?: string;
@@ -390,6 +374,26 @@ export declare function useModal(props: ModalProps): {
     submitText?: string | undefined;
 };
 
+export declare function useModalCore(): {
+    isOpen: Ref<boolean, boolean>;
+    isAnimating: Ref<boolean, boolean>;
+    animationTime: Ref<number, number>;
+    props: Record<string, any>;
+    component: ShallowRef<null, null> | ShallowRef<ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, ComponentOptions<any, any, any, ComputedOptions, MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>> | ShallowRef<FunctionalComponent<any, {}, any, {}>, FunctionalComponent<any, {}, any, {}>> | ShallowRef<{
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    }, {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    }>;
+    open: typeof open_2;
+    close: typeof close_2;
+};
+
 export declare function useMultiSelect({ options, defaultItems }: {
     options: any;
     defaultItems: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aminnausin/cedar-ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "license": "MIT",
   "repository": {
     "type": "git",