@sudobility/ratelimit-components 1.0.0 → 1.0.3

package/dist/index.esm.js

@@ -1,48 +1,48 @@
-import { jsxs as x, jsx as g } from "react/jsx-runtime";
+import { jsxs as k, jsx as g } from "react/jsx-runtime";
 import { useMemo as ne } from "react";
-import { ResponsiveContainer as Be, BarChart as $e, CartesianGrid as De, XAxis as We, YAxis as _e, Tooltip as He, Bar as qe, ReferenceLine as Ye } from "recharts";
+import { ResponsiveContainer as Be, BarChart as De, CartesianGrid as _e, XAxis as $e, YAxis as We, Tooltip as He, Bar as qe, ReferenceLine as Ye } from "recharts";
 function ze(e) {
   var r, t, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var l = e.length;
-    for (r = 0; r < l; r++) e[r] && (t = ze(e[r])) && (o && (o += " "), o += t);
+    var n = e.length;
+    for (r = 0; r < n; r++) e[r] && (t = ze(e[r])) && (o && (o += " "), o += t);
   } else for (t in e) e[t] && (o && (o += " "), o += t);
   return o;
 }
 function Se() {
-  for (var e, r, t = 0, o = "", l = arguments.length; t < l; t++) (e = arguments[t]) && (r = ze(e)) && (o && (o += " "), o += r);
+  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = ze(e)) && (o && (o += " "), o += r);
   return o;
 }
 const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, Ke = (e, r) => (t) => {
   var o;
   if (r?.variants == null) return ye(e, t?.class, t?.className);
-  const { variants: l, defaultVariants: n } = r, s = Object.keys(l).map((d) => {
-    const f = t?.[d], h = n?.[d];
-    if (f === null) return null;
-    const y = xe(f) || xe(h);
-    return l[d][y];
-  }), m = t && Object.entries(t).reduce((d, f) => {
-    let [h, y] = f;
-    return y === void 0 || (d[h] = y), d;
-  }, {}), a = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, f) => {
-    let { class: h, className: y, ...w } = f;
-    return Object.entries(w).every((S) => {
-      let [C, N] = S;
+  const { variants: n, defaultVariants: c } = r, a = Object.keys(n).map((d) => {
+    const x = t?.[d], f = c?.[d];
+    if (x === null) return null;
+    const p = xe(x) || xe(f);
+    return n[d][p];
+  }), u = t && Object.entries(t).reduce((d, x) => {
+    let [f, p] = x;
+    return p === void 0 || (d[f] = p), d;
+  }, {}), s = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, x) => {
+    let { class: f, className: p, ...y } = x;
+    return Object.entries(y).every((z) => {
+      let [C, N] = z;
       return Array.isArray(N) ? N.includes({
-        ...n,
-        ...m
+        ...c,
+        ...u
       }[C]) : {
-        ...n,
-        ...m
+        ...c,
+        ...u
       }[C] === N;
     }) ? [
       ...d,
-      h,
-      y
+      f,
+      p
     ] : d;
   }, []);
-  return ye(e, s, a, t?.class, t?.className);
+  return ye(e, a, s, t?.class, t?.className);
 }, Xe = (e, r) => {
   const t = new Array(e.length + r.length);
   for (let o = 0; o < e.length; o++)
@@ -63,36 +63,36 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
     conflictingClassGroupModifiers: o
   } = e;
   return {
-    getClassGroupId: (s) => {
-      if (s.startsWith("[") && s.endsWith("]"))
-        return et(s);
-      const m = s.split(te), a = m[0] === "" && m.length > 1 ? 1 : 0;
-      return Re(m, a, r);
+    getClassGroupId: (a) => {
+      if (a.startsWith("[") && a.endsWith("]"))
+        return et(a);
+      const u = a.split(te), s = u[0] === "" && u.length > 1 ? 1 : 0;
+      return Re(u, s, r);
     },
-    getConflictingClassGroupIds: (s, m) => {
-      if (m) {
-        const a = o[s], d = t[s];
-        return a ? d ? Xe(d, a) : a : d || ke;
+    getConflictingClassGroupIds: (a, u) => {
+      if (u) {
+        const s = o[a], d = t[a];
+        return s ? d ? Xe(d, s) : s : d || ke;
       }
-      return t[s] || ke;
+      return t[a] || ke;
     }
   };
 }, Re = (e, r, t) => {
   if (e.length - r === 0)
     return t.classGroupId;
-  const l = e[r], n = t.nextPart.get(l);
-  if (n) {
-    const d = Re(e, r + 1, n);
+  const n = e[r], c = t.nextPart.get(n);
+  if (c) {
+    const d = Re(e, r + 1, c);
     if (d) return d;
   }
-  const s = t.validators;
-  if (s === null)
+  const a = t.validators;
+  if (a === null)
     return;
-  const m = r === 0 ? e.join(te) : e.slice(r).join(te), a = s.length;
-  for (let d = 0; d < a; d++) {
-    const f = s[d];
-    if (f.validator(m))
-      return f.classGroupId;
+  const u = r === 0 ? e.join(te) : e.slice(r).join(te), s = a.length;
+  for (let d = 0; d < s; d++) {
+    const x = a[d];
+    if (x.validator(u))
+      return x.classGroupId;
   }
 }, et = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const r = e.slice(1, -1), t = r.indexOf(":"), o = r.slice(0, t);
@@ -106,15 +106,15 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
 }, rt = (e, r) => {
   const t = Ae();
   for (const o in e) {
-    const l = e[o];
-    ce(l, t, o, r);
+    const n = e[o];
+    ce(n, t, o, r);
   }
   return t;
 }, ce = (e, r, t, o) => {
-  const l = e.length;
-  for (let n = 0; n < l; n++) {
-    const s = e[n];
-    ot(s, r, t, o);
+  const n = e.length;
+  for (let c = 0; c < n; c++) {
+    const a = e[c];
+    ot(a, r, t, o);
   }
 }, ot = (e, r, t, o) => {
   if (typeof e == "string") {
@@ -136,18 +136,18 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
   }
   r.validators === null && (r.validators = []), r.validators.push(Je(t, e));
 }, st = (e, r, t, o) => {
-  const l = Object.entries(e), n = l.length;
-  for (let s = 0; s < n; s++) {
-    const [m, a] = l[s];
-    ce(a, Me(r, m), t, o);
+  const n = Object.entries(e), c = n.length;
+  for (let a = 0; a < c; a++) {
+    const [u, s] = n[a];
+    ce(s, Me(r, u), t, o);
   }
 }, Me = (e, r) => {
   let t = e;
-  const o = r.split(te), l = o.length;
-  for (let n = 0; n < l; n++) {
-    const s = o[n];
-    let m = t.nextPart.get(s);
-    m || (m = Ae(), t.nextPart.set(s, m)), t = m;
+  const o = r.split(te), n = o.length;
+  for (let c = 0; c < n; c++) {
+    const a = o[c];
+    let u = t.nextPart.get(a);
+    u || (u = Ae(), t.nextPart.set(a, u)), t = u;
   }
   return t;
 }, lt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, it = (e) => {
@@ -159,41 +159,41 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
       }
     };
   let r = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const l = (n, s) => {
-    t[n] = s, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+  const n = (c, a) => {
+    t[c] = a, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(n) {
-      let s = t[n];
-      if (s !== void 0)
-        return s;
-      if ((s = o[n]) !== void 0)
-        return l(n, s), s;
+    get(c) {
+      let a = t[c];
+      if (a !== void 0)
+        return a;
+      if ((a = o[c]) !== void 0)
+        return n(c, a), a;
     },
-    set(n, s) {
-      n in t ? t[n] = s : l(n, s);
+    set(c, a) {
+      c in t ? t[c] = a : n(c, a);
     }
   };
-}, ie = "!", we = ":", ct = [], ve = (e, r, t, o, l) => ({
+}, ie = "!", we = ":", ct = [], ve = (e, r, t, o, n) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: t,
   maybePostfixModifierPosition: o,
-  isExternal: l
+  isExternal: n
 }), dt = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: t
   } = e;
-  let o = (l) => {
-    const n = [];
-    let s = 0, m = 0, a = 0, d;
-    const f = l.length;
-    for (let C = 0; C < f; C++) {
-      const N = l[C];
-      if (s === 0 && m === 0) {
+  let o = (n) => {
+    const c = [];
+    let a = 0, u = 0, s = 0, d;
+    const x = n.length;
+    for (let C = 0; C < x; C++) {
+      const N = n[C];
+      if (a === 0 && u === 0) {
         if (N === we) {
-          n.push(l.slice(a, C)), a = C + 1;
+          c.push(n.slice(s, C)), s = C + 1;
           continue;
         }
         if (N === "/") {
@@ -201,29 +201,29 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
           continue;
         }
       }
-      N === "[" ? s++ : N === "]" ? s-- : N === "(" ? m++ : N === ")" && m--;
+      N === "[" ? a++ : N === "]" ? a-- : N === "(" ? u++ : N === ")" && u--;
     }
-    const h = n.length === 0 ? l : l.slice(a);
-    let y = h, w = !1;
-    h.endsWith(ie) ? (y = h.slice(0, -1), w = !0) : (
+    const f = c.length === 0 ? n : n.slice(s);
+    let p = f, y = !1;
+    f.endsWith(ie) ? (p = f.slice(0, -1), y = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      h.startsWith(ie) && (y = h.slice(1), w = !0)
+      f.startsWith(ie) && (p = f.slice(1), y = !0)
     );
-    const S = d && d > a ? d - a : void 0;
-    return ve(n, w, y, S);
+    const z = d && d > s ? d - s : void 0;
+    return ve(c, y, p, z);
   };
   if (r) {
-    const l = r + we, n = o;
-    o = (s) => s.startsWith(l) ? n(s.slice(l.length)) : ve(ct, !1, s, void 0, !0);
+    const n = r + we, c = o;
+    o = (a) => a.startsWith(n) ? c(a.slice(n.length)) : ve(ct, !1, a, void 0, !0);
   }
   if (t) {
-    const l = o;
-    o = (n) => t({
-      className: n,
-      parseClassName: l
+    const n = o;
+    o = (c) => t({
+      className: c,
+      parseClassName: n
     });
   }
   return o;
@@ -233,12 +233,12 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
     r.set(t, 1e6 + o);
   }), (t) => {
     const o = [];
-    let l = [];
-    for (let n = 0; n < t.length; n++) {
-      const s = t[n], m = s[0] === "[", a = r.has(s);
-      m || a ? (l.length > 0 && (l.sort(), o.push(...l), l = []), o.push(s)) : l.push(s);
+    let n = [];
+    for (let c = 0; c < t.length; c++) {
+      const a = t[c], u = a[0] === "[", s = r.has(a);
+      u || s ? (n.length > 0 && (n.sort(), o.push(...n), n = []), o.push(a)) : n.push(a);
     }
-    return l.length > 0 && (l.sort(), o.push(...l)), o;
+    return n.length > 0 && (n.sort(), o.push(...n)), o;
   };
 }, ut = (e) => ({
   cache: it(e.cacheSize),
@@ -249,51 +249,51 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
   const {
     parseClassName: t,
     getClassGroupId: o,
-    getConflictingClassGroupIds: l,
-    sortModifiers: n
-  } = r, s = [], m = e.trim().split(gt);
-  let a = "";
-  for (let d = m.length - 1; d >= 0; d -= 1) {
-    const f = m[d], {
-      isExternal: h,
-      modifiers: y,
-      hasImportantModifier: w,
-      baseClassName: S,
+    getConflictingClassGroupIds: n,
+    sortModifiers: c
+  } = r, a = [], u = e.trim().split(gt);
+  let s = "";
+  for (let d = u.length - 1; d >= 0; d -= 1) {
+    const x = u[d], {
+      isExternal: f,
+      modifiers: p,
+      hasImportantModifier: y,
+      baseClassName: z,
       maybePostfixModifierPosition: C
-    } = t(f);
-    if (h) {
-      a = f + (a.length > 0 ? " " + a : a);
+    } = t(x);
+    if (f) {
+      s = x + (s.length > 0 ? " " + s : s);
       continue;
     }
-    let N = !!C, T = o(N ? S.substring(0, C) : S);
-    if (!T) {
+    let N = !!C, I = o(N ? z.substring(0, C) : z);
+    if (!I) {
       if (!N) {
-        a = f + (a.length > 0 ? " " + a : a);
+        s = x + (s.length > 0 ? " " + s : s);
         continue;
       }
-      if (T = o(S), !T) {
-        a = f + (a.length > 0 ? " " + a : a);
+      if (I = o(z), !I) {
+        s = x + (s.length > 0 ? " " + s : s);
         continue;
       }
       N = !1;
     }
-    const q = y.length === 0 ? "" : y.length === 1 ? y[0] : n(y).join(":"), D = w ? q + ie : q, O = D + T;
-    if (s.indexOf(O) > -1)
+    const q = p.length === 0 ? "" : p.length === 1 ? p[0] : c(p).join(":"), _ = y ? q + ie : q, O = _ + I;
+    if (a.indexOf(O) > -1)
       continue;
-    s.push(O);
-    const E = l(T, N);
-    for (let j = 0; j < E.length; ++j) {
-      const W = E[j];
-      s.push(D + W);
+    a.push(O);
+    const U = n(I, N);
+    for (let j = 0; j < U.length; ++j) {
+      const $ = U[j];
+      a.push(_ + $);
     }
-    a = f + (a.length > 0 ? " " + a : a);
+    s = x + (s.length > 0 ? " " + s : s);
   }
-  return a;
+  return s;
 }, pt = (...e) => {
-  let r = 0, t, o, l = "";
+  let r = 0, t, o, n = "";
   for (; r < e.length; )
-    (t = e[r++]) && (o = Pe(t)) && (l && (l += " "), l += o);
-  return l;
+    (t = e[r++]) && (o = Pe(t)) && (n && (n += " "), n += o);
+  return n;
 }, Pe = (e) => {
   if (typeof e == "string")
     return e;
@@ -302,34 +302,34 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
     e[o] && (r = Pe(e[o])) && (t && (t += " "), t += r);
   return t;
 }, ft = (e, ...r) => {
-  let t, o, l, n;
-  const s = (a) => {
-    const d = r.reduce((f, h) => h(f), e());
-    return t = ut(d), o = t.cache.get, l = t.cache.set, n = m, m(a);
-  }, m = (a) => {
-    const d = o(a);
+  let t, o, n, c;
+  const a = (s) => {
+    const d = r.reduce((x, f) => f(x), e());
+    return t = ut(d), o = t.cache.get, n = t.cache.set, c = u, u(s);
+  }, u = (s) => {
+    const d = o(s);
     if (d)
       return d;
-    const f = bt(a, t);
-    return l(a, f), f;
+    const x = bt(s, t);
+    return n(s, x), x;
   };
-  return n = s, (...a) => n(pt(...a));
-}, ht = [], k = (e) => {
+  return c = a, (...s) => c(pt(...s));
+}, ht = [], w = (e) => {
   const r = (t) => t[e] || ht;
   return r.isThemeGetter = !0, r;
-}, Ie = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xt = /^\d+\/\d+$/, yt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kt = /\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$/, wt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (e) => xt.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), P = (e) => !!e && Number.isInteger(Number(e)), se = (e) => e.endsWith("%") && p(e.slice(0, -1)), M = (e) => yt.test(e), Ct = () => !0, Lt = (e) => (
+}, Te = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ie = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xt = /^\d+\/\d+$/, yt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, kt = /\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$/, wt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, F = (e) => xt.test(e), h = (e) => !!e && !Number.isNaN(Number(e)), P = (e) => !!e && Number.isInteger(Number(e)), se = (e) => e.endsWith("%") && h(e.slice(0, -1)), M = (e) => yt.test(e), Ct = () => !0, Lt = (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.
   kt.test(e) && !wt.test(e)
-), je = () => !1, zt = (e) => vt.test(e), St = (e) => Nt.test(e), At = (e) => !i(e) && !c(e), Rt = (e) => B(e, Oe, je), i = (e) => Ie.test(e), V = (e) => B(e, Ee, Lt), le = (e) => B(e, jt, p), Ne = (e) => B(e, Ge, je), Mt = (e) => B(e, Ve, St), Z = (e) => B(e, Fe, zt), c = (e) => Te.test(e), _ = (e) => $(e, Ee), Pt = (e) => $(e, Gt), Ce = (e) => $(e, Ge), It = (e) => $(e, Oe), Tt = (e) => $(e, Ve), ee = (e) => $(e, Fe, !0), B = (e, r, t) => {
-  const o = Ie.exec(e);
-  return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
-}, $ = (e, r, t = !1) => {
+), je = () => !1, zt = (e) => vt.test(e), St = (e) => Nt.test(e), At = (e) => !l(e) && !i(e), Rt = (e) => B(e, Oe, je), l = (e) => Te.test(e), V = (e) => B(e, Ue, Lt), le = (e) => B(e, jt, h), Ne = (e) => B(e, Ge, je), Mt = (e) => B(e, Ve, St), Z = (e) => B(e, Ee, zt), i = (e) => Ie.test(e), W = (e) => D(e, Ue), Pt = (e) => D(e, Gt), Ce = (e) => D(e, Ge), Tt = (e) => D(e, Oe), It = (e) => D(e, Ve), ee = (e) => D(e, Ee, !0), B = (e, r, t) => {
   const o = Te.exec(e);
+  return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
+}, D = (e, r, t = !1) => {
+  const o = Ie.exec(e);
   return o ? o[1] ? r(o[1]) : t : !1;
-}, Ge = (e) => e === "position" || e === "percentage", Ve = (e) => e === "image" || e === "url", Oe = (e) => e === "length" || e === "size" || e === "bg-size", Ee = (e) => e === "length", jt = (e) => e === "number", Gt = (e) => e === "family-name", Fe = (e) => e === "shadow", Vt = () => {
-  const e = k("color"), r = k("font"), t = k("text"), o = k("font-weight"), l = k("tracking"), n = k("leading"), s = k("breakpoint"), m = k("container"), a = k("spacing"), d = k("radius"), f = k("shadow"), h = k("inset-shadow"), y = k("text-shadow"), w = k("drop-shadow"), S = k("blur"), C = k("perspective"), N = k("aspect"), T = k("ease"), q = k("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], O = () => [
+}, Ge = (e) => e === "position" || e === "percentage", Ve = (e) => e === "image" || e === "url", Oe = (e) => e === "length" || e === "size" || e === "bg-size", Ue = (e) => e === "length", jt = (e) => e === "number", Gt = (e) => e === "family-name", Ee = (e) => e === "shadow", Vt = () => {
+  const e = w("color"), r = w("font"), t = w("text"), o = w("font-weight"), n = w("tracking"), c = w("leading"), a = w("breakpoint"), u = w("container"), s = w("spacing"), d = w("radius"), x = w("shadow"), f = w("inset-shadow"), p = w("text-shadow"), y = w("drop-shadow"), z = w("blur"), C = w("perspective"), N = w("aspect"), I = w("ease"), q = w("animate"), _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], O = () => [
     "center",
     "top",
     "bottom",
@@ -347,30 +347,30 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], E = () => [...O(), c, i], j = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], b = () => [c, i, a], A = () => [U, "full", "auto", ...b()], de = () => [P, "none", "subgrid", c, i], me = () => ["auto", {
-    span: ["full", P, c, i]
-  }, P, c, i], Y = () => [P, "auto", c, i], ue = () => ["auto", "min", "max", "fr", c, i], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], F = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["auto", ...b()], G = () => [U, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], u = () => [e, c, i], ge = () => [...O(), Ce, Ne, {
-    position: [c, i]
+  ], U = () => [...O(), i, l], j = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], b = () => [i, l, s], A = () => [F, "full", "auto", ...b()], de = () => [P, "none", "subgrid", i, l], me = () => ["auto", {
+    span: ["full", P, i, l]
+  }, P, i, l], Y = () => [P, "auto", i, l], ue = () => ["auto", "min", "max", "fr", i, l], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], E = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["auto", ...b()], G = () => [F, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], m = () => [e, i, l], ge = () => [...O(), Ce, Ne, {
+    position: [i, l]
   }], be = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], pe = () => ["auto", "cover", "contain", It, Rt, {
-    size: [c, i]
-  }], oe = () => [se, _, V], L = () => [
+  }], pe = () => ["auto", "cover", "contain", Tt, Rt, {
+    size: [i, l]
+  }], oe = () => [se, W, V], L = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     d,
-    c,
-    i
-  ], z = () => ["", p, _, V], K = () => ["solid", "dashed", "dotted", "double"], fe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [p, se, Ce, Ne], he = () => [
+    i,
+    l
+  ], S = () => ["", h, W, V], K = () => ["solid", "dashed", "dotted", "double"], fe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [h, se, Ce, Ne], he = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    S,
-    c,
-    i
-  ], X = () => ["none", p, c, i], J = () => ["none", p, c, i], ae = () => [p, c, i], Q = () => [U, "full", ...b()];
+    z,
+    i,
+    l
+  ], X = () => ["none", h, i, l], J = () => ["none", h, i, l], ae = () => [h, i, l], Q = () => [F, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -389,7 +389,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [M],
       shadow: [M],
-      spacing: ["px", p],
+      spacing: ["px", h],
       text: [M],
       "text-shadow": [M],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -403,7 +403,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", U, i, c, N]
+        aspect: ["auto", "square", F, l, i, N]
       }],
       /**
        * Container
@@ -416,21 +416,21 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [p, i, c, m]
+        columns: [h, l, i, u]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": D()
+        "break-after": _()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": D()
+        "break-before": _()
       }],
       /**
        * Break Inside
@@ -494,7 +494,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: E()
+        object: U()
       }],
       /**
        * Overflow
@@ -522,21 +522,21 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: W()
+        overscroll: $()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": W()
+        "overscroll-x": $()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": W()
+        "overscroll-y": $()
       }],
       /**
        * Position
@@ -616,7 +616,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [P, "auto", c, i]
+        z: [P, "auto", i, l]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -626,7 +626,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [U, "full", "auto", m, ...b()]
+        basis: [F, "full", "auto", u, ...b()]
       }],
       /**
        * Flex Direction
@@ -647,28 +647,28 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, U, "auto", "initial", "none", i]
+        flex: [h, F, "auto", "initial", "none", l]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", p, c, i]
+        grow: ["", h, i, l]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", p, c, i]
+        shrink: ["", h, i, l]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [P, "first", "last", "none", c, i]
+        order: [P, "first", "last", "none", i, l]
       }],
       /**
        * Grid Template Columns
@@ -780,14 +780,14 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...F(), "normal"]
+        "justify-items": [...E(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...F()]
+        "justify-self": ["auto", ...E()]
       }],
       /**
        * Align Content
@@ -801,7 +801,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...F(), {
+        items: [...E(), {
           baseline: ["", "last"]
         }]
       }],
@@ -810,7 +810,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...F(), {
+        self: ["auto", ...E(), {
           baseline: ["", "last"]
         }]
       }],
@@ -826,14 +826,14 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...F(), "baseline"]
+        "place-items": [...E(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...F()]
+        "place-self": ["auto", ...E()]
       }],
       // Spacing
       /**
@@ -1001,7 +1001,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...G()]
+        w: [u, "screen", ...G()]
       }],
       /**
        * Min-Width
@@ -1009,7 +1009,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        */
       "min-w": [{
         "min-w": [
-          m,
+          u,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -1022,14 +1022,14 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        */
       "max-w": [{
         "max-w": [
-          m,
+          u,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [s]
+            screen: [a]
           },
           ...G()
         ]
@@ -1063,7 +1063,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, _, V]
+        text: ["base", t, W, V]
       }],
       /**
        * Font Smoothing
@@ -1080,21 +1080,21 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, c, le]
+        font: [o, i, le]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", se, i]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", se, l]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Pt, i, r]
+        font: [Pt, l, r]
       }],
       /**
        * Font Variant Numeric
@@ -1131,14 +1131,14 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [l, c, i]
+        tracking: [n, i, l]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [p, "none", c, le]
+        "line-clamp": [h, "none", i, le]
       }],
       /**
        * Line Height
@@ -1147,7 +1147,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          n,
+          c,
           ...b()
         ]
       }],
@@ -1156,7 +1156,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", c, i]
+        "list-image": ["none", i, l]
       }],
       /**
        * List Style Position
@@ -1170,7 +1170,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", c, i]
+        list: ["disc", "decimal", "none", i, l]
       }],
       /**
        * Text Alignment
@@ -1185,14 +1185,14 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: u()
+        placeholder: m()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: u()
+        text: m()
       }],
       /**
        * Text Decoration
@@ -1211,21 +1211,21 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", c, V]
+        decoration: [h, "from-font", "auto", i, V]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: u()
+        decoration: m()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [p, "auto", c, i]
+        "underline-offset": [h, "auto", i, l]
       }],
       /**
        * Text Transform
@@ -1256,7 +1256,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", c, i]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", i, l]
       }],
       /**
        * Whitespace
@@ -1291,7 +1291,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", c, i]
+        content: ["none", i, l]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1346,17 +1346,17 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, P, c, i],
-          radial: ["", c, i],
-          conic: [P, c, i]
-        }, Tt, Mt]
+          }, P, i, l],
+          radial: ["", i, l],
+          conic: [P, i, l]
+        }, It, Mt]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: u()
+        bg: m()
       }],
       /**
        * Gradient Color Stops From Position
@@ -1384,21 +1384,21 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: u()
+        from: m()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: u()
+        via: m()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: u()
+        to: m()
       }],
       // ---------------
       // --- Borders ---
@@ -1513,70 +1513,70 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: z()
+        border: S()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": z()
+        "border-x": S()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": z()
+        "border-y": S()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": z()
+        "border-s": S()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": z()
+        "border-e": S()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": z()
+        "border-t": S()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": z()
+        "border-r": S()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": z()
+        "border-b": S()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": z()
+        "border-l": S()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": z()
+        "divide-x": S()
       }],
       /**
        * Divide Width X Reverse
@@ -1588,7 +1588,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": z()
+        "divide-y": S()
       }],
       /**
        * Divide Width Y Reverse
@@ -1614,70 +1614,70 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: u()
+        border: m()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": u()
+        "border-x": m()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": u()
+        "border-y": m()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": u()
+        "border-s": m()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": u()
+        "border-e": m()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": u()
+        "border-t": m()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": u()
+        "border-r": m()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": u()
+        "border-b": m()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": u()
+        "border-l": m()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: u()
+        divide: m()
       }],
       /**
        * Outline Style
@@ -1691,21 +1691,21 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [p, c, i]
+        "outline-offset": [h, i, l]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, _, V]
+        outline: ["", h, W, V]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: u()
+        outline: m()
       }],
       // ---------------
       // --- Effects ---
@@ -1719,7 +1719,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          f,
+          x,
           ee,
           Z
         ]
@@ -1729,28 +1729,28 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: u()
+        shadow: m()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", h, ee, Z]
+        "inset-shadow": ["none", f, ee, Z]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": u()
+        "inset-shadow": m()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: z()
+        ring: S()
       }],
       /**
        * Ring Width Inset
@@ -1764,7 +1764,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: u()
+        ring: m()
       }],
       /**
        * Ring Offset Width
@@ -1773,7 +1773,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [p, V]
+        "ring-offset": [h, V]
       }],
       /**
        * Ring Offset Color
@@ -1782,42 +1782,42 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": u()
+        "ring-offset": m()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": z()
+        "inset-ring": S()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": u()
+        "inset-ring": m()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", y, ee, Z]
+        "text-shadow": ["none", p, ee, Z]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": u()
+        "text-shadow": m()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [p, c, i]
+        opacity: [h, i, l]
       }],
       /**
        * Mix Blend Mode
@@ -1852,7 +1852,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [p]
+        "mask-linear": [h]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": v()
@@ -1861,10 +1861,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-linear-to": v()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": u()
+        "mask-linear-from": m()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": u()
+        "mask-linear-to": m()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": v()
@@ -1873,10 +1873,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-t-to": v()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": u()
+        "mask-t-from": m()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": u()
+        "mask-t-to": m()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": v()
@@ -1885,10 +1885,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-r-to": v()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": u()
+        "mask-r-from": m()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": u()
+        "mask-r-to": m()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": v()
@@ -1897,10 +1897,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-b-to": v()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": u()
+        "mask-b-from": m()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": u()
+        "mask-b-to": m()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": v()
@@ -1909,10 +1909,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-l-to": v()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": u()
+        "mask-l-from": m()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": u()
+        "mask-l-to": m()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": v()
@@ -1921,10 +1921,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-x-to": v()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": u()
+        "mask-x-from": m()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": u()
+        "mask-x-to": m()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": v()
@@ -1933,13 +1933,13 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-y-to": v()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": u()
+        "mask-y-from": m()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": u()
+        "mask-y-to": m()
       }],
       "mask-image-radial": [{
-        "mask-radial": [c, i]
+        "mask-radial": [i, l]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": v()
@@ -1948,10 +1948,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-radial-to": v()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": u()
+        "mask-radial-from": m()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": u()
+        "mask-radial-to": m()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1966,7 +1966,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-radial-at": O()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [p]
+        "mask-conic": [h]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": v()
@@ -1975,10 +1975,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
         "mask-conic-to": v()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": u()
+        "mask-conic-from": m()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": u()
+        "mask-conic-to": m()
       }],
       /**
        * Mask Mode
@@ -2027,7 +2027,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", c, i]
+        mask: ["none", i, l]
       }],
       // ---------------
       // --- Filters ---
@@ -2041,8 +2041,8 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          c,
-          i
+          i,
+          l
         ]
       }],
       /**
@@ -2057,14 +2057,14 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [p, c, i]
+        brightness: [h, i, l]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [p, c, i]
+        contrast: [h, i, l]
       }],
       /**
        * Drop Shadow
@@ -2075,7 +2075,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          w,
+          y,
           ee,
           Z
         ]
@@ -2085,42 +2085,42 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": u()
+        "drop-shadow": m()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", p, c, i]
+        grayscale: ["", h, i, l]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [p, c, i]
+        "hue-rotate": [h, i, l]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", p, c, i]
+        invert: ["", h, i, l]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [p, c, i]
+        saturate: [h, i, l]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", p, c, i]
+        sepia: ["", h, i, l]
       }],
       /**
        * Backdrop Filter
@@ -2131,8 +2131,8 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          c,
-          i
+          i,
+          l
         ]
       }],
       /**
@@ -2147,56 +2147,56 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [p, c, i]
+        "backdrop-brightness": [h, i, l]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [p, c, i]
+        "backdrop-contrast": [h, i, l]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", p, c, i]
+        "backdrop-grayscale": ["", h, i, l]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [p, c, i]
+        "backdrop-hue-rotate": [h, i, l]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", p, c, i]
+        "backdrop-invert": ["", h, i, l]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [p, c, i]
+        "backdrop-opacity": [h, i, l]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [p, c, i]
+        "backdrop-saturate": [h, i, l]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", p, c, i]
+        "backdrop-sepia": ["", h, i, l]
       }],
       // --------------
       // --- Tables ---
@@ -2251,7 +2251,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", c, i]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", i, l]
       }],
       /**
        * Transition Behavior
@@ -2265,28 +2265,28 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [p, "initial", c, i]
+        duration: [h, "initial", i, l]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", T, c, i]
+        ease: ["linear", "initial", I, i, l]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [p, c, i]
+        delay: [h, i, l]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", q, c, i]
+        animate: ["none", q, i, l]
       }],
       // ------------------
       // --- Transforms ---
@@ -2303,14 +2303,14 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [C, c, i]
+        perspective: [C, i, l]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": E()
+        "perspective-origin": U()
       }],
       /**
        * Rotate
@@ -2399,14 +2399,14 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [c, i, "", "none", "gpu", "cpu"]
+        transform: [i, l, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: E()
+        origin: U()
       }],
       /**
        * Transform Style
@@ -2456,7 +2456,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: u()
+        accent: m()
       }],
       /**
        * Appearance
@@ -2470,7 +2470,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: u()
+        caret: m()
       }],
       /**
        * Color Scheme
@@ -2484,7 +2484,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", c, i]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", i, l]
       }],
       /**
        * Field Sizing
@@ -2706,7 +2706,7 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", c, i]
+        "will-change": ["auto", "scroll", "contents", "transform", i, l]
       }],
       // -----------
       // --- SVG ---
@@ -2716,21 +2716,21 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...u()]
+        fill: ["none", ...m()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [p, _, V, le]
+        stroke: [h, W, V, le]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...u()]
+        stroke: ["none", ...m()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2799,10 +2799,10 @@ const xe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Se, K
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Ot = /* @__PURE__ */ ft(Vt);
-function I(...e) {
+function T(...e) {
   return Ot(Se(e));
 }
-const Et = Ke(
+const Ut = Ke(
   "h-full rounded-full transition-all duration-300",
   {
     variants: {
@@ -2819,48 +2819,48 @@ const Et = Ke(
     }
   }
 );
-function Ue(e, r) {
+function Fe(e, r) {
   return r === null || r === 0 ? 0 : Math.min(100, e / r * 100);
 }
-function Ft(e, r) {
+function Et(e, r) {
   if (r === null) return "green";
-  const t = Ue(e, r);
+  const t = Fe(e, r);
   return t >= 90 ? "red" : t >= 70 ? "yellow" : "blue";
 }
-const Ut = ({
+const Ft = ({
   config: e,
   showPercentage: r = !0,
   showRemaining: t = !0,
   labels: o
 }) => {
-  const { label: l, used: n, limit: s, color: m } = e, a = Ue(n, s), d = m ?? Ft(n, s), f = s !== null ? Math.max(0, s - n) : null, h = s === null;
-  return /* @__PURE__ */ x("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ x("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ g("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: l }),
-      /* @__PURE__ */ x("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
-        n.toLocaleString(),
+  const { label: n, used: c, limit: a, color: u } = e, s = Fe(c, a), d = u ?? Et(c, a), x = a !== null ? Math.max(0, a - c) : null, f = a === null;
+  return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ k("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ g("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: n }),
+      /* @__PURE__ */ k("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+        c.toLocaleString(),
         " ",
         o.usedLabel,
-        !h && ` / ${s.toLocaleString()} ${o.limitLabel}`,
-        h && ` (${o.unlimitedLabel})`
+        !f && ` / ${a.toLocaleString()} ${o.limitLabel}`,
+        f && ` (${o.unlimitedLabel})`
       ] })
     ] }),
-    !h && /* @__PURE__ */ x("div", { className: "relative", children: [
+    !f && /* @__PURE__ */ k("div", { className: "relative", children: [
       /* @__PURE__ */ g("div", { className: "h-3 w-full rounded-full bg-gray-200 dark:bg-gray-700", children: /* @__PURE__ */ g(
         "div",
         {
-          className: I(Et({ color: d })),
-          style: { width: `${a}%` }
+          className: T(Ut({ color: d })),
+          style: { width: `${s}%` }
         }
       ) }),
-      r && /* @__PURE__ */ x("span", { className: "absolute right-0 top-4 text-xs text-gray-500 dark:text-gray-400", children: [
-        a.toFixed(0),
+      r && /* @__PURE__ */ k("span", { className: "absolute right-0 top-4 text-xs text-gray-500 dark:text-gray-400", children: [
+        s.toFixed(0),
         "%"
       ] })
     ] }),
-    h && /* @__PURE__ */ g("div", { className: "h-3 w-full rounded-full bg-green-100 dark:bg-green-900/30", children: /* @__PURE__ */ g("div", { className: "h-full w-full rounded-full bg-green-500/20" }) }),
-    t && f !== null && /* @__PURE__ */ x("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
-      f.toLocaleString(),
+    f && /* @__PURE__ */ g("div", { className: "h-3 w-full rounded-full bg-green-100 dark:bg-green-900/30", children: /* @__PURE__ */ g("div", { className: "h-full w-full rounded-full bg-green-500/20" }) }),
+    t && x !== null && /* @__PURE__ */ k("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+      x.toLocaleString(),
       " ",
       o.remainingLabel
     ] })
@@ -2876,48 +2876,53 @@ const Ut = ({
   currentTierName: r,
   labels: t,
   onUpgradeClick: o,
-  upgradeButtonLabel: l = "Upgrade",
-  className: n,
-  showPercentage: s = !0,
-  showRemaining: m = !0
+  upgradeButtonLabel: n = "Upgrade",
+  className: c,
+  showPercentage: a = !0,
+  showRemaining: u = !0,
+  onTrack: s,
+  trackingLabel: d,
+  componentName: x = "UsageDashboard"
 }) => {
-  const a = { ...H, ...t };
-  return /* @__PURE__ */ x(
+  const f = { ...H, ...t }, p = () => {
+    s?.({ action: "upgrade_click", trackingLabel: d, componentName: x }), o?.();
+  };
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: I(
+      className: T(
         "rounded-lg border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800",
-        n
+        c
       ),
       children: [
-        /* @__PURE__ */ x("div", { className: "mb-6 flex items-center justify-between", children: [
-          /* @__PURE__ */ x("div", { children: [
-            /* @__PURE__ */ g("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: a.title }),
+        /* @__PURE__ */ k("div", { className: "mb-6 flex items-center justify-between", children: [
+          /* @__PURE__ */ k("div", { children: [
+            /* @__PURE__ */ g("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: f.title }),
             r && /* @__PURE__ */ g("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: r })
           ] }),
           o && /* @__PURE__ */ g(
             "button",
             {
-              onClick: o,
+              onClick: p,
               className: "rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800",
-              children: l
+              children: n
             }
           )
         ] }),
-        /* @__PURE__ */ g("div", { className: "space-y-6", children: e.map((d, f) => /* @__PURE__ */ g(
-          Ut,
+        /* @__PURE__ */ g("div", { className: "space-y-6", children: e.map((y, z) => /* @__PURE__ */ g(
+          Ft,
           {
-            config: d,
-            showPercentage: s,
-            showRemaining: m,
+            config: y,
+            showPercentage: a,
+            showRemaining: u,
             labels: {
-              usedLabel: a.usedLabel ?? H.usedLabel,
-              limitLabel: a.limitLabel ?? H.limitLabel,
-              unlimitedLabel: a.unlimitedLabel ?? H.unlimitedLabel,
-              remainingLabel: a.remainingLabel ?? H.remainingLabel
+              usedLabel: f.usedLabel ?? H.usedLabel,
+              limitLabel: f.limitLabel ?? H.limitLabel,
+              unlimitedLabel: f.unlimitedLabel ?? H.unlimitedLabel,
+              remainingLabel: f.remainingLabel ?? H.remainingLabel
             }
           },
-          `${d.label}-${f}`
+          `${y.label}-${z}`
         )) })
       ]
     }
@@ -2939,77 +2944,82 @@ const Kt = ({
   labels: r,
   onTierSelect: t,
   className: o,
-  formatNumber: l = Bt
+  formatNumber: n = Bt,
+  onTrack: c,
+  trackingLabel: a,
+  componentName: u = "TierComparisonTable"
 }) => {
-  const n = { ...Le, ...r }, s = (a) => a === null ? n.unlimitedLabel ?? Le.unlimitedLabel : l(a), m = (a) => /* @__PURE__ */ g(
+  const s = { ...Le, ...r }, d = (p) => {
+    c?.({ action: "tier_select", trackingLabel: a, componentName: u }), t?.(p);
+  }, x = (p) => p === null ? s.unlimitedLabel ?? Le.unlimitedLabel : n(p), f = (p) => /* @__PURE__ */ g(
     "span",
     {
-      className: I(
+      className: T(
         "text-sm",
-        a === null ? "font-medium text-green-600 dark:text-green-400" : "text-gray-700 dark:text-gray-300"
+        p === null ? "font-medium text-green-600 dark:text-green-400" : "text-gray-700 dark:text-gray-300"
       ),
-      children: s(a)
+      children: x(p)
     }
   );
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: I(
+      className: T(
         "rounded-lg border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800",
         o
       ),
       children: [
-        n.title && /* @__PURE__ */ g("div", { className: "border-b border-gray-200 px-6 py-4 dark:border-gray-700", children: /* @__PURE__ */ g("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: n.title }) }),
-        /* @__PURE__ */ g("div", { className: "overflow-x-auto", children: /* @__PURE__ */ x("table", { className: "w-full", children: [
-          /* @__PURE__ */ g("thead", { children: /* @__PURE__ */ x("tr", { className: "border-b border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-900/50", children: [
-            /* @__PURE__ */ g("th", { className: "px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400", children: n.tierHeader }),
-            /* @__PURE__ */ g("th", { className: "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400", children: n.hourlyHeader }),
-            /* @__PURE__ */ g("th", { className: "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400", children: n.dailyHeader }),
-            /* @__PURE__ */ g("th", { className: "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400", children: n.monthlyHeader })
+        s.title && /* @__PURE__ */ g("div", { className: "border-b border-gray-200 px-6 py-4 dark:border-gray-700", children: /* @__PURE__ */ g("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: s.title }) }),
+        /* @__PURE__ */ g("div", { className: "overflow-x-auto", children: /* @__PURE__ */ k("table", { className: "w-full", children: [
+          /* @__PURE__ */ g("thead", { children: /* @__PURE__ */ k("tr", { className: "border-b border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-900/50", children: [
+            /* @__PURE__ */ g("th", { className: "px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400", children: s.tierHeader }),
+            /* @__PURE__ */ g("th", { className: "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400", children: s.hourlyHeader }),
+            /* @__PURE__ */ g("th", { className: "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400", children: s.dailyHeader }),
+            /* @__PURE__ */ g("th", { className: "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400", children: s.monthlyHeader })
           ] }) }),
-          /* @__PURE__ */ g("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: e.map((a) => /* @__PURE__ */ x(
+          /* @__PURE__ */ g("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: e.map((p) => /* @__PURE__ */ k(
             "tr",
             {
-              onClick: () => t?.(a.id),
-              className: I(
+              onClick: () => d(p.id),
+              className: T(
                 "transition-colors",
-                a.isHighlighted && "bg-blue-50 dark:bg-blue-900/20",
-                a.isCurrent && "bg-green-50 dark:bg-green-900/20",
+                p.isHighlighted && "bg-blue-50 dark:bg-blue-900/20",
+                p.isCurrent && "bg-green-50 dark:bg-green-900/20",
                 t && "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50"
               ),
               children: [
-                /* @__PURE__ */ g("td", { className: "whitespace-nowrap px-6 py-4", children: /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ g("td", { className: "whitespace-nowrap px-6 py-4", children: /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ g(
                     "span",
                     {
-                      className: I(
+                      className: T(
                         "text-sm font-medium",
-                        a.isCurrent ? "text-green-700 dark:text-green-400" : a.isHighlighted ? "text-blue-700 dark:text-blue-400" : "text-gray-900 dark:text-white"
+                        p.isCurrent ? "text-green-700 dark:text-green-400" : p.isHighlighted ? "text-blue-700 dark:text-blue-400" : "text-gray-900 dark:text-white"
                       ),
-                      children: a.name
+                      children: p.name
                     }
                   ),
-                  a.isCurrent && /* @__PURE__ */ g("span", { className: "inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700 dark:bg-green-900/50 dark:text-green-400", children: n.currentTierBadge })
+                  p.isCurrent && /* @__PURE__ */ g("span", { className: "inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700 dark:bg-green-900/50 dark:text-green-400", children: s.currentTierBadge })
                 ] }) }),
-                /* @__PURE__ */ g("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: m(a.hourlyLimit) }),
-                /* @__PURE__ */ g("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: m(a.dailyLimit) }),
-                /* @__PURE__ */ g("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: m(a.monthlyLimit) })
+                /* @__PURE__ */ g("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: f(p.hourlyLimit) }),
+                /* @__PURE__ */ g("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: f(p.dailyLimit) }),
+                /* @__PURE__ */ g("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: f(p.monthlyLimit) })
               ]
             },
-            a.id
+            p.id
           )) })
         ] }) })
       ]
     }
   );
-}, $t = {
+}, Dt = {
   title: "Usage History",
   requestsLabel: "Requests",
   limitLabel: "Limit",
   periodLabel: "Period",
   noDataLabel: "No usage data available"
 };
-function Dt(e, r) {
+function _t(e, r) {
   const t = new Date(e);
   switch (r) {
     case "hour":
@@ -3031,28 +3041,28 @@ function Dt(e, r) {
       return e;
   }
 }
-const Wt = ({
+const $t = ({
   active: e,
   payload: r,
   label: t,
   labels: o,
-  limit: l
+  limit: n
 }) => {
   if (!e || !r || r.length === 0) return null;
-  const n = r[0].value;
-  return /* @__PURE__ */ x("div", { className: "rounded-lg border border-gray-200 bg-white p-3 shadow-lg dark:border-gray-700 dark:bg-gray-800", children: [
+  const c = r[0].value;
+  return /* @__PURE__ */ k("div", { className: "rounded-lg border border-gray-200 bg-white p-3 shadow-lg dark:border-gray-700 dark:bg-gray-800", children: [
     /* @__PURE__ */ g("p", { className: "mb-1 text-sm font-medium text-gray-900 dark:text-white", children: t }),
-    /* @__PURE__ */ x("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+    /* @__PURE__ */ k("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
       o.requestsLabel,
       ":",
       " ",
-      /* @__PURE__ */ g("span", { className: "font-medium", children: n.toLocaleString() })
+      /* @__PURE__ */ g("span", { className: "font-medium", children: c.toLocaleString() })
     ] }),
-    l !== null && /* @__PURE__ */ x("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
+    n !== null && /* @__PURE__ */ k("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
       o.limitLabel,
       ":",
       " ",
-      /* @__PURE__ */ g("span", { className: "font-medium", children: l.toLocaleString() })
+      /* @__PURE__ */ g("span", { className: "font-medium", children: n.toLocaleString() })
     ] })
   ] });
 }, Xt = ({
@@ -3060,54 +3070,54 @@ const Wt = ({
   periodType: r,
   labels: t,
   height: o = 300,
-  className: l,
-  formatDate: n = Dt,
-  barColor: s = "#3b82f6",
-  limitLineColor: m = "#ef4444",
-  showLimitLine: a = !0
+  className: n,
+  formatDate: c = _t,
+  barColor: a = "#3b82f6",
+  limitLineColor: u = "#ef4444",
+  showLimitLine: s = !0
 }) => {
-  const d = { ...$t, ...t }, f = ne(() => e.map((w) => ({
-    name: n(w.periodStart, r),
-    requests: w.requestCount,
-    limit: w.limit
-  })), [e, n, r]), h = ne(() => e.find((S) => S.limit !== null)?.limit ?? null, [e]), y = ne(() => {
-    const w = Math.max(...e.map((C) => C.requestCount), 0);
-    return Math.max(w, h ?? 0) * 1.1;
-  }, [e, h]);
+  const d = { ...Dt, ...t }, x = ne(() => e.map((y) => ({
+    name: c(y.periodStart, r),
+    requests: y.requestCount,
+    limit: y.limit
+  })), [e, c, r]), f = ne(() => e.find((z) => z.limit !== null)?.limit ?? null, [e]), p = ne(() => {
+    const y = Math.max(...e.map((C) => C.requestCount), 0);
+    return Math.max(y, f ?? 0) * 1.1;
+  }, [e, f]);
   return e.length === 0 ? /* @__PURE__ */ g(
     "div",
     {
-      className: I(
+      className: T(
         "flex items-center justify-center rounded-lg border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800",
-        l
+        n
       ),
       style: { height: o },
       children: /* @__PURE__ */ g("p", { className: "text-gray-500 dark:text-gray-400", children: d.noDataLabel })
     }
-  ) : /* @__PURE__ */ x(
+  ) : /* @__PURE__ */ k(
     "div",
     {
-      className: I(
+      className: T(
         "rounded-lg border border-gray-200 bg-white p-6 dark:border-gray-700 dark:bg-gray-800",
-        l
+        n
       ),
       children: [
         d.title && /* @__PURE__ */ g("h3", { className: "mb-4 text-lg font-semibold text-gray-900 dark:text-white", children: d.title }),
-        /* @__PURE__ */ g(Be, { width: "100%", height: o, children: /* @__PURE__ */ x(
-          $e,
+        /* @__PURE__ */ g(Be, { width: "100%", height: o, children: /* @__PURE__ */ k(
+          De,
           {
-            data: f,
+            data: x,
             margin: { top: 20, right: 30, left: 20, bottom: 5 },
             children: [
               /* @__PURE__ */ g(
-                De,
+                _e,
                 {
                   strokeDasharray: "3 3",
                   className: "stroke-gray-200 dark:stroke-gray-700"
                 }
               ),
               /* @__PURE__ */ g(
-                We,
+                $e,
                 {
                   dataKey: "name",
                   tick: { fontSize: 12 },
@@ -3115,40 +3125,40 @@ const Wt = ({
                 }
               ),
               /* @__PURE__ */ g(
-                _e,
+                We,
                 {
-                  domain: [0, y],
+                  domain: [0, p],
                   tick: { fontSize: 12 },
                   className: "text-gray-600 dark:text-gray-400",
-                  tickFormatter: (w) => w.toLocaleString()
+                  tickFormatter: (y) => y.toLocaleString()
                 }
               ),
               /* @__PURE__ */ g(
                 He,
                 {
-                  content: /* @__PURE__ */ g(Wt, { labels: d, limit: h })
+                  content: /* @__PURE__ */ g($t, { labels: d, limit: f })
                 }
               ),
               /* @__PURE__ */ g(
                 qe,
                 {
                   dataKey: "requests",
-                  fill: s,
+                  fill: a,
                   radius: [4, 4, 0, 0],
                   name: d.requestsLabel
                 }
               ),
-              a && h !== null && /* @__PURE__ */ g(
+              s && f !== null && /* @__PURE__ */ g(
                 Ye,
                 {
-                  y: h,
-                  stroke: m,
+                  y: f,
+                  stroke: u,
                   strokeDasharray: "5 5",
                   strokeWidth: 2,
                   label: {
                     value: d.limitLabel,
                     position: "right",
-                    fill: m,
+                    fill: u,
                     fontSize: 12
                   }
                 }
@@ -3156,24 +3166,24 @@ const Wt = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ x("div", { className: "mt-4 flex items-center justify-center gap-6", children: [
-          /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ k("div", { className: "mt-4 flex items-center justify-center gap-6", children: [
+          /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ g(
               "div",
               {
                 className: "h-3 w-3 rounded",
-                style: { backgroundColor: s }
+                style: { backgroundColor: a }
               }
             ),
             /* @__PURE__ */ g("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: d.requestsLabel })
           ] }),
-          a && h !== null && /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+          s && f !== null && /* @__PURE__ */ k("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ g(
               "div",
               {
                 className: "h-0.5 w-4",
                 style: {
-                  backgroundColor: m,
+                  backgroundColor: u,
                   borderStyle: "dashed"
                 }
               }
@@ -3189,5 +3199,5 @@ export {
   Kt as TierComparisonTable,
   Yt as UsageDashboard,
   Xt as UsageHistoryChart,
-  I as cn
+  T as cn
 };