@sudobility/subscription-components 1.0.5 → 1.0.9

package/dist/index.esm.js

@@ -1,128 +1,128 @@
-import { jsxs as I, jsx as g, Fragment as $e } from "react/jsx-runtime";
-import { textVariants as be } from "@sudobility/design";
-import { Card as Be, CardContent as We, Button as ve } from "@sudobility/components";
-import { createContext as Ue, useState as U, useCallback as B, useEffect as Ye, useContext as Ke } from "react";
-function Se(e) {
-  var o, r, t = "";
-  if (typeof e == "string" || typeof e == "number") t += e;
+import { jsxs as G, jsx as g, Fragment as We } from "react/jsx-runtime";
+import { textVariants as he } from "@sudobility/design";
+import { Card as Be, CardContent as Ue, Button as ve } from "@sudobility/components";
+import { createContext as Ke, useState as Y, useCallback as q, useEffect as Ye, useContext as qe } from "react";
+function Re(e) {
+  var o, t, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (o = 0; o < s; o++) e[o] && (r = Se(e[o])) && (t && (t += " "), t += r);
-  } else for (r in e) e[r] && (t && (t += " "), t += r);
-  return t;
-}
-function qe() {
-  for (var e, o, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (o = Se(e)) && (t && (t += " "), t += o);
-  return t;
+    for (o = 0; o < s; o++) e[o] && (t = Re(e[o])) && (r && (r += " "), r += t);
+  } else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
 }
