@aminnausin/cedar-ui 0.0.16 → 0.0.17

package/dist/cedar-ui.mjs

@@ -1,10 +1,10 @@
 var Xe = Object.defineProperty;
-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);
+var Ze = (e, t, o) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var C = (e, t, o) => Ze(e, typeof t != "symbol" ? t + "" : t, o);
 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) {
+function Xt(e, t, o) {
   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 = [
+  const r = 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), m = y([]), p = y([]), g = y("bottom"), M = [
     "January",
     "February",
     "March",
@@ -25,20 +25,20 @@ function Xt(e, t, r) {
     return Array.from({ length: 10 }, (I, x) => h + x);
   });
   function z(h) {
-    o.value = h ?? !o.value, k.value = "D";
+    r.value = h ?? !r.value, k.value = "D";
   }
   function G(h = "D") {
     k.value = h;
   }
   function L(h) {
-    const I = F[h.getDay()], x = ("0" + h.getDate()).slice(-2), D = M[h.getMonth()], m = D.substring(0, 3), U = ("0" + (h.getMonth() + 1)).slice(-2), R = h.getFullYear();
+    const I = F[h.getDay()], x = ("0" + h.getDate()).slice(-2), D = M[h.getMonth()], f = D.substring(0, 3), U = ("0" + (h.getMonth() + 1)).slice(-2), R = h.getFullYear();
     switch (n.value) {
       case "F d, Y":
         return `${D} ${x}, ${R}`;
       case "d M, Y":
-        return `${x} ${m}, ${R}`;
+        return `${x} ${f}, ${R}`;
       case "Y M d":
-        return `${R} ${m} ${x}`;
+        return `${R} ${f} ${x}`;
       case "MM-DD-YYYY":
         return `${U}-${x}-${R}`;
       case "DD-MM-YYYY":
@@ -46,7 +46,7 @@ function Xt(e, t, r) {
       case "YYYY-MM-DD":
         return `${R}-${U}-${x}`;
       case "D d M, Y":
-        return `${I} ${x} ${m} ${R}`;
+        return `${I} ${x} ${f} ${R}`;
       default:
         return `${D} ${x}, ${R}`;
     }
@@ -60,7 +60,7 @@ function Xt(e, t, r) {
         a.value = h, k.value = "D", v();
         break;
       default:
-        l.value = h, s.value = L(new Date(i.value, a.value, h)), o.value = !1, e.model && (e.model.value = s.value);
+        l.value = h, s.value = L(new Date(i.value, a.value, h)), r.value = !1, e.model && (e.model.value = s.value);
         break;
     }
   }
@@ -100,11 +100,11 @@ function Xt(e, t, r) {
   }
   function v() {
     const h = new Date(i.value, a.value + 1, 0).getDate(), I = new Date(i.value, a.value).getDay();
-    p.value = Array.from({ length: I }, (x, D) => D + 1), f.value = Array.from({ length: h }, (x, D) => D + 1);
+    p.value = Array.from({ length: I }, (x, D) => D + 1), m.value = Array.from({ length: h }, (x, D) => D + 1);
   }
   function O() {
-    if (!t.value || !r.value || !o.value) return;
-    const h = t.value.getBoundingClientRect(), I = r.value.offsetHeight, x = h.top + h.height + I;
+    if (!t.value || !o.value || !r.value) return;
+    const h = t.value.getBoundingClientRect(), I = o.value.offsetHeight, x = h.top + h.height + I;
     g.value = x > window.innerHeight ? "top" : "bottom";
   }
   function ee(h, I = !0) {
@@ -117,7 +117,7 @@ function Xt(e, t, r) {
   }
   return Qe(() => {
     K();
-  }), X(o, async (h) => {
+  }), X(r, async (h) => {
     if (!h) {
       window.removeEventListener("resize", O);
       return;
@@ -125,8 +125,8 @@ function Xt(e, t, r) {
     await et(), K(), O(), window.addEventListener("resize", O);
   }), {
     datePickerInput: t,
-    datePickerCalendar: r,
-    datePickerOpen: o,
+    datePickerCalendar: o,
+    datePickerOpen: r,
     datePickerValue: s,
     datePickerPanel: k,
     datePickerFormat: n,
@@ -135,7 +135,7 @@ function Xt(e, t, r) {
     datePickerYear: i,
     datePickerDecade: N,
     datePickerDay: l,
-    datePickerDaysInMonth: f,
+    datePickerDaysInMonth: m,
     datePickerBlankDaysInMonth: p,
     datePickerMonthNames: M,
     datePickerDays: F,
@@ -149,8 +149,8 @@ function Xt(e, t, r) {
     showDatePickerPanel: G
   };
 }
-function Zt({ options: e, defaultItems: t }, r) {
-  const o = ue({
+function Zt({ options: e, defaultItems: t }, o) {
+  const r = ue({
     selectOpen: !1,
     selectedItems: t,
     selectableItems: e,
@@ -160,8 +160,8 @@ function Zt({ options: e, defaultItems: t }, r) {
     selectKeydownTimeout: 1e3,
     selectKeydownClearTimeout: null,
     selectDropdownPosition: "bottom",
-    selectableItemsList: r.selectableItemsList,
-    selectButton: r.selectButton,
+    selectableItemsList: o.selectableItemsList,
+    selectButton: o.selectButton,
     toggleSelect(n) {
       n !== void 0 ? this.selectOpen = n === !0 : this.selectOpen = !this.selectOpen;
     },
@@ -202,22 +202,22 @@ function Zt({ options: e, defaultItems: t }, r) {
       Array.isArray(n) && (this.selectableItems = n);
     }
   }), s = () => {
-    o.selectOpen && o.selectPositionUpdate();
+    r.selectOpen && r.selectPositionUpdate();
   };
   return X(
-    () => o.selectOpen,
+    () => r.selectOpen,
     function(n) {
-      if (o.selectedItems ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !n) {
+      if (r.selectedItems ? r.selectableItemActive = r.selectedItem : r.selectableItemActive = r.selectableItems[0], !n) {
         window.removeEventListener("resize", s);
         return;
       }
       s(), window.addEventListener("resize", s);
     },
     { immediate: !1 }
-  ), o;
+  ), r;
 }
 function Qt(e, t) {
-  const r = ue({
+  const o = ue({
     selectOpen: !1,
     selectedItem: "",
     selectableItems: e,
@@ -263,8 +263,8 @@ function Qt(e, t) {
     selectItemsFindBestMatch() {
       let s = this.selectKeydownValue.toLowerCase(), n = null, a = -1;
       for (const i of this.selectableItems) {
-        let f = i.title.toLowerCase().indexOf(s);
-        f > -1 && (a == -1 || f < a) && !i.disabled && (n = i, a = f);
+        let m = i.title.toLowerCase().indexOf(s);
+        m > -1 && (a == -1 || m < a) && !i.disabled && (n = i, a = m);
       }
       return n;
     },
@@ -274,48 +274,48 @@ function Qt(e, t) {
       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";
     }
-  }), o = () => {
-    r.selectOpen && r.selectPositionUpdate();
+  }), r = () => {
+    o.selectOpen && o.selectPositionUpdate();
   };
   return X(
-    () => r.selectOpen,
+    () => o.selectOpen,
     function(s) {
-      if (r.selectedItem ? r.selectableItemActive = r.selectedItem : r.selectableItemActive = r.selectableItems[0], !s) {
-        window.removeEventListener("resize", o);
+      if (o.selectedItem ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !s) {
+        window.removeEventListener("resize", r);
         return;
       }
       window.setTimeout(function() {
-        r.selectScrollToActiveItem();
-      }, 10), o(), window.addEventListener("resize", o);
+        o.selectScrollToActiveItem();
+      }, 10), r(), window.addEventListener("resize", r);
     },
     { immediate: !1 }
-  ), r;
+  ), o;
 }
-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;
+function eo(e) {
+  const t = q(() => e.itemsPerPage ?? 10), o = y(1), r = q(() => Math.ceil(e.data.value.length / t.value)), s = q(() => {
+    const i = (o.value - 1) * t.value;
     return e.data.value.slice(i, i + t.value);
   });
   function n(i) {
-    r.value = Math.min(Math.max(1, i), o.value);
+    o.value = Math.min(Math.max(1, i), r.value);
   }
   function a() {
-    r.value = 1;
+    o.value = 1;
   }
   return X(
     () => e.data.value,
     (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)))
+      var m, p;
+      if (e.resetOnDataChange !== !1 && (!l || !i.length || !l.length || i.length !== l.length || ((m = i[0]) == null ? void 0 : m.id) !== ((p = l[0]) == null ? void 0 : p.id)))
         return a();
     },
     { immediate: !0 }
   ), {
     // state
-    currentPage: r,
+    currentPage: o,
     itemsPerPage: t,
     // derived
-    pageCount: o,
+    pageCount: r,
     pageData: s,
     // actions
     setPage: n,
@@ -325,78 +325,69 @@ function er(e) {
 function Fe(e = "pv_id_") {
   return e + Math.random().toString(16).slice(2);
 }
-class rt {
+class ot {
   constructor() {
     C(this, "subscribers");
     C(this, "toasts");
     // We use arrow functions to maintain the correct `this` reference
     C(this, "subscribe", (t) => (this.subscribers.push(t), () => {
-      const r = this.subscribers.indexOf(t);
-      this.subscribers.splice(r, 1);
+      const o = this.subscribers.indexOf(t);
+      this.subscribers.splice(o, 1);
     }));
     C(this, "publish", (t) => {
-      this.subscribers.forEach((r) => r(t));
+      this.subscribers.forEach((o) => o(t));
     });
     C(this, "addToast", (t) => {
       this.publish(t), this.toasts = [...this.toasts, 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 }), {
+    C(this, "create", (t, o) => {
+      const r = o.id ?? Fe("toast_");
+      return this.toasts.find((n) => n.id === r) ? this.toasts = this.toasts.map((n) => n.id === r ? (this.publish({ ...n, ...o, id: r, title: t }), {
         ...n,
-        ...r,
-        id: o,
+        ...o,
+        id: r,
         title: t
       }) : n) : this.addToast({
         title: t,
-        id: o,
+        id: r,
         scale: 1,
         zIndex: 200,
         offsetY: 0,
-        ...r
-      }), o;
+        ...o
+      }), r;
     });
     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 });
+      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 });
       }), this.toasts = []);
     });
-    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,
+    C(this, "add", (t, o) => this.create(t, { ...o }));
+    C(this, "success", (t, o) => this.create(t, { type: "success", ...o }));
+    C(this, "error", (t, o) => this.create(t, { type: "danger", ...o }));
+    C(this, "info", (t, o) => this.create(t, { type: "info", ...o }));
+    C(this, "warning", (t, o) => this.create(t, { type: "warning", ...o }));
+    C(this, "promise", (t, o, r) => {
+      const s = this.create(o.loading, {
+        description: o.loadingDescription,
+        ...r,
         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
-        });
+      }), n = (l, m, p) => {
+        this.create(l, { description: m, ...r, id: s, type: p, life: (r == null ? void 0 : r.life) ?? 3e3 });
+      }, a = (l, m) => typeof l == "function" ? l(m) : l, i = (l, m) => typeof l == "function" ? l(m) : l;
+      return t.then((l) => (n(a(o.success, l), i(o.successDescription, l), "success"), l)).catch((l) => {
+        throw n(a(o.error, l), i(o.errorDescription, l), "danger"), l;
       }), t;
     });
     this.subscribers = [], this.toasts = [];
   }
 }
-const j = new rt();
-function ot(e, t) {
-  const r = Fe("toast_");
-  return j.create(e, { ...t, id: r }), r;
+const j = new ot();
+function rt(e, t) {
+  const o = Fe("toast_");
+  return j.create(e, { ...t, id: o }), o;
 }
-const st = Object.assign(ot, {
+const st = Object.assign(rt, {
   add: j.add,
   success: j.success,
   error: j.error,
@@ -405,7 +396,7 @@ const st = Object.assign(ot, {
   dismiss: j.dismiss,
   promise: j.promise
 });
-function tr(e) {
+function to(e) {
   const t = y(!1);
   return {
     copyNotification: t,
@@ -414,8 +405,8 @@ function tr(e) {
         await navigator.clipboard.writeText(e.value), t.value = !0, setTimeout(() => {
           t.value = !1;
         }, 3e3);
-      } catch (o) {
-        console.error(o), st.error("Error", {
+      } catch (r) {
+        console.error(r), st.error("Error", {
           description: "Unable to copy. Network is not secure."
         });
       }
@@ -427,37 +418,37 @@ function nt(e) {
 }
 var fe, Pe;
 function at() {
-  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;
+  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 r, s, n;
       if (Array.isArray(t)) {
-        if (o = t.length, o != r.length) return !1;
-        for (s = o; s-- !== 0; )
-          if (!e(t[s], r[s])) return !1;
+        if (r = t.length, r != o.length) return !1;
+        for (s = r; s-- !== 0; )
+          if (!e(t[s], o[s])) return !1;
         return !0;
       }
-      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; ) {
+      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), r = n.length, r !== Object.keys(o).length) return !1;
+      for (s = r; s-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(o, n[s])) return !1;
+      for (s = r; s-- !== 0; ) {
         var a = n[s];
-        if (!e(t[a], r[a])) return !1;
+        if (!e(t[a], o[a])) return !1;
       }
       return !0;
     }
-    return t !== t && r !== r;
+    return t !== t && o !== o;
   }), fe;
 }
 var it = at();
 const lt = /* @__PURE__ */ nt(it);
-function rr(e) {
-  let t = e, r;
-  const o = ue({
+function oo(e) {
+  let t = e, o;
+  const r = ue({
     fields: structuredClone(e),
     errors: {},
     dirty: !1,
@@ -469,16 +460,16 @@ function rr(e) {
       if (this.processing) return;
       const a = {
         onBefore: async () => {
-          this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(r), n.onBefore && await n.onBefore();
+          this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(o), n.onBefore && await n.onBefore();
         },
         onSuccess: async (i) => {
-          this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, r = window.setTimeout(() => {
+          this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, o = window.setTimeout(() => {
             this.recentlySuccessful = !1;
           }, 2e3), n.onSuccess && await n.onSuccess(i), t = structuredClone(this.fields);
         },
         onError: async (i) => {
-          var l, f, p, g, M;
-          this.hasErrors = !0, (((l = i == null ? void 0 : i.response) == null ? void 0 : l.status) === 422 || ((f = i == null ? void 0 : i.response) == null ? void 0 : f.status) === 401) && (this.clearErrors(), this.setErrors({
+          var l, m, p, g, M;
+          this.hasErrors = !0, (((l = i == null ? void 0 : i.response) == null ? void 0 : l.status) === 422 || ((m = i == null ? void 0 : i.response) == null ? void 0 : m.status) === 401) && (this.clearErrors(), this.setErrors({
             message: (p = i == null ? void 0 : i.response) == null ? void 0 : p.data.message,
             ...(M = (g = i == null ? void 0 : i.response) == null ? void 0 : g.data) == null ? void 0 : M.errors
           })), n.onError && await n.onError(i);
@@ -511,27 +502,27 @@ function rr(e) {
     }
   });
   return X(
-    () => o.fields,
+    () => r.fields,
     () => {
-      o.dirty = !lt(o.fields, t);
+      r.dirty = !lt(r.fields, t);
     },
     { immediate: !0, deep: !0 }
-  ), o;
+  ), r;
 }
-function or({ duration: e, isPaused: t, onTimeout: r, immediate: o = !0 }) {
+function ro({ duration: e, isPaused: t, onTimeout: o, immediate: r = !0 }) {
   const s = y(), n = y(0), a = y(e());
   function i() {
     t() || a.value === 1 / 0 && e() === 1 / 0 || (a.value === 1 / 0 && (a.value = e()), n.value = Date.now(), s.value = window.setTimeout(() => {
-      r();
+      o();
     }, a.value));
   }
   function l() {
     if (!s.value) return;
-    f();
+    m();
     const p = Date.now() - n.value;
     a.value -= p;
   }
-  function f() {
+  function m() {
     s.value && (clearTimeout(s.value), s.value = null);
   }
   return X(
@@ -543,14 +534,14 @@ function or({ duration: e, isPaused: t, onTimeout: r, immediate: o = !0 }) {
       }
       i();
     },
-    { immediate: o }
+    { immediate: r }
   ), tt(() => {
-    f();
-  }), { cancel: f };
+    m();
+  }), { cancel: m };
 }
-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);
+const so = 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: r, onSwipeOut: s }) {
+  const n = y(!1), a = y({ x: 0, y: 0 }), i = y({ x: 0, y: 0 }), l = y({ x: 0, y: 0 }), m = y(), p = q(() => A(e.value)), g = y(null);
   function M(w) {
     return 1 / (1.5 + Math.abs(w) / 20);
   }
@@ -575,10 +566,10 @@ function pr({ directions: e, swipeThreshold: t, velocityThreshold: r, getElement
     return k(c) ? c : null;
   }
   function z(w) {
-    return t.px ? t.px : w && t.percent && o ? o(w) * t.percent : 1 / 0;
+    return t.px ? t.px : w && t.percent && r ? r(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);
+    w.target.closest("button, a, input, textarea, select") || (m.value = Date.now(), w.target.setPointerCapture(w.pointerId), i.value = { x: w.clientX, y: w.clientY }, n.value = !0);
   }
   function L(w) {
     if (!n.value) return;
@@ -593,7 +584,7 @@ function pr({ directions: e, swipeThreshold: t, velocityThreshold: r, 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 > (r ?? 0.11);
+    const w = Date.now() - (m.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 && s(), n.value = !1, g.value = null, a.value = { x: 0, y: 0 }, O;
   }
   function V() {
@@ -612,48 +603,48 @@ function pr({ directions: e, swipeThreshold: t, velocityThreshold: r, getElement
     isTapGesture: B
   };
 }
-const hr = 45, br = 0.11, oe = y(!1), ke = y(!1), Ie = y(300), J = y(null), Ne = ue({}), _e = ge(null);
+const bo = 45, go = 0.11, re = y(!1), ke = y(!1), Ie = y(300), J = y(null), Ne = ue({}), _e = ge(null);
 function ct(e, t = {}) {
-  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;
+  J.value && clearTimeout(J.value), _e.value = e, Object.assign(Ne, t), ke.value = !0, re.value = !0, J.value = window.setTimeout(() => {
+    re.value = !1;
   }, Ie.value);
 }
 function ut() {
-  J.value && clearTimeout(J.value), ke.value = !1, oe.value = !0, J.value = window.setTimeout(() => {
-    oe.value = !1;
+  J.value && clearTimeout(J.value), ke.value = !1, re.value = !0, J.value = window.setTimeout(() => {
+    re.value = !1;
   }, Ie.value);
 }
-function gr() {
-  return { isOpen: ke, isAnimating: oe, animationTime: Ie, props: Ne, component: _e, open: ct, close: ut };
+function vo() {
+  return { isOpen: ke, isAnimating: re, animationTime: Ie, props: Ne, component: _e, open: ct, close: ut };
 }
 let pe = null;
 function dt() {
-  const e = y(!1), t = y(!1), r = y(200), o = y(null), s = ge({}), n = ge(null);
-  function a(l, f = {}) {
+  const e = y(!1), t = y(!1), o = y(200), r = y(null), s = ge({}), n = ge(null);
+  function a(l, m = {}) {
     var p, g;
     if (t.value) {
       i("programmatic");
       return;
     }
-    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(() => {
+    r.value && clearTimeout(r.value), s.value = m, n.value = l, t.value = !0, e.value = !0, (g = (p = s.value) == null ? void 0 : p.onOpen) == null || g.call(p), r.value = window.setTimeout(() => {
       e.value = !1;
-    }, r.value);
+    }, o.value);
   }
   function i(l) {
-    var f, p;
-    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(() => {
+    var m, p;
+    t.value && (r.value && clearTimeout(r.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 = (m = s.value) == null ? void 0 : m.onClose) == null || p.call(m, l), r.value = window.setTimeout(() => {
       e.value = !1, n.value = null, s.value = {};
-    }, r.value))));
+    }, o.value))));
   }
-  return { isOpen: De(t), isAnimating: De(e), animationTime: r, props: s, component: n, open: a, close: i };
+  return { isOpen: De(t), isAnimating: De(e), animationTime: o, props: s, component: n, open: a, close: i };
 }
 function ve() {
   return pe || (pe = dt()), pe;
 }
-function vr() {
+function wo() {
   return ve();
 }
-const wr = {
+const yo = {
   open: (e, t) => ve().open(e, t),
   close: (e) => ve().close(e)
 }, mt = {
@@ -664,38 +655,38 @@ const wr = {
 function Oe(e) {
   return String(e ?? "").toLowerCase().replace(/\s+/g, " ").trim();
 }
-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;
+function xo(e, t = 1, o = ["date", "date_released"]) {
+  return (r, s) => {
+    const n = r[e], a = s[e];
+    if (n instanceof Date && a instanceof Date || o.includes(String(e))) {
+      const m = new Date(String(n));
+      return (new Date(String(a)).getTime() - m.getTime()) * t;
     }
     const i = parseFloat(n), l = parseFloat(a);
     return !isNaN(i) && !isNaN(l) ? (i - l) * t : String(n).toLowerCase().replace(/\s+/g, " ").localeCompare(String(a).toLowerCase().replace(/\s+/g, " ")) * t;
   };
 }
-function xr(e, t = 1) {
-  return (r, o) => {
+function ko(e, t = 1) {
+  return (o, r) => {
     for (const { key: s, compareFn: n } of e) {
-      const a = s ? r[s] ?? "" : void 0, i = s ? o[s] ?? "" : void 0;
+      const a = s ? o[s] ?? "" : void 0, i = s ? r[s] ?? "" : void 0;
       let l;
-      if (n ? l = s ? n(a, i) : n(r, o) : l = ft(a, i), l !== 0) return l * t;
+      if (n ? l = s ? n(a, i) : n(o, r) : l = ft(a, i), l !== 0) return l * t;
     }
     return 0;
   };
 }
 function ft(e, t) {
-  const r = parseFloat(e), o = parseFloat(t);
-  if (!isNaN(r) && !isNaN(o))
-    return r - o;
+  const o = parseFloat(e), r = parseFloat(t);
+  if (!isNaN(o) && !isNaN(r))
+    return o - r;
   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: r,
-    conflictingClassGroupModifiers: o
+    conflictingClassGroups: o,
+    conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
@@ -703,15 +694,15 @@ const Te = "-", pt = (e) => {
       return i[0] === "" && i.length !== 1 && i.shift(), Ve(i, t) || ht(a);
     },
     getConflictingClassGroupIds: (a, i) => {
-      const l = r[a] || [];
-      return i && o[a] ? [...l, ...o[a]] : l;
+      const l = o[a] || [];
+      return i && r[a] ? [...l, ...r[a]] : l;
     }
   };
 }, Ve = (e, t) => {
   var a;
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], o = t.nextPart.get(r), s = o ? Ve(e.slice(1), o) : void 0;
+  const o = e[0], r = t.nextPart.get(o), s = r ? Ve(e.slice(1), r) : void 0;
   if (s)
     return s;
   if (t.validators.length === 0)
@@ -722,51 +713,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], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
-    if (r)
-      return "arbitrary.." + r;
+    const t = ze.exec(e)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+    if (o)
+      return "arbitrary.." + o;
   }
 }, bt = (e) => {
   const {
     theme: t,
-    classGroups: r
-  } = e, o = {
+    classGroups: o
+  } = e, r = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const s in r)
-    we(r[s], o, s, t);
-  return o;
-}, we = (e, t, r, o) => {
+  for (const s in o)
+    we(o[s], r, s, t);
+  return r;
+}, we = (e, t, o, r) => {
   e.forEach((s) => {
     if (typeof s == "string") {
       const n = s === "" ? t : Le(t, s);
-      n.classGroupId = r;
+      n.classGroupId = o;
       return;
     }
     if (typeof s == "function") {
       if (gt(s)) {
-        we(s(o), t, r, o);
+        we(s(r), t, o, r);
         return;
       }
       t.validators.push({
         validator: s,
-        classGroupId: r
+        classGroupId: o
       });
       return;
     }
     Object.entries(s).forEach(([n, a]) => {
-      we(a, Le(t, n), r, o);
+      we(a, Le(t, n), o, r);
     });
   });
 }, Le = (e, t) => {
-  let r = e;
-  return t.split(Te).forEach((o) => {
-    r.nextPart.has(o) || r.nextPart.set(o, {
+  let o = e;
+  return t.split(Te).forEach((r) => {
+    o.nextPart.has(r) || o.nextPart.set(r, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), r = r.nextPart.get(o);
-  }), r;
+    }), o = o.nextPart.get(r);
+  }), o;
 }, gt = (e) => e.isThemeGetter, vt = (e) => {
   if (e < 1)
     return {
@@ -775,30 +766,30 @@ const Te = "-", pt = (e) => {
       set: () => {
       }
     };
-  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  let t = 0, o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
   const s = (n, a) => {
-    r.set(n, a), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
+    o.set(n, a), t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ new Map());
   };
   return {
     get(n) {
-      let a = r.get(n);
+      let a = o.get(n);
       if (a !== void 0)
         return a;
-      if ((a = o.get(n)) !== void 0)
+      if ((a = r.get(n)) !== void 0)
         return s(n, a), a;
     },
     set(n, a) {
-      r.has(n) ? r.set(n, a) : s(n, a);
+      o.has(n) ? o.set(n, a) : s(n, a);
     }
   };
 }, ye = "!", xe = ":", wt = xe.length, yt = (e) => {
   const {
     prefix: t,
-    experimentalParseClassName: r
+    experimentalParseClassName: o
   } = e;
-  let o = (s) => {
+  let r = (s) => {
     const n = [];
-    let a = 0, i = 0, l = 0, f;
+    let a = 0, i = 0, l = 0, m;
     for (let k = 0; k < s.length; k++) {
       let A = s[k];
       if (a === 0 && i === 0) {
@@ -807,13 +798,13 @@ const Te = "-", pt = (e) => {
           continue;
         }
         if (A === "/") {
-          f = k;
+          m = k;
           continue;
         }
       }
       A === "[" ? a++ : A === "]" ? a-- : A === "(" ? i++ : A === ")" && i--;
     }
-    const p = n.length === 0 ? s : s.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 = m && m > l ? m - l : void 0;
     return {
       modifiers: n,
       hasImportantModifier: M,
@@ -822,8 +813,8 @@ const Te = "-", pt = (e) => {
     };
   };
   if (t) {
-    const s = t + xe, n = o;
-    o = (a) => a.startsWith(s) ? n(a.substring(s.length)) : {
+    const s = t + xe, n = r;
+    r = (a) => a.startsWith(s) ? n(a.substring(s.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
@@ -831,22 +822,22 @@ const Te = "-", pt = (e) => {
       maybePostfixModifierPosition: void 0
     };
   }
-  if (r) {
-    const s = o;
-    o = (n) => r({
+  if (o) {
+    const s = r;
+    r = (n) => o({
       className: n,
       parseClassName: s
     });
   }
-  return o;
+  return r;
 }, 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((o) => [o, !0]));
-  return (o) => {
-    if (o.length <= 1)
-      return o;
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((r) => [r, !0]));
+  return (r) => {
+    if (r.length <= 1)
+      return r;
     const s = [];
     let n = [];
-    return o.forEach((a) => {
+    return r.forEach((a) => {
       a[0] === "[" || t[a] ? (s.push(...n.sort(), a), n = []) : n.push(a);
     }), s.push(...n.sort()), s;
   };
@@ -857,31 +848,31 @@ const Te = "-", pt = (e) => {
   ...pt(e)
 }), Tt = /\s+/, St = (e, t) => {
   const {
-    parseClassName: r,
-    getClassGroupId: o,
+    parseClassName: o,
+    getClassGroupId: r,
     getConflictingClassGroupIds: s,
     sortModifiers: n
   } = t, a = [], i = e.trim().split(Tt);
   let l = "";
-  for (let f = i.length - 1; f >= 0; f -= 1) {
-    const p = i[f], {
+  for (let m = i.length - 1; m >= 0; m -= 1) {
+    const p = i[m], {
       isExternal: g,
       modifiers: M,
       hasImportantModifier: F,
       baseClassName: k,
       maybePostfixModifierPosition: A
-    } = r(p);
+    } = o(p);
     if (g) {
       l = p + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let N = !!A, z = o(N ? k.substring(0, A) : k);
+    let N = !!A, z = r(N ? k.substring(0, A) : k);
     if (!z) {
       if (!N) {
         l = p + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (z = o(k), !z) {
+      if (z = r(k), !z) {
         l = p + (l.length > 0 ? " " + l : l);
         continue;
       }
@@ -901,30 +892,30 @@ const Te = "-", pt = (e) => {
   return l;
 };
 function Mt() {
-  let e = 0, t, r, o = "";
+  let e = 0, t, o, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = $e(t)) && (o && (o += " "), o += r);
-  return o;
+    (t = arguments[e++]) && (o = $e(t)) && (r && (r += " "), r += o);
+  return r;
 }
 const $e = (e) => {
   if (typeof e == "string")
     return e;
-  let t, r = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (t = $e(e[o])) && (r && (r += " "), r += t);
-  return r;
+  let t, o = "";
+  for (let r = 0; r < e.length; r++)
+    e[r] && (t = $e(e[r])) && (o && (o += " "), o += t);
+  return o;
 };
 function At(e, ...t) {
-  let r, o, s, n = a;
+  let o, r, s, n = a;
   function a(l) {
-    const f = t.reduce((p, g) => g(p), e());
-    return r = It(f), o = r.cache.get, s = r.cache.set, n = i, i(l);
+    const m = t.reduce((p, g) => g(p), e());
+    return o = It(m), r = o.cache.get, s = o.cache.set, n = i, i(l);
   }
   function i(l) {
-    const f = o(l);
-    if (f)
-      return f;
-    const p = St(l, r);
+    const m = r(l);
+    if (m)
+      return m;
+    const p = St(l, o);
     return s(l, p), p;
   }
   return function() {
@@ -932,21 +923,21 @@ function At(e, ...t) {
   };
 }
 const T = (e) => {
-  const t = (r) => r[e] || [];
+  const t = (o) => o[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) => 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;
+), 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), oe = (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, o) => {
+  const r = Ge.exec(e);
+  return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
+}, Q = (e, t, o = !1) => {
+  const r = Ye.exec(e);
+  return r ? r[1] ? t(r[1]) : o : !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"), 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"], _ = () => [
+  const e = T("color"), t = T("font"), o = T("text"), r = T("font-weight"), s = T("tracking"), n = T("leading"), a = T("breakpoint"), i = T("container"), l = T("spacing"), m = 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",
@@ -966,21 +957,21 @@ const T = (e) => {
     "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], ee = () => ["auto", {
     span: ["full", Y, d, u]
-  }, 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, {
+  }, 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()], f = () => [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, re, H], P = () => [
+  }], de = () => [he, oe, H], P = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    f,
+    m,
     d,
     u
-  ], 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 = () => [
+  ], E = () => ["", b, oe, 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",
@@ -1680,7 +1671,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, re, H]
+        text: ["base", o, oe, H]
       }],
       /**
        * Font Smoothing
@@ -1697,7 +1688,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, d, be]
+        font: [r, d, be]
       }],
       /**
        * Font Stretch
@@ -1802,14 +1793,14 @@ const T = (e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: m()
+        placeholder: f()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: m()
+        text: f()
       }],
       /**
        * Text Decoration
@@ -1835,7 +1826,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: m()
+        decoration: f()
       }],
       /**
        * Text Underline Offset
@@ -1973,7 +1964,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: m()
+        bg: f()
       }],
       /**
        * Gradient Color Stops From Position
@@ -2001,21 +1992,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: m()
+        from: f()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: m()
+        via: f()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: m()
+        to: f()
       }],
       // ---------------
       // --- Borders ---
@@ -2231,70 +2222,70 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: m()
+        border: f()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": m()
+        "border-x": f()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": m()
+        "border-y": f()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": m()
+        "border-s": f()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": m()
+        "border-e": f()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": m()
+        "border-t": f()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": m()
+        "border-r": f()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": m()
+        "border-b": f()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": m()
+        "border-l": f()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: m()
+        divide: f()
       }],
       /**
        * Outline Style
@@ -2315,14 +2306,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", b, re, H]
+        outline: ["", b, oe, H]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: m()
+        outline: f()
       }],
       // ---------------
       // --- Effects ---
@@ -2346,7 +2337,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: m()
+        shadow: f()
       }],
       /**
        * Inset Box Shadow
@@ -2360,7 +2351,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": m()
+        "inset-shadow": f()
       }],
       /**
        * Ring Width
@@ -2381,7 +2372,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: m()
+        ring: f()
       }],
       /**
        * Ring Offset Width
@@ -2399,7 +2390,7 @@ const T = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": m()
+        "ring-offset": f()
       }],
       /**
        * Inset Ring Width
@@ -2413,7 +2404,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": m()
+        "inset-ring": f()
       }],
       /**
        * Text Shadow
@@ -2427,7 +2418,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": m()
+        "text-shadow": f()
       }],
       /**
        * Opacity
@@ -2478,10 +2469,10 @@ const T = (e) => {
         "mask-linear-to": S()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": m()
+        "mask-linear-from": f()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": m()
+        "mask-linear-to": f()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": S()
@@ -2490,10 +2481,10 @@ const T = (e) => {
         "mask-t-to": S()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": m()
+        "mask-t-from": f()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": m()
+        "mask-t-to": f()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": S()
@@ -2502,10 +2493,10 @@ const T = (e) => {
         "mask-r-to": S()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": m()
+        "mask-r-from": f()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": m()
+        "mask-r-to": f()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": S()
@@ -2514,10 +2505,10 @@ const T = (e) => {
         "mask-b-to": S()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": m()
+        "mask-b-from": f()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": m()
+        "mask-b-to": f()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": S()
@@ -2526,10 +2517,10 @@ const T = (e) => {
         "mask-l-to": S()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": m()
+        "mask-l-from": f()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": m()
+        "mask-l-to": f()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": S()
@@ -2538,10 +2529,10 @@ const T = (e) => {
         "mask-x-to": S()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": m()
+        "mask-x-from": f()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": m()
+        "mask-x-to": f()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": S()
@@ -2550,10 +2541,10 @@ const T = (e) => {
         "mask-y-to": S()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": m()
+        "mask-y-from": f()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": m()
+        "mask-y-to": f()
       }],
       "mask-image-radial": [{
         "mask-radial": [d, u]
@@ -2565,10 +2556,10 @@ const T = (e) => {
         "mask-radial-to": S()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": m()
+        "mask-radial-from": f()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": m()
+        "mask-radial-to": f()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2592,10 +2583,10 @@ const T = (e) => {
         "mask-conic-to": S()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": m()
+        "mask-conic-from": f()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": m()
+        "mask-conic-to": f()
       }],
       /**
        * Mask Mode
@@ -2702,7 +2693,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": m()
+        "drop-shadow": f()
       }],
       /**
        * Grayscale
@@ -3073,7 +3064,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: m()
+        accent: f()
       }],
       /**
        * Appearance
@@ -3087,7 +3078,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: m()
+        caret: f()
       }],
       /**
        * Color Scheme
@@ -3333,21 +3324,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...m()]
+        fill: ["none", ...f()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [b, re, H, be]
+        stroke: [b, oe, H, be]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...m()]
+        stroke: ["none", ...f()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3417,57 +3408,57 @@ const T = (e) => {
   };
 }, Ut = /* @__PURE__ */ At(Ht);
 function Je(e) {
-  var t, r, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
+  var t, o, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     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;
+    for (t = 0; t < s; t++) e[t] && (o = Je(e[t])) && (r && (r += " "), r += o);
+  } else for (o in e) e[o] && (r && (r += " "), r += o);
+  return r;
 }
 function Wt() {
-  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;
+  for (var e, t, o = 0, r = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = Je(e)) && (r && (r += " "), r += t);
+  return r;
 }
-function kr(...e) {
+function Io(...e) {
   return Ut(Wt(e));
 }
-function Ir(e, t) {
+function To(e, t) {
   if (!e) return !1;
-  let r = ["INPUT", "TEXTAREA", "SELECT"];
-  return (t === " " || t === "Enter") && (r = [...r, "BUTTON"]), r.includes(e.tagName);
+  let o = ["INPUT", "TEXTAREA", "SELECT"];
+  return (t === " " || t === "Enter") && (o = [...o, "BUTTON"]), o.includes(e.tagName);
 }
 export {
   mt as CompareStrategies,
-  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,
+  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,
   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,
+  go as VELOCITY_THRESHOLD,
+  no as VIEWPORT_OFFSET,
+  so as VISIBLE_TOASTS_AMOUNT,
+  po as Y_OFFSET_STEP,
+  mo as Z_STEP,
+  Io as cn,
   dt as createDrawerCore,
-  wr as drawer,
-  Ir as isInputLikeElement,
-  yr as sortObject,
-  xr as sortObjectNew,
+  yo as drawer,
+  To as isInputLikeElement,
+  xo as sortObject,
+  ko as sortObjectNew,
   st as toast,
-  tr as useClipboard,
+  to as useClipboard,
   Xt as useDatePicker,
-  vr as useDrawer,
+  wo as useDrawer,
   ve as useDrawerCore,
-  rr as useForm,
-  gr as useModalCore,
+  oo as useForm,
+  vo as useModalCore,
   Zt as useMultiSelect,
   Qt as useSelect,
-  pr as useSwipeHandler,
-  er as useTable,
-  or as useToastTimer
+  ho as useSwipeHandler,
+  eo as useTable,
+  ro as useToastTimer
 };