@aminnausin/cedar-ui 0.0.14 → 0.0.16

package/dist/cedar-ui.mjs

@@ -1,10 +1,10 @@
 var Xe = Object.defineProperty;
-var Ze = (e, t, o) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var E = (e, t, o) => Ze(e, typeof t != "symbol" ? t + "" : t, o);
-import { ref as y, computed as oe, onMounted as Qe, watch as J, nextTick as et, reactive as ue, onBeforeUnmount as tt, shallowRef as ge, readonly as De } from "vue";
-function Xt(e, t, o) {
-  var ee;
-  const s = y(!1), r = y(((ee = e.model) == null ? void 0 : ee.value) ?? e.defaultDate ?? ""), n = y("F d, Y"), a = y(0), i = y(0), l = y(0), f = y([]), p = y([]), g = y("bottom"), M = [
+var Ze = (e, t, r) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var C = (e, t, r) => Ze(e, typeof t != "symbol" ? t + "" : t, r);
+import { ref as y, computed as q, onMounted as Qe, watch as X, nextTick as et, reactive as ue, onBeforeUnmount as tt, shallowRef as ge, readonly as De } from "vue";
+function Xt(e, t, r) {
+  var te;
+  const o = y(!1), s = y(((te = e.model) == null ? void 0 : te.value) ?? e.defaultDate ?? ""), n = y("F d, Y"), a = y(0), i = y(0), l = y(0), f = y([]), p = y([]), g = y("bottom"), M = [
     "January",
     "February",
     "March",
@@ -17,15 +17,15 @@ function Xt(e, t, o) {
     "October",
     "November",
     "December"
-  ], F = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = y("D"), A = oe(() => {
+  ], F = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = y("D"), A = q(() => {
     let h = Math.max(a.value, 0);
     return h >= M.length && (h = 0), M[h];
-  }), N = oe(() => {
+  }), N = q(() => {
     const h = Math.floor(i.value / 10) * 10;
     return Array.from({ length: 10 }, (I, x) => h + x);
   });
   function z(h) {
-    s.value = h ?? !s.value, k.value = "D";
+    o.value = h ?? !o.value, k.value = "D";
   }
   function G(h = "D") {
     k.value = h;
@@ -60,7 +60,7 @@ function Xt(e, t, o) {
         a.value = h, k.value = "D", v();
         break;
       default:
-        l.value = h, r.value = L(new Date(i.value, a.value, h)), s.value = !1, e.model && (e.model.value = r.value);
+        l.value = h, s.value = L(new Date(i.value, a.value, h)), o.value = !1, e.model && (e.model.value = s.value);
         break;
     }
   }
@@ -92,7 +92,7 @@ function Xt(e, t, o) {
   }
   function w(h) {
     const I = new Date(i.value, a.value, h);
-    return r.value === L(I);
+    return s.value === L(I);
   }
   function c(h) {
     const I = /* @__PURE__ */ new Date(), x = new Date(i.value, a.value, h);
@@ -103,31 +103,31 @@ function Xt(e, t, o) {
     p.value = Array.from({ length: I }, (x, D) => D + 1), f.value = Array.from({ length: h }, (x, D) => D + 1);
   }
   function O() {
-    if (!t.value || !o.value || !s.value) return;
-    const h = t.value.getBoundingClientRect(), I = o.value.offsetHeight, x = h.top + h.height + I;
+    if (!t.value || !r.value || !o.value) return;
+    const h = t.value.getBoundingClientRect(), I = r.value.offsetHeight, x = h.top + h.height + I;
     g.value = x > window.innerHeight ? "top" : "bottom";
   }
-  function Q(h, I = !0) {
-    a.value = h.getMonth(), i.value = h.getFullYear(), l.value = h.getDate(), I && (r.value = L(h)), v();
+  function ee(h, I = !0) {
+    a.value = h.getMonth(), i.value = h.getFullYear(), l.value = h.getDate(), I && (s.value = L(h)), v();
   }
-  function j() {
-    if (r.value)
-      return Q(new Date(Date.parse(r.value)));
-    Q(/* @__PURE__ */ new Date(), e.useDefaultDate);
+  function K() {
+    if (s.value)
+      return ee(new Date(Date.parse(s.value)));
+    ee(/* @__PURE__ */ new Date(), e.useDefaultDate);
   }
   return Qe(() => {
-    j();
-  }), J(s, async (h) => {
+    K();
+  }), X(o, async (h) => {
     if (!h) {
       window.removeEventListener("resize", O);
       return;
     }
-    await et(), j(), O(), window.addEventListener("resize", O);
+    await et(), K(), O(), window.addEventListener("resize", O);
   }), {
     datePickerInput: t,
-    datePickerCalendar: o,
-    datePickerOpen: s,
-    datePickerValue: r,
+    datePickerCalendar: r,
+    datePickerOpen: o,
+    datePickerValue: s,
     datePickerPanel: k,
     datePickerFormat: n,
     datePickerMonth: a,
@@ -149,8 +149,8 @@ function Xt(e, t, o) {
     showDatePickerPanel: G
   };
 }
-function Zt({ options: e, defaultItems: t }, o) {
-  const s = ue({
+function Zt({ options: e, defaultItems: t }, r) {
+  const o = ue({
     selectOpen: !1,
     selectedItems: t,
     selectableItems: e,
@@ -160,8 +160,8 @@ function Zt({ options: e, defaultItems: t }, o) {
     selectKeydownTimeout: 1e3,
     selectKeydownClearTimeout: null,
     selectDropdownPosition: "bottom",
-    selectableItemsList: o.selectableItemsList,
-    selectButton: o.selectButton,
+    selectableItemsList: r.selectableItemsList,
+    selectButton: r.selectButton,
     toggleSelect(n) {
       n !== void 0 ? this.selectOpen = n === !0 : this.selectOpen = !this.selectOpen;
     },
@@ -201,23 +201,23 @@ function Zt({ options: e, defaultItems: t }, o) {
     setOptions(n) {
       Array.isArray(n) && (this.selectableItems = n);
     }
-  }), r = () => {
-    s.selectOpen && s.selectPositionUpdate();
+  }), s = () => {
+    o.selectOpen && o.selectPositionUpdate();
   };
-  return J(
-    () => s.selectOpen,
+  return X(
+    () => o.selectOpen,
     function(n) {
-      if (s.selectedItems ? s.selectableItemActive = s.selectedItem : s.selectableItemActive = s.selectableItems[0], !n) {
-        window.removeEventListener("resize", r);
+      if (o.selectedItems ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !n) {
+        window.removeEventListener("resize", s);
         return;
       }
-      r(), window.addEventListener("resize", r);
+      s(), window.addEventListener("resize", s);
     },
     { immediate: !1 }
-  ), s;
+  ), o;
 }
 function Qt(e, t) {
-  const o = ue({
+  const r = ue({
     selectOpen: !1,
     selectedItem: "",
     selectableItems: e,
@@ -229,31 +229,31 @@ function Qt(e, t) {
     selectDropdownPosition: "bottom",
     selectableItemsList: t.selectableItemsList,
     selectButton: t.selectButton,
-    toggleSelect(r) {
-      r !== void 0 ? this.selectOpen = r === !0 : this.selectOpen = !this.selectOpen;
+    toggleSelect(s) {
+      s !== void 0 ? this.selectOpen = s === !0 : this.selectOpen = !this.selectOpen;
     },
-    updateRefs(r) {
-      this.selectButton = r.selectButton, this.selectableItemsList = r.selectableItemsList;
+    updateRefs(s) {
+      this.selectButton = s.selectButton, this.selectableItemsList = s.selectableItemsList;
     },
-    selectableItemIsActive(r) {
-      return this.selectableItemActive && this.selectableItemActive.value == r.value;
+    selectableItemIsActive(s) {
+      return this.selectableItemActive && this.selectableItemActive.value == s.value;
     },
     selectableItemActiveNext() {
-      let r = this.selectableItems.indexOf(this.selectableItemActive);
-      r < this.selectableItems.length - 1 && (this.selectableItemActive = this.selectableItems[r + 1], this.selectScrollToActiveItem());
+      let s = this.selectableItems.indexOf(this.selectableItemActive);
+      s < this.selectableItems.length - 1 && (this.selectableItemActive = this.selectableItems[s + 1], this.selectScrollToActiveItem());
     },
     selectableItemActivePrevious() {
-      let r = this.selectableItems.indexOf(this.selectableItemActive);
-      r > 0 && (this.selectableItemActive = this.selectableItems[r - 1], this.selectScrollToActiveItem());
+      let s = this.selectableItems.indexOf(this.selectableItemActive);
+      s > 0 && (this.selectableItemActive = this.selectableItems[s - 1], this.selectScrollToActiveItem());
     },
     selectScrollToActiveItem() {
       if (!this.selectableItemActive) return;
-      let r = document.getElementById(this.selectableItemActive.value + "-" + this.selectId);
-      r && r.focus();
+      let s = document.getElementById(this.selectableItemActive.value + "-" + this.selectId);
+      s && s.focus();
     },
-    selectKeydown(r) {
-      if (r.keyCode >= 65 && r.keyCode <= 90) {
-        this.selectKeydownValue += r.key;
+    selectKeydown(s) {
+      if (s.keyCode >= 65 && s.keyCode <= 90) {
+        this.selectKeydownValue += s.key;
         let n = this.selectItemsFindBestMatch();
         n && (this.selectOpen ? (this.selectableItemActive = n, this.selectScrollToActiveItem()) : this.selectedItem = this.selectableItemActive === n), this.selectKeydownValue != "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
           this.selectKeydownValue = "";
@@ -261,9 +261,9 @@ function Qt(e, t) {
       }
     },
     selectItemsFindBestMatch() {
-      let r = this.selectKeydownValue.toLowerCase(), n = null, a = -1;
+      let s = this.selectKeydownValue.toLowerCase(), n = null, a = -1;
       for (const i of this.selectableItems) {
-        let f = i.title.toLowerCase().indexOf(r);
+        let f = i.title.toLowerCase().indexOf(s);
         f > -1 && (a == -1 || f < a) && !i.disabled && (n = i, a = f);
       }
       return n;
@@ -271,50 +271,52 @@ function Qt(e, t) {
     selectPositionUpdate() {
       var n;
       if (!this.selectableItemsList || !this.selectButton) return;
-      let r = ((n = this.selectButton) == null ? void 0 : n.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
-      window.innerHeight < r ? this.selectDropdownPosition = "top" : this.selectDropdownPosition = "bottom";
+      let s = ((n = this.selectButton) == null ? void 0 : n.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
+      window.innerHeight < s ? this.selectDropdownPosition = "top" : this.selectDropdownPosition = "bottom";
     }
-  }), s = () => {
-    o.selectOpen && o.selectPositionUpdate();
+  }), o = () => {
+    r.selectOpen && r.selectPositionUpdate();
   };
-  return J(
-    () => o.selectOpen,
-    function(r) {
-      if (o.selectedItem ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !r) {
-        window.removeEventListener("resize", s);
+  return X(
+    () => r.selectOpen,
+    function(s) {
+      if (r.selectedItem ? r.selectableItemActive = r.selectedItem : r.selectableItemActive = r.selectableItems[0], !s) {
+        window.removeEventListener("resize", o);
         return;
       }
       window.setTimeout(function() {
-        o.selectScrollToActiveItem();
-      }, 10), s(), window.addEventListener("resize", s);
+        r.selectScrollToActiveItem();
+      }, 10), o(), window.addEventListener("resize", o);
     },
     { immediate: !1 }
-  ), o;
+  ), r;
 }
-function eo(e) {
-  const t = y(e.itemsPerPage ?? 10), o = y(1), s = oe(() => Math.ceil(e.data.value.length / t.value)), r = oe(() => {
-    const i = (o.value - 1) * t.value;
+function er(e) {
+  const t = q(() => e.itemsPerPage ?? 10), r = y(1), o = q(() => Math.ceil(e.data.value.length / t.value)), s = q(() => {
+    const i = (r.value - 1) * t.value;
     return e.data.value.slice(i, i + t.value);
   });
   function n(i) {
-    o.value = Math.min(Math.max(1, i), s.value);
+    r.value = Math.min(Math.max(1, i), o.value);
   }
   function a() {
-    o.value = 1;
+    r.value = 1;
   }
-  return J(
+  return X(
     () => e.data.value,
-    () => {
-      e.resetOnDataChange !== !1 && a();
+    (i, l) => {
+      var f, p;
+      if (e.resetOnDataChange !== !1 && (!l || !i.length || !l.length || i.length !== l.length || ((f = i[0]) == null ? void 0 : f.id) !== ((p = l[0]) == null ? void 0 : p.id)))
+        return a();
     },
     { immediate: !0 }
   ), {
     // state
-    currentPage: o,
+    currentPage: r,
     itemsPerPage: t,
     // derived
-    pageCount: s,
-    pageData: r,
+    pageCount: o,
+    pageData: s,
     // actions
     setPage: n,
     resetPage: a
@@ -323,64 +325,87 @@ function eo(e) {
 function Fe(e = "pv_id_") {
   return e + Math.random().toString(16).slice(2);
 }
-class ot {
+class rt {
   constructor() {
-    E(this, "subscribers");
-    E(this, "toasts");
+    C(this, "subscribers");
+    C(this, "toasts");
     // We use arrow functions to maintain the correct `this` reference
-    E(this, "subscribe", (t) => (this.subscribers.push(t), () => {
-      const o = this.subscribers.indexOf(t);
-      this.subscribers.splice(o, 1);
+    C(this, "subscribe", (t) => (this.subscribers.push(t), () => {
+      const r = this.subscribers.indexOf(t);
+      this.subscribers.splice(r, 1);
     }));
-    E(this, "publish", (t) => {
-      this.subscribers.forEach((o) => o(t));
+    C(this, "publish", (t) => {
+      this.subscribers.forEach((r) => r(t));
     });
-    E(this, "addToast", (t) => {
+    C(this, "addToast", (t) => {
       this.publish(t), this.toasts = [...this.toasts, t];
     });
-    E(this, "create", (t, o) => {
-      const s = o.id ?? Fe("toast_");
-      return this.toasts.find((n) => n.id === s) ? this.toasts = this.toasts.map((n) => n.id === s ? (this.publish({ ...n, ...o, id: s, title: t }), {
+    C(this, "create", (t, r) => {
+      const o = r.id ?? Fe("toast_");
+      return this.toasts.find((n) => n.id === o) ? this.toasts = this.toasts.map((n) => n.id === o ? (this.publish({ ...n, ...r, id: o, title: t }), {
         ...n,
-        ...o,
-        id: s,
+        ...r,
+        id: o,
         title: t
       }) : n) : this.addToast({
         title: t,
-        id: s,
+        id: o,
         scale: 1,
         zIndex: 200,
         offsetY: 0,
-        ...o
-      }), s;
+        ...r
+      }), o;
     });
-    E(this, "dismiss", (t) => {
-      t ? (this.publish({ id: t, dismiss: !0 }), this.toasts = this.toasts.filter((o) => o.id !== t)) : (this.toasts.forEach((o) => {
-        this.publish({ id: o.id, dismiss: !0 });
+    C(this, "dismiss", (t) => {
+      t ? (this.publish({ id: t, dismiss: !0 }), this.toasts = this.toasts.filter((r) => r.id !== t)) : (this.toasts.forEach((r) => {
+        this.publish({ id: r.id, dismiss: !0 });
       }), this.toasts = []);
     });
-    E(this, "add", (t, o) => this.create(t, { ...o }));
-    E(this, "success", (t, o) => this.create(t, { type: "success", ...o }));
-    E(this, "error", (t, o) => this.create(t, { type: "danger", ...o }));
-    E(this, "info", (t, o) => this.create(t, { type: "info", ...o }));
-    E(this, "warning", (t, o) => this.create(t, { type: "warning", ...o }));
+    C(this, "add", (t, r) => this.create(t, { ...r }));
+    C(this, "success", (t, r) => this.create(t, { type: "success", ...r }));
+    C(this, "error", (t, r) => this.create(t, { type: "danger", ...r }));
+    C(this, "info", (t, r) => this.create(t, { type: "info", ...r }));
+    C(this, "warning", (t, r) => this.create(t, { type: "warning", ...r }));
+    C(this, "promise", (t, r, o) => {
+      const s = this.create(r.loading, {
+        ...o,
+        type: "promise",
+        life: 1 / 0
+      });
+      return t.then((n) => {
+        this.create(typeof r.success == "function" ? r.success(n) : r.success, {
+          ...o,
+          id: s,
+          type: "success",
+          life: (o == null ? void 0 : o.life) ?? 3e3
+        });
+      }).catch((n) => {
+        this.create(typeof r.error == "function" ? r.error(n) : r.error, {
+          ...o,
+          id: s,
+          type: "danger",
+          life: (o == null ? void 0 : o.life) ?? 3e3
+        });
+      }), t;
+    });
     this.subscribers = [], this.toasts = [];
   }
 }
-const H = new ot();
-function st(e, t) {
-  const o = Fe("toast_");
-  return H.create(e, { ...t, id: o }), o;
+const j = new rt();
+function ot(e, t) {
+  const r = Fe("toast_");
+  return j.create(e, { ...t, id: r }), r;
 }
-const rt = Object.assign(st, {
-  add: H.add,
-  success: H.success,
-  error: H.error,
-  info: H.info,
-  warning: H.warning,
-  dismiss: H.dismiss
+const st = Object.assign(ot, {
+  add: j.add,
+  success: j.success,
+  error: j.error,
+  info: j.info,
+  warning: j.warning,
+  dismiss: j.dismiss,
+  promise: j.promise
 });
-function to(e) {
+function tr(e) {
   const t = y(!1);
   return {
     copyNotification: t,
@@ -389,8 +414,8 @@ function to(e) {
         await navigator.clipboard.writeText(e.value), t.value = !0, setTimeout(() => {
           t.value = !1;
         }, 3e3);
-      } catch (s) {
-        console.error(s), rt.error("Error", {
+      } catch (o) {
+        console.error(o), st.error("Error", {
           description: "Unable to copy. Network is not secure."
         });
       }
@@ -402,37 +427,37 @@ function nt(e) {
 }
 var fe, Pe;
 function at() {
-  return Pe || (Pe = 1, fe = function e(t, o) {
-    if (t === o) return !0;
-    if (t && o && typeof t == "object" && typeof o == "object") {
-      if (t.constructor !== o.constructor) return !1;
-      var s, r, n;
+  return Pe || (Pe = 1, fe = function e(t, r) {
+    if (t === r) return !0;
+    if (t && r && typeof t == "object" && typeof r == "object") {
+      if (t.constructor !== r.constructor) return !1;
+      var o, s, n;
       if (Array.isArray(t)) {
-        if (s = t.length, s != o.length) return !1;
-        for (r = s; r-- !== 0; )
-          if (!e(t[r], o[r])) return !1;
+        if (o = t.length, o != r.length) return !1;
+        for (s = o; s-- !== 0; )
+          if (!e(t[s], r[s])) return !1;
         return !0;
       }
-      if (t.constructor === RegExp) return t.source === o.source && t.flags === o.flags;
-      if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === o.valueOf();
-      if (t.toString !== Object.prototype.toString) return t.toString() === o.toString();
-      if (n = Object.keys(t), s = n.length, s !== Object.keys(o).length) return !1;
-      for (r = s; r-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(o, n[r])) return !1;
-      for (r = s; r-- !== 0; ) {
-        var a = n[r];
-        if (!e(t[a], o[a])) return !1;
+      if (t.constructor === RegExp) return t.source === r.source && t.flags === r.flags;
+      if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === r.valueOf();
+      if (t.toString !== Object.prototype.toString) return t.toString() === r.toString();
+      if (n = Object.keys(t), o = n.length, o !== Object.keys(r).length) return !1;
+      for (s = o; s-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(r, n[s])) return !1;
+      for (s = o; s-- !== 0; ) {
+        var a = n[s];
+        if (!e(t[a], r[a])) return !1;
       }
       return !0;
     }
-    return t !== t && o !== o;
+    return t !== t && r !== r;
   }), fe;
 }
 var it = at();
 const lt = /* @__PURE__ */ nt(it);
-function oo(e) {
-  let t = e, o;
-  const s = ue({
+function rr(e) {
+  let t = e, r;
+  const o = ue({
     fields: structuredClone(e),
     errors: {},
     dirty: !1,
@@ -440,14 +465,14 @@ function oo(e) {
     processing: !1,
     wasSuccessful: !1,
     recentlySuccessful: !1,
-    async submit(r, n = {}) {
+    async submit(s, n = {}) {
       if (this.processing) return;
       const a = {
         onBefore: async () => {
-          this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(o), n.onBefore && await n.onBefore();
+          this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(r), n.onBefore && await n.onBefore();
         },
         onSuccess: async (i) => {
-          this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, o = window.setTimeout(() => {
+          this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, r = window.setTimeout(() => {
             this.recentlySuccessful = !1;
           }, 2e3), n.onSuccess && await n.onSuccess(i), t = structuredClone(this.fields);
         },
@@ -464,7 +489,7 @@ function oo(e) {
       };
       await a.onBefore();
       try {
-        const i = await r(this.fields);
+        const i = await s(this.fields);
         await a.onSuccess(i);
       } catch (i) {
         await a.onError(i);
@@ -472,43 +497,44 @@ function oo(e) {
         await a.onFinish();
       }
     },
-    reset(...r) {
+    reset(...s) {
       const n = structuredClone(t);
-      r.length === 0 ? this.fields = n : r.forEach((a) => {
+      s.length === 0 ? this.fields = n : s.forEach((a) => {
         n[a] !== void 0 && (this.fields[a] = n[a]);
       });
     },
-    clearErrors(...r) {
-      r.length === 0 ? this.errors = {} : r.forEach((n) => delete this.errors[n]), this.hasErrors = Object.keys(this.errors).length > 0;
+    clearErrors(...s) {
+      s.length === 0 ? this.errors = {} : s.forEach((n) => delete this.errors[n]), this.hasErrors = Object.keys(this.errors).length > 0;
     },
-    setErrors(r) {
-      this.errors = { ...this.errors, ...r }, this.hasErrors = Object.keys(this.errors).length > 0;
+    setErrors(s) {
+      this.errors = { ...this.errors, ...s }, this.hasErrors = Object.keys(this.errors).length > 0;
     }
   });
-  return J(
-    () => s.fields,
+  return X(
+    () => o.fields,
     () => {
-      s.dirty = !lt(s.fields, t);
+      o.dirty = !lt(o.fields, t);
     },
     { immediate: !0, deep: !0 }
-  ), s;
+  ), o;
 }
-function so({ duration: e, isPaused: t, onTimeout: o, immediate: s = !0 }) {
-  const r = y(), n = y(0), a = y(e);
+function or({ duration: e, isPaused: t, onTimeout: r, immediate: o = !0 }) {
+  const s = y(), n = y(0), a = y(e());
   function i() {
-    a.value === 1 / 0 || t() || (n.value = Date.now(), r.value = window.setTimeout(() => {
-      o();
+    t() || a.value === 1 / 0 && e() === 1 / 0 || (a.value === 1 / 0 && (a.value = e()), n.value = Date.now(), s.value = window.setTimeout(() => {
+      r();
     }, a.value));
   }
   function l() {
+    if (!s.value) return;
     f();
     const p = Date.now() - n.value;
     a.value -= p;
   }
   function f() {
-    r.value && (clearTimeout(r.value), r.value = null);
+    s.value && (clearTimeout(s.value), s.value = null);
   }
-  return J(
+  return X(
     t,
     (p) => {
       if (p) {
@@ -517,14 +543,14 @@ function so({ duration: e, isPaused: t, onTimeout: o, immediate: s = !0 }) {
       }
       i();
     },
-    { immediate: s }
+    { immediate: o }
   ), tt(() => {
     f();
   }), { cancel: f };
 }
-const ro = 3, no = "24px", ao = "16px", io = 0, lo = 3e3, co = 16, uo = 45, mo = 10, fo = 0.06, po = 16, Ce = 4, Ee = 6;
-function ho({ directions: e, swipeThreshold: t, velocityThreshold: o, getElementSize: s, onSwipeOut: r }) {
-  const n = y(!1), a = y({ x: 0, y: 0 }), i = y({ x: 0, y: 0 }), l = y({ x: 0, y: 0 }), f = y(), p = oe(() => A(e.value)), g = y(null);
+const sr = 3, nr = "24px", ar = "16px", ir = 0, lr = 3e3, cr = 16, ur = 45, dr = 10, mr = 0.06, fr = 16, Ce = 4, Ee = 6;
+function pr({ directions: e, swipeThreshold: t, velocityThreshold: r, getElementSize: o, onSwipeOut: s }) {
+  const n = y(!1), a = y({ x: 0, y: 0 }), i = y({ x: 0, y: 0 }), l = y({ x: 0, y: 0 }), f = y(), p = q(() => A(e.value)), g = y(null);
   function M(w) {
     return 1 / (1.5 + Math.abs(w) / 20);
   }
@@ -549,7 +575,7 @@ function ho({ directions: e, swipeThreshold: t, velocityThreshold: o, getElement
     return k(c) ? c : null;
   }
   function z(w) {
-    return t.px ? t.px : w && t.percent && s ? s(w) * t.percent : 1 / 0;
+    return t.px ? t.px : w && t.percent && o ? o(w) * t.percent : 1 / 0;
   }
   function G(w) {
     w.target.closest("button, a, input, textarea, select") || (f.value = Date.now(), w.target.setPointerCapture(w.pointerId), i.value = { x: w.clientX, y: w.clientY }, n.value = !0);
@@ -567,8 +593,8 @@ function ho({ directions: e, swipeThreshold: t, velocityThreshold: o, getElement
   }
   function _() {
     if (!n.value) return !1;
-    const w = Date.now() - (f.value ?? 0), c = g.value ? a.value[g.value] : 0, v = Math.abs(c) / w, O = Math.abs(c) >= z(g.value) || v > (o ?? 0.11);
-    return O && r(), n.value = !1, g.value = null, a.value = { x: 0, y: 0 }, O;
+    const w = Date.now() - (f.value ?? 0), c = g.value ? a.value[g.value] : 0, v = Math.abs(c) / w, O = Math.abs(c) >= z(g.value) || v > (r ?? 0.11);
+    return O && s(), n.value = !1, g.value = null, a.value = { x: 0, y: 0 }, O;
   }
   function V() {
     n.value = !1, g.value = null, a.value = { x: 0, y: 0 };
@@ -586,48 +612,48 @@ function ho({ directions: e, swipeThreshold: t, velocityThreshold: o, getElement
     isTapGesture: B
   };
 }
-const bo = 45, go = 0.11, se = y(!1), ke = y(!1), Ie = y(300), q = y(null), Ne = ue({}), _e = ge(null);
+const hr = 45, br = 0.11, oe = y(!1), ke = y(!1), Ie = y(300), J = y(null), Ne = ue({}), _e = ge(null);
 function ct(e, t = {}) {
-  q.value && clearTimeout(q.value), _e.value = e, Object.assign(Ne, t), ke.value = !0, se.value = !0, q.value = window.setTimeout(() => {
-    se.value = !1;
+  J.value && clearTimeout(J.value), _e.value = e, Object.assign(Ne, t), ke.value = !0, oe.value = !0, J.value = window.setTimeout(() => {
+    oe.value = !1;
   }, Ie.value);
 }
 function ut() {
-  q.value && clearTimeout(q.value), ke.value = !1, se.value = !0, q.value = window.setTimeout(() => {
-    se.value = !1;
+  J.value && clearTimeout(J.value), ke.value = !1, oe.value = !0, J.value = window.setTimeout(() => {
+    oe.value = !1;
   }, Ie.value);
 }
-function vo() {
-  return { isOpen: ke, isAnimating: se, animationTime: Ie, props: Ne, component: _e, open: ct, close: ut };
+function gr() {
+  return { isOpen: ke, isAnimating: oe, animationTime: Ie, props: Ne, component: _e, open: ct, close: ut };
 }
 let pe = null;
 function dt() {
-  const e = y(!1), t = y(!1), o = y(200), s = y(null), r = ge({}), n = ge(null);
+  const e = y(!1), t = y(!1), r = y(200), o = y(null), s = ge({}), n = ge(null);
   function a(l, f = {}) {
     var p, g;
     if (t.value) {
       i("programmatic");
       return;
     }
-    s.value && clearTimeout(s.value), r.value = f, n.value = l, t.value = !0, e.value = !0, (g = (p = r.value) == null ? void 0 : p.onOpen) == null || g.call(p), s.value = window.setTimeout(() => {
+    o.value && clearTimeout(o.value), s.value = f, n.value = l, t.value = !0, e.value = !0, (g = (p = s.value) == null ? void 0 : p.onOpen) == null || g.call(p), o.value = window.setTimeout(() => {
       e.value = !1;
-    }, o.value);
+    }, r.value);
   }
   function i(l) {
     var f, p;
-    t.value && (s.value && clearTimeout(s.value), !(l !== "programmatic" && r.value.preventClose) && (l === "escape" && !(r.value.closeOnEsc ?? !0) || l === "backdrop" && !(r.value.closeOnBackdrop ?? !0) || l === "swipe" && !(r.value.closeOnSwipe ?? !0) || (t.value = !1, e.value = !0, (p = (f = r.value) == null ? void 0 : f.onClose) == null || p.call(f, l), s.value = window.setTimeout(() => {
-      e.value = !1, n.value = null, r.value = {};
-    }, o.value))));
+    t.value && (o.value && clearTimeout(o.value), !(l !== "programmatic" && s.value.preventClose) && (l === "escape" && !(s.value.closeOnEsc ?? !0) || l === "backdrop" && !(s.value.closeOnBackdrop ?? !0) || l === "swipe" && !(s.value.closeOnSwipe ?? !0) || (t.value = !1, e.value = !0, (p = (f = s.value) == null ? void 0 : f.onClose) == null || p.call(f, l), o.value = window.setTimeout(() => {
+      e.value = !1, n.value = null, s.value = {};
+    }, r.value))));
   }
-  return { isOpen: De(t), isAnimating: De(e), animationTime: o, props: r, component: n, open: a, close: i };
+  return { isOpen: De(t), isAnimating: De(e), animationTime: r, props: s, component: n, open: a, close: i };
 }
 function ve() {
   return pe || (pe = dt()), pe;
 }
-function wo() {
+function vr() {
   return ve();
 }
-const yo = {
+const wr = {
   open: (e, t) => ve().open(e, t),
   close: (e) => ve().close(e)
 }, mt = {
@@ -638,10 +664,10 @@ const yo = {
 function Oe(e) {
   return String(e ?? "").toLowerCase().replace(/\s+/g, " ").trim();
 }
-function xo(e, t = 1, o = ["date", "date_released"]) {
-  return (s, r) => {
-    const n = s[e], a = r[e];
-    if (n instanceof Date && a instanceof Date || o.includes(String(e))) {
+function yr(e, t = 1, r = ["date", "date_released"]) {
+  return (o, s) => {
+    const n = o[e], a = s[e];
+    if (n instanceof Date && a instanceof Date || r.includes(String(e))) {
       const f = new Date(String(n));
       return (new Date(String(a)).getTime() - f.getTime()) * t;
     }
@@ -649,27 +675,27 @@ function xo(e, t = 1, o = ["date", "date_released"]) {
     return !isNaN(i) && !isNaN(l) ? (i - l) * t : String(n).toLowerCase().replace(/\s+/g, " ").localeCompare(String(a).toLowerCase().replace(/\s+/g, " ")) * t;
   };
 }
-function ko(e, t = 1) {
-  return (o, s) => {
-    for (const { key: r, compareFn: n } of e) {
-      const a = r ? o[r] ?? "" : void 0, i = r ? s[r] ?? "" : void 0;
+function xr(e, t = 1) {
+  return (r, o) => {
+    for (const { key: s, compareFn: n } of e) {
+      const a = s ? r[s] ?? "" : void 0, i = s ? o[s] ?? "" : void 0;
       let l;
-      if (n ? l = r ? n(a, i) : n(o, s) : l = ft(a, i), l !== 0) return l * t;
+      if (n ? l = s ? n(a, i) : n(r, o) : l = ft(a, i), l !== 0) return l * t;
     }
     return 0;
   };
 }
 function ft(e, t) {
-  const o = parseFloat(e), s = parseFloat(t);
-  if (!isNaN(o) && !isNaN(s))
-    return o - s;
-  const r = new Date(e), n = new Date(t);
-  return !isNaN(r.getTime()) && !isNaN(n.getTime()) ? r.getTime() - n.getTime() : mt.stringInsensitive(e, t);
+  const r = parseFloat(e), o = parseFloat(t);
+  if (!isNaN(r) && !isNaN(o))
+    return r - o;
+  const s = new Date(e), n = new Date(t);
+  return !isNaN(s.getTime()) && !isNaN(n.getTime()) ? s.getTime() - n.getTime() : mt.stringInsensitive(e, t);
 }
 const Te = "-", pt = (e) => {
   const t = bt(e), {
-    conflictingClassGroups: o,
-    conflictingClassGroupModifiers: s
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (a) => {
@@ -677,17 +703,17 @@ const Te = "-", pt = (e) => {
       return i[0] === "" && i.length !== 1 && i.shift(), Ve(i, t) || ht(a);
     },
     getConflictingClassGroupIds: (a, i) => {
-      const l = o[a] || [];
-      return i && s[a] ? [...l, ...s[a]] : l;
+      const l = r[a] || [];
+      return i && o[a] ? [...l, ...o[a]] : l;
     }
   };
 }, Ve = (e, t) => {
   var a;
   if (e.length === 0)
     return t.classGroupId;
-  const o = e[0], s = t.nextPart.get(o), r = s ? Ve(e.slice(1), s) : void 0;
-  if (r)
-    return r;
+  const r = e[0], o = t.nextPart.get(r), s = o ? Ve(e.slice(1), o) : void 0;
+  if (s)
+    return s;
   if (t.validators.length === 0)
     return;
   const n = e.join(Te);
@@ -696,51 +722,51 @@ const Te = "-", pt = (e) => {
   }) => i(n))) == null ? void 0 : a.classGroupId;
 }, ze = /^\[(.+)\]$/, ht = (e) => {
   if (ze.test(e)) {
-    const t = ze.exec(e)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
-    if (o)
-      return "arbitrary.." + o;
+    const t = ze.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
   }
 }, bt = (e) => {
   const {
     theme: t,
-    classGroups: o
-  } = e, s = {
+    classGroups: r
+  } = e, o = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const r in o)
-    we(o[r], s, r, t);
-  return s;
-}, we = (e, t, o, s) => {
-  e.forEach((r) => {
-    if (typeof r == "string") {
-      const n = r === "" ? t : Le(t, r);
-      n.classGroupId = o;
+  for (const s in r)
+    we(r[s], o, s, t);
+  return o;
+}, we = (e, t, r, o) => {
+  e.forEach((s) => {
+    if (typeof s == "string") {
+      const n = s === "" ? t : Le(t, s);
+      n.classGroupId = r;
       return;
     }
-    if (typeof r == "function") {
-      if (gt(r)) {
-        we(r(s), t, o, s);
+    if (typeof s == "function") {
+      if (gt(s)) {
+        we(s(o), t, r, o);
         return;
       }
       t.validators.push({
-        validator: r,
-        classGroupId: o
+        validator: s,
+        classGroupId: r
       });
       return;
     }
-    Object.entries(r).forEach(([n, a]) => {
-      we(a, Le(t, n), o, s);
+    Object.entries(s).forEach(([n, a]) => {
+      we(a, Le(t, n), r, o);
     });
   });
 }, Le = (e, t) => {
-  let o = e;
-  return t.split(Te).forEach((s) => {
-    o.nextPart.has(s) || o.nextPart.set(s, {
+  let r = e;
+  return t.split(Te).forEach((o) => {
+    r.nextPart.has(o) || r.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), o = o.nextPart.get(s);
-  }), o;
+    }), r = r.nextPart.get(o);
+  }), r;
 }, gt = (e) => e.isThemeGetter, vt = (e) => {
   if (e < 1)
     return {
@@ -749,35 +775,35 @@ const Te = "-", pt = (e) => {
       set: () => {
       }
     };
-  let t = 0, o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-  const r = (n, a) => {
-    o.set(n, a), t++, t > e && (t = 0, s = o, o = /* @__PURE__ */ new Map());
+  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const s = (n, a) => {
+    r.set(n, a), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
   };
   return {
     get(n) {
-      let a = o.get(n);
+      let a = r.get(n);
       if (a !== void 0)
         return a;
-      if ((a = s.get(n)) !== void 0)
-        return r(n, a), a;
+      if ((a = o.get(n)) !== void 0)
+        return s(n, a), a;
     },
     set(n, a) {
-      o.has(n) ? o.set(n, a) : r(n, a);
+      r.has(n) ? r.set(n, a) : s(n, a);
     }
   };
 }, ye = "!", xe = ":", wt = xe.length, yt = (e) => {
   const {
     prefix: t,
-    experimentalParseClassName: o
+    experimentalParseClassName: r
   } = e;
-  let s = (r) => {
+  let o = (s) => {
     const n = [];
     let a = 0, i = 0, l = 0, f;
-    for (let k = 0; k < r.length; k++) {
-      let A = r[k];
+    for (let k = 0; k < s.length; k++) {
+      let A = s[k];
       if (a === 0 && i === 0) {
         if (A === xe) {
-          n.push(r.slice(l, k)), l = k + wt;
+          n.push(s.slice(l, k)), l = k + wt;
           continue;
         }
         if (A === "/") {
@@ -787,7 +813,7 @@ const Te = "-", pt = (e) => {
       }
       A === "[" ? a++ : A === "]" ? a-- : A === "(" ? i++ : A === ")" && i--;
     }
-    const p = n.length === 0 ? r : r.substring(l), g = xt(p), M = g !== p, F = f && f > l ? f - l : void 0;
+    const p = n.length === 0 ? s : s.substring(l), g = xt(p), M = g !== p, F = f && f > l ? f - l : void 0;
     return {
       modifiers: n,
       hasImportantModifier: M,
@@ -796,8 +822,8 @@ const Te = "-", pt = (e) => {
     };
   };
   if (t) {
-    const r = t + xe, n = s;
-    s = (a) => a.startsWith(r) ? n(a.substring(r.length)) : {
+    const s = t + xe, n = o;
+    o = (a) => a.startsWith(s) ? n(a.substring(s.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
@@ -805,24 +831,24 @@ const Te = "-", pt = (e) => {
       maybePostfixModifierPosition: void 0
     };
   }
-  if (o) {
-    const r = s;
-    s = (n) => o({
+  if (r) {
+    const s = o;
+    o = (n) => r({
       className: n,
-      parseClassName: r
+      parseClassName: s
     });
   }
-  return s;
+  return o;
 }, xt = (e) => e.endsWith(ye) ? e.substring(0, e.length - 1) : e.startsWith(ye) ? e.substring(1) : e, kt = (e) => {
-  const t = Object.fromEntries(e.orderSensitiveModifiers.map((s) => [s, !0]));
-  return (s) => {
-    if (s.length <= 1)
-      return s;
-    const r = [];
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
+  return (o) => {
+    if (o.length <= 1)
+      return o;
+    const s = [];
     let n = [];
-    return s.forEach((a) => {
-      a[0] === "[" || t[a] ? (r.push(...n.sort(), a), n = []) : n.push(a);
-    }), r.push(...n.sort()), r;
+    return o.forEach((a) => {
+      a[0] === "[" || t[a] ? (s.push(...n.sort(), a), n = []) : n.push(a);
+    }), s.push(...n.sort()), s;
   };
 }, It = (e) => ({
   cache: vt(e.cacheSize),
@@ -831,9 +857,9 @@ const Te = "-", pt = (e) => {
   ...pt(e)
 }), Tt = /\s+/, St = (e, t) => {
   const {
-    parseClassName: o,
-    getClassGroupId: s,
-    getConflictingClassGroupIds: r,
+    parseClassName: r,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: s,
     sortModifiers: n
   } = t, a = [], i = e.trim().split(Tt);
   let l = "";
@@ -844,18 +870,18 @@ const Te = "-", pt = (e) => {
       hasImportantModifier: F,
       baseClassName: k,
       maybePostfixModifierPosition: A
-    } = o(p);
+    } = r(p);
     if (g) {
       l = p + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let N = !!A, z = s(N ? k.substring(0, A) : k);
+    let N = !!A, z = o(N ? k.substring(0, A) : k);
     if (!z) {
       if (!N) {
         l = p + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (z = s(k), !z) {
+      if (z = o(k), !z) {
         l = p + (l.length > 0 ? " " + l : l);
         continue;
       }
@@ -865,7 +891,7 @@ const Te = "-", pt = (e) => {
     if (a.includes(_))
       continue;
     a.push(_);
-    const V = r(z, N);
+    const V = s(z, N);
     for (let B = 0; B < V.length; ++B) {
       const w = V[B];
       a.push(L + w);
@@ -875,52 +901,52 @@ const Te = "-", pt = (e) => {
   return l;
 };
 function Mt() {
-  let e = 0, t, o, s = "";
+  let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (o = $e(t)) && (s && (s += " "), s += o);
-  return s;
+    (t = arguments[e++]) && (r = $e(t)) && (o && (o += " "), o += r);
+  return o;
 }
 const $e = (e) => {
   if (typeof e == "string")
     return e;
-  let t, o = "";
-  for (let s = 0; s < e.length; s++)
-    e[s] && (t = $e(e[s])) && (o && (o += " "), o += t);
-  return o;
+  let t, r = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (t = $e(e[o])) && (r && (r += " "), r += t);
+  return r;
 };
 function At(e, ...t) {
-  let o, s, r, n = a;
+  let r, o, s, n = a;
   function a(l) {
     const f = t.reduce((p, g) => g(p), e());
-    return o = It(f), s = o.cache.get, r = o.cache.set, n = i, i(l);
+    return r = It(f), o = r.cache.get, s = r.cache.set, n = i, i(l);
   }
   function i(l) {
-    const f = s(l);
+    const f = o(l);
     if (f)
       return f;
-    const p = St(l, o);
-    return r(l, p), p;
+    const p = St(l, r);
+    return s(l, p), p;
   }
   return function() {
     return n(Mt.apply(null, arguments));
   };
 }
 const T = (e) => {
-  const t = (o) => o[e] || [];
+  const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
 }, Ge = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Dt = /^\d+\/\d+$/, Pt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ct = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Et = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ot = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, zt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, W = (e) => Dt.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => !!e && Number.isInteger(Number(e)), he = (e) => e.endsWith("%") && b(e.slice(0, -1)), $ = (e) => Pt.test(e), Lt = () => !0, Bt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Ct.test(e) && !Et.test(e)
-), je = () => !1, Rt = (e) => Ot.test(e), Ft = (e) => zt.test(e), Nt = (e) => !u(e) && !d(e), _t = (e) => X(e, Ue, je), u = (e) => Ge.test(e), K = (e) => X(e, We, Bt), be = (e) => X(e, jt, b), Be = (e) => X(e, Ke, je), Vt = (e) => X(e, He, Ft), le = (e) => X(e, qe, Rt), d = (e) => Ye.test(e), te = (e) => Z(e, We), $t = (e) => Z(e, Kt), Re = (e) => Z(e, Ke), Gt = (e) => Z(e, Ue), Yt = (e) => Z(e, He), ce = (e) => Z(e, qe, !0), X = (e, t, o) => {
-  const s = Ge.exec(e);
-  return s ? s[1] ? t(s[1]) : o(s[2]) : !1;
-}, Z = (e, t, o = !1) => {
-  const s = Ye.exec(e);
-  return s ? s[1] ? t(s[1]) : o : !1;
+), je = () => !1, Rt = (e) => Ot.test(e), Ft = (e) => zt.test(e), Nt = (e) => !u(e) && !d(e), _t = (e) => Z(e, Ue, je), u = (e) => Ge.test(e), H = (e) => Z(e, We, Bt), be = (e) => Z(e, jt, b), Be = (e) => Z(e, Ke, je), Vt = (e) => Z(e, He, Ft), le = (e) => Z(e, qe, Rt), d = (e) => Ye.test(e), re = (e) => Q(e, We), $t = (e) => Q(e, Kt), Re = (e) => Q(e, Ke), Gt = (e) => Q(e, Ue), Yt = (e) => Q(e, He), ce = (e) => Q(e, qe, !0), Z = (e, t, r) => {
+  const o = Ge.exec(e);
+  return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
+}, Q = (e, t, r = !1) => {
+  const o = Ye.exec(e);
+  return o ? o[1] ? t(o[1]) : r : !1;
 }, Ke = (e) => e === "position" || e === "percentage", He = (e) => e === "image" || e === "url", Ue = (e) => e === "length" || e === "size" || e === "bg-size", We = (e) => e === "length", jt = (e) => e === "number", Kt = (e) => e === "family-name", qe = (e) => e === "shadow", Ht = () => {
-  const e = T("color"), t = T("font"), o = T("text"), s = T("font-weight"), r = T("tracking"), n = T("leading"), a = T("breakpoint"), i = T("container"), l = T("spacing"), f = T("radius"), p = T("shadow"), g = T("inset-shadow"), M = T("text-shadow"), F = T("drop-shadow"), k = T("blur"), A = T("perspective"), N = T("aspect"), z = T("ease"), G = T("animate"), L = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], _ = () => [
+  const e = T("color"), t = T("font"), r = T("text"), o = T("font-weight"), s = T("tracking"), n = T("leading"), a = T("breakpoint"), i = T("container"), l = T("spacing"), f = T("radius"), p = T("shadow"), g = T("inset-shadow"), M = T("text-shadow"), F = T("drop-shadow"), k = T("blur"), A = T("perspective"), N = T("aspect"), z = T("ease"), G = T("animate"), L = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], _ = () => [
     "center",
     "top",
     "bottom",
@@ -938,15 +964,15 @@ const T = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], V = () => [..._(), d, u], B = () => ["auto", "hidden", "clip", "visible", "scroll"], w = () => ["auto", "contain", "none"], c = () => [d, u, l], v = () => [W, "full", "auto", ...c()], O = () => [Y, "none", "subgrid", d, u], Q = () => ["auto", {
+  ], V = () => [..._(), d, u], B = () => ["auto", "hidden", "clip", "visible", "scroll"], w = () => ["auto", "contain", "none"], c = () => [d, u, l], v = () => [W, "full", "auto", ...c()], O = () => [Y, "none", "subgrid", d, u], ee = () => ["auto", {
     span: ["full", Y, d, u]
-  }, Y, d, u], j = () => [Y, "auto", d, u], ee = () => ["auto", "min", "max", "fr", d, u], h = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], x = () => ["auto", ...c()], D = () => [W, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], m = () => [e, d, u], U = () => [..._(), Re, Be, {
+  }, Y, d, u], K = () => [Y, "auto", d, u], te = () => ["auto", "min", "max", "fr", d, u], h = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], x = () => ["auto", ...c()], D = () => [W, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], m = () => [e, d, u], U = () => [..._(), Re, Be, {
     position: [d, u]
   }], R = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], Se = () => ["auto", "cover", "contain", Gt, _t, {
     size: [d, u]
-  }], de = () => [he, te, K], P = () => [
+  }], de = () => [he, re, H], P = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -954,7 +980,7 @@ const T = (e) => {
     f,
     d,
     u
-  ], C = () => ["", b, te, K], re = () => ["solid", "dashed", "dotted", "double"], Me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], S = () => [b, he, Re, Be], Ae = () => [
+  ], E = () => ["", b, re, H], se = () => ["solid", "dashed", "dotted", "double"], Me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], S = () => [b, he, Re, Be], Ae = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1273,21 +1299,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: Q()
+        col: ee()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": j()
+        "col-start": K()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": j()
+        "col-end": K()
       }],
       /**
        * Grid Template Rows
@@ -1301,21 +1327,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: Q()
+        row: ee()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": j()
+        "row-start": K()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": j()
+        "row-end": K()
       }],
       /**
        * Grid Auto Flow
@@ -1329,14 +1355,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ee()
+        "auto-cols": te()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ee()
+        "auto-rows": te()
       }],
       /**
        * Gap
@@ -1654,7 +1680,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, te, K]
+        text: ["base", r, re, H]
       }],
       /**
        * Font Smoothing
@@ -1671,7 +1697,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [s, d, be]
+        font: [o, d, be]
       }],
       /**
        * Font Stretch
@@ -1722,7 +1748,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [r, d, u]
+        tracking: [s, d, u]
       }],
       /**
        * Line Clamp
@@ -1795,14 +1821,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...re(), "wavy"]
+        decoration: [...se(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [b, "from-font", "auto", d, K]
+        decoration: [b, "from-font", "auto", d, H]
       }],
       /**
        * Text Decoration Color
@@ -2104,70 +2130,70 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: C()
+        border: E()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": C()
+        "border-x": E()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": C()
+        "border-y": E()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": C()
+        "border-s": E()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": C()
+        "border-e": E()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": C()
+        "border-t": E()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": C()
+        "border-r": E()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": C()
+        "border-b": E()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": C()
+        "border-l": E()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": C()
+        "divide-x": E()
       }],
       /**
        * Divide Width X Reverse
@@ -2179,7 +2205,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": C()
+        "divide-y": E()
       }],
       /**
        * Divide Width Y Reverse
@@ -2191,14 +2217,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...re(), "hidden", "none"]
+        border: [...se(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...re(), "hidden", "none"]
+        divide: [...se(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -2275,7 +2301,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...re(), "none", "hidden"]
+        outline: [...se(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -2289,7 +2315,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", b, te, K]
+        outline: ["", b, re, H]
       }],
       /**
        * Outline Color
@@ -2341,7 +2367,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: C()
+        ring: E()
       }],
       /**
        * Ring Width Inset
@@ -2364,7 +2390,7 @@ const T = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [b, K]
+        "ring-offset": [b, H]
       }],
       /**
        * Ring Offset Color
@@ -2380,7 +2406,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": C()
+        "inset-ring": E()
       }],
       /**
        * Inset Ring Color
@@ -3314,7 +3340,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [b, te, K, be]
+        stroke: [b, re, H, be]
       }],
       /**
        * Stroke
@@ -3391,57 +3417,57 @@ const T = (e) => {
   };
 }, Ut = /* @__PURE__ */ At(Ht);
 function Je(e) {
-  var t, o, s = "";
-  if (typeof e == "string" || typeof e == "number") s += e;
+  var t, r, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var r = e.length;
-    for (t = 0; t < r; t++) e[t] && (o = Je(e[t])) && (s && (s += " "), s += o);
-  } else for (o in e) e[o] && (s && (s += " "), s += o);
-  return s;
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (r = Je(e[t])) && (o && (o += " "), o += r);
+  } else for (r in e) e[r] && (o && (o += " "), o += r);
+  return o;
 }
 function Wt() {
-  for (var e, t, o = 0, s = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t = Je(e)) && (s && (s += " "), s += t);
-  return s;
+  for (var e, t, r = 0, o = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = Je(e)) && (o && (o += " "), o += t);
+  return o;
 }
-function Io(...e) {
+function kr(...e) {
   return Ut(Wt(e));
 }
-function To(e, t) {
+function Ir(e, t) {
   if (!e) return !1;
-  let o = ["INPUT", "TEXTAREA", "SELECT"];
-  return (t === " " || t === "Enter") && (o = [...o, "BUTTON"]), o.includes(e.tagName);
+  let r = ["INPUT", "TEXTAREA", "SELECT"];
+  return (t === " " || t === "Enter") && (r = [...r, "BUTTON"]), r.includes(e.tagName);
 }
 export {
   mt as CompareStrategies,
-  co as DEFAULT_GAP,
-  ao as MOBILE_VIEWPORT_OFFSET,
-  fo as SCALE_STEP,
-  bo as SWIPE_THRESHOLD,
-  lo as TOAST_LIFE,
-  uo as TOAST_SWIPE_THRESHOLD,
-  io as TOAST_WIDTH,
-  H as ToastState,
-  go as VELOCITY_THRESHOLD,
-  no as VIEWPORT_OFFSET,
-  ro as VISIBLE_TOASTS_AMOUNT,
-  po as Y_OFFSET_STEP,
-  mo as Z_STEP,
-  Io as cn,
+  cr as DEFAULT_GAP,
+  ar as MOBILE_VIEWPORT_OFFSET,
+  mr as SCALE_STEP,
+  hr as SWIPE_THRESHOLD,
+  lr as TOAST_LIFE,
+  ur as TOAST_SWIPE_THRESHOLD,
+  ir as TOAST_WIDTH,
+  j as ToastState,
+  br as VELOCITY_THRESHOLD,
+  nr as VIEWPORT_OFFSET,
+  sr as VISIBLE_TOASTS_AMOUNT,
+  fr as Y_OFFSET_STEP,
+  dr as Z_STEP,
+  kr as cn,
   dt as createDrawerCore,
-  yo as drawer,
-  To as isInputLikeElement,
-  xo as sortObject,
-  ko as sortObjectNew,
-  rt as toast,
-  to as useClipboard,
+  wr as drawer,
+  Ir as isInputLikeElement,
+  yr as sortObject,
+  xr as sortObjectNew,
+  st as toast,
+  tr as useClipboard,
   Xt as useDatePicker,
-  wo as useDrawer,
+  vr as useDrawer,
   ve as useDrawerCore,
-  oo as useForm,
-  vo as useModalCore,
+  rr as useForm,
+  gr as useModalCore,
   Zt as useMultiSelect,
   Qt as useSelect,
-  ho as useSwipeHandler,
-  eo as useTable,
-  so as useToastTimer
+  pr as useSwipeHandler,
+  er as useTable,
+  or as useToastTimer
 };