-const Xe = (e, o) => {
-  const r = new Array(e.length + o.length);
-  for (let t = 0; t < e.length; t++)
-    r[t] = e[t];
-  for (let t = 0; t < o.length; t++)
-    r[e.length + t] = o[t];
+function Xe() {
+  for (var e, o, t = 0, r = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (o = Re(e)) && (r && (r += " "), r += o);
   return r;
-}, Je = (e, o) => ({
+}
+const Je = (e, o) => {
+  const t = new Array(e.length + o.length);
+  for (let r = 0; r < e.length; r++)
+    t[r] = e[r];
+  for (let r = 0; r < o.length; r++)
+    t[e.length + r] = o[r];
+  return t;
+}, He = (e, o) => ({
   classGroupId: e,
   validator: o
-}), Re = (e = /* @__PURE__ */ new Map(), o = null, r) => ({
+}), Ie = (e = /* @__PURE__ */ new Map(), o = null, t) => ({
   nextPart: e,
   validators: o,
-  classGroupId: r
-}), ce = "-", Ce = [], He = "arbitrary..", Qe = (e) => {
-  const o = er(e), {
-    conflictingClassGroups: r,
-    conflictingClassGroupModifiers: t
+  classGroupId: t
+}), me = "-", Ce = [], Qe = "arbitrary..", Ze = (e) => {
+  const o = tt(e), {
+    conflictingClassGroups: t,
+    conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
-        return Ze(a);
-      const m = a.split(ce), c = m[0] === "" && m.length > 1 ? 1 : 0;
-      return Ie(m, c, o);
+        return et(a);
+      const u = a.split(me), d = u[0] === "" && u.length > 1 ? 1 : 0;
+      return Me(u, d, o);
     },
-    getConflictingClassGroupIds: (a, m) => {
-      if (m) {
-        const c = t[a], f = r[a];
-        return c ? f ? Xe(f, c) : c : f || Ce;
+    getConflictingClassGroupIds: (a, u) => {
+      if (u) {
+        const d = r[a], b = t[a];
+        return d ? b ? Je(b, d) : d : b || Ce;
       }
-      return r[a] || Ce;
+      return t[a] || Ce;
     }
   };
-}, Ie = (e, o, r) => {
+}, Me = (e, o, t) => {
   if (e.length - o === 0)
-    return r.classGroupId;
-  const s = e[o], n = r.nextPart.get(s);
+    return t.classGroupId;
+  const s = e[o], n = t.nextPart.get(s);
   if (n) {
-    const f = Ie(e, o + 1, n);
-    if (f) return f;
+    const b = Me(e, o + 1, n);
+    if (b) return b;
   }
-  const a = r.validators;
+  const a = t.validators;
   if (a === null)
     return;
-  const m = o === 0 ? e.join(ce) : e.slice(o).join(ce), c = a.length;
-  for (let f = 0; f < c; f++) {
-    const y = a[f];
-    if (y.validator(m))
+  const u = o === 0 ? e.join(me) : e.slice(o).join(me), d = a.length;
+  for (let b = 0; b < d; b++) {
+    const y = a[b];
+    if (y.validator(u))
       return y.classGroupId;
   }
-}, Ze = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const o = e.slice(1, -1), r = o.indexOf(":"), t = o.slice(0, r);
-  return t ? He + t : void 0;
-})(), er = (e) => {
+}, et = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const o = e.slice(1, -1), t = o.indexOf(":"), r = o.slice(0, t);
+  return r ? Qe + r : void 0;
+})(), tt = (e) => {
   const {
     theme: o,
-    classGroups: r
+    classGroups: t
   } = e;
-  return rr(r, o);
-}, rr = (e, o) => {
-  const r = Re();
-  for (const t in e) {
-    const s = e[t];
-    xe(s, r, t, o);
+  return rt(t, o);
+}, rt = (e, o) => {
+  const t = Ie();
+  for (const r in e) {
+    const s = e[r];
+    we(s, t, r, o);
   }
-  return r;
-}, xe = (e, o, r, t) => {
+  return t;
+}, we = (e, o, t, r) => {
   const s = e.length;
   for (let n = 0; n < s; n++) {
     const a = e[n];
-    tr(a, o, r, t);
+    ot(a, o, t, r);
   }
-}, tr = (e, o, r, t) => {
+}, ot = (e, o, t, r) => {
   if (typeof e == "string") {
-    or(e, o, r);
+    st(e, o, t);
     return;
   }
   if (typeof e == "function") {
-    sr(e, o, r, t);
+    nt(e, o, t, r);
     return;
   }
-  nr(e, o, r, t);
-}, or = (e, o, r) => {
-  const t = e === "" ? o : Me(o, e);
-  t.classGroupId = r;
-}, sr = (e, o, r, t) => {
-  if (ar(e)) {
-    xe(e(t), o, r, t);
+  at(e, o, t, r);
+}, st = (e, o, t) => {
+  const r = e === "" ? o : De(o, e);
+  r.classGroupId = t;
+}, nt = (e, o, t, r) => {
+  if (it(e)) {
+    we(e(r), o, t, r);
     return;
   }
-  o.validators === null && (o.validators = []), o.validators.push(Je(r, e));
-}, nr = (e, o, r, t) => {
+  o.validators === null && (o.validators = []), o.validators.push(He(t, e));
+}, at = (e, o, t, r) => {
   const s = Object.entries(e), n = s.length;
   for (let a = 0; a < n; a++) {
-    const [m, c] = s[a];
-    xe(c, Me(o, m), r, t);
+    const [u, d] = s[a];
+    we(d, De(o, u), t, r);
   }
-}, Me = (e, o) => {
-  let r = e;
-  const t = o.split(ce), s = t.length;
+}, De = (e, o) => {
+  let t = e;
+  const r = o.split(me), s = r.length;
   for (let n = 0; n < s; n++) {
-    const a = t[n];
-    let m = r.nextPart.get(a);
-    m || (m = Re(), r.nextPart.set(a, m)), r = m;
+    const a = r[n];
+    let u = t.nextPart.get(a);
+    u || (u = Ie(), t.nextPart.set(a, u)), t = u;
   }
-  return r;
-}, ar = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, ir = (e) => {
+  return t;
+}, it = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, lt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -130,178 +130,178 @@ const Xe = (e, o) => {
       set: () => {
       }
     };
-  let o = 0, r = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
+  let o = 0, t = /* @__PURE__ */ Object.create(null), r = /* @__PURE__ */ Object.create(null);
   const s = (n, a) => {
-    r[n] = a, o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ Object.create(null));
+    t[n] = a, o++, o > e && (o = 0, r = t, t = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(n) {
-      let a = r[n];
+      let a = t[n];
       if (a !== void 0)
         return a;
-      if ((a = t[n]) !== void 0)
+      if ((a = r[n]) !== void 0)
         return s(n, a), a;
     },
     set(n, a) {
-      n in r ? r[n] = a : s(n, a);
+      n in t ? t[n] = a : s(n, a);
     }
   };
-}, he = "!", Ne = ":", lr = [], Pe = (e, o, r, t, s) => ({
+}, xe = "!", Pe = ":", ct = [], ze = (e, o, t, r, s) => ({
   modifiers: e,
   hasImportantModifier: o,
-  baseClassName: r,
-  maybePostfixModifierPosition: t,
+  baseClassName: t,
+  maybePostfixModifierPosition: r,
   isExternal: s
-}), cr = (e) => {
+}), dt = (e) => {
   const {
     prefix: o,
-    experimentalParseClassName: r
+    experimentalParseClassName: t
   } = e;
-  let t = (s) => {
+  let r = (s) => {
     const n = [];
-    let a = 0, m = 0, c = 0, f;
+    let a = 0, u = 0, d = 0, b;
     const y = s.length;
-    for (let A = 0; A < y; A++) {
-      const w = s[A];
-      if (a === 0 && m === 0) {
-        if (w === Ne) {
-          n.push(s.slice(c, A)), c = A + 1;
+    for (let z = 0; z < y; z++) {
+      const w = s[z];
+      if (a === 0 && u === 0) {
+        if (w === Pe) {
+          n.push(s.slice(d, z)), d = z + 1;
           continue;
         }
         if (w === "/") {
-          f = A;
+          b = z;
           continue;
         }
       }
-      w === "[" ? a++ : w === "]" ? a-- : w === "(" ? m++ : w === ")" && m--;
+      w === "[" ? a++ : w === "]" ? a-- : w === "(" ? u++ : w === ")" && u--;
     }
-    const C = n.length === 0 ? s : s.slice(c);
-    let E = C, h = !1;
-    C.endsWith(he) ? (E = C.slice(0, -1), h = !0) : (
+    const k = n.length === 0 ? s : s.slice(d);
+    let j = k, x = !1;
+    k.endsWith(xe) ? (j = k.slice(0, -1), x = !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
        */
-      C.startsWith(he) && (E = C.slice(1), h = !0)
+      k.startsWith(xe) && (j = k.slice(1), x = !0)
     );
-    const M = f && f > c ? f - c : void 0;
-    return Pe(n, h, E, M);
+    const I = b && b > d ? b - d : void 0;
+    return ze(n, x, j, I);
   };
   if (o) {
-    const s = o + Ne, n = t;
-    t = (a) => a.startsWith(s) ? n(a.slice(s.length)) : Pe(lr, !1, a, void 0, !0);
+    const s = o + Pe, n = r;
+    r = (a) => a.startsWith(s) ? n(a.slice(s.length)) : ze(ct, !1, a, void 0, !0);
   }
-  if (r) {
-    const s = t;
-    t = (n) => r({
+  if (t) {
+    const s = r;
+    r = (n) => t({
       className: n,
       parseClassName: s
     });
   }
-  return t;
-}, dr = (e) => {
+  return r;
+}, mt = (e) => {
   const o = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((r, t) => {
-    o.set(r, 1e6 + t);
-  }), (r) => {
-    const t = [];
+  return e.orderSensitiveModifiers.forEach((t, r) => {
+    o.set(t, 1e6 + r);
+  }), (t) => {
+    const r = [];
     let s = [];
-    for (let n = 0; n < r.length; n++) {
-      const a = r[n], m = a[0] === "[", c = o.has(a);
-      m || c ? (s.length > 0 && (s.sort(), t.push(...s), s = []), t.push(a)) : s.push(a);
+    for (let n = 0; n < t.length; n++) {
+      const a = t[n], u = a[0] === "[", d = o.has(a);
+      u || d ? (s.length > 0 && (s.sort(), r.push(...s), s = []), r.push(a)) : s.push(a);
     }
-    return s.length > 0 && (s.sort(), t.push(...s)), t;
+    return s.length > 0 && (s.sort(), r.push(...s)), r;
   };
-}, mr = (e) => ({
-  cache: ir(e.cacheSize),
-  parseClassName: cr(e),
-  sortModifiers: dr(e),
-  ...Qe(e)
-}), ur = /\s+/, pr = (e, o) => {
+}, ut = (e) => ({
+  cache: lt(e.cacheSize),
+  parseClassName: dt(e),
+  sortModifiers: mt(e),
+  ...Ze(e)
+}), ft = /\s+/, pt = (e, o) => {
   const {
-    parseClassName: r,
-    getClassGroupId: t,
+    parseClassName: t,
+    getClassGroupId: r,
     getConflictingClassGroupIds: s,
     sortModifiers: n
-  } = o, a = [], m = e.trim().split(ur);
-  let c = "";
-  for (let f = m.length - 1; f >= 0; f -= 1) {
-    const y = m[f], {
-      isExternal: C,
-      modifiers: E,
-      hasImportantModifier: h,
-      baseClassName: M,
-      maybePostfixModifierPosition: A
-    } = r(y);
-    if (C) {
-      c = y + (c.length > 0 ? " " + c : c);
+  } = o, a = [], u = e.trim().split(ft);
+  let d = "";
+  for (let b = u.length - 1; b >= 0; b -= 1) {
+    const y = u[b], {
+      isExternal: k,
+      modifiers: j,
+      hasImportantModifier: x,
+      baseClassName: I,
+      maybePostfixModifierPosition: z
+    } = t(y);
+    if (k) {
+      d = y + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let w = !!A, T = t(w ? M.substring(0, A) : M);
-    if (!T) {
+    let w = !!z, _ = r(w ? I.substring(0, z) : I);
+    if (!_) {
       if (!w) {
-        c = y + (c.length > 0 ? " " + c : c);
+        d = y + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (T = t(M), !T) {
-        c = y + (c.length > 0 ? " " + c : c);
+      if (_ = r(I), !_) {
+        d = y + (d.length > 0 ? " " + d : d);
         continue;
       }
       w = !1;
     }
-    const S = E.length === 0 ? "" : E.length === 1 ? E[0] : n(E).join(":"), V = h ? S + he : S, P = V + T;
-    if (a.indexOf(P) > -1)
+    const L = j.length === 0 ? "" : j.length === 1 ? j[0] : n(j).join(":"), F = x ? L + xe : L, A = F + _;
+    if (a.indexOf(A) > -1)
       continue;
-    a.push(P);
-    const _ = s(T, w);
-    for (let O = 0; O < _.length; ++O) {
-      const k = _[O];
-      a.push(V + k);
+    a.push(A);
+    const P = s(_, w);
+    for (let v = 0; v < P.length; ++v) {
+      const $ = P[v];
+      a.push(F + $);
     }
-    c = y + (c.length > 0 ? " " + c : c);
+    d = y + (d.length > 0 ? " " + d : d);
   }
-  return c;
-}, fr = (...e) => {
-  let o = 0, r, t, s = "";
+  return d;
+}, gt = (...e) => {
+  let o = 0, t, r, s = "";
   for (; o < e.length; )
-    (r = e[o++]) && (t = De(r)) && (s && (s += " "), s += t);
+    (t = e[o++]) && (r = Oe(t)) && (s && (s += " "), s += r);
   return s;
-}, De = (e) => {
+}, Oe = (e) => {
   if (typeof e == "string")
     return e;
-  let o, r = "";
-  for (let t = 0; t < e.length; t++)
-    e[t] && (o = De(e[t])) && (r && (r += " "), r += o);
-  return r;
-}, gr = (e, ...o) => {
-  let r, t, s, n;
-  const a = (c) => {
-    const f = o.reduce((y, C) => C(y), e());
-    return r = mr(f), t = r.cache.get, s = r.cache.set, n = m, m(c);
-  }, m = (c) => {
-    const f = t(c);
-    if (f)
-      return f;
-    const y = pr(c, r);
-    return s(c, y), y;
+  let o, t = "";
+  for (let r = 0; r < e.length; r++)
+    e[r] && (o = Oe(e[r])) && (t && (t += " "), t += o);
+  return t;
+}, bt = (e, ...o) => {
+  let t, r, s, n;
+  const a = (d) => {
+    const b = o.reduce((y, k) => k(y), e());
+    return t = ut(b), r = t.cache.get, s = t.cache.set, n = u, u(d);
+  }, u = (d) => {
+    const b = r(d);
+    if (b)
+      return b;
+    const y = pt(d, t);
+    return s(d, y), y;
   };
-  return n = a, (...c) => n(fr(...c));
-}, br = [], z = (e) => {
-  const o = (r) => r[e] || br;
+  return n = a, (...d) => n(gt(...d));
+}, ht = [], N = (e) => {
+  const o = (t) => t[e] || ht;
   return o.isThemeGetter = !0, o;
-}, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, hr = /^\d+\/\d+$/, xr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, wr = /\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$/, yr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, kr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, vr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, X = (e) => hr.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && b(e.slice(0, -1)), $ = (e) => xr.test(e), Cr = () => !0, Nr = (e) => (
+}, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xt = /^\d+\/\d+$/, wt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yt = /\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$/, kt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ct = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => xt.test(e), h = (e) => !!e && !Number.isNaN(Number(e)), X = (e) => !!e && Number.isInteger(Number(e)), fe = (e) => e.endsWith("%") && h(e.slice(0, -1)), B = (e) => wt.test(e), Pt = () => !0, zt = (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.
-  wr.test(e) && !yr.test(e)
-), Ge = () => !1, Pr = (e) => kr.test(e), zr = (e) => vr.test(e), Ar = (e) => !i(e) && !l(e), Sr = (e) => J(e, je, Ge), i = (e) => Ee.test(e), Y = (e) => J(e, _e, Nr), pe = (e) => J(e, Er, b), ze = (e) => J(e, Oe, Ge), Rr = (e) => J(e, Le, zr), ie = (e) => J(e, Fe, Pr), l = (e) => Te.test(e), Q = (e) => H(e, _e), Ir = (e) => H(e, Tr), Ae = (e) => H(e, Oe), Mr = (e) => H(e, je), Dr = (e) => H(e, Le), le = (e) => H(e, Fe, !0), J = (e, o, r) => {
-  const t = Ee.exec(e);
-  return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
-}, H = (e, o, r = !1) => {
-  const t = Te.exec(e);
-  return t ? t[1] ? o(t[1]) : r : !1;
-}, Oe = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", je = (e) => e === "length" || e === "size" || e === "bg-size", _e = (e) => e === "length", Er = (e) => e === "number", Tr = (e) => e === "family-name", Fe = (e) => e === "shadow", Gr = () => {
-  const e = z("color"), o = z("font"), r = z("text"), t = z("font-weight"), s = z("tracking"), n = z("leading"), a = z("breakpoint"), m = z("container"), c = z("spacing"), f = z("radius"), y = z("shadow"), C = z("inset-shadow"), E = z("text-shadow"), h = z("drop-shadow"), M = z("blur"), A = z("perspective"), w = z("aspect"), T = z("ease"), S = z("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+  yt.test(e) && !kt.test(e)
+), Ge = () => !1, Nt = (e) => vt.test(e), At = (e) => Ct.test(e), St = (e) => !l(e) && !c(e), Rt = (e) => ee(e, _e, Ge), l = (e) => Ee.test(e), H = (e) => ee(e, Fe, zt), pe = (e) => ee(e, Et, h), Ne = (e) => ee(e, je, Ge), It = (e) => ee(e, Le, At), ce = (e) => ee(e, Ve, Nt), c = (e) => Te.test(e), oe = (e) => te(e, Fe), Mt = (e) => te(e, Tt), Ae = (e) => te(e, je), Dt = (e) => te(e, _e), Ot = (e) => te(e, Le), de = (e) => te(e, Ve, !0), ee = (e, o, t) => {
+  const r = Ee.exec(e);
+  return r ? r[1] ? o(r[1]) : t(r[2]) : !1;
+}, te = (e, o, t = !1) => {
+  const r = Te.exec(e);
+  return r ? r[1] ? o(r[1]) : t : !1;
+}, je = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", Fe = (e) => e === "length", Et = (e) => e === "number", Tt = (e) => e === "family-name", Ve = (e) => e === "shadow", Gt = () => {
+  const e = N("color"), o = N("font"), t = N("text"), r = N("font-weight"), s = N("tracking"), n = N("leading"), a = N("breakpoint"), u = N("container"), d = N("spacing"), b = N("radius"), y = N("shadow"), k = N("inset-shadow"), j = N("text-shadow"), x = N("drop-shadow"), I = N("blur"), z = N("perspective"), w = N("aspect"), _ = N("ease"), L = N("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
     "center",
     "top",
     "bottom",
@@ -319,51 +319,51 @@ const Xe = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], _ = () => [...P(), l, i], O = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], u = () => [l, i, c], F = () => [X, "full", "auto", ...u()], Z = () => [W, "none", "subgrid", l, i], ee = () => ["auto", {
-    span: ["full", W, l, i]
-  }, W, l, i], K = () => [W, "auto", l, i], re = () => ["auto", "min", "max", "fr", l, i], p = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], x = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], v = () => ["auto", ...u()], L = () => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, l, i], q = () => [...P(), Ae, ze, {
-    position: [l, i]
-  }], te = () => ["no-repeat", {
+  ], P = () => [...A(), c, l], v = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], f = () => [c, l, d], S = () => [Z, "full", "auto", ...f()], D = () => [X, "none", "subgrid", c, l], U = () => ["auto", {
+    span: ["full", X, c, l]
+  }, X, c, l], Q = () => [X, "auto", c, l], se = () => ["auto", "min", "max", "fr", c, l], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], K = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], m = () => ["auto", ...f()], p = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], i = () => [e, c, l], O = () => [...A(), Ae, Ne, {
+    position: [c, l]
+  }], E = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], we = () => ["auto", "cover", "contain", Mr, Sr, {
-    size: [l, i]
-  }], de = () => [ue, Q, Y], G = () => [
+  }], W = () => ["auto", "cover", "contain", Dt, Rt, {
+    size: [c, l]
+  }], J = () => [fe, oe, H], M = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    f,
-    l,
-    i
-  ], j = () => ["", b, Q, Y], oe = () => ["solid", "dashed", "dotted", "double"], ye = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], R = () => [b, ue, Ae, ze], ke = () => [
+    b,
+    c,
+    l
+  ], V = () => ["", h, oe, H], ne = () => ["solid", "dashed", "dotted", "double"], ye = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], R = () => [h, fe, Ae, Ne], ke = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    M,
-    l,
-    i
-  ], se = () => ["none", b, l, i], ne = () => ["none", b, l, i], me = () => [b, l, i], ae = () => [X, "full", ...u()];
+    I,
+    c,
+    l
+  ], ae = () => ["none", h, c, l], ie = () => ["none", h, c, l], ue = () => [h, c, l], le = () => [Z, "full", ...f()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [$],
-      breakpoint: [$],
-      color: [Cr],
-      container: [$],
-      "drop-shadow": [$],
+      blur: [B],
+      breakpoint: [B],
+      color: [Pt],
+      container: [B],
+      "drop-shadow": [B],
       ease: ["in", "out", "in-out"],
-      font: [Ar],
+      font: [St],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [$],
+      "inset-shadow": [B],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [$],
-      shadow: [$],
-      spacing: ["px", b],
-      text: [$],
-      "text-shadow": [$],
+      radius: [B],
+      shadow: [B],
+      spacing: ["px", h],
+      text: [B],
+      "text-shadow": [B],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -375,7 +375,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", X, i, l, w]
+        aspect: ["auto", "square", Z, l, c, w]
       }],
       /**
        * Container
@@ -388,21 +388,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [b, i, l, m]
+        columns: [h, l, c, u]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": V()
+        "break-after": F()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": V()
+        "break-before": F()
       }],
       /**
        * Break Inside
@@ -466,49 +466,49 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: _()
+        object: P()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: O()
+        overflow: v()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": O()
+        "overflow-x": v()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": O()
+        "overflow-y": v()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: k()
+        overscroll: $()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": k()
+        "overscroll-x": $()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": k()
+        "overscroll-y": $()
       }],
       /**
        * Position
@@ -520,63 +520,63 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: F()
+        inset: S()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": F()
+        "inset-x": S()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": F()
+        "inset-y": S()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: F()
+        start: S()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: F()
+        end: S()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: F()
+        top: S()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: F()
+        right: S()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: F()
+        bottom: S()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: F()
+        left: S()
       }],
       /**
        * Visibility
@@ -588,7 +588,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [W, "auto", l, i]
+        z: [X, "auto", c, l]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -598,7 +598,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [X, "full", "auto", m, ...u()]
+        basis: [Z, "full", "auto", u, ...f()]
       }],
       /**
        * Flex Direction
@@ -619,84 +619,84 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [b, X, "auto", "initial", "none", i]
+        flex: [h, Z, "auto", "initial", "none", l]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", b, l, i]
+        grow: ["", h, c, l]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", b, l, i]
+        shrink: ["", h, c, l]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [W, "first", "last", "none", l, i]
+        order: [X, "first", "last", "none", c, l]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": Z()
+        "grid-cols": D()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ee()
+        col: U()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": K()
+        "col-start": Q()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": K()
+        "col-end": Q()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": Z()
+        "grid-rows": D()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ee()
+        row: U()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": K()
+        "row-start": Q()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": K()
+        "row-end": Q()
       }],
       /**
        * Grid Auto Flow
@@ -710,70 +710,70 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": re()
+        "auto-cols": se()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": re()
+        "auto-rows": se()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: u()
+        gap: f()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": u()
+        "gap-x": f()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": u()
+        "gap-y": f()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...p(), "normal"]
+        justify: [...re(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...x(), "normal"]
+        "justify-items": [...K(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...x()]
+        "justify-self": ["auto", ...K()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...p()]
+        content: ["normal", ...re()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...x(), {
+        items: [...K(), {
           baseline: ["", "last"]
         }]
       }],
@@ -782,7 +782,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...x(), {
+        self: ["auto", ...K(), {
           baseline: ["", "last"]
         }]
       }],
@@ -791,21 +791,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": p()
+        "place-content": re()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...x(), "baseline"]
+        "place-items": [...K(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...x()]
+        "place-self": ["auto", ...K()]
       }],
       // Spacing
       /**
@@ -813,133 +813,133 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: u()
+        p: f()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: u()
+        px: f()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: u()
+        py: f()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: u()
+        ps: f()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: u()
+        pe: f()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: u()
+        pt: f()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: u()
+        pr: f()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: u()
+        pb: f()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: u()
+        pl: f()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: v()
+        m: m()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: v()
+        mx: m()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: v()
+        my: m()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: v()
+        ms: m()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: v()
+        me: m()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: v()
+        mt: m()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: v()
+        mr: m()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: v()
+        mb: m()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: v()
+        ml: m()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": u()
+        "space-x": f()
       }],
       /**
        * Space Between X Reverse
@@ -951,7 +951,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": u()
+        "space-y": f()
       }],
       /**
        * Space Between Y Reverse
@@ -966,14 +966,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: L()
+        size: p()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...L()]
+        w: [u, "screen", ...p()]
       }],
       /**
        * Min-Width
@@ -981,11 +981,11 @@ const Xe = (e, o) => {
        */
       "min-w": [{
         "min-w": [
-          m,
+          u,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...L()
+          ...p()
         ]
       }],
       /**
@@ -994,7 +994,7 @@ const Xe = (e, o) => {
        */
       "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 */
@@ -1003,7 +1003,7 @@ const Xe = (e, o) => {
           {
             screen: [a]
           },
-          ...L()
+          ...p()
         ]
       }],
       /**
@@ -1011,21 +1011,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...L()]
+        h: ["screen", "lh", ...p()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...L()]
+        "min-h": ["screen", "lh", "none", ...p()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...L()]
+        "max-h": ["screen", "lh", ...p()]
       }],
       // ------------------
       // --- Typography ---
@@ -1035,7 +1035,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, Q, Y]
+        text: ["base", t, oe, H]
       }],
       /**
        * Font Smoothing
@@ -1052,21 +1052,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, l, pe]
+        font: [r, c, pe]
       }],
       /**
        * 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", ue, i]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", fe, l]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Ir, i, o]
+        font: [Mt, l, o]
       }],
       /**
        * Font Variant Numeric
@@ -1103,14 +1103,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, l, i]
+        tracking: [s, c, l]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [b, "none", l, pe]
+        "line-clamp": [h, "none", c, pe]
       }],
       /**
        * Line Height
@@ -1120,7 +1120,7 @@ const Xe = (e, o) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           n,
-          ...u()
+          ...f()
         ]
       }],
       /**
@@ -1128,7 +1128,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", l, i]
+        "list-image": ["none", c, l]
       }],
       /**
        * List Style Position
@@ -1142,7 +1142,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", l, i]
+        list: ["disc", "decimal", "none", c, l]
       }],
       /**
        * Text Alignment
@@ -1157,14 +1157,14 @@ const Xe = (e, o) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: d()
+        placeholder: i()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: d()
+        text: i()
       }],
       /**
        * Text Decoration
@@ -1176,28 +1176,28 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...oe(), "wavy"]
+        decoration: [...ne(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [b, "from-font", "auto", l, Y]
+        decoration: [h, "from-font", "auto", c, H]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: d()
+        decoration: i()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [b, "auto", l, i]
+        "underline-offset": [h, "auto", c, l]
       }],
       /**
        * Text Transform
@@ -1221,14 +1221,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: u()
+        indent: f()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l, i]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", c, l]
       }],
       /**
        * Whitespace
@@ -1263,7 +1263,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", l, i]
+        content: ["none", c, l]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1294,21 +1294,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: q()
+        bg: O()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: te()
+        bg: E()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: we()
+        bg: W()
       }],
       /**
        * Background Image
@@ -1318,59 +1318,59 @@ const Xe = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, W, l, i],
-          radial: ["", l, i],
-          conic: [W, l, i]
-        }, Dr, Rr]
+          }, X, c, l],
+          radial: ["", c, l],
+          conic: [X, c, l]
+        }, Ot, It]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: d()
+        bg: i()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: de()
+        from: J()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: de()
+        via: J()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: de()
+        to: J()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: d()
+        from: i()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: d()
+        via: i()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: d()
+        to: i()
       }],
       // ---------------
       // --- Borders ---
@@ -1380,175 +1380,175 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: G()
+        rounded: M()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": G()
+        "rounded-s": M()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": G()
+        "rounded-e": M()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": G()
+        "rounded-t": M()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": G()
+        "rounded-r": M()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": G()
+        "rounded-b": M()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": G()
+        "rounded-l": M()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": G()
+        "rounded-ss": M()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": G()
+        "rounded-se": M()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": G()
+        "rounded-ee": M()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": G()
+        "rounded-es": M()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": G()
+        "rounded-tl": M()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": G()
+        "rounded-tr": M()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": G()
+        "rounded-br": M()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": G()
+        "rounded-bl": M()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: j()
+        border: V()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": j()
+        "border-x": V()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": j()
+        "border-y": V()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": j()
+        "border-s": V()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": j()
+        "border-e": V()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": j()
+        "border-t": V()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": j()
+        "border-r": V()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": j()
+        "border-b": V()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": j()
+        "border-l": V()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": j()
+        "divide-x": V()
       }],
       /**
        * Divide Width X Reverse
@@ -1560,7 +1560,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": j()
+        "divide-y": V()
       }],
       /**
        * Divide Width Y Reverse
@@ -1572,112 +1572,112 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...oe(), "hidden", "none"]
+        border: [...ne(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...oe(), "hidden", "none"]
+        divide: [...ne(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: d()
+        border: i()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": d()
+        "border-x": i()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": d()
+        "border-y": i()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": d()
+        "border-s": i()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": d()
+        "border-e": i()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": d()
+        "border-t": i()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": d()
+        "border-r": i()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": d()
+        "border-b": i()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": d()
+        "border-l": i()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: d()
+        divide: i()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...oe(), "none", "hidden"]
+        outline: [...ne(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [b, l, i]
+        "outline-offset": [h, c, l]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", b, Q, Y]
+        outline: ["", h, oe, H]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: d()
+        outline: i()
       }],
       // ---------------
       // --- Effects ---
@@ -1692,8 +1692,8 @@ const Xe = (e, o) => {
           "",
           "none",
           y,
-          le,
-          ie
+          de,
+          ce
         ]
       }],
       /**
@@ -1701,28 +1701,28 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: d()
+        shadow: i()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", C, le, ie]
+        "inset-shadow": ["none", k, de, ce]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": d()
+        "inset-shadow": i()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: j()
+        ring: V()
       }],
       /**
        * Ring Width Inset
@@ -1736,7 +1736,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: d()
+        ring: i()
       }],
       /**
        * Ring Offset Width
@@ -1745,7 +1745,7 @@ const Xe = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [b, Y]
+        "ring-offset": [h, H]
       }],
       /**
        * Ring Offset Color
@@ -1754,42 +1754,42 @@ const Xe = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": d()
+        "ring-offset": i()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": j()
+        "inset-ring": V()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": d()
+        "inset-ring": i()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", E, le, ie]
+        "text-shadow": ["none", j, de, ce]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": d()
+        "text-shadow": i()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [b, l, i]
+        opacity: [h, c, l]
       }],
       /**
        * Mix Blend Mode
@@ -1824,7 +1824,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [b]
+        "mask-linear": [h]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": R()
@@ -1833,10 +1833,10 @@ const Xe = (e, o) => {
         "mask-linear-to": R()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": d()
+        "mask-linear-from": i()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": d()
+        "mask-linear-to": i()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": R()
@@ -1845,10 +1845,10 @@ const Xe = (e, o) => {
         "mask-t-to": R()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": d()
+        "mask-t-from": i()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": d()
+        "mask-t-to": i()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": R()
@@ -1857,10 +1857,10 @@ const Xe = (e, o) => {
         "mask-r-to": R()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": d()
+        "mask-r-from": i()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": d()
+        "mask-r-to": i()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": R()
@@ -1869,10 +1869,10 @@ const Xe = (e, o) => {
         "mask-b-to": R()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": d()
+        "mask-b-from": i()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": d()
+        "mask-b-to": i()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": R()
@@ -1881,10 +1881,10 @@ const Xe = (e, o) => {
         "mask-l-to": R()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": d()
+        "mask-l-from": i()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": d()
+        "mask-l-to": i()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": R()
@@ -1893,10 +1893,10 @@ const Xe = (e, o) => {
         "mask-x-to": R()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": d()
+        "mask-x-from": i()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": d()
+        "mask-x-to": i()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": R()
@@ -1905,13 +1905,13 @@ const Xe = (e, o) => {
         "mask-y-to": R()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": d()
+        "mask-y-from": i()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": d()
+        "mask-y-to": i()
       }],
       "mask-image-radial": [{
-        "mask-radial": [l, i]
+        "mask-radial": [c, l]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": R()
@@ -1920,10 +1920,10 @@ const Xe = (e, o) => {
         "mask-radial-to": R()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": d()
+        "mask-radial-from": i()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": d()
+        "mask-radial-to": i()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1935,10 +1935,10 @@ const Xe = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": P()
+        "mask-radial-at": A()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [b]
+        "mask-conic": [h]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": R()
@@ -1947,10 +1947,10 @@ const Xe = (e, o) => {
         "mask-conic-to": R()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": d()
+        "mask-conic-from": i()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": d()
+        "mask-conic-to": i()
       }],
       /**
        * Mask Mode
@@ -1971,21 +1971,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: q()
+        mask: O()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: te()
+        mask: E()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: we()
+        mask: W()
       }],
       /**
        * Mask Type
@@ -1999,7 +1999,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", l, i]
+        mask: ["none", c, l]
       }],
       // ---------------
       // --- Filters ---
@@ -2013,8 +2013,8 @@ const Xe = (e, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          l,
-          i
+          c,
+          l
         ]
       }],
       /**
@@ -2029,14 +2029,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [b, l, i]
+        brightness: [h, c, l]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [b, l, i]
+        contrast: [h, c, l]
       }],
       /**
        * Drop Shadow
@@ -2047,9 +2047,9 @@ const Xe = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          h,
-          le,
-          ie
+          x,
+          de,
+          ce
         ]
       }],
       /**
@@ -2057,42 +2057,42 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": d()
+        "drop-shadow": i()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", b, l, i]
+        grayscale: ["", h, c, l]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [b, l, i]
+        "hue-rotate": [h, c, l]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", b, l, i]
+        invert: ["", h, c, l]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [b, l, i]
+        saturate: [h, c, l]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", b, l, i]
+        sepia: ["", h, c, l]
       }],
       /**
        * Backdrop Filter
@@ -2103,8 +2103,8 @@ const Xe = (e, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          l,
-          i
+          c,
+          l
         ]
       }],
       /**
@@ -2119,56 +2119,56 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [b, l, i]
+        "backdrop-brightness": [h, c, l]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [b, l, i]
+        "backdrop-contrast": [h, c, l]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", b, l, i]
+        "backdrop-grayscale": ["", h, c, l]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [b, l, i]
+        "backdrop-hue-rotate": [h, c, l]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", b, l, i]
+        "backdrop-invert": ["", h, c, l]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [b, l, i]
+        "backdrop-opacity": [h, c, l]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [b, l, i]
+        "backdrop-saturate": [h, c, l]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", b, l, i]
+        "backdrop-sepia": ["", h, c, l]
       }],
       // --------------
       // --- Tables ---
@@ -2185,21 +2185,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": u()
+        "border-spacing": f()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": u()
+        "border-spacing-x": f()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": u()
+        "border-spacing-y": f()
       }],
       /**
        * Table Layout
@@ -2223,7 +2223,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", l, i]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", c, l]
       }],
       /**
        * Transition Behavior
@@ -2237,28 +2237,28 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [b, "initial", l, i]
+        duration: [h, "initial", c, l]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", T, l, i]
+        ease: ["linear", "initial", _, c, l]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [b, l, i]
+        delay: [h, c, l]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", S, l, i]
+        animate: ["none", L, c, l]
       }],
       // ------------------
       // --- Transforms ---
@@ -2275,70 +2275,70 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [A, l, i]
+        perspective: [z, c, l]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": _()
+        "perspective-origin": P()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: se()
+        rotate: ae()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": se()
+        "rotate-x": ae()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": se()
+        "rotate-y": ae()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": se()
+        "rotate-z": ae()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: ne()
+        scale: ie()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": ne()
+        "scale-x": ie()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": ne()
+        "scale-y": ie()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": ne()
+        "scale-z": ie()
       }],
       /**
        * Scale 3D
@@ -2350,35 +2350,35 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: me()
+        skew: ue()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": me()
+        "skew-x": ue()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": me()
+        "skew-y": ue()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [l, i, "", "none", "gpu", "cpu"]
+        transform: [c, l, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: _()
+        origin: P()
       }],
       /**
        * Transform Style
@@ -2392,28 +2392,28 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: ae()
+        translate: le()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": ae()
+        "translate-x": le()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": ae()
+        "translate-y": le()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": ae()
+        "translate-z": le()
       }],
       /**
        * Translate None
@@ -2428,7 +2428,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: d()
+        accent: i()
       }],
       /**
        * Appearance
@@ -2442,7 +2442,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: d()
+        caret: i()
       }],
       /**
        * Color Scheme
@@ -2456,7 +2456,7 @@ const Xe = (e, o) => {
        * @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", l, 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", c, l]
       }],
       /**
        * Field Sizing
@@ -2491,126 +2491,126 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": u()
+        "scroll-m": f()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": u()
+        "scroll-mx": f()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": u()
+        "scroll-my": f()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": u()
+        "scroll-ms": f()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": u()
+        "scroll-me": f()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": u()
+        "scroll-mt": f()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": u()
+        "scroll-mr": f()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": u()
+        "scroll-mb": f()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": u()
+        "scroll-ml": f()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": u()
+        "scroll-p": f()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": u()
+        "scroll-px": f()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": u()
+        "scroll-py": f()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": u()
+        "scroll-ps": f()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": u()
+        "scroll-pe": f()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": u()
+        "scroll-pt": f()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": u()
+        "scroll-pr": f()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": u()
+        "scroll-pb": f()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": u()
+        "scroll-pl": f()
       }],
       /**
        * Scroll Snap Align
@@ -2678,7 +2678,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", l, i]
+        "will-change": ["auto", "scroll", "contents", "transform", c, l]
       }],
       // -----------
       // --- SVG ---
@@ -2688,21 +2688,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...d()]
+        fill: ["none", ...i()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [b, Q, Y, pe]
+        stroke: [h, oe, H, pe]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...d()]
+        stroke: ["none", ...i()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2770,122 +2770,127 @@ const Xe = (e, o) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Or = /* @__PURE__ */ gr(Gr);
-function N(...e) {
-  return Or(qe(e));
+}, jt = /* @__PURE__ */ bt(Gt);
+function C(...e) {
+  return jt(Xe(e));
 }
-const Lr = {
+const Lt = {
   purple: "bg-purple-500",
   green: "bg-green-500",
   blue: "bg-blue-500",
   yellow: "bg-yellow-400 !text-yellow-900",
   red: "bg-red-500"
-}, jr = ({
+}, _t = ({
   id: e,
   title: o,
-  price: r,
-  periodLabel: t,
+  price: t,
+  periodLabel: r,
   features: s,
   isSelected: n,
   onSelect: a,
-  topBadge: m,
-  discountBadge: c,
-  premiumCallout: f,
+  topBadge: u,
+  discountBadge: d,
+  premiumCallout: b,
   bottomNote: y,
-  introPriceNote: C,
-  isBestValue: E = !1,
-  ctaButton: h,
-  className: M,
-  children: A,
+  introPriceNote: k,
+  isBestValue: j = !1,
+  ctaButton: x,
+  className: I,
+  children: z,
   disabled: w = !1,
-  ariaLabel: T
+  ariaLabel: _,
+  onTrack: L,
+  trackingLabel: F,
+  componentName: A = "SubscriptionTile"
 }) => {
-  const S = !!h, V = n ? "bg-blue-600 text-white ring-4 ring-blue-600 ring-offset-4 ring-offset-white dark:ring-offset-gray-900 border-transparent" : "bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 hover:shadow-md", P = () => {
-    !w && !S && a();
-  }, _ = (k) => {
-    !w && !S && (k.key === "Enter" || k.key === " ") && (k.preventDefault(), a());
-  }, O = (k) => {
-    k.stopPropagation(), h?.onClick && h.onClick();
+  const P = !!x, v = n ? "bg-blue-600 text-white ring-4 ring-blue-600 ring-offset-4 ring-offset-white dark:ring-offset-gray-900 border-transparent" : "bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 hover:shadow-md", $ = () => {
+    !w && !P && (L?.({ action: "select", trackingLabel: F, componentName: A }), a());
+  }, f = (D) => {
+    !w && !P && (D.key === "Enter" || D.key === " ") && (D.preventDefault(), L?.({ action: "select", trackingLabel: F, componentName: A }), a());
+  }, S = (D) => {
+    D.stopPropagation(), L?.({ action: "cta_click", trackingLabel: F, componentName: A }), x?.onClick && x.onClick();
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ G(
     "div",
     {
-      className: N(
-        "relative rounded-2xl p-6 transition-all flex flex-col",
-        w ? "opacity-50 cursor-not-allowed" : S ? "cursor-default" : "cursor-pointer",
-        V,
-        M
+      className: C(
+        "relative rounded-2xl p-6 transition-all flex flex-col h-full",
+        // Add extra bottom padding for radio button when not in CTA mode
+        !P && "pb-14",
+        w ? "opacity-50 cursor-not-allowed" : P ? "cursor-default" : "cursor-pointer",
+        v,
+        I
       ),
-      onClick: P,
-      onKeyDown: _,
-      role: S ? "article" : "radio",
-      "aria-checked": S ? void 0 : n,
-      "aria-label": T || `${o} - ${r}${t || ""}`,
+      onClick: $,
+      onKeyDown: f,
+      role: P ? "article" : "radio",
+      "aria-checked": P ? void 0 : n,
+      "aria-label": _ || `${o} - ${t}${r || ""}`,
       "aria-disabled": w,
-      tabIndex: S || w ? -1 : 0,
+      tabIndex: P || w ? -1 : 0,
       children: [
-        m && /* @__PURE__ */ g("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ g(
+        u && /* @__PURE__ */ g("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ g(
           "span",
           {
-            className: N(
-              Lr[m.color],
-              "text-white px-3 py-1 rounded-full text-sm font-semibold shadow-lg whitespace-nowrap"
+            className: C(
+              Lt[u.color],
+              "text-white px-4 py-1.5 rounded-full text-sm font-semibold shadow-lg whitespace-nowrap"
             ),
-            children: m.text
+            children: u.text
           }
         ) }),
-        /* @__PURE__ */ I("div", { className: "flex flex-col flex-grow", children: [
-          /* @__PURE__ */ I("div", { className: "text-center mb-6", children: [
+        /* @__PURE__ */ G("div", { className: "flex flex-col flex-grow", children: [
+          /* @__PURE__ */ G("div", { className: C("text-center mb-6", u && "mt-2"), children: [
             /* @__PURE__ */ g(
               "h3",
               {
-                className: N(
-                  be.heading.h4(),
+                className: C(
+                  he.heading.h4(),
                   "mb-2",
                   n ? "text-white" : ""
                 ),
                 children: o
               }
             ),
-            /* @__PURE__ */ I("div", { className: "mb-3", children: [
+            /* @__PURE__ */ G("div", { className: "mb-3", children: [
               /* @__PURE__ */ g(
                 "span",
                 {
-                  className: N(
+                  className: C(
                     "text-4xl font-bold",
                     n ? "text-white" : "text-gray-900 dark:text-gray-100"
                   ),
-                  children: r
+                  children: t
                 }
               ),
-              t && /* @__PURE__ */ g(
+              r && /* @__PURE__ */ g(
                 "span",
                 {
-                  className: N(
+                  className: C(
                     "text-lg",
                     n ? "text-blue-100" : "text-gray-500 dark:text-gray-400"
                   ),
-                  children: t
+                  children: r
                 }
               )
             ] }),
-            c && /* @__PURE__ */ g(
+            d && /* @__PURE__ */ g(
               "div",
               {
-                className: N(
+                className: C(
                   "inline-flex items-center px-2 py-1 rounded-full text-sm font-semibold",
                   n ? "bg-blue-500 text-white" : "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300"
                 ),
-                children: c.text
+                children: d.text
               }
             )
           ] }),
-          A,
-          s.length > 0 && /* @__PURE__ */ g("div", { className: "space-y-3 mb-6 flex-grow", children: s.map((k, u) => /* @__PURE__ */ I("div", { className: "flex items-start", children: [
+          z,
+          s.length > 0 && /* @__PURE__ */ g("div", { className: "space-y-3 mb-6 flex-grow", children: s.map((D, U) => /* @__PURE__ */ G("div", { className: "flex items-start", children: [
             /* @__PURE__ */ g(
               "svg",
               {
-                className: N(
+                className: C(
                   "w-5 h-5 mr-3 flex-shrink-0",
                   n ? "text-blue-200" : "text-green-500"
                 ),
@@ -2906,18 +2911,18 @@ const Lr = {
             /* @__PURE__ */ g(
               "span",
               {
-                className: N(
+                className: C(
                   "text-sm text-left",
                   n ? "text-white" : "text-gray-700 dark:text-gray-300"
                 ),
-                children: k.replace(/^✓\s*/, "")
+                children: D.replace(/^✓\s*/, "")
               }
             )
-          ] }, u)) }),
-          f && /* @__PURE__ */ I(
+          ] }, U)) }),
+          b && /* @__PURE__ */ G(
             "div",
             {
-              className: N(
+              className: C(
                 "rounded-lg p-4 mb-4",
                 n ? "bg-blue-500/30" : "bg-gradient-to-r from-purple-50 to-blue-50 dark:from-purple-900/20 dark:to-blue-900/20"
               ),
@@ -2925,24 +2930,24 @@ const Lr = {
                 /* @__PURE__ */ g("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ g(
                   "span",
                   {
-                    className: N(
+                    className: C(
                       "font-semibold text-sm",
                       n ? "text-white" : "text-purple-600 dark:text-purple-400"
                     ),
-                    children: f.title
+                    children: b.title
                   }
                 ) }),
                 /* @__PURE__ */ g(
                   "ul",
                   {
-                    className: N(
+                    className: C(
                       "text-xs space-y-1",
                       n ? "text-blue-100" : "text-gray-600 dark:text-gray-400"
                     ),
-                    children: f.features.map((k, u) => /* @__PURE__ */ I("li", { children: [
+                    children: b.features.map((D, U) => /* @__PURE__ */ G("li", { children: [
                       "• ",
-                      k
-                    ] }, u))
+                      D
+                    ] }, U))
                   }
                 )
               ]
@@ -2951,7 +2956,7 @@ const Lr = {
           y && /* @__PURE__ */ g(
             "div",
             {
-              className: N(
+              className: C(
                 "text-center text-sm font-medium mb-4",
                 n ? "text-blue-100" : "text-blue-600 dark:text-blue-400"
               ),
@@ -2959,140 +2964,140 @@ const Lr = {
             }
           )
         ] }),
-        /* @__PURE__ */ I("div", { className: "mt-auto space-y-4", children: [
-          C && /* @__PURE__ */ g(
-            "div",
-            {
-              className: N(
-                "p-3 rounded-lg",
-                n ? "bg-blue-500/30" : "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800"
-              ),
-              children: /* @__PURE__ */ g(
-                "p",
-                {
-                  className: N(
-                    "text-sm font-semibold text-center",
-                    n ? "text-white" : "text-yellow-700 dark:text-yellow-300"
-                  ),
-                  children: C
-                }
-              )
-            }
-          ),
-          S ? (
-            // CTA Button - like pricing page
-            h.href ? /* @__PURE__ */ g(
-              "a",
-              {
-                href: h.href,
-                className: N(
-                  "block w-full py-3 font-semibold rounded-lg text-center transition-colors",
-                  n ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700"
-                ),
-                onClick: (k) => k.stopPropagation(),
-                children: h.label
-              }
-            ) : /* @__PURE__ */ g(
-              "button",
+        k && /* @__PURE__ */ g(
+          "div",
+          {
+            className: C(
+              "p-3 rounded-lg mt-auto",
+              n ? "bg-blue-500/30" : "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800"
+            ),
+            children: /* @__PURE__ */ g(
+              "p",
               {
-                onClick: O,
-                disabled: w,
-                className: N(
-                  "w-full py-3 font-semibold rounded-lg transition-colors",
-                  n ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700",
-                  w && "opacity-50 cursor-not-allowed"
+                className: C(
+                  "text-sm font-semibold text-center",
+                  n ? "text-white" : "text-yellow-700 dark:text-yellow-300"
                 ),
-                children: h.label
+                children: k
               }
             )
-          ) : (
-            // Radio button indicator (Style 1)
-            /* @__PURE__ */ g("div", { className: "flex justify-center", children: /* @__PURE__ */ g(
-              "div",
-              {
-                className: N(
-                  "w-5 h-5 rounded-full border-2 flex items-center justify-center",
-                  n ? "border-white bg-white" : "border-gray-300 dark:border-gray-600"
-                ),
-                children: n && /* @__PURE__ */ g("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
-              }
-            ) })
-          )
-        ] })
+          }
+        ),
+        P && /* @__PURE__ */ g("div", { className: "mt-auto", children: x.href ? /* @__PURE__ */ g(
+          "a",
+          {
+            href: x.href,
+            className: C(
+              "block w-full py-3 font-semibold rounded-lg text-center transition-colors",
+              n ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700"
+            ),
+            onClick: (D) => D.stopPropagation(),
+            children: x.label
+          }
+        ) : /* @__PURE__ */ g(
+          "button",
+          {
+            onClick: S,
+            disabled: w,
+            className: C(
+              "w-full py-3 font-semibold rounded-lg transition-colors",
+              n ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700",
+              w && "opacity-50 cursor-not-allowed"
+            ),
+            children: x.label
+          }
+        ) }),
+        !P && /* @__PURE__ */ g("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ g(
+          "div",
+          {
+            className: C(
+              "w-5 h-5 rounded-full border-2 flex items-center justify-center",
+              n ? "border-white bg-white" : "border-gray-300 dark:border-gray-600"
+            ),
+            children: n && /* @__PURE__ */ g("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
+          }
+        ) })
       ]
     }
   );
-}, Yr = ({
+}, Kt = ({
   title: e,
   children: o,
-  error: r,
-  variant: t = "selection",
+  error: t,
+  variant: r = "selection",
   currentStatus: s,
   primaryAction: n,
   secondaryAction: a,
-  minTileWidth: m = 240,
-  className: c,
-  headerContent: f,
+  minTileWidth: u = 240,
+  className: d,
+  headerContent: b,
   aboveProducts: y,
-  footerContent: C,
-  currentStatusLabel: E = "Current Status",
-  freeTileConfig: h
+  footerContent: k,
+  currentStatusLabel: j = "Current Status",
+  freeTileConfig: x,
+  onTrack: I,
+  trackingLabel: z,
+  componentName: w = "SubscriptionLayout"
 }) => {
-  const M = t === "selection" && n, A = t === "cta" && h, w = {
+  const _ = r === "selection" && n, L = () => {
+    I?.({ action: "primary_action", trackingLabel: z, componentName: w }), n?.onClick();
+  }, F = () => {
+    I?.({ action: "secondary_action", trackingLabel: z, componentName: w }), a?.onClick();
+  }, A = r === "cta" && x, P = {
     display: "grid",
-    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${m}px), 1fr))`,
+    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${u}px), 1fr))`,
     gap: "1.5rem"
   };
-  return /* @__PURE__ */ g(Be, { className: c, children: /* @__PURE__ */ I(We, { className: "pt-6", children: [
-    f,
-    s && /* @__PURE__ */ I($e, { children: [
-      /* @__PURE__ */ g("h2", { className: N(be.heading.h3(), "mb-4"), children: E }),
-      s.isActive ? /* @__PURE__ */ I("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
-        /* @__PURE__ */ I("div", { className: "flex items-center mb-2", children: [
+  return /* @__PURE__ */ g(Be, { className: d, children: /* @__PURE__ */ G(Ue, { className: "pt-6", children: [
+    b,
+    s && /* @__PURE__ */ G(We, { children: [
+      /* @__PURE__ */ g("h2", { className: C(he.heading.h3(), "mb-4"), children: j }),
+      s.isActive ? /* @__PURE__ */ G("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
+        /* @__PURE__ */ G("div", { className: "flex items-center mb-2", children: [
           /* @__PURE__ */ g("div", { className: "w-3 h-3 bg-green-500 rounded-full mr-3" }),
           /* @__PURE__ */ g("span", { className: "font-semibold text-green-800 dark:text-green-300", children: s.activeContent?.title || "Active Subscription" })
         ] }),
         s.activeContent?.fields && s.activeContent.fields.length > 0 && /* @__PURE__ */ g("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4", children: s.activeContent.fields.map(
-          (T, S) => /* @__PURE__ */ I("div", { children: [
-            /* @__PURE__ */ g("p", { className: "text-sm text-green-600 dark:text-green-400", children: T.label }),
-            /* @__PURE__ */ g("p", { className: "font-semibold text-green-800 dark:text-green-300", children: T.value })
-          ] }, S)
+          (v, $) => /* @__PURE__ */ G("div", { children: [
+            /* @__PURE__ */ g("p", { className: "text-sm text-green-600 dark:text-green-400", children: v.label }),
+            /* @__PURE__ */ g("p", { className: "font-semibold text-green-800 dark:text-green-300", children: v.value })
+          ] }, $)
         ) })
-      ] }) : /* @__PURE__ */ I("div", { className: "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4 mb-6", children: [
-        /* @__PURE__ */ I("div", { className: "flex items-center mb-2", children: [
+      ] }) : /* @__PURE__ */ G("div", { className: "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4 mb-6", children: [
+        /* @__PURE__ */ G("div", { className: "flex items-center mb-2", children: [
           /* @__PURE__ */ g("div", { className: "w-3 h-3 bg-yellow-500 rounded-full mr-3" }),
           /* @__PURE__ */ g("span", { className: "font-semibold text-yellow-800 dark:text-yellow-300", children: s.inactiveContent?.title || "No Active Subscription" })
         ] }),
         s.inactiveContent?.message && /* @__PURE__ */ g("p", { className: "text-yellow-700 dark:text-yellow-400", children: s.inactiveContent.message })
       ] })
     ] }),
-    /* @__PURE__ */ g("h2", { className: N(be.heading.h3(), "mb-4"), children: e }),
+    /* @__PURE__ */ g("h2", { className: C(he.heading.h3(), "mb-4"), children: e }),
     y,
-    /* @__PURE__ */ I("div", { style: w, children: [
+    /* @__PURE__ */ G("div", { style: P, children: [
       A && /* @__PURE__ */ g(
-        jr,
+        _t,
         {
           id: "free",
-          title: h.title,
-          price: h.price,
-          periodLabel: h.periodLabel,
-          features: h.features,
+          title: x.title,
+          price: x.price,
+          periodLabel: x.periodLabel,
+          features: x.features,
           isSelected: !1,
           onSelect: () => {
           },
-          topBadge: h.topBadge,
-          ctaButton: h.ctaButton
+          topBadge: x.topBadge,
+          ctaButton: x.ctaButton
         }
       ),
       o
     ] }),
-    C,
-    r && /* @__PURE__ */ g("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mt-6", children: /* @__PURE__ */ g("p", { className: "text-red-600 dark:text-red-400", children: r }) }),
-    M && /* @__PURE__ */ I("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
+    k,
+    t && /* @__PURE__ */ g("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mt-6", children: /* @__PURE__ */ g("p", { className: "text-red-600 dark:text-red-400", children: t }) }),
+    _ && /* @__PURE__ */ G("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
       a && /* @__PURE__ */ g(
         ve,
         {
-          onClick: a.onClick,
+          onClick: F,
           disabled: a.disabled || a.loading,
           variant: "outline",
           className: "sm:flex-shrink-0",
@@ -3102,7 +3107,7 @@ const Lr = {
       /* @__PURE__ */ g(
         ve,
         {
-          onClick: n.onClick,
+          onClick: L,
           disabled: n.disabled || n.loading,
           className: "flex-1",
           children: n.label
@@ -3111,11 +3116,11 @@ const Lr = {
     ] })
   ] }) });
 };
-function Kr({
+function Yt({
   options: e,
   value: o,
-  onChange: r,
-  className: t,
+  onChange: t,
+  className: r,
   disabled: s = !1,
   size: n = "md"
 }) {
@@ -3127,269 +3132,294 @@ function Kr({
   return /* @__PURE__ */ g(
     "div",
     {
-      className: N(
+      className: C(
         "inline-flex rounded-lg bg-gray-100 dark:bg-gray-800 p-1",
         s && "opacity-50",
-        t
+        r
       ),
       role: "radiogroup",
-      children: e.map((m) => {
-        const c = o === m.value;
+      children: e.map((u) => {
+        const d = o === u.value;
         return /* @__PURE__ */ g(
           "button",
           {
             type: "button",
             role: "radio",
-            "aria-checked": c,
+            "aria-checked": d,
             disabled: s,
-            onClick: () => !s && r(m.value),
-            className: N(
+            onClick: () => !s && t(u.value),
+            className: C(
               a[n],
               "font-medium rounded-md transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
-              c ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white",
+              d ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white",
               s && "cursor-not-allowed"
             ),
-            children: m.label
+            children: u.label
           },
-          m.value
+          u.value
         );
       })
     }
   );
 }
-let fe = null;
-const _r = async () => (fe || (fe = await import("@revenuecat/purchases-js")), fe);
-let D = null;
-const Fr = (e) => {
-  const o = e.rcBillingProduct, r = o?.defaultSubscriptionOption;
+let ge = null;
+const Ft = async () => (ge || (ge = await import("@revenuecat/purchases-js")), ge);
+let T = null;
+const Se = (e, o) => {
+  const t = e.rcBillingProduct, r = t?.defaultSubscriptionOption, s = typeof o?.entitlement == "string" ? o.entitlement : void 0;
   return {
     identifier: e.identifier,
-    productId: o?.identifier || void 0,
-    price: o?.currentPrice?.amountMicros ? (o.currentPrice.amountMicros / 1e6).toFixed(2) : "0",
-    priceString: o?.currentPrice?.formattedPrice || "$0",
-    title: o?.title || e.identifier,
-    description: o?.description || "",
-    period: o?.normalPeriodDuration || void 0,
+    productId: t?.identifier || void 0,
+    price: t?.currentPrice?.amountMicros ? (t.currentPrice.amountMicros / 1e6).toFixed(2) : "0",
+    priceString: t?.currentPrice?.formattedPrice || "$0",
+    title: t?.title || e.identifier,
+    description: t?.description || "",
+    period: t?.normalPeriodDuration || void 0,
     introPrice: r?.introPrice?.price?.formattedPrice || void 0,
     introPriceAmount: r?.introPrice?.price?.amountMicros ? (r.introPrice.price.amountMicros / 1e6).toFixed(2) : void 0,
     introPricePeriod: r?.introPrice?.periodDuration || void 0,
     introPriceCycles: r?.introPrice?.cycleCount || void 0,
-    freeTrialPeriod: r?.trial?.periodDuration || void 0
+    freeTrialPeriod: r?.trial?.periodDuration || void 0,
+    entitlement: s
   };
-}, ge = (e, o) => {
-  const r = e.entitlements.active[o];
-  return r ? {
+}, be = (e, o) => {
+  const t = e.entitlements.active[o];
+  return t ? {
     isActive: !0,
-    expirationDate: r.expirationDate ? new Date(r.expirationDate) : void 0,
-    purchaseDate: r.latestPurchaseDate ? new Date(r.latestPurchaseDate) : void 0,
-    productIdentifier: r.productIdentifier,
-    willRenew: r.willRenew,
-    isSandbox: r.isSandbox,
-    unsubscribeDetectedAt: r.unsubscribeDetectedAt ? new Date(r.unsubscribeDetectedAt) : void 0,
-    billingIssueDetectedAt: r.billingIssueDetectedAt ? new Date(r.billingIssueDetectedAt) : void 0
+    expirationDate: t.expirationDate ? new Date(t.expirationDate) : void 0,
+    purchaseDate: t.latestPurchaseDate ? new Date(t.latestPurchaseDate) : void 0,
+    productIdentifier: t.productIdentifier,
+    willRenew: t.willRenew,
+    isSandbox: t.isSandbox,
+    unsubscribeDetectedAt: t.unsubscribeDetectedAt ? new Date(t.unsubscribeDetectedAt) : void 0,
+    billingIssueDetectedAt: t.billingIssueDetectedAt ? new Date(t.billingIssueDetectedAt) : void 0
   } : { isActive: !1 };
-}, Ve = Ue(
+}, $e = Ke(
   void 0
-), qr = ({
+), qt = ({
   apiKey: e,
   entitlementId: o,
-  userEmail: r,
-  onError: t,
+  userEmail: t,
+  onError: r,
   onPurchaseSuccess: s,
   children: n
 }) => {
-  const [a, m] = U([]), [c, f] = U(null), [y, C] = U(!1), [E, h] = U(null), [M, A] = U(!1), [w, T] = U(null), [S, V] = U(null), P = !e || e === "your_revenuecat_api_key_here", _ = B(() => {
-    m([]), f(null), V(null), h(null), A(!1), T(null), D = null;
-  }, []), O = B(async () => {
-    if (D)
+  const [a, u] = Y([]), [d, b] = Y(null), [y, k] = Y(!1), [j, x] = Y(null), [I, z] = Y(!1), [w, _] = Y(null), [L, F] = Y(null), [A, P] = Y(null), v = !e || e === "your_revenuecat_api_key_here", $ = q(() => {
+    u([]), b(null), F(null), P(null), x(null), z(!1), _(null), T = null;
+  }, []), f = q(async () => {
+    if (T)
       try {
-        const p = await D.getOfferings();
-        if (p.current) {
-          V(p.current);
-          const x = p.current.availablePackages.map(
-            Fr
+        const m = await T.getOfferings();
+        m.current && F(m.current);
+        const p = m.all;
+        if (p) {
+          P(p);
+          const i = [];
+          for (const O of Object.keys(p)) {
+            const E = p[O];
+            if (E?.availablePackages) {
+              const W = E.metadata, J = E.availablePackages.map(
+                (M) => Se(M, W)
+              );
+              i.push(...J);
+            }
+          }
+          u(i);
+        } else if (m.current) {
+          const i = m.current.metadata, O = m.current.availablePackages.map(
+            (E) => Se(E, i)
           );
-          m(x);
+          u(O);
         }
-      } catch (p) {
-        const x = p instanceof Error ? p.message : "Failed to load offerings";
-        h(x), t?.(p instanceof Error ? p : new Error(x));
+      } catch (m) {
+        const p = m instanceof Error ? m.message : "Failed to load offerings";
+        x(p), r?.(m instanceof Error ? m : new Error(p));
       }
-  }, [t]), k = B(async () => {
-    if (D)
+  }, [r]), S = q(async () => {
+    if (T)
       try {
-        const p = await D.getCustomerInfo(), x = ge(p, o);
-        f(x.isActive ? x : null);
-      } catch (p) {
-        const x = p instanceof Error ? p.message : "Failed to load subscription status";
-        h(x), t?.(p instanceof Error ? p : new Error(x));
+        const m = await T.getCustomerInfo(), p = be(m, o);
+        b(p.isActive ? p : null);
+      } catch (m) {
+        const p = m instanceof Error ? m.message : "Failed to load subscription status";
+        x(p), r?.(m instanceof Error ? m : new Error(p));
       }
-  }, [o, t]), u = B(
-    async (p, x) => {
-      if (w && w !== p && _(), !(M && w === p))
+  }, [o, r]), D = q(
+    async (m, p) => {
+      if (w && w !== m && $(), !(I && w === m))
         try {
-          if (C(!0), h(null), P)
+          if (k(!0), x(null), v)
             console.warn(
               "[SubscriptionProvider] RevenueCat API key not configured"
-            ), m([]), f(null);
+            ), u([]), b(null);
           else {
-            const v = await _r(), L = {
+            const i = await Ft(), O = {
               apiKey: e,
-              appUserId: p
+              appUserId: m
             };
-            D = v.Purchases.configure(L);
-            const d = x || r;
-            if (d && D)
+            T = i.Purchases.configure(O);
+            const E = p || t;
+            if (E && T)
               try {
-                await D.setAttributes({ email: d });
+                await T.setAttributes({ email: E });
               } catch {
               }
-            await Promise.all([O(), k()]);
+            await Promise.all([f(), S()]);
           }
-          T(p), A(!0);
-        } catch (v) {
-          const L = v instanceof Error ? v.message : "Failed to initialize";
-          h(L), f(null), m([]), t?.(v instanceof Error ? v : new Error(L));
+          _(m), z(!0);
+        } catch (i) {
+          const O = i instanceof Error ? i.message : "Failed to initialize";
+          x(O), b(null), u([]), r?.(i instanceof Error ? i : new Error(O));
         } finally {
-          C(!1);
+          k(!1);
         }
     },
     [
       w,
-      M,
-      P,
+      I,
+      v,
       e,
-      r,
-      O,
-      k,
       t,
-      _
+      f,
+      S,
+      r,
+      $
     ]
-  ), F = B(
-    async (p) => {
+  ), U = q(
+    async (m) => {
       try {
-        if (C(!0), h(null), P) {
-          await new Promise((te) => setTimeout(te, 2e3));
-          const q = {
+        if (k(!0), x(null), v) {
+          await new Promise((W) => setTimeout(W, 2e3));
+          const E = {
             isActive: !0,
             expirationDate: new Date(Date.now() + 365 * 24 * 60 * 60 * 1e3),
             purchaseDate: /* @__PURE__ */ new Date(),
-            productIdentifier: p,
+            productIdentifier: m,
             willRenew: !0
           };
-          return f(q), s?.(p), !0;
+          return b(E), s?.(m), !0;
         }
-        if (!D || !S)
+        if (!T || !L && !A)
           throw new Error("Subscription service not initialized");
-        const v = S.availablePackages.find(
-          (q) => q.identifier === p
-        );
-        if (!v)
-          throw new Error(`Package not found: ${p}`);
-        const L = await D.purchase({
-          rcPackage: v,
-          ...r ? { customerEmail: r } : {}
-        }), d = ge(L.customerInfo, o);
-        return f(d.isActive ? d : null), d.isActive && s?.(p), d.isActive;
-      } catch (x) {
-        const v = x instanceof Error ? x.message : "Purchase failed";
-        return h(v), t?.(x instanceof Error ? x : new Error(v)), !1;
+        let p;
+        if (A)
+          for (const E of Object.keys(A)) {
+            const W = A[E];
+            if (W?.availablePackages && (p = W.availablePackages.find(
+              (J) => J.identifier === m
+            ), p))
+              break;
+          }
+        else L && (p = L.availablePackages.find(
+          (W) => W.identifier === m
+        ));
+        if (!p)
+          throw new Error(`Package not found: ${m}`);
+        const i = await T.purchase({
+          rcPackage: p,
+          ...t ? { customerEmail: t } : {}
+        }), O = be(i.customerInfo, o);
+        return b(O.isActive ? O : null), O.isActive && s?.(m), O.isActive;
+      } catch (p) {
+        const i = p instanceof Error ? p.message : "Purchase failed";
+        return x(i), r?.(p instanceof Error ? p : new Error(i)), !1;
       } finally {
-        C(!1);
+        k(!1);
       }
     },
     [
-      P,
-      S,
-      r,
+      v,
+      L,
+      A,
+      t,
       o,
       s,
-      t
+      r
     ]
-  ), Z = B(async () => {
+  ), Q = q(async () => {
     try {
-      if (C(!0), h(null), P)
-        return await new Promise((v) => setTimeout(v, 1e3)), h("No previous purchases found"), !1;
-      if (!D)
+      if (k(!0), x(null), v)
+        return await new Promise((i) => setTimeout(i, 1e3)), x("No previous purchases found"), !1;
+      if (!T)
         throw new Error("Subscription service not initialized");
-      const p = await D.getCustomerInfo(), x = ge(p, o);
-      return f(x.isActive ? x : null), x.isActive || h("No previous purchases found"), x.isActive;
-    } catch (p) {
-      const x = p instanceof Error ? p.message : "Restore failed";
-      return h(x), t?.(p instanceof Error ? p : new Error(x)), !1;
+      const m = await T.getCustomerInfo(), p = be(m, o);
+      return b(p.isActive ? p : null), p.isActive || x("No previous purchases found"), p.isActive;
+    } catch (m) {
+      const p = m instanceof Error ? m.message : "Restore failed";
+      return x(p), r?.(m instanceof Error ? m : new Error(p)), !1;
     } finally {
-      C(!1);
+      k(!1);
     }
-  }, [P, o, t]), ee = B(async () => {
-    if (!P)
+  }, [v, o, r]), se = q(async () => {
+    if (!v)
       try {
-        h(null), await Promise.all([k(), O()]);
-      } catch (p) {
-        const x = p instanceof Error ? p.message : "Refresh failed";
-        h(x), t?.(p instanceof Error ? p : new Error(x));
+        x(null), await Promise.all([S(), f()]);
+      } catch (m) {
+        const p = m instanceof Error ? m.message : "Refresh failed";
+        x(p), r?.(m instanceof Error ? m : new Error(p));
       }
-  }, [P, k, O, t]), K = B(() => {
-    h(null);
+  }, [v, S, f, r]), re = q(() => {
+    x(null);
   }, []);
   Ye(() => {
-    if (!M || P || !D) return;
-    const p = setInterval(
+    if (!I || v || !T) return;
+    const m = setInterval(
       () => {
-        k().catch(() => {
+        S().catch(() => {
         });
       },
       300 * 1e3
     );
-    return () => clearInterval(p);
-  }, [M, P, k]);
-  const re = {
+    return () => clearInterval(m);
+  }, [I, v, S]);
+  const K = {
     products: a,
-    currentSubscription: c,
+    currentSubscription: d,
     isLoading: y,
-    error: E,
-    initialize: u,
-    purchase: F,
-    restore: Z,
-    refresh: ee,
-    clearError: K
+    error: j,
+    initialize: D,
+    purchase: U,
+    restore: Q,
+    refresh: se,
+    clearError: re
   };
-  return /* @__PURE__ */ g(Ve.Provider, { value: re, children: n });
-}, Xr = () => {
-  const e = Ke(Ve);
+  return /* @__PURE__ */ g($e.Provider, { value: K, children: n });
+}, Xt = () => {
+  const e = qe($e);
   if (!e)
     throw new Error(
       "useSubscriptionContext must be used within a SubscriptionProvider"
     );
   return e;
-}, Vr = () => {
+}, Vt = () => {
   try {
     const e = [];
-    for (let r = 0; r < localStorage.length; r++) {
-      const t = localStorage.key(r);
-      t && (t.includes("revenuecat") || t.includes("rcb") || t.includes("rc_")) && e.push(t);
+    for (let t = 0; t < localStorage.length; t++) {
+      const r = localStorage.key(t);
+      r && (r.includes("revenuecat") || r.includes("rcb") || r.includes("rc_")) && e.push(r);
     }
-    e.forEach((r) => localStorage.removeItem(r));
+    e.forEach((t) => localStorage.removeItem(t));
     const o = [];
-    for (let r = 0; r < sessionStorage.length; r++) {
-      const t = sessionStorage.key(r);
-      t && (t.includes("revenuecat") || t.includes("rcb") || t.includes("rc_")) && o.push(t);
+    for (let t = 0; t < sessionStorage.length; t++) {
+      const r = sessionStorage.key(t);
+      r && (r.includes("revenuecat") || r.includes("rcb") || r.includes("rc_")) && o.push(r);
     }
-    o.forEach((r) => sessionStorage.removeItem(r));
+    o.forEach((t) => sessionStorage.removeItem(t));
   } catch {
   }
-}, Jr = () => {
+}, Jt = () => {
   try {
-    D && (D.close(), D = null), Vr();
+    T && (T.close(), T = null), Vt();
   } catch {
   }
 };
 export {
-  Kr as SegmentedControl,
-  Yr as SubscriptionLayout,
-  qr as SubscriptionProvider,
-  jr as SubscriptionTile,
-  Vr as clearRevenueCatCheckoutSessions,
-  Jr as closeRevenueCatInstance,
-  N as cn,
-  Xr as useSubscriptionContext
+  Yt as SegmentedControl,
+  Kt as SubscriptionLayout,
+  qt as SubscriptionProvider,
+  _t as SubscriptionTile,
+  Vt as clearRevenueCatCheckoutSessions,
+  Jt as closeRevenueCatInstance,
+  C as cn,
+  Xt as useSubscriptionContext
 };