@aminnausin/cedar-ui 0.0.10 → 0.0.11

package/dist/cedar-ui.mjs

@@ -4,7 +4,7 @@ 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";
 function Xt(e, t, o) {
   var ee;
-  const s = y(!1), r = y(((ee = e.model) == null ? void 0 : ee.value) ?? e.defaultDate ?? ""), n = y("F d, Y"), a = y(0), i = y(0), c = y(0), h = y([]), b = y([]), g = y("bottom"), M = [
+  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 = [
     "January",
     "February",
     "March",
@@ -18,20 +18,20 @@ function Xt(e, t, o) {
     "November",
     "December"
   ], R = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], k = y("D"), A = ue(() => {
-    let f = Math.max(a.value, 0);
-    return f >= M.length && (f = 0), M[f];
+    let h = Math.max(a.value, 0);
+    return h >= M.length && (h = 0), M[h];
   }), F = ue(() => {
-    const f = Math.floor(i.value / 10) * 10;
-    return Array.from({ length: 10 }, (I, x) => f + x);
+    const h = Math.floor(i.value / 10) * 10;
+    return Array.from({ length: 10 }, (I, x) => h + x);
   });
-  function O(f) {
-    s.value = f ?? !s.value, k.value = "D";
+  function O(h) {
+    r.value = h ?? !r.value, k.value = "D";
   }
-  function G(f = "D") {
-    k.value = f;
+  function G(h = "D") {
+    k.value = h;
   }
-  function z(f) {
-    const I = R[f.getDay()], x = ("0" + f.getDate()).slice(-2), P = M[f.getMonth()], m = P.substring(0, 3), U = ("0" + (f.getMonth() + 1)).slice(-2), B = f.getFullYear();
+  function z(h) {
+    const I = R[h.getDay()], x = ("0" + h.getDate()).slice(-2), P = M[h.getMonth()], m = P.substring(0, 3), U = ("0" + (h.getMonth() + 1)).slice(-2), B = h.getFullYear();
     switch (n.value) {
       case "F d, Y":
         return `${P} ${x}, ${B}`;
@@ -51,16 +51,16 @@ function Xt(e, t, o) {
         return `${P} ${x}, ${B}`;
     }
   }
-  function N(f) {
+  function N(h) {
     switch (k.value) {
       case "Y":
-        i.value = f, k.value = "M";
+        i.value = h, k.value = "M";
         break;
       case "M":
-        a.value = f, k.value = "D", v();
+        a.value = h, k.value = "D", v();
         break;
       default:
-        c.value = f, r.value = z(new Date(i.value, a.value, f)), s.value = !1, e.model && (e.model.value = r.value);
+        l.value = h, s.value = z(new Date(i.value, a.value, h)), r.value = !1, e.model && (e.model.value = s.value);
         break;
     }
   }
@@ -90,35 +90,35 @@ function Xt(e, t, o) {
         break;
     }
   }
-  function w(f) {
-    const I = new Date(i.value, a.value, f);
-    return r.value === z(I);
+  function w(h) {
+    const I = new Date(i.value, a.value, h);
+    return s.value === z(I);
   }
-  function l(f) {
-    const I = /* @__PURE__ */ new Date(), x = new Date(i.value, a.value, f);
+  function c(h) {
+    const I = /* @__PURE__ */ new Date(), x = new Date(i.value, a.value, h);
     return I.toDateString() === x.toDateString();
   }
   function v() {
-    const f = new Date(i.value, a.value + 1, 0).getDate(), I = new Date(i.value, a.value).getDay();
-    b.value = Array.from({ length: I }, (x, P) => P + 1), h.value = Array.from({ length: f }, (x, P) => P + 1);
+    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);
   }
   function V() {
-    if (!t.value || !o.value || !s.value) return;
-    const f = t.value.getBoundingClientRect(), I = o.value.offsetHeight, x = f.top + f.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 Q(f, I = !0) {
-    a.value = f.getMonth(), i.value = f.getFullYear(), c.value = f.getDate(), I && (r.value = z(f)), v();
+  function Q(h, I = !0) {
+    a.value = h.getMonth(), i.value = h.getFullYear(), l.value = h.getDate(), I && (s.value = z(h)), v();
   }
   function j() {
-    if (r.value)
-      return Q(new Date(Date.parse(r.value)));
+    if (s.value)
+      return Q(new Date(Date.parse(s.value)));
     Q(/* @__PURE__ */ new Date(), e.useDefaultDate);
   }
   return Qe(() => {
     j();
-  }), J(s, async (f) => {
-    if (!f) {
+  }), J(r, async (h) => {
+    if (!h) {
       window.removeEventListener("resize", V);
       return;
     }
@@ -126,17 +126,17 @@ function Xt(e, t, o) {
   }), {
     datePickerInput: t,
     datePickerCalendar: o,
-    datePickerOpen: s,
-    datePickerValue: r,
+    datePickerOpen: r,
+    datePickerValue: s,
     datePickerPanel: k,
     datePickerFormat: n,
     datePickerMonth: a,
     datePickerMonthVerbose: A,
     datePickerYear: i,
     datePickerDecade: F,
-    datePickerDay: c,
-    datePickerDaysInMonth: h,
-    datePickerBlankDaysInMonth: b,
+    datePickerDay: l,
+    datePickerDaysInMonth: f,
+    datePickerBlankDaysInMonth: p,
     datePickerMonthNames: M,
     datePickerDays: R,
     datePickerPosition: g,
@@ -145,12 +145,12 @@ function Xt(e, t, o) {
     datePickerPrevious: _,
     datePickerNext: L,
     datePickerIsSelectedDate: w,
-    datePickerIsToday: l,
+    datePickerIsToday: c,
     showDatePickerPanel: G
   };
 }
 function Zt({ options: e, defaultItems: t }, o) {
-  const s = se({
+  const r = se({
     selectOpen: !1,
     selectedItems: t,
     selectableItems: e,
@@ -186,9 +186,9 @@ function Zt({ options: e, defaultItems: t }, o) {
     },
     selectItemsFindBestMatch() {
       let n = this.selectKeydownValue.toLowerCase(), a = null, i = -1;
-      for (const c of this.selectableItems) {
-        let b = c.name.toLowerCase().indexOf(n);
-        b > -1 && (i == -1 || b < i) && !c.disabled && (a = c, i = b);
+      for (const l of this.selectableItems) {
+        let p = l.name.toLowerCase().indexOf(n);
+        p > -1 && (i == -1 || p < i) && !l.disabled && (a = l, i = p);
       }
       return a;
     },
@@ -201,20 +201,20 @@ function Zt({ options: e, defaultItems: t }, o) {
     setOptions(n) {
       Array.isArray(n) && (this.selectableItems = n);
     }
-  }), r = () => {
-    s.selectOpen && s.selectPositionUpdate();
+  }), s = () => {
+    r.selectOpen && r.selectPositionUpdate();
   };
   return J(
-    () => s.selectOpen,
+    () => r.selectOpen,
     function(n) {
-      if (s.selectedItems ? s.selectableItemActive = s.selectedItem : s.selectableItemActive = s.selectableItems[0], !n) {
-        window.removeEventListener("resize", r);
+      if (r.selectedItems ? r.selectableItemActive = r.selectedItem : r.selectableItemActive = r.selectableItems[0], !n) {
+        window.removeEventListener("resize", s);
         return;
       }
-      r(), window.addEventListener("resize", r);
+      s(), window.addEventListener("resize", s);
     },
     { immediate: !1 }
-  ), s;
+  ), r;
 }
 function Qt(e, t) {
   const o = se({
@@ -229,31 +229,31 @@ function Qt(e, t) {
     selectDropdownPosition: "bottom",
     selectableItemsList: t.selectableItemsList,
     selectButton: t.selectButton,
-    toggleSelect(r) {
-      r !== void 0 ? this.selectOpen = r === !0 : this.selectOpen = !this.selectOpen;
+    toggleSelect(s) {
+      s !== void 0 ? this.selectOpen = s === !0 : this.selectOpen = !this.selectOpen;
     },
-    updateRefs(r) {
-      this.selectButton = r.selectButton, this.selectableItemsList = r.selectableItemsList;
+    updateRefs(s) {
+      this.selectButton = s.selectButton, this.selectableItemsList = s.selectableItemsList;
     },
-    selectableItemIsActive(r) {
-      return this.selectableItemActive && this.selectableItemActive.value == r.value;
+    selectableItemIsActive(s) {
+      return this.selectableItemActive && this.selectableItemActive.value == s.value;
     },
     selectableItemActiveNext() {
-      let r = this.selectableItems.indexOf(this.selectableItemActive);
-      r < this.selectableItems.length - 1 && (this.selectableItemActive = this.selectableItems[r + 1], this.selectScrollToActiveItem());
+      let s = this.selectableItems.indexOf(this.selectableItemActive);
+      s < this.selectableItems.length - 1 && (this.selectableItemActive = this.selectableItems[s + 1], this.selectScrollToActiveItem());
     },
     selectableItemActivePrevious() {
-      let r = this.selectableItems.indexOf(this.selectableItemActive);
-      r > 0 && (this.selectableItemActive = this.selectableItems[r - 1], this.selectScrollToActiveItem());
+      let s = this.selectableItems.indexOf(this.selectableItemActive);
+      s > 0 && (this.selectableItemActive = this.selectableItems[s - 1], this.selectScrollToActiveItem());
     },
     selectScrollToActiveItem() {
       if (!this.selectableItemActive) return;
-      let r = document.getElementById(this.selectableItemActive.value + "-" + this.selectId);
-      r && r.focus();
+      let s = document.getElementById(this.selectableItemActive.value + "-" + this.selectId);
+      s && s.focus();
     },
-    selectKeydown(r) {
-      if (r.keyCode >= 65 && r.keyCode <= 90) {
-        this.selectKeydownValue += r.key;
+    selectKeydown(s) {
+      if (s.keyCode >= 65 && s.keyCode <= 90) {
+        this.selectKeydownValue += s.key;
         let n = this.selectItemsFindBestMatch();
         n && (this.selectOpen ? (this.selectableItemActive = n, this.selectScrollToActiveItem()) : this.selectedItem = this.selectableItemActive === n), this.selectKeydownValue != "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
           this.selectKeydownValue = "";
@@ -261,46 +261,46 @@ function Qt(e, t) {
       }
     },
     selectItemsFindBestMatch() {
-      let r = this.selectKeydownValue.toLowerCase(), n = null, a = -1;
+      let s = this.selectKeydownValue.toLowerCase(), n = null, a = -1;
       for (const i of this.selectableItems) {
-        let h = i.title.toLowerCase().indexOf(r);
-        h > -1 && (a == -1 || h < a) && !i.disabled && (n = i, a = h);
+        let f = i.title.toLowerCase().indexOf(s);
+        f > -1 && (a == -1 || f < a) && !i.disabled && (n = i, a = f);
       }
       return n;
     },
     selectPositionUpdate() {
       var n;
       if (!this.selectableItemsList || !this.selectButton) return;
-      let r = ((n = this.selectButton) == null ? void 0 : n.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
-      window.innerHeight < r ? this.selectDropdownPosition = "top" : this.selectDropdownPosition = "bottom";
+      let s = ((n = this.selectButton) == null ? void 0 : n.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
+      window.innerHeight < s ? this.selectDropdownPosition = "top" : this.selectDropdownPosition = "bottom";
     }
-  }), s = () => {
+  }), r = () => {
     o.selectOpen && o.selectPositionUpdate();
   };
   return J(
     () => o.selectOpen,
-    function(r) {
-      if (o.selectedItem ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !r) {
-        window.removeEventListener("resize", s);
+    function(s) {
+      if (o.selectedItem ? o.selectableItemActive = o.selectedItem : o.selectableItemActive = o.selectableItems[0], !s) {
+        window.removeEventListener("resize", r);
         return;
       }
       window.setTimeout(function() {
         o.selectScrollToActiveItem();
-      }, 10), s(), window.addEventListener("resize", s);
+      }, 10), r(), window.addEventListener("resize", r);
     },
     { immediate: !1 }
   ), o;
 }
 function eo(e) {
-  const t = y(1), o = y(e.itemsPerPage ?? 10), s = se({
+  const t = y(1), o = y(e.itemsPerPage ?? 10), r = se({
     filteredPage: ue(() => {
-      const r = o.value * (t.value - 1), n = Math.min(o.value * t.value, e.data.length);
-      return e.data.slice(r, n);
+      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(r) {
-      t.value = r;
+    handlePageChange(s) {
+      t.value = s;
     },
     handlePageReset() {
       t.value = 1;
@@ -308,12 +308,12 @@ function eo(e) {
   });
   return J(
     () => e.data,
-    (r, n) => {
+    (s, n) => {
       var a, i;
-      ((r == null ? void 0 : r.length) !== (n == null ? void 0 : n.length) || r[0] && n[0] && ((a = r[0]) == null ? void 0 : a.id) !== ((i = n[0]) == null ? void 0 : i.id)) && s.handlePageReset();
+      ((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();
     },
     { immediate: !0 }
-  ), s;
+  ), r;
 }
 function Fe(e = "pv_id_") {
   return e + Math.random().toString(16).slice(2);
@@ -334,20 +334,20 @@ class ot {
       this.publish(t), this.toasts = [...this.toasts, t];
     });
     E(this, "create", (t, o) => {
-      const s = o.id ?? Fe("toast_");
-      return this.toasts.find((n) => n.id === s) ? this.toasts = this.toasts.map((n) => n.id === s ? (this.publish({ ...n, ...o, id: s, title: t }), {
+      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,
         ...o,
-        id: s,
+        id: r,
         title: t
       }) : n) : this.addToast({
         title: t,
-        id: s,
+        id: r,
         scale: 1,
         zIndex: 200,
         offsetY: 0,
         ...o
-      }), s;
+      }), r;
     });
     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 +384,8 @@ function to(e) {
         await navigator.clipboard.writeText(e.value), t.value = !0, setTimeout(() => {
           t.value = !1;
         }, 3e3);
-      } catch (s) {
-        console.error(s), rt.error("Error", {
+      } catch (r) {
+        console.error(r), rt.error("Error", {
           description: "Unable to copy. Network is not secure."
         });
       }
@@ -401,21 +401,21 @@ function at() {
     if (t === o) return !0;
     if (t && o && typeof t == "object" && typeof o == "object") {
       if (t.constructor !== o.constructor) return !1;
-      var s, r, n;
+      var r, s, n;
       if (Array.isArray(t)) {
-        if (s = t.length, s != o.length) return !1;
-        for (r = s; r-- !== 0; )
-          if (!e(t[r], o[r])) return !1;
+        if (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 === o.source && t.flags === o.flags;
       if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === o.valueOf();
       if (t.toString !== Object.prototype.toString) return t.toString() === o.toString();
-      if (n = Object.keys(t), s = n.length, s !== Object.keys(o).length) return !1;
-      for (r = s; r-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(o, n[r])) return !1;
-      for (r = s; r-- !== 0; ) {
-        var a = n[r];
+      if (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], o[a])) return !1;
       }
       return !0;
@@ -427,7 +427,7 @@ var it = at();
 const lt = /* @__PURE__ */ nt(it);
 function oo(e) {
   let t = e, o;
-  const s = se({
+  const r = se({
     fields: structuredClone(e),
     errors: {},
     dirty: !1,
@@ -435,7 +435,7 @@ function oo(e) {
     processing: !1,
     wasSuccessful: !1,
     recentlySuccessful: !1,
-    async submit(r, n = {}) {
+    async submit(s, n = {}) {
       if (this.processing) return;
       const a = {
         onBefore: async () => {
@@ -447,9 +447,9 @@ function oo(e) {
           }, 2e3), n.onSuccess && await n.onSuccess(i), t = structuredClone(this.fields);
         },
         onError: async (i) => {
-          var c, h, b, g, M;
-          this.hasErrors = !0, (((c = i == null ? void 0 : i.response) == null ? void 0 : c.status) === 422 || ((h = i == null ? void 0 : i.response) == null ? void 0 : h.status) === 401) && (this.clearErrors(), this.setErrors({
-            message: (b = i == null ? void 0 : i.response) == null ? void 0 : b.data.message,
+          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({
+            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);
         },
@@ -459,7 +459,7 @@ function oo(e) {
       };
       await a.onBefore();
       try {
-        const i = await r(this.fields);
+        const i = await s(this.fields);
         await a.onSuccess(i);
       } catch (i) {
         await a.onError(i);
@@ -467,109 +467,109 @@ function oo(e) {
         await a.onFinish();
       }
     },
-    reset(...r) {
+    reset(...s) {
       const n = structuredClone(t);
-      r.length === 0 ? this.fields = n : r.forEach((a) => {
+      s.length === 0 ? this.fields = n : s.forEach((a) => {
         n[a] !== void 0 && (this.fields[a] = n[a]);
       });
     },
-    clearErrors(...r) {
-      r.length === 0 ? this.errors = {} : r.forEach((n) => delete this.errors[n]), this.hasErrors = Object.keys(this.errors).length > 0;
+    clearErrors(...s) {
+      s.length === 0 ? this.errors = {} : s.forEach((n) => delete this.errors[n]), this.hasErrors = Object.keys(this.errors).length > 0;
     },
-    setErrors(r) {
-      this.errors = { ...this.errors, ...r }, this.hasErrors = Object.keys(this.errors).length > 0;
+    setErrors(s) {
+      this.errors = { ...this.errors, ...s }, this.hasErrors = Object.keys(this.errors).length > 0;
     }
   });
   return J(
-    () => s.fields,
+    () => r.fields,
     () => {
-      s.dirty = !lt(s.fields, t);
+      r.dirty = !lt(r.fields, t);
     },
     { immediate: !0, deep: !0 }
-  ), s;
+  ), r;
 }
-function so({ duration: e, isPaused: t, onTimeout: o, immediate: s = !0 }) {
-  const r = y(), n = y(0), a = y(e);
+function so({ duration: e, isPaused: t, onTimeout: o, immediate: r = !0 }) {
+  const s = y(), n = y(0), a = y(e);
   function i() {
-    a.value === 1 / 0 || t() || (n.value = Date.now(), r.value = window.setTimeout(() => {
+    a.value === 1 / 0 || t() || (n.value = Date.now(), s.value = window.setTimeout(() => {
       o();
     }, a.value));
   }
-  function c() {
-    h();
-    const b = Date.now() - n.value;
-    a.value -= b;
+  function l() {
+    f();
+    const p = Date.now() - n.value;
+    a.value -= p;
   }
-  function h() {
-    r.value && (clearTimeout(r.value), r.value = null);
+  function f() {
+    s.value && (clearTimeout(s.value), s.value = null);
   }
   return J(
     t,
-    (b) => {
-      if (b) {
-        c();
+    (p) => {
+      if (p) {
+        l();
         return;
       }
       i();
     },
-    { immediate: s }
+    { immediate: r }
   ), tt(() => {
-    h();
-  }), { cancel: h };
+    f();
+  }), { cancel: f };
 }
 const ro = 3, no = "24px", ao = "16px", io = 0, lo = 3e3, co = 16, uo = 45, mo = 10, fo = 0.06, po = 16, Ce = 4, Ee = 6;
-function ho({ directions: e, swipeThreshold: t, velocityThreshold: o, getElementSize: s, onSwipeOut: r }) {
-  const n = y(!1), a = y({ x: 0, y: 0 }), i = y({ x: 0, y: 0 }), c = y({ x: 0, y: 0 }), h = y(), b = ue(() => A(e.value)), g = y(null);
+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);
   function M(w) {
     return 1 / (1.5 + Math.abs(w) / 20);
   }
-  function R(w, l) {
-    return Math.min(l.maxDelta, Math.max(l.minDelta, w));
+  function R(w, c) {
+    return Math.min(c.maxDelta, Math.max(c.minDelta, w));
   }
   function k(w) {
-    const l = b.value[w];
-    return l.minDelta !== 0 || l.maxDelta !== 0;
+    const c = p.value[w];
+    return c.minDelta !== 0 || c.maxDelta !== 0;
   }
   function A(w) {
-    const l = {
+    const c = {
       x: { minDelta: 0, maxDelta: 0 },
       y: { minDelta: 0, maxDelta: 0 }
     };
     for (const v of w)
-      v === "left" && (l.x.minDelta = -1 / 0), v === "right" && (l.x.maxDelta = 1 / 0), v === "top" && (l.y.minDelta = -1 / 0), v === "bottom" && (l.y.maxDelta = 1 / 0);
-    return l;
+      v === "left" && (c.x.minDelta = -1 / 0), v === "right" && (c.x.maxDelta = 1 / 0), v === "top" && (c.y.minDelta = -1 / 0), v === "bottom" && (c.y.maxDelta = 1 / 0);
+    return c;
   }
   function F(w) {
-    const l = Math.abs(w.x) > Math.abs(w.y) ? "x" : "y";
-    return k(l) ? l : null;
+    const c = Math.abs(w.x) > Math.abs(w.y) ? "x" : "y";
+    return k(c) ? c : null;
   }
   function O(w) {
-    return t.px ? t.px : w && t.percent && s ? s(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") || (h.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") || (f.value = Date.now(), w.target.setPointerCapture(w.pointerId), i.value = { x: w.clientX, y: w.clientY }, n.value = !0);
   }
   function z(w) {
     if (!n.value) return;
-    const l = { x: 0, y: 0 }, v = { x: w.clientX - i.value.x, y: w.clientY - i.value.y };
-    if (c.value.x = Math.max(c.value.x, Math.abs(v.x)), c.value.y = Math.max(c.value.y, Math.abs(v.y)), !g.value && (Math.abs(v.x) > Ce || Math.abs(v.y) > Ce) && (g.value = F(v)), !!g.value) {
-      if (l[g.value] = R(v[g.value], b.value[g.value]), l[g.value] === 0 && v[g.value] !== 0) {
+    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) > Ce || Math.abs(v.y) > Ce) && (g.value = F(v)), !!g.value) {
+      if (c[g.value] = R(v[g.value], p.value[g.value]), c[g.value] === 0 && v[g.value] !== 0) {
         const V = v[g.value] * M(v[g.value]);
-        l[g.value] = Math.abs(V) < Math.abs(v[g.value]) ? V : v[g.value];
+        c[g.value] = Math.abs(V) < Math.abs(v[g.value]) ? V : v[g.value];
       }
-      a.value = l;
+      a.value = c;
     }
   }
   function N() {
     if (!n.value) return;
-    const w = Date.now() - (h.value ?? 0), l = g.value ? a.value[g.value] : 0, v = Math.abs(l) / w;
-    (Math.abs(l) >= O(g.value) || v > (o ?? 0.11)) && r(), n.value = !1, g.value = null, a.value = { x: 0, y: 0 };
+    const w = Date.now() - (f.value ?? 0), c = g.value ? a.value[g.value] : 0, v = Math.abs(c) / w;
+    (Math.abs(c) >= O(g.value) || v > (o ?? 0.11)) && s(), n.value = !1, g.value = null, a.value = { x: 0, y: 0 };
   }
   function _() {
     n.value = !1, g.value = null, a.value = { x: 0, y: 0 };
   }
   function L() {
-    return c.value.x <= Ee && c.value.y <= Ee;
+    return l.value.x <= Ee && l.value.y <= Ee;
   }
   return {
     offset: a,
@@ -597,18 +597,20 @@ function vo() {
 }
 let pe = null;
 function dt() {
-  const e = y(!1), t = y(!1), o = y(200), s = y(null), r = ge({}), n = ge(null);
-  function a(c, h = {}) {
-    s.value && clearTimeout(s.value), r.value = h, n.value = c, t.value = !0, e.value = !0, s.value = window.setTimeout(() => {
+  const e = y(!1), t = y(!1), o = y(200), r = y(null), s = ge({}), n = ge(null);
+  function a(l, f = {}) {
+    var p, g;
+    t.value && i("programmatic"), 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(() => {
       e.value = !1;
     }, o.value);
   }
-  function i() {
-    s.value && clearTimeout(s.value), t.value = !1, e.value = !0, s.value = window.setTimeout(() => {
-      e.value = !1;
-    }, o.value);
+  function i(l) {
+    var f, p;
+    r.value && clearTimeout(r.value), !(l !== "programmatic" && s.value.preventClose) && (l === "escape" && !(s.value.closeOnEsc ?? !0) || l === "user" && !(s.value.closeOnBackdrop ?? !0) || (t.value = !1, e.value = !0, (p = (f = s.value) == null ? void 0 : f.onClose) == null || p.call(f), r.value = window.setTimeout(() => {
+      e.value = !1, n.value = null, s.value = {};
+    }, o.value)));
   }
-  return { isOpen: Pe(t), isAnimating: Pe(e), animationTime: o, props: r, component: n, open: a, close: i };
+  return { isOpen: Pe(t), isAnimating: Pe(e), animationTime: o, props: s, component: n, open: a, close: i };
 }
 function ve() {
   return pe || (pe = dt()), pe;
@@ -618,7 +620,7 @@ function wo() {
 }
 const yo = {
   open: (e, t) => ve().open(e, t),
-  close: () => ve().close()
+  close: (e) => ve().close(e)
 }, mt = {
   stringInsensitive: (e, t) => Oe(e).localeCompare(Oe(t)),
   date: (e, t) => new Date(e).getTime() - new Date(t).getTime(),
@@ -628,37 +630,37 @@ function Oe(e) {
   return String(e ?? "").toLowerCase().replace(/\s+/g, " ").trim();
 }
 function xo(e, t = 1, o = ["date", "date_released"]) {
-  return (s, r) => {
-    const n = s[e], a = r[e];
+  return (r, s) => {
+    const n = r[e], a = s[e];
     if (n instanceof Date && a instanceof Date || o.includes(String(e))) {
-      const h = new Date(String(n));
-      return (new Date(String(a)).getTime() - h.getTime()) * t;
+      const f = new Date(String(n));
+      return (new Date(String(a)).getTime() - f.getTime()) * t;
     }
-    const i = parseFloat(n), c = parseFloat(a);
-    return !isNaN(i) && !isNaN(c) ? (i - c) * t : String(n).toLowerCase().replace(/\s+/g, " ").localeCompare(String(a).toLowerCase().replace(/\s+/g, " ")) * 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 ko(e, t = 1) {
-  return (o, s) => {
-    for (const { key: r, compareFn: n } of e) {
-      const a = r ? o[r] ?? "" : void 0, i = r ? s[r] ?? "" : void 0;
-      let c;
-      if (n ? c = r ? n(a, i) : n(o, s) : c = ft(a, i), c !== 0) return c * t;
+  return (o, r) => {
+    for (const { key: s, compareFn: n } of e) {
+      const a = s ? o[s] ?? "" : void 0, i = s ? r[s] ?? "" : void 0;
+      let l;
+      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 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 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: o,
-    conflictingClassGroupModifiers: s
+    conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
@@ -666,17 +668,17 @@ const Te = "-", pt = (e) => {
       return i[0] === "" && i.length !== 1 && i.shift(), Ve(i, t) || ht(a);
     },
     getConflictingClassGroupIds: (a, i) => {
-      const c = o[a] || [];
-      return i && s[a] ? [...c, ...s[a]] : c;
+      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 o = e[0], s = t.nextPart.get(o), r = s ? Ve(e.slice(1), s) : void 0;
-  if (r)
-    return r;
+  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)
     return;
   const n = e.join(Te);
@@ -693,42 +695,42 @@ const Te = "-", pt = (e) => {
   const {
     theme: t,
     classGroups: o
-  } = e, s = {
+  } = e, r = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const r in o)
-    we(o[r], s, r, t);
-  return s;
-}, we = (e, t, o, s) => {
-  e.forEach((r) => {
-    if (typeof r == "string") {
-      const n = r === "" ? t : Le(t, r);
+  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 = o;
       return;
     }
-    if (typeof r == "function") {
-      if (gt(r)) {
-        we(r(s), t, o, s);
+    if (typeof s == "function") {
+      if (gt(s)) {
+        we(s(r), t, o, r);
         return;
       }
       t.validators.push({
-        validator: r,
+        validator: s,
         classGroupId: o
       });
       return;
     }
-    Object.entries(r).forEach(([n, a]) => {
-      we(a, Le(t, n), o, s);
+    Object.entries(s).forEach(([n, a]) => {
+      we(a, Le(t, n), o, r);
     });
   });
 }, Le = (e, t) => {
   let o = e;
-  return t.split(Te).forEach((s) => {
-    o.nextPart.has(s) || o.nextPart.set(s, {
+  return t.split(Te).forEach((r) => {
+    o.nextPart.has(r) || o.nextPart.set(r, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), o = o.nextPart.get(s);
+    }), o = o.nextPart.get(r);
   }), o;
 }, gt = (e) => e.isThemeGetter, vt = (e) => {
   if (e < 1)
@@ -738,20 +740,20 @@ const Te = "-", pt = (e) => {
       set: () => {
       }
     };
-  let t = 0, o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-  const r = (n, a) => {
-    o.set(n, a), t++, t > e && (t = 0, s = o, o = /* @__PURE__ */ new Map());
+  let t = 0, 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());
   };
   return {
     get(n) {
       let a = o.get(n);
       if (a !== void 0)
         return a;
-      if ((a = s.get(n)) !== void 0)
-        return r(n, a), a;
+      if ((a = r.get(n)) !== void 0)
+        return s(n, a), a;
     },
     set(n, a) {
-      o.has(n) ? o.set(n, a) : r(n, a);
+      o.has(n) ? o.set(n, a) : s(n, a);
     }
   };
 }, ye = "!", xe = ":", wt = xe.length, yt = (e) => {
@@ -759,24 +761,24 @@ const Te = "-", pt = (e) => {
     prefix: t,
     experimentalParseClassName: o
   } = e;
-  let s = (r) => {
+  let r = (s) => {
     const n = [];
-    let a = 0, i = 0, c = 0, h;
-    for (let k = 0; k < r.length; k++) {
-      let A = r[k];
+    let a = 0, i = 0, l = 0, f;
+    for (let k = 0; k < s.length; k++) {
+      let A = s[k];
       if (a === 0 && i === 0) {
         if (A === xe) {
-          n.push(r.slice(c, k)), c = k + wt;
+          n.push(s.slice(l, k)), l = k + wt;
           continue;
         }
         if (A === "/") {
-          h = k;
+          f = k;
           continue;
         }
       }
       A === "[" ? a++ : A === "]" ? a-- : A === "(" ? i++ : A === ")" && i--;
     }
-    const b = n.length === 0 ? r : r.substring(c), g = xt(b), M = g !== b, R = h && h > c ? h - c : void 0;
+    const p = n.length === 0 ? s : s.substring(l), g = xt(p), M = g !== p, R = f && f > l ? f - l : void 0;
     return {
       modifiers: n,
       hasImportantModifier: M,
@@ -785,8 +787,8 @@ const Te = "-", pt = (e) => {
     };
   };
   if (t) {
-    const r = t + xe, n = s;
-    s = (a) => a.startsWith(r) ? n(a.substring(r.length)) : {
+    const s = t + xe, n = r;
+    r = (a) => a.startsWith(s) ? n(a.substring(s.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
@@ -795,23 +797,23 @@ const Te = "-", pt = (e) => {
     };
   }
   if (o) {
-    const r = s;
-    s = (n) => o({
+    const s = r;
+    r = (n) => o({
       className: n,
-      parseClassName: r
+      parseClassName: s
     });
   }
-  return s;
+  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((s) => [s, !0]));
-  return (s) => {
-    if (s.length <= 1)
-      return s;
-    const r = [];
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((r) => [r, !0]));
+  return (r) => {
+    if (r.length <= 1)
+      return r;
+    const s = [];
     let n = [];
-    return s.forEach((a) => {
-      a[0] === "[" || t[a] ? (r.push(...n.sort(), a), n = []) : n.push(a);
-    }), r.push(...n.sort()), r;
+    return r.forEach((a) => {
+      a[0] === "[" || t[a] ? (s.push(...n.sort(), a), n = []) : n.push(a);
+    }), s.push(...n.sort()), s;
   };
 }, It = (e) => ({
   cache: vt(e.cacheSize),
@@ -821,31 +823,31 @@ const Te = "-", pt = (e) => {
 }), Tt = /\s+/, St = (e, t) => {
   const {
     parseClassName: o,
-    getClassGroupId: s,
-    getConflictingClassGroupIds: r,
+    getClassGroupId: r,
+    getConflictingClassGroupIds: s,
     sortModifiers: n
   } = t, a = [], i = e.trim().split(Tt);
-  let c = "";
-  for (let h = i.length - 1; h >= 0; h -= 1) {
-    const b = i[h], {
+  let l = "";
+  for (let f = i.length - 1; f >= 0; f -= 1) {
+    const p = i[f], {
       isExternal: g,
       modifiers: M,
       hasImportantModifier: R,
       baseClassName: k,
       maybePostfixModifierPosition: A
-    } = o(b);
+    } = o(p);
     if (g) {
-      c = b + (c.length > 0 ? " " + c : c);
+      l = p + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let F = !!A, O = s(F ? k.substring(0, A) : k);
+    let F = !!A, O = r(F ? k.substring(0, A) : k);
     if (!O) {
       if (!F) {
-        c = b + (c.length > 0 ? " " + c : c);
+        l = p + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (O = s(k), !O) {
-        c = b + (c.length > 0 ? " " + c : c);
+      if (O = r(k), !O) {
+        l = p + (l.length > 0 ? " " + l : l);
         continue;
       }
       F = !1;
@@ -854,41 +856,41 @@ const Te = "-", pt = (e) => {
     if (a.includes(N))
       continue;
     a.push(N);
-    const _ = r(O, F);
+    const _ = s(O, F);
     for (let L = 0; L < _.length; ++L) {
       const w = _[L];
       a.push(z + w);
     }
-    c = b + (c.length > 0 ? " " + c : c);
+    l = p + (l.length > 0 ? " " + l : l);
   }
-  return c;
+  return l;
 };
 function Mt() {
-  let e = 0, t, o, s = "";
+  let e = 0, t, o, r = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (o = $e(t)) && (s && (s += " "), s += o);
-  return s;
+    (t = arguments[e++]) && (o = $e(t)) && (r && (r += " "), r += o);
+  return r;
 }
 const $e = (e) => {
   if (typeof e == "string")
     return e;
   let t, o = "";
-  for (let s = 0; s < e.length; s++)
-    e[s] && (t = $e(e[s])) && (o && (o += " "), o += t);
+  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 o, s, r, n = a;
-  function a(c) {
-    const h = t.reduce((b, g) => g(b), e());
-    return o = It(h), s = o.cache.get, r = o.cache.set, n = i, i(c);
+  let o, r, s, 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);
   }
-  function i(c) {
-    const h = s(c);
-    if (h)
-      return h;
-    const b = St(c, o);
-    return r(c, b), b;
+  function i(l) {
+    const f = r(l);
+    if (f)
+      return f;
+    const p = St(l, o);
+    return s(l, p), p;
   }
   return function() {
     return n(Mt.apply(null, arguments));
@@ -897,19 +899,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+$/, Dt = /^(\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) => Pt.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => !!e && Number.isInteger(Number(e)), he = (e) => e.endsWith("%") && p(e.slice(0, -1)), $ = (e) => Dt.test(e), Lt = () => !0, Bt = (e) => (
+}, Ge = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Pt = /^\d+\/\d+$/, Dt = /^(\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) => 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) => Dt.test(e), Lt = () => !0, Bt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Ct.test(e) && !Et.test(e)
-), je = () => !1, Rt = (e) => Ot.test(e), Ft = (e) => zt.test(e), Nt = (e) => !u(e) && !d(e), _t = (e) => X(e, Ue, je), u = (e) => Ge.test(e), K = (e) => X(e, We, Bt), be = (e) => X(e, jt, p), Be = (e) => X(e, Ke, je), Vt = (e) => X(e, He, Ft), le = (e) => X(e, qe, Rt), d = (e) => Ye.test(e), te = (e) => Z(e, We), $t = (e) => Z(e, Kt), Re = (e) => Z(e, Ke), Gt = (e) => Z(e, Ue), Yt = (e) => Z(e, He), ce = (e) => Z(e, qe, !0), X = (e, t, o) => {
-  const s = Ge.exec(e);
-  return s ? s[1] ? t(s[1]) : o(s[2]) : !1;
+), 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;
 }, Z = (e, t, o = !1) => {
-  const s = Ye.exec(e);
-  return s ? s[1] ? t(s[1]) : 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"), o = T("text"), s = T("font-weight"), r = T("tracking"), n = T("leading"), a = T("breakpoint"), i = T("container"), c = T("spacing"), h = T("radius"), b = T("shadow"), g = T("inset-shadow"), M = T("text-shadow"), R = T("drop-shadow"), k = T("blur"), A = T("perspective"), F = T("aspect"), O = T("ease"), G = T("animate"), z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
+  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"), R = T("drop-shadow"), k = T("blur"), A = T("perspective"), F = T("aspect"), O = T("ease"), G = T("animate"), z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
     "center",
     "top",
     "bottom",
@@ -927,9 +929,9 @@ const T = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], _ = () => [...N(), d, u], L = () => ["auto", "hidden", "clip", "visible", "scroll"], w = () => ["auto", "contain", "none"], l = () => [d, u, c], v = () => [W, "full", "auto", ...l()], V = () => [Y, "none", "subgrid", d, u], Q = () => ["auto", {
+  ], _ = () => [...N(), d, u], L = () => ["auto", "hidden", "clip", "visible", "scroll"], w = () => ["auto", "contain", "none"], c = () => [d, u, l], v = () => [W, "full", "auto", ...c()], V = () => [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], f = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], x = () => ["auto", ...l()], P = () => [W, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...l()], m = () => [e, d, u], U = () => [...N(), 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()], P = () => [W, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], m = () => [e, d, u], U = () => [...N(), Re, Be, {
     position: [d, u]
   }], B = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -940,17 +942,17 @@ const T = (e) => {
     "",
     "none",
     "full",
-    h,
+    f,
     d,
     u
-  ], C = () => ["", p, 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 = () => [p, 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",
     k,
     d,
     u
-  ], ne = () => ["none", p, d, u], ae = () => ["none", p, d, u], me = () => [p, d, u], ie = () => [W, "full", ...l()];
+  ], ne = () => ["none", b, d, u], ae = () => ["none", b, d, u], me = () => [b, d, u], ie = () => [W, "full", ...c()];
   return {
     cacheSize: 500,
     theme: {
@@ -969,7 +971,7 @@ const T = (e) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [$],
       shadow: [$],
-      spacing: ["px", p],
+      spacing: ["px", b],
       text: [$],
       "text-shadow": [$],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -996,7 +998,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [p, u, d, i]
+        columns: [b, u, d, i]
       }],
       /**
        * Break After
@@ -1206,7 +1208,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [W, "full", "auto", i, ...l()]
+        basis: [W, "full", "auto", i, ...c()]
       }],
       /**
        * Flex Direction
@@ -1227,21 +1229,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, W, "auto", "initial", "none", u]
+        flex: [b, W, "auto", "initial", "none", u]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", p, d, u]
+        grow: ["", b, d, u]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", p, d, u]
+        shrink: ["", b, d, u]
       }],
       /**
        * Order
@@ -1332,28 +1334,28 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: l()
+        gap: c()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": l()
+        "gap-x": c()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": l()
+        "gap-y": c()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...f(), "normal"]
+        justify: [...h(), "normal"]
       }],
       /**
        * Justify Items
@@ -1374,7 +1376,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...f()]
+        content: ["normal", ...h()]
       }],
       /**
        * Align Items
@@ -1399,7 +1401,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": f()
+        "place-content": h()
       }],
       /**
        * Place Items
@@ -1421,63 +1423,63 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: l()
+        p: c()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: l()
+        px: c()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: l()
+        py: c()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: l()
+        ps: c()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: l()
+        pe: c()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: l()
+        pt: c()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: l()
+        pr: c()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: l()
+        pb: c()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: l()
+        pl: c()
       }],
       /**
        * Margin
@@ -1547,7 +1549,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": l()
+        "space-x": c()
       }],
       /**
        * Space Between X Reverse
@@ -1559,7 +1561,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": l()
+        "space-y": c()
       }],
       /**
        * Space Between Y Reverse
@@ -1660,7 +1662,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [s, d, be]
+        font: [r, d, be]
       }],
       /**
        * Font Stretch
@@ -1711,14 +1713,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [r, d, u]
+        tracking: [s, d, u]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [p, "none", d, be]
+        "line-clamp": [b, "none", d, be]
       }],
       /**
        * Line Height
@@ -1728,7 +1730,7 @@ const T = (e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           n,
-          ...l()
+          ...c()
         ]
       }],
       /**
@@ -1791,7 +1793,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", d, K]
+        decoration: [b, "from-font", "auto", d, K]
       }],
       /**
        * Text Decoration Color
@@ -1805,7 +1807,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [p, "auto", d, u]
+        "underline-offset": [b, "auto", d, u]
       }],
       /**
        * Text Transform
@@ -1829,7 +1831,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: l()
+        indent: c()
       }],
       /**
        * Vertical Alignment
@@ -2271,14 +2273,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [p, d, u]
+        "outline-offset": [b, d, u]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, te, K]
+        outline: ["", b, te, K]
       }],
       /**
        * Outline Color
@@ -2299,7 +2301,7 @@ const T = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          b,
+          p,
           ce,
           le
         ]
@@ -2353,7 +2355,7 @@ const T = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [p, K]
+        "ring-offset": [b, K]
       }],
       /**
        * Ring Offset Color
@@ -2397,7 +2399,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [p, d, u]
+        opacity: [b, d, u]
       }],
       /**
        * Mix Blend Mode
@@ -2432,7 +2434,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [p]
+        "mask-linear": [b]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": S()
@@ -2546,7 +2548,7 @@ const T = (e) => {
         "mask-radial-at": N()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [p]
+        "mask-conic": [b]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": S()
@@ -2637,14 +2639,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [p, d, u]
+        brightness: [b, d, u]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [p, d, u]
+        contrast: [b, d, u]
       }],
       /**
        * Drop Shadow
@@ -2672,35 +2674,35 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", p, d, u]
+        grayscale: ["", b, d, u]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [p, d, u]
+        "hue-rotate": [b, d, u]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", p, d, u]
+        invert: ["", b, d, u]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [p, d, u]
+        saturate: [b, d, u]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", p, d, u]
+        sepia: ["", b, d, u]
       }],
       /**
        * Backdrop Filter
@@ -2727,56 +2729,56 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [p, d, u]
+        "backdrop-brightness": [b, d, u]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [p, d, u]
+        "backdrop-contrast": [b, d, u]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", p, d, u]
+        "backdrop-grayscale": ["", b, d, u]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [p, d, u]
+        "backdrop-hue-rotate": [b, d, u]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", p, d, u]
+        "backdrop-invert": ["", b, d, u]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [p, d, u]
+        "backdrop-opacity": [b, d, u]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [p, d, u]
+        "backdrop-saturate": [b, d, u]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", p, d, u]
+        "backdrop-sepia": ["", b, d, u]
       }],
       // --------------
       // --- Tables ---
@@ -2793,21 +2795,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": l()
+        "border-spacing": c()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": l()
+        "border-spacing-x": c()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": l()
+        "border-spacing-y": c()
       }],
       /**
        * Table Layout
@@ -2845,7 +2847,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [p, "initial", d, u]
+        duration: [b, "initial", d, u]
       }],
       /**
        * Transition Timing Function
@@ -2859,7 +2861,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [p, d, u]
+        delay: [b, d, u]
       }],
       /**
        * Animation
@@ -3099,126 +3101,126 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": l()
+        "scroll-m": c()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": l()
+        "scroll-mx": c()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": l()
+        "scroll-my": c()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": l()
+        "scroll-ms": c()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": l()
+        "scroll-me": c()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": l()
+        "scroll-mt": c()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": l()
+        "scroll-mr": c()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": l()
+        "scroll-mb": c()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": l()
+        "scroll-ml": c()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": l()
+        "scroll-p": c()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": l()
+        "scroll-px": c()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": l()
+        "scroll-py": c()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": l()
+        "scroll-ps": c()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": l()
+        "scroll-pe": c()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": l()
+        "scroll-pt": c()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": l()
+        "scroll-pr": c()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": l()
+        "scroll-pb": c()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": l()
+        "scroll-pl": c()
       }],
       /**
        * Scroll Snap Align
@@ -3303,7 +3305,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [p, te, K, be]
+        stroke: [b, te, K, be]
       }],
       /**
        * Stroke
@@ -3380,17 +3382,17 @@ const T = (e) => {
   };
 }, Ut = /* @__PURE__ */ At(Ht);
 function Je(e) {
-  var t, o, s = "";
-  if (typeof e == "string" || typeof e == "number") s += e;
+  var t, o, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var r = e.length;
-    for (t = 0; t < r; t++) e[t] && (o = Je(e[t])) && (s && (s += " "), s += o);
-  } else for (o in e) e[o] && (s && (s += " "), s += o);
-  return s;
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (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, o = 0, s = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t = Je(e)) && (s && (s += " "), s += t);
-  return s;
+  for (var e, t, o = 0, r = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = Je(e)) && (r && (r += " "), r += t);
+  return r;
 }
 function Io(...e) {
   return Ut(Wt(e));