@sudobility/subscription-components 1.0.3 → 1.0.4

package/dist/index.esm.js

@@ -1,18 +1,18 @@
-import { jsxs as I, jsx as b, Fragment as $e } from "react/jsx-runtime";
+import { jsxs as D, jsx as g, Fragment as $e } from "react/jsx-runtime";
 import { textVariants as be } from "@sudobility/design";
 import { Card as We, CardContent as Ue, Button as ve } from "@sudobility/components";
 import { createContext as Be, useState as B, useCallback as W, useEffect as Ye, useContext as Ke } from "react";
-function Ae(e) {
+function Se(e) {
   var o, r, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (o = 0; o < s; o++) e[o] && (r = Ae(e[o])) && (t && (t += " "), t += r);
+    var n = e.length;
+    for (o = 0; o < n; 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 = Ae(e)) && (t && (t += " "), t += o);
+  for (var e, o, r = 0, t = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (o = Se(e)) && (t && (t += " "), t += o);
   return t;
 }
 const Xe = (e, o) => {
@@ -35,36 +35,36 @@ const Xe = (e, o) => {
     conflictingClassGroupModifiers: t
   } = e;
   return {
-    getClassGroupId: (i) => {
-      if (i.startsWith("[") && i.endsWith("]"))
-        return Ze(i);
-      const m = i.split(ce), c = m[0] === "" && m.length > 1 ? 1 : 0;
+    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);
     },
-    getConflictingClassGroupIds: (i, m) => {
+    getConflictingClassGroupIds: (a, m) => {
       if (m) {
-        const c = t[i], f = r[i];
-        return c ? f ? Xe(f, c) : c : f || Ce;
+        const c = t[a], p = r[a];
+        return c ? p ? Xe(p, c) : c : p || Ce;
       }
-      return r[i] || Ce;
+      return r[a] || Ce;
     }
   };
 }, Ie = (e, o, r) => {
   if (e.length - o === 0)
     return r.classGroupId;
-  const s = e[o], l = r.nextPart.get(s);
-  if (l) {
-    const f = Ie(e, o + 1, l);
-    if (f) return f;
+  const n = e[o], s = r.nextPart.get(n);
+  if (s) {
+    const p = Ie(e, o + 1, s);
+    if (p) return p;
   }
-  const i = r.validators;
-  if (i === null)
+  const a = r.validators;
+  if (a === null)
     return;
-  const m = o === 0 ? e.join(ce) : e.slice(o).join(ce), c = i.length;
-  for (let f = 0; f < c; f++) {
-    const k = i[f];
-    if (k.validator(m))
-      return k.classGroupId;
+  const m = o === 0 ? e.join(ce) : e.slice(o).join(ce), c = a.length;
+  for (let p = 0; p < c; p++) {
+    const y = a[p];
+    if (y.validator(m))
+      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);
@@ -78,15 +78,15 @@ const Xe = (e, o) => {
 }, rr = (e, o) => {
   const r = Re();
   for (const t in e) {
-    const s = e[t];
-    xe(s, r, t, o);
+    const n = e[t];
+    xe(n, r, t, o);
   }
   return r;
 }, xe = (e, o, r, t) => {
-  const s = e.length;
-  for (let l = 0; l < s; l++) {
-    const i = e[l];
-    tr(i, o, r, t);
+  const n = e.length;
+  for (let s = 0; s < n; s++) {
+    const a = e[s];
+    tr(a, o, r, t);
   }
 }, tr = (e, o, r, t) => {
   if (typeof e == "string") {
@@ -94,32 +94,32 @@ const Xe = (e, o) => {
     return;
   }
   if (typeof e == "function") {
-    sr(e, o, r, t);
+    nr(e, o, r, t);
     return;
   }
-  nr(e, o, r, t);
+  sr(e, o, r, t);
 }, or = (e, o, r) => {
   const t = e === "" ? o : Me(o, e);
   t.classGroupId = r;
-}, sr = (e, o, r, t) => {
+}, nr = (e, o, r, t) => {
   if (ar(e)) {
     xe(e(t), o, r, t);
     return;
   }
   o.validators === null && (o.validators = []), o.validators.push(Je(r, e));
-}, nr = (e, o, r, t) => {
-  const s = Object.entries(e), l = s.length;
-  for (let i = 0; i < l; i++) {
-    const [m, c] = s[i];
+}, sr = (e, o, r, t) => {
+  const n = Object.entries(e), s = n.length;
+  for (let a = 0; a < s; a++) {
+    const [m, c] = n[a];
     xe(c, Me(o, m), r, t);
   }
 }, Me = (e, o) => {
   let r = e;
-  const t = o.split(ce), s = t.length;
-  for (let l = 0; l < s; l++) {
-    const i = t[l];
-    let m = r.nextPart.get(i);
-    m || (m = Re(), r.nextPart.set(i, m)), r = m;
+  const t = o.split(ce), n = t.length;
+  for (let s = 0; s < n; s++) {
+    const a = t[s];
+    let m = r.nextPart.get(a);
+    m || (m = Re(), r.nextPart.set(a, m)), r = m;
   }
   return r;
 }, ar = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, ir = (e) => {
@@ -131,71 +131,71 @@ const Xe = (e, o) => {
       }
     };
   let o = 0, r = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
-  const s = (l, i) => {
-    r[l] = i, o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ Object.create(null));
+  const n = (s, a) => {
+    r[s] = a, o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(l) {
-      let i = r[l];
-      if (i !== void 0)
-        return i;
-      if ((i = t[l]) !== void 0)
-        return s(l, i), i;
+    get(s) {
+      let a = r[s];
+      if (a !== void 0)
+        return a;
+      if ((a = t[s]) !== void 0)
+        return n(s, a), a;
     },
-    set(l, i) {
-      l in r ? r[l] = i : s(l, i);
+    set(s, a) {
+      s in r ? r[s] = a : n(s, a);
     }
   };
-}, he = "!", ze = ":", lr = [], Ne = (e, o, r, t, s) => ({
+}, he = "!", Ne = ":", lr = [], Pe = (e, o, r, t, n) => ({
   modifiers: e,
   hasImportantModifier: o,
   baseClassName: r,
   maybePostfixModifierPosition: t,
-  isExternal: s
+  isExternal: n
 }), cr = (e) => {
   const {
     prefix: o,
     experimentalParseClassName: r
   } = e;
-  let t = (s) => {
-    const l = [];
-    let i = 0, m = 0, c = 0, f;
-    const k = s.length;
-    for (let z = 0; z < k; z++) {
-      const N = s[z];
-      if (i === 0 && m === 0) {
-        if (N === ze) {
-          l.push(s.slice(c, z)), c = z + 1;
+  let t = (n) => {
+    const s = [];
+    let a = 0, m = 0, c = 0, p;
+    const y = n.length;
+    for (let P = 0; P < y; P++) {
+      const w = n[P];
+      if (a === 0 && m === 0) {
+        if (w === Ne) {
+          s.push(n.slice(c, P)), c = P + 1;
           continue;
         }
-        if (N === "/") {
-          f = z;
+        if (w === "/") {
+          p = P;
           continue;
         }
       }
-      N === "[" ? i++ : N === "]" ? i-- : N === "(" ? m++ : N === ")" && m--;
+      w === "[" ? a++ : w === "]" ? a-- : w === "(" ? m++ : w === ")" && m--;
     }
-    const v = l.length === 0 ? s : s.slice(c);
-    let C = v, x = !1;
-    v.endsWith(he) ? (C = v.slice(0, -1), x = !0) : (
+    const C = s.length === 0 ? n : n.slice(c);
+    let T = C, x = !1;
+    C.endsWith(he) ? (T = C.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
        */
-      v.startsWith(he) && (C = v.slice(1), x = !0)
+      C.startsWith(he) && (T = C.slice(1), x = !0)
     );
-    const A = f && f > c ? f - c : void 0;
-    return Ne(l, x, C, A);
+    const R = p && p > c ? p - c : void 0;
+    return Pe(s, x, T, R);
   };
   if (o) {
-    const s = o + ze, l = t;
-    t = (i) => i.startsWith(s) ? l(i.slice(s.length)) : Ne(lr, !1, i, void 0, !0);
+    const n = o + Ne, s = t;
+    t = (a) => a.startsWith(n) ? s(a.slice(n.length)) : Pe(lr, !1, a, void 0, !0);
   }
   if (r) {
-    const s = t;
-    t = (l) => r({
-      className: l,
-      parseClassName: s
+    const n = t;
+    t = (s) => r({
+      className: s,
+      parseClassName: n
     });
   }
   return t;
@@ -205,67 +205,67 @@ const Xe = (e, o) => {
     o.set(r, 1e6 + t);
   }), (r) => {
     const t = [];
-    let s = [];
-    for (let l = 0; l < r.length; l++) {
-      const i = r[l], m = i[0] === "[", c = o.has(i);
-      m || c ? (s.length > 0 && (s.sort(), t.push(...s), s = []), t.push(i)) : s.push(i);
+    let n = [];
+    for (let s = 0; s < r.length; s++) {
+      const a = r[s], m = a[0] === "[", c = o.has(a);
+      m || c ? (n.length > 0 && (n.sort(), t.push(...n), n = []), t.push(a)) : n.push(a);
     }
-    return s.length > 0 && (s.sort(), t.push(...s)), t;
+    return n.length > 0 && (n.sort(), t.push(...n)), t;
   };
 }, mr = (e) => ({
   cache: ir(e.cacheSize),
   parseClassName: cr(e),
   sortModifiers: dr(e),
   ...Qe(e)
-}), ur = /\s+/, pr = (e, o) => {
+}), ur = /\s+/, fr = (e, o) => {
   const {
     parseClassName: r,
     getClassGroupId: t,
-    getConflictingClassGroupIds: s,
-    sortModifiers: l
-  } = o, i = [], m = e.trim().split(ur);
+    getConflictingClassGroupIds: n,
+    sortModifiers: s
+  } = o, a = [], m = e.trim().split(ur);
   let c = "";
-  for (let f = m.length - 1; f >= 0; f -= 1) {
-    const k = m[f], {
-      isExternal: v,
-      modifiers: C,
+  for (let p = m.length - 1; p >= 0; p -= 1) {
+    const y = m[p], {
+      isExternal: C,
+      modifiers: T,
       hasImportantModifier: x,
-      baseClassName: A,
-      maybePostfixModifierPosition: z
-    } = r(k);
-    if (v) {
-      c = k + (c.length > 0 ? " " + c : c);
+      baseClassName: R,
+      maybePostfixModifierPosition: P
+    } = r(y);
+    if (C) {
+      c = y + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let N = !!z, G = t(N ? A.substring(0, z) : A);
-    if (!G) {
-      if (!N) {
-        c = k + (c.length > 0 ? " " + c : c);
+    let w = !!P, L = t(w ? R.substring(0, P) : R);
+    if (!L) {
+      if (!w) {
+        c = y + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (G = t(A), !G) {
-        c = k + (c.length > 0 ? " " + c : c);
+      if (L = t(R), !L) {
+        c = y + (c.length > 0 ? " " + c : c);
         continue;
       }
-      N = !1;
+      w = !1;
     }
-    const F = C.length === 0 ? "" : C.length === 1 ? C[0] : l(C).join(":"), V = x ? F + he : F, w = V + G;
-    if (i.indexOf(w) > -1)
+    const I = T.length === 0 ? "" : T.length === 1 ? T[0] : s(T).join(":"), V = x ? I + he : I, z = V + L;
+    if (a.indexOf(z) > -1)
       continue;
-    i.push(w);
-    const T = s(G, N);
-    for (let O = 0; O < T.length; ++O) {
-      const j = T[O];
-      i.push(V + j);
+    a.push(z);
+    const _ = n(L, w);
+    for (let G = 0; G < _.length; ++G) {
+      const k = _[G];
+      a.push(V + k);
     }
-    c = k + (c.length > 0 ? " " + c : c);
+    c = y + (c.length > 0 ? " " + c : c);
   }
   return c;
-}, fr = (...e) => {
-  let o = 0, r, t, s = "";
+}, pr = (...e) => {
+  let o = 0, r, t, n = "";
   for (; o < e.length; )
-    (r = e[o++]) && (t = De(r)) && (s && (s += " "), s += t);
-  return s;
+    (r = e[o++]) && (t = De(r)) && (n && (n += " "), n += t);
+  return n;
 }, De = (e) => {
   if (typeof e == "string")
     return e;
@@ -274,34 +274,34 @@ const Xe = (e, o) => {
     e[t] && (o = De(e[t])) && (r && (r += " "), r += o);
   return r;
 }, gr = (e, ...o) => {
-  let r, t, s, l;
-  const i = (c) => {
-    const f = o.reduce((k, v) => v(k), e());
-    return r = mr(f), t = r.cache.get, s = r.cache.set, l = m, m(c);
+  let r, t, n, s;
+  const a = (c) => {
+    const p = o.reduce((y, C) => C(y), e());
+    return r = mr(p), t = r.cache.get, n = r.cache.set, s = m, m(c);
   }, m = (c) => {
-    const f = t(c);
-    if (f)
-      return f;
-    const k = pr(c, r);
-    return s(c, k), k;
+    const p = t(c);
+    if (p)
+      return p;
+    const y = fr(c, r);
+    return n(c, y), y;
   };
-  return l = i, (...c) => l(fr(...c));
-}, br = [], P = (e) => {
+  return s = a, (...c) => s(pr(...c));
+}, br = [], A = (e) => {
   const o = (r) => r[e] || br;
   return o.isThemeGetter = !0, o;
-}, Te = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ee = /^\((?:(\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$/, kr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, yr = /^(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), g = (e) => !!e && !Number.isNaN(Number(e)), U = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && g(e.slice(0, -1)), $ = (e) => xr.test(e), Cr = () => !0, zr = (e) => (
+}, Te = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ee = /^\((?:(\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)), U = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && b(e.slice(0, -1)), $ = (e) => xr.test(e), Cr = () => !0, Nr = (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) && !kr.test(e)
-), Ge = () => !1, Nr = (e) => yr.test(e), Pr = (e) => vr.test(e), Sr = (e) => !n(e) && !a(e), Ar = (e) => J(e, Le, Ge), n = (e) => Te.test(e), Y = (e) => J(e, _e, zr), pe = (e) => J(e, Tr, g), Pe = (e) => J(e, Oe, Ge), Rr = (e) => J(e, je, Pr), ie = (e) => J(e, Fe, Nr), a = (e) => Ee.test(e), Q = (e) => H(e, _e), Ir = (e) => H(e, Er), Se = (e) => H(e, Oe), Mr = (e) => H(e, Le), Dr = (e) => H(e, je), le = (e) => H(e, Fe, !0), J = (e, o, r) => {
+  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, Le, Ge), i = (e) => Te.test(e), Y = (e) => J(e, _e, Nr), fe = (e) => J(e, Tr, b), ze = (e) => J(e, Oe, Ge), Rr = (e) => J(e, je, zr), ie = (e) => J(e, Fe, Pr), l = (e) => Ee.test(e), Q = (e) => H(e, _e), Ir = (e) => H(e, Er), Ae = (e) => H(e, Oe), Mr = (e) => H(e, Le), Dr = (e) => H(e, je), le = (e) => H(e, Fe, !0), J = (e, o, r) => {
   const t = Te.exec(e);
   return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
 }, H = (e, o, r = !1) => {
   const t = Ee.exec(e);
   return t ? t[1] ? o(t[1]) : r : !1;
 }, Oe = (e) => e === "position" || e === "percentage", je = (e) => e === "image" || e === "url", Le = (e) => e === "length" || e === "size" || e === "bg-size", _e = (e) => e === "length", Tr = (e) => e === "number", Er = (e) => e === "family-name", Fe = (e) => e === "shadow", Gr = () => {
-  const e = P("color"), o = P("font"), r = P("text"), t = P("font-weight"), s = P("tracking"), l = P("leading"), i = P("breakpoint"), m = P("container"), c = P("spacing"), f = P("radius"), k = P("shadow"), v = P("inset-shadow"), C = P("text-shadow"), x = P("drop-shadow"), A = P("blur"), z = P("perspective"), N = P("aspect"), G = P("ease"), F = P("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], w = () => [
+  const e = A("color"), o = A("font"), r = A("text"), t = A("font-weight"), n = A("tracking"), s = A("leading"), a = A("breakpoint"), m = A("container"), c = A("spacing"), p = A("radius"), y = A("shadow"), C = A("inset-shadow"), T = A("text-shadow"), x = A("drop-shadow"), R = A("blur"), P = A("perspective"), w = A("aspect"), L = A("ease"), I = A("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], z = () => [
     "center",
     "top",
     "bottom",
@@ -319,30 +319,30 @@ const Xe = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], T = () => [...w(), a, n], O = () => ["auto", "hidden", "clip", "visible", "scroll"], j = () => ["auto", "contain", "none"], u = () => [a, n, c], _ = () => [X, "full", "auto", ...u()], Z = () => [U, "none", "subgrid", a, n], ee = () => ["auto", {
-    span: ["full", U, a, n]
-  }, U, a, n], K = () => [U, "auto", a, n], re = () => ["auto", "min", "max", "fr", a, n], p = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], h = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], y = () => ["auto", ...u()], D = () => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, a, n], q = () => [...w(), Se, Pe, {
-    position: [a, n]
+  ], _ = () => [...z(), l, i], G = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], u = () => [l, i, c], F = () => [X, "full", "auto", ...u()], Z = () => [U, "none", "subgrid", l, i], ee = () => ["auto", {
+    span: ["full", U, l, i]
+  }, U, l, i], K = () => [U, "auto", l, i], re = () => ["auto", "min", "max", "fr", l, i], f = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], h = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], v = () => ["auto", ...u()], O = () => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, l, i], q = () => [...z(), Ae, ze, {
+    position: [l, i]
   }], te = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], we = () => ["auto", "cover", "contain", Mr, Ar, {
-    size: [a, n]
-  }], de = () => [ue, Q, Y], M = () => [
+  }], we = () => ["auto", "cover", "contain", Mr, Sr, {
+    size: [l, i]
+  }], de = () => [ue, Q, Y], E = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    f,
-    a,
-    n
-  ], E = () => ["", g, Q, Y], oe = () => ["solid", "dashed", "dotted", "double"], ke = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], S = () => [g, ue, Se, Pe], ye = () => [
+    p,
+    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"], S = () => [b, ue, Ae, ze], ke = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    A,
-    a,
-    n
-  ], se = () => ["none", g, a, n], ne = () => ["none", g, a, n], me = () => [g, a, n], ae = () => [X, "full", ...u()];
+    R,
+    l,
+    i
+  ], ne = () => ["none", b, l, i], se = () => ["none", b, l, i], me = () => [b, l, i], ae = () => [X, "full", ...u()];
   return {
     cacheSize: 500,
     theme: {
@@ -354,14 +354,14 @@ const Xe = (e, o) => {
       container: [$],
       "drop-shadow": [$],
       ease: ["in", "out", "in-out"],
-      font: [Sr],
+      font: [Ar],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [$],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [$],
       shadow: [$],
-      spacing: ["px", g],
+      spacing: ["px", b],
       text: [$],
       "text-shadow": [$],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -375,7 +375,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", X, n, a, N]
+        aspect: ["auto", "square", X, i, l, w]
       }],
       /**
        * Container
@@ -388,7 +388,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [g, n, a, m]
+        columns: [b, i, l, m]
       }],
       /**
        * Break After
@@ -466,49 +466,49 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: T()
+        object: _()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: O()
+        overflow: G()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": O()
+        "overflow-x": G()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": O()
+        "overflow-y": G()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: j()
+        overscroll: k()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": j()
+        "overscroll-x": k()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": j()
+        "overscroll-y": k()
       }],
       /**
        * Position
@@ -520,63 +520,63 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: _()
+        inset: F()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": _()
+        "inset-x": F()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": _()
+        "inset-y": F()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: _()
+        start: F()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: _()
+        end: F()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: _()
+        top: F()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: _()
+        right: F()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: _()
+        bottom: F()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: _()
+        left: F()
       }],
       /**
        * Visibility
@@ -588,7 +588,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [U, "auto", a, n]
+        z: [U, "auto", l, i]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -619,28 +619,28 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [g, X, "auto", "initial", "none", n]
+        flex: [b, X, "auto", "initial", "none", i]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", g, a, n]
+        grow: ["", b, l, i]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", g, a, n]
+        shrink: ["", b, l, i]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [U, "first", "last", "none", a, n]
+        order: [U, "first", "last", "none", l, i]
       }],
       /**
        * Grid Template Columns
@@ -745,7 +745,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...p(), "normal"]
+        justify: [...f(), "normal"]
       }],
       /**
        * Justify Items
@@ -766,7 +766,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...p()]
+        content: ["normal", ...f()]
       }],
       /**
        * Align Items
@@ -791,7 +791,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": p()
+        "place-content": f()
       }],
       /**
        * Place Items
@@ -876,63 +876,63 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: y()
+        m: v()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: y()
+        mx: v()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: y()
+        my: v()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: y()
+        ms: v()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: y()
+        me: v()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: y()
+        mt: v()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: y()
+        mr: v()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: y()
+        mb: v()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: y()
+        ml: v()
       }],
       /**
        * Space Between X
@@ -966,14 +966,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: D()
+        size: O()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...D()]
+        w: [m, "screen", ...O()]
       }],
       /**
        * Min-Width
@@ -985,7 +985,7 @@ const Xe = (e, o) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...D()
+          ...O()
         ]
       }],
       /**
@@ -1001,9 +1001,9 @@ const Xe = (e, o) => {
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [i]
+            screen: [a]
           },
-          ...D()
+          ...O()
         ]
       }],
       /**
@@ -1011,21 +1011,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...D()]
+        h: ["screen", "lh", ...O()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...D()]
+        "min-h": ["screen", "lh", "none", ...O()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...D()]
+        "max-h": ["screen", "lh", ...O()]
       }],
       // ------------------
       // --- Typography ---
@@ -1052,21 +1052,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, a, pe]
+        font: [t, l, fe]
       }],
       /**
        * 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, n]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ue, i]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Ir, n, o]
+        font: [Ir, i, o]
       }],
       /**
        * Font Variant Numeric
@@ -1103,14 +1103,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, a, n]
+        tracking: [n, l, i]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [g, "none", a, pe]
+        "line-clamp": [b, "none", l, fe]
       }],
       /**
        * Line Height
@@ -1119,7 +1119,7 @@ const Xe = (e, o) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          l,
+          s,
           ...u()
         ]
       }],
@@ -1128,7 +1128,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", a, n]
+        "list-image": ["none", l, i]
       }],
       /**
        * 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", a, n]
+        list: ["disc", "decimal", "none", l, i]
       }],
       /**
        * Text Alignment
@@ -1183,7 +1183,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [g, "from-font", "auto", a, Y]
+        decoration: [b, "from-font", "auto", l, Y]
       }],
       /**
        * Text Decoration Color
@@ -1197,7 +1197,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [g, "auto", a, n]
+        "underline-offset": [b, "auto", l, i]
       }],
       /**
        * Text Transform
@@ -1228,7 +1228,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", a, n]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l, i]
       }],
       /**
        * Whitespace
@@ -1263,7 +1263,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", a, n]
+        content: ["none", l, i]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1318,9 +1318,9 @@ const Xe = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, U, a, n],
-          radial: ["", a, n],
-          conic: [U, a, n]
+          }, U, l, i],
+          radial: ["", l, i],
+          conic: [U, l, i]
         }, Dr, Rr]
       }],
       /**
@@ -1380,175 +1380,175 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: M()
+        rounded: E()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": M()
+        "rounded-s": E()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": M()
+        "rounded-e": E()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": M()
+        "rounded-t": E()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": M()
+        "rounded-r": E()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": M()
+        "rounded-b": E()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": M()
+        "rounded-l": E()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": M()
+        "rounded-ss": E()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": M()
+        "rounded-se": E()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": M()
+        "rounded-ee": E()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": M()
+        "rounded-es": E()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": M()
+        "rounded-tl": E()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": M()
+        "rounded-tr": E()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": M()
+        "rounded-br": E()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": M()
+        "rounded-bl": E()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: E()
+        border: j()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": E()
+        "border-x": j()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": E()
+        "border-y": j()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": E()
+        "border-s": j()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": E()
+        "border-e": j()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": E()
+        "border-t": j()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": E()
+        "border-r": j()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": E()
+        "border-b": j()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": E()
+        "border-l": j()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": E()
+        "divide-x": j()
       }],
       /**
        * 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": E()
+        "divide-y": j()
       }],
       /**
        * Divide Width Y Reverse
@@ -1663,14 +1663,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [g, a, n]
+        "outline-offset": [b, l, i]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", g, Q, Y]
+        outline: ["", b, Q, Y]
       }],
       /**
        * Outline Color
@@ -1691,7 +1691,7 @@ const Xe = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          k,
+          y,
           le,
           ie
         ]
@@ -1708,7 +1708,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", v, le, ie]
+        "inset-shadow": ["none", C, le, ie]
       }],
       /**
        * Inset Box Shadow Color
@@ -1722,7 +1722,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: E()
+        ring: j()
       }],
       /**
        * Ring Width Inset
@@ -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": [g, Y]
+        "ring-offset": [b, Y]
       }],
       /**
        * Ring Offset Color
@@ -1761,7 +1761,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": E()
+        "inset-ring": j()
       }],
       /**
        * Inset Ring Color
@@ -1775,7 +1775,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", C, le, ie]
+        "text-shadow": ["none", T, le, ie]
       }],
       /**
        * Text Shadow Color
@@ -1789,21 +1789,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [g, a, n]
+        opacity: [b, l, i]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ke(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...ye(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ke()
+        "bg-blend": ye()
       }],
       /**
        * Mask Clip
@@ -1824,7 +1824,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [g]
+        "mask-linear": [b]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": S()
@@ -1911,7 +1911,7 @@ const Xe = (e, o) => {
         "mask-y-to": d()
       }],
       "mask-image-radial": [{
-        "mask-radial": [a, n]
+        "mask-radial": [l, i]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": S()
@@ -1935,10 +1935,10 @@ const Xe = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": w()
+        "mask-radial-at": z()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [g]
+        "mask-conic": [b]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": S()
@@ -1999,7 +1999,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", a, n]
+        mask: ["none", l, i]
       }],
       // ---------------
       // --- Filters ---
@@ -2013,8 +2013,8 @@ const Xe = (e, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          a,
-          n
+          l,
+          i
         ]
       }],
       /**
@@ -2022,21 +2022,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ye()
+        blur: ke()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [g, a, n]
+        brightness: [b, l, i]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [g, a, n]
+        contrast: [b, l, i]
       }],
       /**
        * Drop Shadow
@@ -2064,35 +2064,35 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", g, a, n]
+        grayscale: ["", b, l, i]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [g, a, n]
+        "hue-rotate": [b, l, i]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", g, a, n]
+        invert: ["", b, l, i]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [g, a, n]
+        saturate: [b, l, i]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", g, a, n]
+        sepia: ["", b, l, i]
       }],
       /**
        * Backdrop Filter
@@ -2103,8 +2103,8 @@ const Xe = (e, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          a,
-          n
+          l,
+          i
         ]
       }],
       /**
@@ -2112,63 +2112,63 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ye()
+        "backdrop-blur": ke()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [g, a, n]
+        "backdrop-brightness": [b, l, i]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [g, a, n]
+        "backdrop-contrast": [b, l, i]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", g, a, n]
+        "backdrop-grayscale": ["", b, l, i]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g, a, n]
+        "backdrop-hue-rotate": [b, l, i]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", g, a, n]
+        "backdrop-invert": ["", b, l, i]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [g, a, n]
+        "backdrop-opacity": [b, l, i]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [g, a, n]
+        "backdrop-saturate": [b, l, i]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", g, a, n]
+        "backdrop-sepia": ["", b, l, i]
       }],
       // --------------
       // --- Tables ---
@@ -2223,7 +2223,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", a, n]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", l, i]
       }],
       /**
        * Transition Behavior
@@ -2237,28 +2237,28 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [g, "initial", a, n]
+        duration: [b, "initial", l, i]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", G, a, n]
+        ease: ["linear", "initial", L, l, i]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [g, a, n]
+        delay: [b, l, i]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", F, a, n]
+        animate: ["none", I, l, i]
       }],
       // ------------------
       // --- Transforms ---
@@ -2275,70 +2275,70 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [z, a, n]
+        perspective: [P, l, i]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": T()
+        "perspective-origin": _()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: se()
+        rotate: ne()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": se()
+        "rotate-x": ne()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": se()
+        "rotate-y": ne()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": se()
+        "rotate-z": ne()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: ne()
+        scale: se()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": ne()
+        "scale-x": se()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": ne()
+        "scale-y": se()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": ne()
+        "scale-z": se()
       }],
       /**
        * Scale 3D
@@ -2371,14 +2371,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [a, n, "", "none", "gpu", "cpu"]
+        transform: [l, i, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: T()
+        origin: _()
       }],
       /**
        * Transform Style
@@ -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", a, n]
+        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]
       }],
       /**
        * Field Sizing
@@ -2678,7 +2678,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", a, n]
+        "will-change": ["auto", "scroll", "contents", "transform", l, i]
       }],
       // -----------
       // --- SVG ---
@@ -2695,7 +2695,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [g, Q, Y, pe]
+        stroke: [b, Q, Y, fe]
       }],
       /**
        * Stroke
@@ -2771,137 +2771,253 @@ const Xe = (e, o) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Or = /* @__PURE__ */ gr(Gr);
-function L(...e) {
+function N(...e) {
   return Or(qe(e));
 }
 const jr = {
   purple: "bg-purple-500",
   green: "bg-green-500",
   blue: "bg-blue-500",
-  yellow: "bg-yellow-500",
+  yellow: "bg-yellow-400 !text-yellow-900",
   red: "bg-red-500"
 }, Br = ({
   id: e,
   title: o,
   price: r,
   periodLabel: t,
-  features: s,
-  isSelected: l,
-  onSelect: i,
+  features: n,
+  isSelected: s,
+  onSelect: a,
   topBadge: m,
   discountBadge: c,
-  premiumCallout: f,
-  bottomNote: k,
-  introPriceNote: v,
-  isBestValue: C = !1,
-  className: x,
-  children: A,
-  disabled: z = !1,
-  ariaLabel: N
+  premiumCallout: p,
+  bottomNote: y,
+  introPriceNote: C,
+  isBestValue: T = !1,
+  ctaButton: x,
+  className: R,
+  children: P,
+  disabled: w = !1,
+  ariaLabel: L
 }) => {
-  const G = l ? C ? "border-purple-500 bg-purple-50 dark:bg-purple-900/20 shadow-lg" : "border-blue-500 bg-blue-50 dark:bg-blue-900/20 shadow-lg" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 hover:shadow-md", F = () => {
-    z || i();
-  }, V = (w) => {
-    !z && (w.key === "Enter" || w.key === " ") && (w.preventDefault(), i());
+  const I = !!x, V = s ? "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", z = () => {
+    !w && !I && a();
+  }, _ = (k) => {
+    !w && !I && (k.key === "Enter" || k.key === " ") && (k.preventDefault(), a());
+  }, G = (k) => {
+    k.stopPropagation(), x?.onClick && x.onClick();
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ D(
     "div",
     {
-      className: L(
-        "relative border-2 rounded-xl p-6 transition-all flex flex-col",
-        z ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-        G,
-        x
+      className: N(
+        "relative rounded-2xl p-6 transition-all flex flex-col",
+        w ? "opacity-50 cursor-not-allowed" : I ? "cursor-default" : "cursor-pointer",
+        V,
+        R
       ),
-      onClick: F,
-      onKeyDown: V,
-      role: "radio",
-      "aria-checked": l,
-      "aria-label": N || `${o} - ${r}${t || ""}`,
-      "aria-disabled": z,
-      tabIndex: z ? -1 : 0,
+      onClick: z,
+      onKeyDown: _,
+      role: I ? "article" : "radio",
+      "aria-checked": I ? void 0 : s,
+      "aria-label": L || `${o} - ${r}${t || ""}`,
+      "aria-disabled": w,
+      tabIndex: I || w ? -1 : 0,
       children: [
-        m && /* @__PURE__ */ b("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ b(
+        m && /* @__PURE__ */ g("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ g(
           "span",
           {
-            className: L(
+            className: N(
               jr[m.color],
               "text-white px-3 py-1 rounded-full text-sm font-semibold shadow-lg whitespace-nowrap"
             ),
             children: m.text
           }
         ) }),
-        /* @__PURE__ */ I("div", { className: "flex flex-col flex-grow", children: [
-          /* @__PURE__ */ I("div", { className: "text-center mb-6", children: [
-            /* @__PURE__ */ b("h3", { className: L(be.heading.h4(), "mb-2"), children: o }),
-            /* @__PURE__ */ I("div", { className: "mb-3", children: [
-              /* @__PURE__ */ b(
+        /* @__PURE__ */ D("div", { className: "flex flex-col flex-grow", children: [
+          /* @__PURE__ */ D("div", { className: "text-center mb-6", children: [
+            /* @__PURE__ */ g(
+              "h3",
+              {
+                className: N(
+                  be.heading.h4(),
+                  "mb-2",
+                  s ? "text-white" : ""
+                ),
+                children: o
+              }
+            ),
+            /* @__PURE__ */ D("div", { className: "mb-3", children: [
+              /* @__PURE__ */ g(
                 "span",
                 {
-                  className: L(
+                  className: N(
                     "text-4xl font-bold",
-                    C ? "text-purple-600 dark:text-purple-400" : "text-blue-600 dark:text-blue-400"
+                    s ? "text-white" : "text-gray-900 dark:text-gray-100"
                   ),
                   children: r
                 }
               ),
-              t && /* @__PURE__ */ b("span", { className: "text-gray-500 dark:text-gray-400 text-lg", children: t })
+              t && /* @__PURE__ */ g(
+                "span",
+                {
+                  className: N(
+                    "text-lg",
+                    s ? "text-blue-100" : "text-gray-500 dark:text-gray-400"
+                  ),
+                  children: t
+                }
+              )
             ] }),
-            c && /* @__PURE__ */ b(
+            c && /* @__PURE__ */ g(
               "div",
               {
-                className: L(
+                className: N(
                   "inline-flex items-center px-2 py-1 rounded-full text-sm font-semibold",
-                  c.isBestValue ? "bg-purple-100 text-purple-700 dark:bg-purple-900/50 dark:text-purple-300" : "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300"
+                  s ? "bg-blue-500 text-white" : "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300"
                 ),
                 children: c.text
               }
             )
           ] }),
-          A,
-          s.length > 0 && /* @__PURE__ */ b("div", { className: "space-y-3 mb-6 flex-grow", children: s.map((w, T) => /* @__PURE__ */ I("div", { className: "flex items-start", children: [
-            /* @__PURE__ */ b(
-              "span",
+          P,
+          n.length > 0 && /* @__PURE__ */ g("div", { className: "space-y-3 mb-6 flex-grow", children: n.map((k, u) => /* @__PURE__ */ D("div", { className: "flex items-start", children: [
+            /* @__PURE__ */ g(
+              "svg",
               {
-                className: L(
-                  "text-lg mr-3 flex-shrink-0",
-                  C ? "text-purple-500" : "text-green-500"
+                className: N(
+                  "w-5 h-5 mr-3 flex-shrink-0",
+                  s ? "text-blue-200" : "text-green-500"
                 ),
-                children: "✓"
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ g(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M5 13l4 4L19 7"
+                  }
+                )
               }
             ),
-            /* @__PURE__ */ b("span", { className: "text-sm text-gray-700 dark:text-gray-300 text-left", children: w.replace(/^✓\s*/, "") })
-          ] }, T)) }),
-          f && /* @__PURE__ */ I("div", { className: "bg-gradient-to-r from-purple-50 to-blue-50 dark:from-purple-900/20 dark:to-blue-900/20 rounded-lg p-4 mb-4", children: [
-            /* @__PURE__ */ b("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ b("span", { className: "text-purple-600 dark:text-purple-400 font-semibold text-sm", children: f.title }) }),
-            /* @__PURE__ */ b("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1", children: f.features.map((w, T) => /* @__PURE__ */ I("li", { children: [
-              "• ",
-              w
-            ] }, T)) })
-          ] }),
-          k && /* @__PURE__ */ b(
+            /* @__PURE__ */ g(
+              "span",
+              {
+                className: N(
+                  "text-sm text-left",
+                  s ? "text-white" : "text-gray-700 dark:text-gray-300"
+                ),
+                children: k.replace(/^✓\s*/, "")
+              }
+            )
+          ] }, u)) }),
+          p && /* @__PURE__ */ D(
+            "div",
+            {
+              className: N(
+                "rounded-lg p-4 mb-4",
+                s ? "bg-blue-500/30" : "bg-gradient-to-r from-purple-50 to-blue-50 dark:from-purple-900/20 dark:to-blue-900/20"
+              ),
+              children: [
+                /* @__PURE__ */ g("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ g(
+                  "span",
+                  {
+                    className: N(
+                      "font-semibold text-sm",
+                      s ? "text-white" : "text-purple-600 dark:text-purple-400"
+                    ),
+                    children: p.title
+                  }
+                ) }),
+                /* @__PURE__ */ g(
+                  "ul",
+                  {
+                    className: N(
+                      "text-xs space-y-1",
+                      s ? "text-blue-100" : "text-gray-600 dark:text-gray-400"
+                    ),
+                    children: p.features.map((k, u) => /* @__PURE__ */ D("li", { children: [
+                      "• ",
+                      k
+                    ] }, u))
+                  }
+                )
+              ]
+            }
+          ),
+          y && /* @__PURE__ */ g(
             "div",
             {
-              className: L(
+              className: N(
                 "text-center text-sm font-medium mb-4",
-                C ? "text-purple-600 dark:text-purple-400" : "text-blue-600 dark:text-blue-400"
+                s ? "text-blue-100" : "text-blue-600 dark:text-blue-400"
               ),
-              children: k
+              children: y
             }
           )
         ] }),
-        /* @__PURE__ */ I("div", { className: "mt-auto space-y-4", children: [
-          v && /* @__PURE__ */ b("div", { className: "p-3 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: /* @__PURE__ */ b("p", { className: "text-sm text-yellow-700 dark:text-yellow-300 font-semibold text-center", children: v }) }),
-          /* @__PURE__ */ b("div", { className: "flex justify-center", children: /* @__PURE__ */ b(
+        /* @__PURE__ */ D("div", { className: "mt-auto space-y-4", children: [
+          C && /* @__PURE__ */ g(
             "div",
             {
-              className: L(
-                "w-5 h-5 rounded-full border-2 flex items-center justify-center",
-                l ? C ? "border-purple-600 bg-purple-600" : "border-blue-600 bg-blue-600" : "border-gray-300 dark:border-gray-600"
+              className: N(
+                "p-3 rounded-lg",
+                s ? "bg-blue-500/30" : "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800"
               ),
-              children: l && /* @__PURE__ */ b("div", { className: "w-2 h-2 rounded-full bg-white" })
+              children: /* @__PURE__ */ g(
+                "p",
+                {
+                  className: N(
+                    "text-sm font-semibold text-center",
+                    s ? "text-white" : "text-yellow-700 dark:text-yellow-300"
+                  ),
+                  children: C
+                }
+              )
             }
-          ) })
+          ),
+          I ? (
+            // CTA Button - like pricing page
+            x.href ? /* @__PURE__ */ g(
+              "a",
+              {
+                href: x.href,
+                className: N(
+                  "block w-full py-3 font-semibold rounded-lg text-center transition-colors",
+                  s ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700"
+                ),
+                onClick: (k) => k.stopPropagation(),
+                children: x.label
+              }
+            ) : /* @__PURE__ */ g(
+              "button",
+              {
+                onClick: G,
+                disabled: w,
+                className: N(
+                  "w-full py-3 font-semibold rounded-lg transition-colors",
+                  s ? "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
+              }
+            )
+          ) : (
+            // 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",
+                  s ? "border-white bg-white" : "border-gray-300 dark:border-gray-600"
+                ),
+                children: s && /* @__PURE__ */ g("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
+              }
+            ) })
+          )
         ] })
       ]
     }
@@ -2910,61 +3026,62 @@ const jr = {
   title: e,
   children: o,
   error: r,
-  currentStatus: t,
+  variant: t = "selection",
+  currentStatus: n,
   primaryAction: s,
-  secondaryAction: l,
-  minTileWidth: i = 240,
-  className: m,
-  headerContent: c,
-  aboveProducts: f,
-  footerContent: k,
-  currentStatusLabel: v = "Current Status"
+  secondaryAction: a,
+  minTileWidth: m = 240,
+  className: c,
+  headerContent: p,
+  aboveProducts: y,
+  footerContent: C,
+  currentStatusLabel: T = "Current Status"
 }) => {
-  const C = {
+  const x = t === "selection" && s, R = {
     display: "grid",
-    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${i}px), 1fr))`,
+    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${m}px), 1fr))`,
     gap: "1.5rem"
   };
-  return /* @__PURE__ */ b(We, { className: m, children: /* @__PURE__ */ I(Ue, { className: "pt-6", children: [
-    c,
-    t && /* @__PURE__ */ I($e, { children: [
-      /* @__PURE__ */ b("h2", { className: L(be.heading.h3(), "mb-4"), children: v }),
-      t.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: [
-          /* @__PURE__ */ b("div", { className: "w-3 h-3 bg-green-500 rounded-full mr-3" }),
-          /* @__PURE__ */ b("span", { className: "font-semibold text-green-800 dark:text-green-300", children: t.activeContent?.title || "Active Subscription" })
+  return /* @__PURE__ */ g(We, { className: c, children: /* @__PURE__ */ D(Ue, { className: "pt-6", children: [
+    p,
+    n && /* @__PURE__ */ D($e, { children: [
+      /* @__PURE__ */ g("h2", { className: N(be.heading.h3(), "mb-4"), children: T }),
+      n.isActive ? /* @__PURE__ */ D("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__ */ D("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: n.activeContent?.title || "Active Subscription" })
         ] }),
-        t.activeContent?.fields && t.activeContent.fields.length > 0 && /* @__PURE__ */ b("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4", children: t.activeContent.fields.map(
-          (x, A) => /* @__PURE__ */ I("div", { children: [
-            /* @__PURE__ */ b("p", { className: "text-sm text-green-600 dark:text-green-400", children: x.label }),
-            /* @__PURE__ */ b("p", { className: "font-semibold text-green-800 dark:text-green-300", children: x.value })
-          ] }, A)
+        n.activeContent?.fields && n.activeContent.fields.length > 0 && /* @__PURE__ */ g("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4", children: n.activeContent.fields.map(
+          (P, w) => /* @__PURE__ */ D("div", { children: [
+            /* @__PURE__ */ g("p", { className: "text-sm text-green-600 dark:text-green-400", children: P.label }),
+            /* @__PURE__ */ g("p", { className: "font-semibold text-green-800 dark:text-green-300", children: P.value })
+          ] }, w)
         ) })
-      ] }) : /* @__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__ */ b("div", { className: "w-3 h-3 bg-yellow-500 rounded-full mr-3" }),
-          /* @__PURE__ */ b("span", { className: "font-semibold text-yellow-800 dark:text-yellow-300", children: t.inactiveContent?.title || "No Active Subscription" })
+      ] }) : /* @__PURE__ */ D("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__ */ D("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: n.inactiveContent?.title || "No Active Subscription" })
         ] }),
-        t.inactiveContent?.message && /* @__PURE__ */ b("p", { className: "text-yellow-700 dark:text-yellow-400", children: t.inactiveContent.message })
+        n.inactiveContent?.message && /* @__PURE__ */ g("p", { className: "text-yellow-700 dark:text-yellow-400", children: n.inactiveContent.message })
       ] })
     ] }),
-    /* @__PURE__ */ b("h2", { className: L(be.heading.h3(), "mb-4"), children: e }),
-    f,
-    /* @__PURE__ */ b("div", { style: C, children: o }),
-    k,
-    r && /* @__PURE__ */ b("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__ */ b("p", { className: "text-red-600 dark:text-red-400", children: r }) }),
-    /* @__PURE__ */ I("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
-      l && /* @__PURE__ */ b(
+    /* @__PURE__ */ g("h2", { className: N(be.heading.h3(), "mb-4"), children: e }),
+    y,
+    /* @__PURE__ */ g("div", { style: R, children: 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 }) }),
+    x && /* @__PURE__ */ D("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
+      a && /* @__PURE__ */ g(
         ve,
         {
-          onClick: l.onClick,
-          disabled: l.disabled || l.loading,
+          onClick: a.onClick,
+          disabled: a.disabled || a.loading,
           variant: "outline",
           className: "sm:flex-shrink-0",
-          children: l.label
+          children: a.label
         }
       ),
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ g(
         ve,
         {
           onClick: s.onClick,
@@ -2981,38 +3098,38 @@ function Kr({
   value: o,
   onChange: r,
   className: t,
-  disabled: s = !1,
-  size: l = "md"
+  disabled: n = !1,
+  size: s = "md"
 }) {
-  const i = {
+  const a = {
     sm: "px-3 py-1.5 text-xs",
     md: "px-4 py-2 text-sm",
     lg: "px-6 py-3 text-base"
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: L(
+      className: N(
         "inline-flex rounded-lg bg-gray-100 dark:bg-gray-800 p-1",
-        s && "opacity-50",
+        n && "opacity-50",
         t
       ),
       role: "radiogroup",
       children: e.map((m) => {
         const c = o === m.value;
-        return /* @__PURE__ */ b(
+        return /* @__PURE__ */ g(
           "button",
           {
             type: "button",
             role: "radio",
             "aria-checked": c,
-            disabled: s,
-            onClick: () => !s && r(m.value),
-            className: L(
-              i[l],
+            disabled: n,
+            onClick: () => !n && r(m.value),
+            className: N(
+              a[s],
               "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",
-              s && "cursor-not-allowed"
+              n && "cursor-not-allowed"
             ),
             children: m.label
           },
@@ -3022,9 +3139,9 @@ function Kr({
     }
   );
 }
-let fe = null;
-const Lr = async () => (fe || (fe = await import("@revenuecat/purchases-js")), fe);
-let R = null;
+let pe = null;
+const Lr = async () => (pe || (pe = await import("@revenuecat/purchases-js")), pe);
+let M = null;
 const _r = (e) => {
   const o = e.rcBillingProduct, r = o?.defaultSubscriptionOption;
   return {
@@ -3060,165 +3177,165 @@ const _r = (e) => {
   entitlementId: o,
   userEmail: r,
   onError: t,
-  onPurchaseSuccess: s,
-  children: l
+  onPurchaseSuccess: n,
+  children: s
 }) => {
-  const [i, m] = B([]), [c, f] = B(null), [k, v] = B(!1), [C, x] = B(null), [A, z] = B(!1), [N, G] = B(null), [F, V] = B(null), w = !e || e === "your_revenuecat_api_key_here", T = W(() => {
-    m([]), f(null), V(null), x(null), z(!1), G(null), R = null;
-  }, []), O = W(async () => {
-    if (R)
+  const [a, m] = B([]), [c, p] = B(null), [y, C] = B(!1), [T, x] = B(null), [R, P] = B(!1), [w, L] = B(null), [I, V] = B(null), z = !e || e === "your_revenuecat_api_key_here", _ = W(() => {
+    m([]), p(null), V(null), x(null), P(!1), L(null), M = null;
+  }, []), G = W(async () => {
+    if (M)
       try {
-        const p = await R.getOfferings();
-        if (p.current) {
-          V(p.current);
-          const h = p.current.availablePackages.map(
+        const f = await M.getOfferings();
+        if (f.current) {
+          V(f.current);
+          const h = f.current.availablePackages.map(
             _r
           );
           m(h);
         }
-      } catch (p) {
-        const h = p instanceof Error ? p.message : "Failed to load offerings";
-        x(h), t?.(p instanceof Error ? p : new Error(h));
+      } catch (f) {
+        const h = f instanceof Error ? f.message : "Failed to load offerings";
+        x(h), t?.(f instanceof Error ? f : new Error(h));
       }
-  }, [t]), j = W(async () => {
-    if (R)
+  }, [t]), k = W(async () => {
+    if (M)
       try {
-        const p = await R.getCustomerInfo(), h = ge(p, o);
-        f(h.isActive ? h : null);
-      } catch (p) {
-        const h = p instanceof Error ? p.message : "Failed to load subscription status";
-        x(h), t?.(p instanceof Error ? p : new Error(h));
+        const f = await M.getCustomerInfo(), h = ge(f, o);
+        p(h.isActive ? h : null);
+      } catch (f) {
+        const h = f instanceof Error ? f.message : "Failed to load subscription status";
+        x(h), t?.(f instanceof Error ? f : new Error(h));
       }
   }, [o, t]), u = W(
-    async (p, h) => {
-      if (N && N !== p && T(), !(A && N === p))
+    async (f, h) => {
+      if (w && w !== f && _(), !(R && w === f))
         try {
-          if (v(!0), x(null), w)
+          if (C(!0), x(null), z)
             console.warn(
               "[SubscriptionProvider] RevenueCat API key not configured"
-            ), m([]), f(null);
+            ), m([]), p(null);
           else {
-            const y = await Lr(), D = {
+            const v = await Lr(), O = {
               apiKey: e,
-              appUserId: p
+              appUserId: f
             };
-            R = y.Purchases.configure(D);
+            M = v.Purchases.configure(O);
             const d = h || r;
-            if (d && R)
+            if (d && M)
               try {
-                await R.setAttributes({ email: d });
+                await M.setAttributes({ email: d });
               } catch {
               }
-            await Promise.all([O(), j()]);
+            await Promise.all([G(), k()]);
           }
-          G(p), z(!0);
-        } catch (y) {
-          const D = y instanceof Error ? y.message : "Failed to initialize";
-          x(D), f(null), m([]), t?.(y instanceof Error ? y : new Error(D));
+          L(f), P(!0);
+        } catch (v) {
+          const O = v instanceof Error ? v.message : "Failed to initialize";
+          x(O), p(null), m([]), t?.(v instanceof Error ? v : new Error(O));
         } finally {
-          v(!1);
+          C(!1);
         }
     },
     [
-      N,
-      A,
       w,
+      R,
+      z,
       e,
       r,
-      O,
-      j,
+      G,
+      k,
       t,
-      T
+      _
     ]
-  ), _ = W(
-    async (p) => {
+  ), F = W(
+    async (f) => {
       try {
-        if (v(!0), x(null), w) {
+        if (C(!0), x(null), z) {
           await new Promise((te) => setTimeout(te, 2e3));
           const q = {
             isActive: !0,
             expirationDate: new Date(Date.now() + 365 * 24 * 60 * 60 * 1e3),
             purchaseDate: /* @__PURE__ */ new Date(),
-            productIdentifier: p,
+            productIdentifier: f,
             willRenew: !0
           };
-          return f(q), s?.(p), !0;
+          return p(q), n?.(f), !0;
         }
-        if (!R || !F)
+        if (!M || !I)
           throw new Error("Subscription service not initialized");
-        const y = F.availablePackages.find(
-          (q) => q.identifier === p
+        const v = I.availablePackages.find(
+          (q) => q.identifier === f
         );
-        if (!y)
-          throw new Error(`Package not found: ${p}`);
-        const D = await R.purchase({
-          rcPackage: y,
+        if (!v)
+          throw new Error(`Package not found: ${f}`);
+        const O = await M.purchase({
+          rcPackage: v,
           ...r ? { customerEmail: r } : {}
-        }), d = ge(D.customerInfo, o);
-        return f(d.isActive ? d : null), d.isActive && s?.(p), d.isActive;
+        }), d = ge(O.customerInfo, o);
+        return p(d.isActive ? d : null), d.isActive && n?.(f), d.isActive;
       } catch (h) {
-        const y = h instanceof Error ? h.message : "Purchase failed";
-        return x(y), t?.(h instanceof Error ? h : new Error(y)), !1;
+        const v = h instanceof Error ? h.message : "Purchase failed";
+        return x(v), t?.(h instanceof Error ? h : new Error(v)), !1;
       } finally {
-        v(!1);
+        C(!1);
       }
     },
     [
-      w,
-      F,
+      z,
+      I,
       r,
       o,
-      s,
+      n,
       t
     ]
   ), Z = W(async () => {
     try {
-      if (v(!0), x(null), w)
-        return await new Promise((y) => setTimeout(y, 1e3)), x("No previous purchases found"), !1;
-      if (!R)
+      if (C(!0), x(null), z)
+        return await new Promise((v) => setTimeout(v, 1e3)), x("No previous purchases found"), !1;
+      if (!M)
         throw new Error("Subscription service not initialized");
-      const p = await R.getCustomerInfo(), h = ge(p, o);
-      return f(h.isActive ? h : null), h.isActive || x("No previous purchases found"), h.isActive;
-    } catch (p) {
-      const h = p instanceof Error ? p.message : "Restore failed";
-      return x(h), t?.(p instanceof Error ? p : new Error(h)), !1;
+      const f = await M.getCustomerInfo(), h = ge(f, o);
+      return p(h.isActive ? h : null), h.isActive || x("No previous purchases found"), h.isActive;
+    } catch (f) {
+      const h = f instanceof Error ? f.message : "Restore failed";
+      return x(h), t?.(f instanceof Error ? f : new Error(h)), !1;
     } finally {
-      v(!1);
+      C(!1);
     }
-  }, [w, o, t]), ee = W(async () => {
-    if (!w)
+  }, [z, o, t]), ee = W(async () => {
+    if (!z)
       try {
-        x(null), await Promise.all([j(), O()]);
-      } catch (p) {
-        const h = p instanceof Error ? p.message : "Refresh failed";
-        x(h), t?.(p instanceof Error ? p : new Error(h));
+        x(null), await Promise.all([k(), G()]);
+      } catch (f) {
+        const h = f instanceof Error ? f.message : "Refresh failed";
+        x(h), t?.(f instanceof Error ? f : new Error(h));
       }
-  }, [w, j, O, t]), K = W(() => {
+  }, [z, k, G, t]), K = W(() => {
     x(null);
   }, []);
   Ye(() => {
-    if (!A || w || !R) return;
-    const p = setInterval(
+    if (!R || z || !M) return;
+    const f = setInterval(
       () => {
-        j().catch(() => {
+        k().catch(() => {
         });
       },
       300 * 1e3
     );
-    return () => clearInterval(p);
-  }, [A, w, j]);
+    return () => clearInterval(f);
+  }, [R, z, k]);
   const re = {
-    products: i,
+    products: a,
     currentSubscription: c,
-    isLoading: k,
-    error: C,
+    isLoading: y,
+    error: T,
     initialize: u,
-    purchase: _,
+    purchase: F,
     restore: Z,
     refresh: ee,
     clearError: K
   };
-  return /* @__PURE__ */ b(Ve.Provider, { value: re, children: l });
+  return /* @__PURE__ */ g(Ve.Provider, { value: re, children: s });
 }, Xr = () => {
   const e = Ke(Ve);
   if (!e)
@@ -3244,7 +3361,7 @@ const _r = (e) => {
   }
 }, Jr = () => {
   try {
-    R && (R.close(), R = null), Fr();
+    M && (M.close(), M = null), Fr();
   } catch {
   }
 };
@@ -3255,6 +3372,6 @@ export {
   Br as SubscriptionTile,
   Fr as clearRevenueCatCheckoutSessions,
   Jr as closeRevenueCatInstance,
-  L as cn,
+  N as cn,
   Xr as useSubscriptionContext
 };