@aminnausin/cedar-ui 0.0.12 → 0.0.14

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 ue, onMounted as Qe, watch as J, nextTick as et, reactive as se, onBeforeUnmount as tt, shallowRef as ge, readonly as Pe } from "vue";
+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 r = y(!1), s = 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 = [
+  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 = [
     "January",
     "February",
     "March",
@@ -17,24 +17,24 @@ function Xt(e, t, o) {
     "October",
     "November",
     "December"
-  ], F = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = y("D"), A = ue(() => {
+  ], F = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = y("D"), A = oe(() => {
     let h = Math.max(a.value, 0);
     return h >= M.length && (h = 0), M[h];
-  }), N = ue(() => {
+  }), N = oe(() => {
     const h = Math.floor(i.value / 10) * 10;
     return Array.from({ length: 10 }, (I, x) => h + x);
   });
   function z(h) {
-    r.value = h ?? !r.value, k.value = "D";
+    s.value = h ?? !s.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), P = M[h.getMonth()], m = P.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()], m = D.substring(0, 3), U = ("0" + (h.getMonth() + 1)).slice(-2), R = h.getFullYear();
     switch (n.value) {
       case "F d, Y":
-        return `${P} ${x}, ${R}`;
+        return `${D} ${x}, ${R}`;
       case "d M, Y":
         return `${x} ${m}, ${R}`;
       case "Y M d":
@@ -48,7 +48,7 @@ function Xt(e, t, o) {
       case "D d M, Y":
         return `${I} ${x} ${m} ${R}`;
       default:
-        return `${P} ${x}, ${R}`;
+        return `${D} ${x}, ${R}`;
     }
   }
   function _(h) {
@@ -60,7 +60,7 @@ function Xt(e, t, o) {
         a.value = h, k.value = "D", v();
         break;
       default:
-        l.value = h, s.value = L(new Date(i.value, a.value, h)), r.value = !1, e.model && (e.model.value = s.value);
+        l.value = h, r.value = L(new Date(i.value, a.value, h)), s.value = !1, e.model && (e.model.value = r.value);
         break;
     }
   }
@@ -92,7 +92,7 @@ function Xt(e, t, o) {
   }
   function w(h) {
     const I = new Date(i.value, a.value, h);
-    return s.value === L(I);
+    return r.value === L(I);
   }
   function c(h) {
     const I = /* @__PURE__ */ new Date(), x = new Date(i.value, a.value, h);
@@ -100,24 +100,24 @@ function Xt(e, t, o) {
   }
   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, P) => P + 1), f.value = Array.from({ length: h }, (x, P) => P + 1);
+    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 || !r.value) return;
+    if (!t.value || !o.value || !s.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 Q(h, I = !0) {
-    a.value = h.getMonth(), i.value = h.getFullYear(), l.value = h.getDate(), I && (s.value = L(h)), v();
+    a.value = h.getMonth(), i.value = h.getFullYear(), l.value = h.getDate(), I && (r.value = L(h)), v();
   }
   function j() {
-    if (s.value)
-      return Q(new Date(Date.parse(s.value)));
+    if (r.value)
+      return Q(new Date(Date.parse(r.value)));
     Q(/* @__PURE__ */ new Date(), e.useDefaultDate);
   }
   return Qe(() => {
     j();
-  }), J(r, async (h) => {
+  }), J(s, async (h) => {
     if (!h) {
       window.removeEventListener("resize", O);
       return;
@@ -126,8 +126,8 @@ function Xt(e, t, o) {
   }), {
     datePickerInput: t,
     datePickerCalendar: o,
-    datePickerOpen: r,
-    datePickerValue: s,
+    datePickerOpen: s,
+    datePickerValue: r,
     datePickerPanel: k,
     datePickerFormat: n,
     datePickerMonth: a,
@@ -150,7 +150,7 @@ function Xt(e, t, o) {
   };
 }
 function Zt({ options: e, defaultItems: t }, o) {
-  const r = se({
+  const s = ue({
     selectOpen: !1,
     selectedItems: t,
     selectableItems: e,
@@ -201,23 +201,23 @@ function Zt({ options: e, defaultItems: t }, o) {
     setOptions(n) {
       Array.isArray(n) && (this.selectableItems = n);
     }
-  }), s = () => {
-    r.selectOpen && r.selectPositionUpdate();
+  }), r = () => {
+    s.selectOpen && s.selectPositionUpdate();
   };
   return J(
-    () => r.selectOpen,
+    () => s.selectOpen,
     function(n) {
-      if (r.selectedItems ? r.selectableItemActive = r.selectedItem : r.selectableItemActive = r.selectableItems[0], !n) {
-        window.removeEventListener("resize", s);
+      if (s.selectedItems ? s.selectableItemActive = s.selectedItem : s.selectableItemActive = s.selectableItems[0], !n) {
+        window.removeEventListener("resize", r);
         return;
       }
-      s(), window.addEventListener("resize", s);
+      r(), window.addEventListener("resize", r);
     },
     { immediate: !1 }
-  ), r;
+  ), s;
 }
 function Qt(e, t) {
-  const o = se({
+  const o = ue({
     selectOpen: !1,
     selectedItem: "",
     selectableItems: e,
@@ -229,31 +229,31 @@ function Qt(e, t) {
     selectDropdownPosition: "bottom",
     selectableItemsList: t.selectableItemsList,
     selectButton: t.selectButton,
-    toggleSelect(s) {
-      s !== void 0 ? this.selectOpen = s === !0 : this.selectOpen = !this.selectOpen;
+    toggleSelect(r) {
+      r !== void 0 ? this.selectOpen = r === !0 : this.selectOpen = !this.selectOpen;
     },
-    updateRefs(s) {
-      this.selectButton = s.selectButton, this.selectableItemsList = s.selectableItemsList;
+    updateRefs(r) {
+      this.selectButton = r.selectButton, this.selectableItemsList = r.selectableItemsList;
     },
-    selectableItemIsActive(s) {
-      return this.selectableItemActive && this.selectableItemActive.value == s.value;
+    selectableItemIsActive(r) {
+      return this.selectableItemActive && this.selectableItemActive.value == r.value;
     },
     selectableItemActiveNext() {
-      let s = this.selectableItems.indexOf(this.selectableItemActive);
-      s < this.selectableItems.length - 1 && (this.selectableItemActive = this.selectableItems[s + 1], this.selectScrollToActiveItem());
+      let r = this.selectableItems.indexOf(this.selectableItemActive);
+      r < this.selectableItems.length - 1 && (this.selectableItemActive = this.selectableItems[r + 1], this.selectScrollToActiveItem());
     },
     selectableItemActivePrevious() {
-      let s = this.selectableItems.indexOf(this.selectableItemActive);
-      s > 0 && (this.selectableItemActive = this.selectableItems[s - 1], this.selectScrollToActiveItem());
+      let r = this.selectableItems.indexOf(this.selectableItemActive);
+      r > 0 && (this.selectableItemActive = this.selectableItems[r - 1], this.selectScrollToActiveItem());
     },
     selectScrollToActiveItem() {
       if (!this.selectableItemActive) return;
-      let s = document.getElementById(this.selectableItemActive.value + "-" + this.selectId);
-      s && s.focus();
+      let r = document.getElementById(this.selectableItemActive.value + "-" + this.selectId);
+      r && r.focus();
     },
-    selectKeydown(s) {
-      if (s.keyCode >= 65 && s.keyCode <= 90) {
-        this.selectKeydownValue += s.key;
+    selectKeydown(r) {
+      if (r.keyCode >= 65 && r.keyCode <= 90) {
+        this.selectKeydownValue += r.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 s = this.selectKeydownValue.toLowerCase(), n = null, a = -1;
+      let r = this.selectKeydownValue.toLowerCase(), n = null, a = -1;
       for (const i of this.selectableItems) {
-        let f = i.title.toLowerCase().indexOf(s);
+        let f = i.title.toLowerCase().indexOf(r);
         f > -1 && (a == -1 || f < a) && !i.disabled && (n = i, a = f);
       }
       return n;
@@ -271,49 +271,54 @@ function Qt(e, t) {
     selectPositionUpdate() {
       var n;
       if (!this.selectableItemsList || !this.selectButton) return;
-      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";
+      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";
     }
-  }), r = () => {
+  }), s = () => {
     o.selectOpen && o.selectPositionUpdate();
   };
   return J(
     () => o.selectOpen,
-    function(s) {
-      if (o.selectedItem ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !s) {
-        window.removeEventListener("resize", r);
+    function(r) {
+      if (o.selectedItem ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !r) {
+        window.removeEventListener("resize", s);
         return;
       }
       window.setTimeout(function() {
         o.selectScrollToActiveItem();
-      }, 10), r(), window.addEventListener("resize", r);
+      }, 10), s(), window.addEventListener("resize", s);
     },
     { immediate: !1 }
   ), o;
 }
 function eo(e) {
-  const t = y(1), o = y(e.itemsPerPage ?? 10), r = se({
-    filteredPage: ue(() => {
-      const s = o.value * (t.value - 1), n = Math.min(o.value * t.value, e.data.length);
-      return e.data.slice(s, n);
-    }),
-    props: e,
-    fields: { currentPage: t, itemsPerPage: o },
-    handlePageChange(s) {
-      t.value = s;
-    },
-    handlePageReset() {
-      t.value = 1;
-    }
+  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;
+    return e.data.value.slice(i, i + t.value);
   });
+  function n(i) {
+    o.value = Math.min(Math.max(1, i), s.value);
+  }
+  function a() {
+    o.value = 1;
+  }
   return J(
-    () => e.data,
-    (s, n) => {
-      var a, i;
-      ((s == null ? void 0 : s.length) !== (n == null ? void 0 : n.length) || s[0] && n[0] && ((a = s[0]) == null ? void 0 : a.id) !== ((i = n[0]) == null ? void 0 : i.id)) && r.handlePageReset();
+    () => e.data.value,
+    () => {
+      e.resetOnDataChange !== !1 && a();
     },
     { immediate: !0 }
-  ), r;
+  ), {
+    // state
+    currentPage: o,
+    itemsPerPage: t,
+    // derived
+    pageCount: s,
+    pageData: r,
+    // actions
+    setPage: n,
+    resetPage: a
+  };
 }
 function Fe(e = "pv_id_") {
   return e + Math.random().toString(16).slice(2);
@@ -334,20 +339,20 @@ class ot {
       this.publish(t), this.toasts = [...this.toasts, t];
     });
     E(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 }), {
+      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 }), {
         ...n,
         ...o,
-        id: r,
+        id: s,
         title: t
       }) : n) : this.addToast({
         title: t,
-        id: r,
+        id: s,
         scale: 1,
         zIndex: 200,
         offsetY: 0,
         ...o
-      }), r;
+      }), s;
     });
     E(this, "dismiss", (t) => {
       t ? (this.publish({ id: t, dismiss: !0 }), this.toasts = this.toasts.filter((o) => o.id !== t)) : (this.toasts.forEach((o) => {
@@ -384,8 +389,8 @@ function to(e) {
         await navigator.clipboard.writeText(e.value), t.value = !0, setTimeout(() => {
           t.value = !1;
         }, 3e3);
-      } catch (r) {
-        console.error(r), rt.error("Error", {
+      } catch (s) {
+        console.error(s), rt.error("Error", {
           description: "Unable to copy. Network is not secure."
         });
       }
@@ -395,27 +400,27 @@ function to(e) {
 function nt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var fe, Ce;
+var fe, Pe;
 function at() {
-  return Ce || (Ce = 1, fe = function e(t, o) {
+  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;
+      var s, r, n;
       if (Array.isArray(t)) {
-        if (r = t.length, r != o.length) return !1;
-        for (s = r; s-- !== 0; )
-          if (!e(t[s], o[s])) return !1;
+        if (s = t.length, s != o.length) return !1;
+        for (r = s; r-- !== 0; )
+          if (!e(t[r], o[r])) 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), 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 (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;
       }
       return !0;
@@ -427,7 +432,7 @@ var it = at();
 const lt = /* @__PURE__ */ nt(it);
 function oo(e) {
   let t = e, o;
-  const r = se({
+  const s = ue({
     fields: structuredClone(e),
     errors: {},
     dirty: !1,
@@ -435,7 +440,7 @@ function oo(e) {
     processing: !1,
     wasSuccessful: !1,
     recentlySuccessful: !1,
-    async submit(s, n = {}) {
+    async submit(r, n = {}) {
       if (this.processing) return;
       const a = {
         onBefore: async () => {
@@ -459,7 +464,7 @@ function oo(e) {
       };
       await a.onBefore();
       try {
-        const i = await s(this.fields);
+        const i = await r(this.fields);
         await a.onSuccess(i);
       } catch (i) {
         await a.onError(i);
@@ -467,31 +472,31 @@ function oo(e) {
         await a.onFinish();
       }
     },
-    reset(...s) {
+    reset(...r) {
       const n = structuredClone(t);
-      s.length === 0 ? this.fields = n : s.forEach((a) => {
+      r.length === 0 ? this.fields = n : r.forEach((a) => {
         n[a] !== void 0 && (this.fields[a] = n[a]);
       });
     },
-    clearErrors(...s) {
-      s.length === 0 ? this.errors = {} : s.forEach((n) => delete this.errors[n]), this.hasErrors = Object.keys(this.errors).length > 0;
+    clearErrors(...r) {
+      r.length === 0 ? this.errors = {} : r.forEach((n) => delete this.errors[n]), this.hasErrors = Object.keys(this.errors).length > 0;
     },
-    setErrors(s) {
-      this.errors = { ...this.errors, ...s }, this.hasErrors = Object.keys(this.errors).length > 0;
+    setErrors(r) {
+      this.errors = { ...this.errors, ...r }, this.hasErrors = Object.keys(this.errors).length > 0;
     }
   });
   return J(
-    () => r.fields,
+    () => s.fields,
     () => {
-      r.dirty = !lt(r.fields, t);
+      s.dirty = !lt(s.fields, t);
     },
     { immediate: !0, deep: !0 }
-  ), r;
+  ), s;
 }
-function so({ duration: e, isPaused: t, onTimeout: o, immediate: r = !0 }) {
-  const s = y(), n = y(0), a = y(e);
+function so({ duration: e, isPaused: t, onTimeout: o, immediate: s = !0 }) {
+  const r = y(), n = y(0), a = y(e);
   function i() {
-    a.value === 1 / 0 || t() || (n.value = Date.now(), s.value = window.setTimeout(() => {
+    a.value === 1 / 0 || t() || (n.value = Date.now(), r.value = window.setTimeout(() => {
       o();
     }, a.value));
   }
@@ -501,7 +506,7 @@ function so({ duration: e, isPaused: t, onTimeout: o, immediate: r = !0 }) {
     a.value -= p;
   }
   function f() {
-    s.value && (clearTimeout(s.value), s.value = null);
+    r.value && (clearTimeout(r.value), r.value = null);
   }
   return J(
     t,
@@ -512,14 +517,14 @@ function so({ duration: e, isPaused: t, onTimeout: o, immediate: r = !0 }) {
       }
       i();
     },
-    { immediate: r }
+    { immediate: s }
   ), 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, De = 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 }), f = y(), p = ue(() => A(e.value)), g = y(null);
+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);
   function M(w) {
     return 1 / (1.5 + Math.abs(w) / 20);
   }
@@ -544,7 +549,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 && r ? r(w) * t.percent : 1 / 0;
+    return t.px ? t.px : w && t.percent && s ? s(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);
@@ -552,7 +557,7 @@ function ho({ directions: e, swipeThreshold: t, velocityThreshold: o, getElement
   function L(w) {
     if (!n.value) return;
     const c = { x: 0, y: 0 }, v = { x: w.clientX - i.value.x, y: w.clientY - i.value.y };
-    if (l.value.x = Math.max(l.value.x, Math.abs(v.x)), l.value.y = Math.max(l.value.y, Math.abs(v.y)), !g.value && (Math.abs(v.x) > De || Math.abs(v.y) > De) && (g.value = N(v)), !!g.value) {
+    if (l.value.x = Math.max(l.value.x, Math.abs(v.x)), l.value.y = Math.max(l.value.y, Math.abs(v.y)), !g.value && (Math.abs(v.x) > Ce || Math.abs(v.y) > Ce) && (g.value = N(v)), !!g.value) {
       if (c[g.value] = F(v[g.value], p.value[g.value]), c[g.value] === 0 && v[g.value] !== 0) {
         const O = v[g.value] * M(v[g.value]);
         c[g.value] = Math.abs(O) < Math.abs(v[g.value]) ? O : v[g.value];
@@ -563,7 +568,7 @@ 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 && s(), n.value = !1, g.value = null, a.value = { x: 0, y: 0 }, O;
+    return O && r(), 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 };
@@ -581,40 +586,40 @@ function ho({ directions: e, swipeThreshold: t, velocityThreshold: o, getElement
     isTapGesture: B
   };
 }
-const bo = 45, go = 0.11, oe = y(!1), ke = y(!1), Ie = y(300), q = y(null), Ne = se({}), _e = ge(null);
+const bo = 45, go = 0.11, se = y(!1), ke = y(!1), Ie = y(300), q = 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, oe.value = !0, q.value = window.setTimeout(() => {
-    oe.value = !1;
+  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;
   }, Ie.value);
 }
 function ut() {
-  q.value && clearTimeout(q.value), ke.value = !1, oe.value = !0, q.value = window.setTimeout(() => {
-    oe.value = !1;
+  q.value && clearTimeout(q.value), ke.value = !1, se.value = !0, q.value = window.setTimeout(() => {
+    se.value = !1;
   }, Ie.value);
 }
 function vo() {
-  return { isOpen: ke, isAnimating: oe, animationTime: Ie, props: Ne, component: _e, open: ct, close: ut };
+  return { isOpen: ke, isAnimating: se, 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), r = y(null), s = ge({}), n = ge(null);
+  const e = y(!1), t = y(!1), o = y(200), s = y(null), r = ge({}), n = ge(null);
   function a(l, f = {}) {
     var p, g;
     if (t.value) {
       i("programmatic");
       return;
     }
-    r.value && clearTimeout(r.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), r.value = window.setTimeout(() => {
+    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(() => {
       e.value = !1;
     }, o.value);
   }
   function i(l) {
     var f, 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 = (f = s.value) == null ? void 0 : f.onClose) == null || p.call(f, l), r.value = window.setTimeout(() => {
-      e.value = !1, n.value = null, s.value = {};
+    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))));
   }
-  return { isOpen: Pe(t), isAnimating: Pe(e), animationTime: o, props: s, component: n, open: a, close: i };
+  return { isOpen: De(t), isAnimating: De(e), animationTime: o, props: r, component: n, open: a, close: i };
 }
 function ve() {
   return pe || (pe = dt()), pe;
@@ -634,8 +639,8 @@ function Oe(e) {
   return String(e ?? "").toLowerCase().replace(/\s+/g, " ").trim();
 }
 function xo(e, t = 1, o = ["date", "date_released"]) {
-  return (r, s) => {
-    const n = r[e], a = s[e];
+  return (s, r) => {
+    const n = s[e], a = r[e];
     if (n instanceof Date && a instanceof Date || o.includes(String(e))) {
       const f = new Date(String(n));
       return (new Date(String(a)).getTime() - f.getTime()) * t;
@@ -645,26 +650,26 @@ function xo(e, t = 1, o = ["date", "date_released"]) {
   };
 }
 function ko(e, t = 1) {
-  return (o, r) => {
-    for (const { key: s, compareFn: n } of e) {
-      const a = s ? o[s] ?? "" : void 0, i = s ? r[s] ?? "" : void 0;
+  return (o, s) => {
+    for (const { key: r, compareFn: n } of e) {
+      const a = r ? o[r] ?? "" : void 0, i = r ? s[r] ?? "" : void 0;
       let l;
-      if (n ? l = s ? n(a, i) : n(o, r) : l = ft(a, i), l !== 0) return l * t;
+      if (n ? l = r ? n(a, i) : n(o, s) : l = ft(a, i), l !== 0) return l * t;
     }
     return 0;
   };
 }
 function ft(e, t) {
-  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 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 Te = "-", pt = (e) => {
   const t = bt(e), {
     conflictingClassGroups: o,
-    conflictingClassGroupModifiers: r
+    conflictingClassGroupModifiers: s
   } = e;
   return {
     getClassGroupId: (a) => {
@@ -673,16 +678,16 @@ const Te = "-", pt = (e) => {
     },
     getConflictingClassGroupIds: (a, i) => {
       const l = o[a] || [];
-      return i && r[a] ? [...l, ...r[a]] : l;
+      return i && s[a] ? [...l, ...s[a]] : l;
     }
   };
 }, Ve = (e, t) => {
   var a;
   if (e.length === 0)
     return t.classGroupId;
-  const o = e[0], r = t.nextPart.get(o), s = r ? Ve(e.slice(1), r) : void 0;
-  if (s)
-    return s;
+  const o = e[0], s = t.nextPart.get(o), r = s ? Ve(e.slice(1), s) : void 0;
+  if (r)
+    return r;
   if (t.validators.length === 0)
     return;
   const n = e.join(Te);
@@ -699,42 +704,42 @@ const Te = "-", pt = (e) => {
   const {
     theme: t,
     classGroups: o
-  } = e, r = {
+  } = e, s = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  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);
+  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;
       return;
     }
-    if (typeof s == "function") {
-      if (gt(s)) {
-        we(s(r), t, o, r);
+    if (typeof r == "function") {
+      if (gt(r)) {
+        we(r(s), t, o, s);
         return;
       }
       t.validators.push({
-        validator: s,
+        validator: r,
         classGroupId: o
       });
       return;
     }
-    Object.entries(s).forEach(([n, a]) => {
-      we(a, Le(t, n), o, r);
+    Object.entries(r).forEach(([n, a]) => {
+      we(a, Le(t, n), o, s);
     });
   });
 }, Le = (e, t) => {
   let o = e;
-  return t.split(Te).forEach((r) => {
-    o.nextPart.has(r) || o.nextPart.set(r, {
+  return t.split(Te).forEach((s) => {
+    o.nextPart.has(s) || o.nextPart.set(s, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), o = o.nextPart.get(r);
+    }), o = o.nextPart.get(s);
   }), o;
 }, gt = (e) => e.isThemeGetter, vt = (e) => {
   if (e < 1)
@@ -744,20 +749,20 @@ const Te = "-", pt = (e) => {
       set: () => {
       }
     };
-  let t = 0, o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-  const s = (n, a) => {
-    o.set(n, a), t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ new Map());
+  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());
   };
   return {
     get(n) {
       let a = o.get(n);
       if (a !== void 0)
         return a;
-      if ((a = r.get(n)) !== void 0)
-        return s(n, a), a;
+      if ((a = s.get(n)) !== void 0)
+        return r(n, a), a;
     },
     set(n, a) {
-      o.has(n) ? o.set(n, a) : s(n, a);
+      o.has(n) ? o.set(n, a) : r(n, a);
     }
   };
 }, ye = "!", xe = ":", wt = xe.length, yt = (e) => {
@@ -765,14 +770,14 @@ const Te = "-", pt = (e) => {
     prefix: t,
     experimentalParseClassName: o
   } = e;
-  let r = (s) => {
+  let s = (r) => {
     const n = [];
     let a = 0, i = 0, l = 0, f;
-    for (let k = 0; k < s.length; k++) {
-      let A = s[k];
+    for (let k = 0; k < r.length; k++) {
+      let A = r[k];
       if (a === 0 && i === 0) {
         if (A === xe) {
-          n.push(s.slice(l, k)), l = k + wt;
+          n.push(r.slice(l, k)), l = k + wt;
           continue;
         }
         if (A === "/") {
@@ -782,7 +787,7 @@ const Te = "-", pt = (e) => {
       }
       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 ? r : r.substring(l), g = xt(p), M = g !== p, F = f && f > l ? f - l : void 0;
     return {
       modifiers: n,
       hasImportantModifier: M,
@@ -791,8 +796,8 @@ const Te = "-", pt = (e) => {
     };
   };
   if (t) {
-    const s = t + xe, n = r;
-    r = (a) => a.startsWith(s) ? n(a.substring(s.length)) : {
+    const r = t + xe, n = s;
+    s = (a) => a.startsWith(r) ? n(a.substring(r.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
@@ -801,23 +806,23 @@ const Te = "-", pt = (e) => {
     };
   }
   if (o) {
-    const s = r;
-    r = (n) => o({
+    const r = s;
+    s = (n) => o({
       className: n,
-      parseClassName: s
+      parseClassName: r
     });
   }
-  return r;
+  return s;
 }, 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((r) => [r, !0]));
-  return (r) => {
-    if (r.length <= 1)
-      return r;
-    const s = [];
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((s) => [s, !0]));
+  return (s) => {
+    if (s.length <= 1)
+      return s;
+    const r = [];
     let n = [];
-    return r.forEach((a) => {
-      a[0] === "[" || t[a] ? (s.push(...n.sort(), a), n = []) : n.push(a);
-    }), s.push(...n.sort()), s;
+    return s.forEach((a) => {
+      a[0] === "[" || t[a] ? (r.push(...n.sort(), a), n = []) : n.push(a);
+    }), r.push(...n.sort()), r;
   };
 }, It = (e) => ({
   cache: vt(e.cacheSize),
@@ -827,8 +832,8 @@ const Te = "-", pt = (e) => {
 }), Tt = /\s+/, St = (e, t) => {
   const {
     parseClassName: o,
-    getClassGroupId: r,
-    getConflictingClassGroupIds: s,
+    getClassGroupId: s,
+    getConflictingClassGroupIds: r,
     sortModifiers: n
   } = t, a = [], i = e.trim().split(Tt);
   let l = "";
@@ -844,13 +849,13 @@ const Te = "-", pt = (e) => {
       l = p + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let N = !!A, z = r(N ? k.substring(0, A) : k);
+    let N = !!A, z = s(N ? k.substring(0, A) : k);
     if (!z) {
       if (!N) {
         l = p + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (z = r(k), !z) {
+      if (z = s(k), !z) {
         l = p + (l.length > 0 ? " " + l : l);
         continue;
       }
@@ -860,7 +865,7 @@ const Te = "-", pt = (e) => {
     if (a.includes(_))
       continue;
     a.push(_);
-    const V = s(z, N);
+    const V = r(z, N);
     for (let B = 0; B < V.length; ++B) {
       const w = V[B];
       a.push(L + w);
@@ -870,31 +875,31 @@ const Te = "-", pt = (e) => {
   return l;
 };
 function Mt() {
-  let e = 0, t, o, r = "";
+  let e = 0, t, o, s = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (o = $e(t)) && (r && (r += " "), r += o);
-  return r;
+    (t = arguments[e++]) && (o = $e(t)) && (s && (s += " "), s += o);
+  return s;
 }
 const $e = (e) => {
   if (typeof e == "string")
     return e;
   let t, o = "";
-  for (let r = 0; r < e.length; r++)
-    e[r] && (t = $e(e[r])) && (o && (o += " "), o += t);
+  for (let s = 0; s < e.length; s++)
+    e[s] && (t = $e(e[s])) && (o && (o += " "), o += t);
   return o;
 };
 function At(e, ...t) {
-  let o, r, s, n = a;
+  let o, s, r, n = a;
   function a(l) {
     const f = t.reduce((p, g) => g(p), e());
-    return o = It(f), r = o.cache.get, s = o.cache.set, n = i, i(l);
+    return o = It(f), s = o.cache.get, r = o.cache.set, n = i, i(l);
   }
   function i(l) {
-    const f = r(l);
+    const f = s(l);
     if (f)
       return f;
     const p = St(l, o);
-    return s(l, p), p;
+    return r(l, p), p;
   }
   return function() {
     return n(Mt.apply(null, arguments));
@@ -903,19 +908,19 @@ function At(e, ...t) {
 const T = (e) => {
   const t = (o) => o[e] || [];
   return t.isThemeGetter = !0, t;
-}, Ge = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Pt = /^\d+\/\d+$/, Ct = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Dt = /\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) => Pt.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) => Ct.test(e), Lt = () => !0, Bt = (e) => (
+}, 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.
-  Dt.test(e) && !Et.test(e)
+  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 r = Ge.exec(e);
-  return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
+  const s = Ge.exec(e);
+  return s ? s[1] ? t(s[1]) : o(s[2]) : !1;
 }, Z = (e, t, o = !1) => {
-  const r = Ye.exec(e);
-  return r ? r[1] ? t(r[1]) : o : !1;
+  const s = Ye.exec(e);
+  return s ? s[1] ? t(s[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"), o = T("text"), r = 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"), 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"], _ = () => [
     "center",
     "top",
     "bottom",
@@ -935,13 +940,13 @@ 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], Q = () => ["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()], P = () => [W, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], m = () => [e, d, u], U = () => [..._(), Re, Be, {
+  }, 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, {
     position: [d, u]
   }], R = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], Se = () => ["auto", "cover", "contain", Gt, _t, {
     size: [d, u]
-  }], de = () => [he, te, K], C = () => [
+  }], de = () => [he, te, K], P = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -949,7 +954,7 @@ const T = (e) => {
     f,
     d,
     u
-  ], D = () => ["", 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 = () => [
+  ], 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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1580,14 +1585,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: P()
+        size: D()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...P()]
+        w: [i, "screen", ...D()]
       }],
       /**
        * Min-Width
@@ -1599,7 +1604,7 @@ const T = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...P()
+          ...D()
         ]
       }],
       /**
@@ -1617,7 +1622,7 @@ const T = (e) => {
           {
             screen: [a]
           },
-          ...P()
+          ...D()
         ]
       }],
       /**
@@ -1625,21 +1630,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...P()]
+        h: ["screen", "lh", ...D()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...P()]
+        "min-h": ["screen", "lh", "none", ...D()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...P()]
+        "max-h": ["screen", "lh", ...D()]
       }],
       // ------------------
       // --- Typography ---
@@ -1666,7 +1671,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, d, be]
+        font: [s, d, be]
       }],
       /**
        * Font Stretch
@@ -1717,7 +1722,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, d, u]
+        tracking: [r, d, u]
       }],
       /**
        * Line Clamp
@@ -1994,175 +1999,175 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: C()
+        rounded: P()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": C()
+        "rounded-s": P()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": C()
+        "rounded-e": P()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": C()
+        "rounded-t": P()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": C()
+        "rounded-r": P()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": C()
+        "rounded-b": P()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": C()
+        "rounded-l": P()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": C()
+        "rounded-ss": P()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": C()
+        "rounded-se": P()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": C()
+        "rounded-ee": P()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": C()
+        "rounded-es": P()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": C()
+        "rounded-tl": P()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": C()
+        "rounded-tr": P()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": C()
+        "rounded-br": P()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": C()
+        "rounded-bl": P()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: D()
+        border: C()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": D()
+        "border-x": C()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": D()
+        "border-y": C()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": D()
+        "border-s": C()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": D()
+        "border-e": C()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": D()
+        "border-t": C()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": D()
+        "border-r": C()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": D()
+        "border-b": C()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": D()
+        "border-l": C()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": D()
+        "divide-x": C()
       }],
       /**
        * Divide Width X Reverse
@@ -2174,7 +2179,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": D()
+        "divide-y": C()
       }],
       /**
        * Divide Width Y Reverse
@@ -2336,7 +2341,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: D()
+        ring: C()
       }],
       /**
        * Ring Width Inset
@@ -2375,7 +2380,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": D()
+        "inset-ring": C()
       }],
       /**
        * Inset Ring Color
@@ -3386,17 +3391,17 @@ const T = (e) => {
   };
 }, Ut = /* @__PURE__ */ At(Ht);
 function Je(e) {
-  var t, o, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
+  var t, o, s = "";
+  if (typeof e == "string" || typeof e == "number") s += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    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;
+    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;
 }
 function Wt() {
-  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;
+  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;
 }
 function Io(...e) {
   return Ut(Wt(e));