@sudobility/subscription-components 1.0.5 → 1.0.8

package/dist/index.esm.js

@@ -1,38 +1,38 @@
-import { jsxs as I, jsx as g, Fragment as $e } from "react/jsx-runtime";
+import { jsxs as M, 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";
+import { createContext as Ue, useState as K, useCallback as U, useEffect as Ye, useContext as Ke } from "react";
 function Se(e) {
-  var o, r, t = "";
-  if (typeof e == "string" || typeof e == "number") t += 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;
+    for (o = 0; o < s; o++) e[o] && (t = Se(e[o])) && (r && (r += " "), r += t);
+  } else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
 }
 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 (var e, o, t = 0, r = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (o = Se(e)) && (r && (r += " "), r += o);
+  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];
-  return r;
+  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;
 }, Je = (e, o) => ({
   classGroupId: e,
   validator: o
-}), Re = (e = /* @__PURE__ */ new Map(), o = null, r) => ({
+}), Re = (e = /* @__PURE__ */ new Map(), o = null, t) => ({
   nextPart: e,
   validators: o,
-  classGroupId: r
+  classGroupId: t
 }), ce = "-", Ce = [], He = "arbitrary..", Qe = (e) => {
-  const o = er(e), {
-    conflictingClassGroups: r,
-    conflictingClassGroupModifiers: t
+  const o = et(e), {
+    conflictingClassGroups: t,
+    conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
@@ -43,86 +43,86 @@ const Xe = (e, o) => {
     },
     getConflictingClassGroupIds: (a, m) => {
       if (m) {
-        const c = t[a], f = r[a];
+        const c = r[a], f = t[a];
         return c ? f ? Xe(f, c) : c : f || Ce;
       }
-      return r[a] || Ce;
+      return t[a] || Ce;
     }
   };
-}, Ie = (e, o, r) => {
+}, Ie = (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 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))
-      return y.classGroupId;
+    const k = a[f];
+    if (k.validator(m))
+      return k.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) => {
+  const o = e.slice(1, -1), t = o.indexOf(":"), r = o.slice(0, t);
+  return r ? He + r : void 0;
+})(), et = (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 tt(t, o);
+}, tt = (e, o) => {
+  const t = Re();
+  for (const r in e) {
+    const s = e[r];
+    xe(s, t, r, o);
   }
-  return r;
-}, xe = (e, o, r, t) => {
+  return t;
+}, xe = (e, o, t, r) => {
   const s = e.length;
   for (let n = 0; n < s; n++) {
     const a = e[n];
-    tr(a, o, r, t);
+    rt(a, o, t, r);
   }
-}, tr = (e, o, r, t) => {
+}, rt = (e, o, t, r) => {
   if (typeof e == "string") {
-    or(e, o, r);
+    ot(e, o, t);
     return;
   }
   if (typeof e == "function") {
-    sr(e, o, r, t);
+    st(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);
+  nt(e, o, t, r);
+}, ot = (e, o, t) => {
+  const r = e === "" ? o : Me(o, e);
+  r.classGroupId = t;
+}, st = (e, o, t, r) => {
+  if (at(e)) {
+    xe(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(Je(t, e));
+}, nt = (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);
+    xe(c, Me(o, m), t, r);
   }
 }, Me = (e, o) => {
-  let r = e;
-  const t = o.split(ce), s = t.length;
+  let t = e;
+  const r = o.split(ce), 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 m = t.nextPart.get(a);
+    m || (m = Re(), t.nextPart.set(a, m)), t = m;
   }
-  return r;
-}, ar = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, ir = (e) => {
+  return t;
+}, at = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, it = (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) => ({
+}, he = "!", Pe = ":", lt = [], ze = (e, o, t, r, s) => ({
   modifiers: e,
   hasImportantModifier: o,
-  baseClassName: r,
-  maybePostfixModifierPosition: t,
+  baseClassName: t,
+  maybePostfixModifierPosition: r,
   isExternal: s
-}), cr = (e) => {
+}), ct = (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;
-    const y = s.length;
-    for (let A = 0; A < y; A++) {
-      const w = s[A];
+    const k = s.length;
+    for (let z = 0; z < k; z++) {
+      const w = s[z];
       if (a === 0 && m === 0) {
-        if (w === Ne) {
-          n.push(s.slice(c, A)), c = A + 1;
+        if (w === Pe) {
+          n.push(s.slice(c, z)), c = z + 1;
           continue;
         }
         if (w === "/") {
-          f = A;
+          f = z;
           continue;
         }
       }
       w === "[" ? a++ : w === "]" ? a-- : w === "(" ? m++ : w === ")" && m--;
     }
-    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 v = n.length === 0 ? s : s.slice(c);
+    let O = v, h = !1;
+    v.endsWith(he) ? (O = v.slice(0, -1), h = !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)
+      v.startsWith(he) && (O = v.slice(1), h = !0)
     );
-    const M = f && f > c ? f - c : void 0;
-    return Pe(n, h, E, M);
+    const R = f && f > c ? f - c : void 0;
+    return ze(n, h, O, R);
   };
   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(lt, !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;
+}, dt = (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], m = a[0] === "[", c = o.has(a);
+      m || c ? (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),
+}, mt = (e) => ({
+  cache: it(e.cacheSize),
+  parseClassName: ct(e),
+  sortModifiers: dt(e),
   ...Qe(e)
-}), ur = /\s+/, pr = (e, o) => {
+}), ut = /\s+/, pt = (e, o) => {
   const {
-    parseClassName: r,
-    getClassGroupId: t,
+    parseClassName: t,
+    getClassGroupId: r,
     getConflictingClassGroupIds: s,
     sortModifiers: n
-  } = o, a = [], m = e.trim().split(ur);
+  } = o, a = [], m = e.trim().split(ut);
   let c = "";
   for (let f = m.length - 1; f >= 0; f -= 1) {
-    const y = m[f], {
-      isExternal: C,
-      modifiers: E,
+    const k = m[f], {
+      isExternal: v,
+      modifiers: O,
       hasImportantModifier: h,
-      baseClassName: M,
-      maybePostfixModifierPosition: A
-    } = r(y);
-    if (C) {
-      c = y + (c.length > 0 ? " " + c : c);
+      baseClassName: R,
+      maybePostfixModifierPosition: z
+    } = t(k);
+    if (v) {
+      c = k + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let w = !!A, T = t(w ? M.substring(0, A) : M);
-    if (!T) {
+    let w = !!z, L = r(w ? R.substring(0, z) : R);
+    if (!L) {
       if (!w) {
-        c = y + (c.length > 0 ? " " + c : c);
+        c = k + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (T = t(M), !T) {
-        c = y + (c.length > 0 ? " " + c : c);
+      if (L = r(R), !L) {
+        c = k + (c.length > 0 ? " " + c : c);
         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 _ = O.length === 0 ? "" : O.length === 1 ? O[0] : n(O).join(":"), F = h ? _ + he : _, C = F + L;
+    if (a.indexOf(C) > -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(C);
+    const N = s(L, w);
+    for (let I = 0; I < N.length; ++I) {
+      const D = N[I];
+      a.push(F + D);
     }
-    c = y + (c.length > 0 ? " " + c : c);
+    c = k + (c.length > 0 ? " " + c : c);
   }
   return c;
-}, fr = (...e) => {
-  let o = 0, r, t, s = "";
+}, ft = (...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 = De(t)) && (s && (s += " "), s += r);
   return s;
 }, De = (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;
+  let o, t = "";
+  for (let r = 0; r < e.length; r++)
+    e[r] && (o = De(e[r])) && (t && (t += " "), t += o);
+  return t;
+}, gt = (e, ...o) => {
+  let t, r, 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);
+    const f = o.reduce((k, v) => v(k), e());
+    return t = mt(f), r = t.cache.get, s = t.cache.set, n = m, m(c);
   }, m = (c) => {
-    const f = t(c);
+    const f = r(c);
     if (f)
       return f;
-    const y = pr(c, r);
-    return s(c, y), y;
+    const k = pt(c, t);
+    return s(c, k), k;
   };
-  return n = a, (...c) => n(fr(...c));
-}, br = [], z = (e) => {
-  const o = (r) => r[e] || br;
+  return n = a, (...c) => n(ft(...c));
+}, bt = [], A = (e) => {
+  const o = (t) => t[e] || bt;
   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, ht = /^\d+\/\d+$/, xt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, wt = /\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$/, yt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, kt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, vt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => ht.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && b(e.slice(0, -1)), B = (e) => xt.test(e), Ct = () => !0, Pt = (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 = () => [
+  wt.test(e) && !yt.test(e)
+), Ge = () => !1, zt = (e) => kt.test(e), Nt = (e) => vt.test(e), At = (e) => !i(e) && !l(e), St = (e) => Q(e, Le, Ge), i = (e) => Ee.test(e), q = (e) => Q(e, _e, Pt), pe = (e) => Q(e, Et, b), Ne = (e) => Q(e, Oe, Ge), Rt = (e) => Q(e, je, Nt), ie = (e) => Q(e, Fe, zt), l = (e) => Te.test(e), ee = (e) => Z(e, _e), It = (e) => Z(e, Tt), Ae = (e) => Z(e, Oe), Mt = (e) => Z(e, Le), Dt = (e) => Z(e, je), le = (e) => Z(e, Fe, !0), Q = (e, o, t) => {
+  const r = Ee.exec(e);
+  return r ? r[1] ? o(r[1]) : t(r[2]) : !1;
+}, Z = (e, o, t = !1) => {
+  const r = Te.exec(e);
+  return r ? r[1] ? o(r[1]) : t : !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", Et = (e) => e === "number", Tt = (e) => e === "family-name", Fe = (e) => e === "shadow", Gt = () => {
+  const e = A("color"), o = A("font"), t = A("text"), r = A("font-weight"), s = A("tracking"), n = A("leading"), a = A("breakpoint"), m = A("container"), c = A("spacing"), f = A("radius"), k = A("shadow"), v = A("inset-shadow"), O = A("text-shadow"), h = A("drop-shadow"), R = A("blur"), z = A("perspective"), w = A("aspect"), L = A("ease"), _ = A("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], C = () => [
     "center",
     "top",
     "bottom",
@@ -319,15 +319,15 @@ 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, {
+  ], N = () => [...C(), l, i], I = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], u = () => [l, i, c], V = () => [H, "full", "auto", ...u()], E = () => [Y, "none", "subgrid", l, i], W = () => ["auto", {
+    span: ["full", Y, l, i]
+  }, Y, l, i], X = () => [Y, "auto", l, i], te = () => ["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"], y = () => ["auto", ...u()], T = () => [H, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, l, i], J = () => [...C(), Ae, Ne, {
     position: [l, i]
-  }], te = () => ["no-repeat", {
+  }], re = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], we = () => ["auto", "cover", "contain", Mr, Sr, {
+  }], we = () => ["auto", "cover", "contain", Mt, St, {
     size: [l, i]
-  }], de = () => [ue, Q, Y], G = () => [
+  }], de = () => [ue, ee, q], j = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -335,35 +335,35 @@ const Xe = (e, o) => {
     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, ee, q], 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, Ne], ke = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    M,
+    R,
     l,
     i
-  ], se = () => ["none", b, l, i], ne = () => ["none", b, l, i], me = () => [b, l, i], ae = () => [X, "full", ...u()];
+  ], se = () => ["none", b, l, i], ne = () => ["none", b, l, i], me = () => [b, l, i], ae = () => [H, "full", ...u()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [$],
-      breakpoint: [$],
-      color: [Cr],
-      container: [$],
-      "drop-shadow": [$],
+      blur: [B],
+      breakpoint: [B],
+      color: [Ct],
+      container: [B],
+      "drop-shadow": [B],
       ease: ["in", "out", "in-out"],
-      font: [Ar],
+      font: [At],
       "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: [$],
+      radius: [B],
+      shadow: [B],
       spacing: ["px", b],
-      text: [$],
-      "text-shadow": [$],
+      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", H, i, l, w]
       }],
       /**
        * Container
@@ -395,14 +395,14 @@ const Xe = (e, o) => {
        * @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: N()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: O()
+        overflow: I()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": O()
+        "overflow-x": I()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": O()
+        "overflow-y": I()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: k()
+        overscroll: D()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": k()
+        "overscroll-x": D()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": k()
+        "overscroll-y": D()
       }],
       /**
        * Position
@@ -520,63 +520,63 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: F()
+        inset: V()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": F()
+        "inset-x": V()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": F()
+        "inset-y": V()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: F()
+        start: V()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: F()
+        end: V()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: F()
+        top: V()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: F()
+        right: V()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: F()
+        bottom: V()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: F()
+        left: V()
       }],
       /**
        * Visibility
@@ -588,7 +588,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [W, "auto", l, i]
+        z: [Y, "auto", l, i]
       }],
       // ------------------------
       // --- 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: [H, "full", "auto", m, ...u()]
       }],
       /**
        * Flex Direction
@@ -619,7 +619,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [b, X, "auto", "initial", "none", i]
+        flex: [b, H, "auto", "initial", "none", i]
       }],
       /**
        * Flex Grow
@@ -640,63 +640,63 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [W, "first", "last", "none", l, i]
+        order: [Y, "first", "last", "none", l, i]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": Z()
+        "grid-cols": E()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ee()
+        col: W()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": K()
+        "col-start": X()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": K()
+        "col-end": X()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": Z()
+        "grid-rows": E()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ee()
+        row: W()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": K()
+        "row-start": X()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": K()
+        "row-end": X()
       }],
       /**
        * Grid Auto Flow
@@ -710,14 +710,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": re()
+        "auto-cols": te()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": re()
+        "auto-rows": te()
       }],
       /**
        * Gap
@@ -876,63 +876,63 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: v()
+        m: y()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: v()
+        mx: y()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: v()
+        my: y()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: v()
+        ms: y()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: v()
+        me: y()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: v()
+        mt: y()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: v()
+        mr: y()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: v()
+        mb: y()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: v()
+        ml: y()
       }],
       /**
        * Space Between X
@@ -966,14 +966,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: L()
+        size: T()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...L()]
+        w: [m, "screen", ...T()]
       }],
       /**
        * Min-Width
@@ -985,7 +985,7 @@ const Xe = (e, o) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...L()
+          ...T()
         ]
       }],
       /**
@@ -1003,7 +1003,7 @@ const Xe = (e, o) => {
           {
             screen: [a]
           },
-          ...L()
+          ...T()
         ]
       }],
       /**
@@ -1011,21 +1011,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...L()]
+        h: ["screen", "lh", ...T()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...L()]
+        "min-h": ["screen", "lh", "none", ...T()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...L()]
+        "max-h": ["screen", "lh", ...T()]
       }],
       // ------------------
       // --- 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, ee, q]
       }],
       /**
        * Font Smoothing
@@ -1052,7 +1052,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, l, pe]
+        font: [r, l, pe]
       }],
       /**
        * Font Stretch
@@ -1066,7 +1066,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Ir, i, o]
+        font: [It, i, o]
       }],
       /**
        * Font Variant Numeric
@@ -1183,7 +1183,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [b, "from-font", "auto", l, Y]
+        decoration: [b, "from-font", "auto", l, q]
       }],
       /**
        * Text Decoration Color
@@ -1294,14 +1294,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: q()
+        bg: J()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: te()
+        bg: re()
       }],
       /**
        * Background Size
@@ -1318,10 +1318,10 @@ const Xe = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, W, l, i],
+          }, Y, l, i],
           radial: ["", l, i],
-          conic: [W, l, i]
-        }, Dr, Rr]
+          conic: [Y, l, i]
+        }, Dt, Rt]
       }],
       /**
        * Background Color
@@ -1380,175 +1380,175 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: G()
+        rounded: j()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": G()
+        "rounded-s": j()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": G()
+        "rounded-e": j()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": G()
+        "rounded-t": j()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": G()
+        "rounded-r": j()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": G()
+        "rounded-b": j()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": G()
+        "rounded-l": j()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": G()
+        "rounded-ss": j()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": G()
+        "rounded-se": j()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": G()
+        "rounded-ee": j()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": G()
+        "rounded-es": j()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": G()
+        "rounded-tl": j()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": G()
+        "rounded-tr": j()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": G()
+        "rounded-br": j()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": G()
+        "rounded-bl": j()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: j()
+        border: $()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": j()
+        "border-x": $()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": j()
+        "border-y": $()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": j()
+        "border-s": $()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": j()
+        "border-e": $()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": j()
+        "border-t": $()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": j()
+        "border-r": $()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": j()
+        "border-b": $()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": j()
+        "border-l": $()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": j()
+        "divide-x": $()
       }],
       /**
        * 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": $()
       }],
       /**
        * Divide Width Y Reverse
@@ -1670,7 +1670,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", b, Q, Y]
+        outline: ["", b, ee, q]
       }],
       /**
        * Outline Color
@@ -1691,7 +1691,7 @@ const Xe = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          y,
+          k,
           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", C, le, ie]
+        "inset-shadow": ["none", v, 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: j()
+        ring: $()
       }],
       /**
        * 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": [b, Y]
+        "ring-offset": [b, q]
       }],
       /**
        * 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": j()
+        "inset-ring": $()
       }],
       /**
        * Inset Ring Color
@@ -1775,7 +1775,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", E, le, ie]
+        "text-shadow": ["none", O, le, ie]
       }],
       /**
        * Text Shadow Color
@@ -1827,10 +1827,10 @@ const Xe = (e, o) => {
         "mask-linear": [b]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": R()
+        "mask-linear-from": S()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": R()
+        "mask-linear-to": S()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": d()
@@ -1839,10 +1839,10 @@ const Xe = (e, o) => {
         "mask-linear-to": d()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": R()
+        "mask-t-from": S()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": R()
+        "mask-t-to": S()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": d()
@@ -1851,10 +1851,10 @@ const Xe = (e, o) => {
         "mask-t-to": d()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": R()
+        "mask-r-from": S()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": R()
+        "mask-r-to": S()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": d()
@@ -1863,10 +1863,10 @@ const Xe = (e, o) => {
         "mask-r-to": d()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": R()
+        "mask-b-from": S()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": R()
+        "mask-b-to": S()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": d()
@@ -1875,10 +1875,10 @@ const Xe = (e, o) => {
         "mask-b-to": d()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": R()
+        "mask-l-from": S()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": R()
+        "mask-l-to": S()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": d()
@@ -1887,10 +1887,10 @@ const Xe = (e, o) => {
         "mask-l-to": d()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": R()
+        "mask-x-from": S()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": R()
+        "mask-x-to": S()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": d()
@@ -1899,10 +1899,10 @@ const Xe = (e, o) => {
         "mask-x-to": d()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": R()
+        "mask-y-from": S()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": R()
+        "mask-y-to": S()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": d()
@@ -1914,10 +1914,10 @@ const Xe = (e, o) => {
         "mask-radial": [l, i]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": R()
+        "mask-radial-from": S()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": R()
+        "mask-radial-to": S()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": d()
@@ -1935,16 +1935,16 @@ const Xe = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": P()
+        "mask-radial-at": C()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [b]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": R()
+        "mask-conic-from": S()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": R()
+        "mask-conic-to": S()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": d()
@@ -1971,14 +1971,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: q()
+        mask: J()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: te()
+        mask: re()
       }],
       /**
        * Mask Size
@@ -2244,7 +2244,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", T, l, i]
+        ease: ["linear", "initial", L, l, i]
       }],
       /**
        * Transition Delay
@@ -2258,7 +2258,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", S, l, i]
+        animate: ["none", _, l, i]
       }],
       // ------------------
       // --- Transforms ---
@@ -2275,14 +2275,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [A, l, i]
+        perspective: [z, l, i]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": _()
+        "perspective-origin": N()
       }],
       /**
        * Rotate
@@ -2378,7 +2378,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: _()
+        origin: N()
       }],
       /**
        * Transform Style
@@ -2695,7 +2695,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [b, Q, Y, pe]
+        stroke: [b, ee, q, pe]
       }],
       /**
        * Stroke
@@ -2770,76 +2770,79 @@ 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));
+}, Ot = /* @__PURE__ */ gt(Gt);
+function P(...e) {
+  return Ot(qe(e));
 }
-const Lr = {
+const jt = {
   purple: "bg-purple-500",
   green: "bg-green-500",
   blue: "bg-blue-500",
   yellow: "bg-yellow-400 !text-yellow-900",
   red: "bg-red-500"
-}, jr = ({
+}, Lt = ({
   id: e,
   title: o,
-  price: r,
-  periodLabel: t,
+  price: t,
+  periodLabel: r,
   features: s,
   isSelected: n,
   onSelect: a,
   topBadge: m,
   discountBadge: c,
   premiumCallout: f,
-  bottomNote: y,
-  introPriceNote: C,
-  isBestValue: E = !1,
+  bottomNote: k,
+  introPriceNote: v,
+  isBestValue: O = !1,
   ctaButton: h,
-  className: M,
-  children: A,
+  className: R,
+  children: z,
   disabled: w = !1,
-  ariaLabel: T
+  ariaLabel: L,
+  onTrack: _,
+  trackingLabel: F,
+  componentName: C = "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 N = !!h, I = 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", D = () => {
+    !w && !N && (_?.({ action: "select", trackingLabel: F, componentName: C }), a());
+  }, u = (E) => {
+    !w && !N && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), _?.({ action: "select", trackingLabel: F, componentName: C }), a());
+  }, V = (E) => {
+    E.stopPropagation(), _?.({ action: "cta_click", trackingLabel: F, componentName: C }), h?.onClick && h.onClick();
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ M(
     "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: P(
+        "relative rounded-2xl p-6 transition-all flex flex-col h-full",
+        w ? "opacity-50 cursor-not-allowed" : N ? "cursor-default" : "cursor-pointer",
+        I,
+        R
       ),
-      onClick: P,
-      onKeyDown: _,
-      role: S ? "article" : "radio",
-      "aria-checked": S ? void 0 : n,
-      "aria-label": T || `${o} - ${r}${t || ""}`,
+      onClick: D,
+      onKeyDown: u,
+      role: N ? "article" : "radio",
+      "aria-checked": N ? void 0 : n,
+      "aria-label": L || `${o} - ${t}${r || ""}`,
       "aria-disabled": w,
-      tabIndex: S || w ? -1 : 0,
+      tabIndex: N || w ? -1 : 0,
       children: [
         m && /* @__PURE__ */ g("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ g(
           "span",
           {
-            className: N(
-              Lr[m.color],
+            className: P(
+              jt[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__ */ M("div", { className: "flex flex-col flex-grow", children: [
+          /* @__PURE__ */ M("div", { className: "text-center mb-6", children: [
             /* @__PURE__ */ g(
               "h3",
               {
-                className: N(
+                className: P(
                   be.heading.h4(),
                   "mb-2",
                   n ? "text-white" : ""
@@ -2847,32 +2850,32 @@ const Lr = {
                 children: o
               }
             ),
-            /* @__PURE__ */ I("div", { className: "mb-3", children: [
+            /* @__PURE__ */ M("div", { className: "mb-3", children: [
               /* @__PURE__ */ g(
                 "span",
                 {
-                  className: N(
+                  className: P(
                     "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: P(
                     "text-lg",
                     n ? "text-blue-100" : "text-gray-500 dark:text-gray-400"
                   ),
-                  children: t
+                  children: r
                 }
               )
             ] }),
             c && /* @__PURE__ */ g(
               "div",
               {
-                className: N(
+                className: P(
                   "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"
                 ),
@@ -2880,12 +2883,12 @@ const Lr = {
               }
             )
           ] }),
-          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((E, W) => /* @__PURE__ */ M("div", { className: "flex items-start", children: [
             /* @__PURE__ */ g(
               "svg",
               {
-                className: N(
+                className: P(
                   "w-5 h-5 mr-3 flex-shrink-0",
                   n ? "text-blue-200" : "text-green-500"
                 ),
@@ -2906,18 +2909,18 @@ const Lr = {
             /* @__PURE__ */ g(
               "span",
               {
-                className: N(
+                className: P(
                   "text-sm text-left",
                   n ? "text-white" : "text-gray-700 dark:text-gray-300"
                 ),
-                children: k.replace(/^✓\s*/, "")
+                children: E.replace(/^✓\s*/, "")
               }
             )
-          ] }, u)) }),
-          f && /* @__PURE__ */ I(
+          ] }, W)) }),
+          f && /* @__PURE__ */ M(
             "div",
             {
-              className: N(
+              className: P(
                 "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,7 +2928,7 @@ const Lr = {
                 /* @__PURE__ */ g("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ g(
                   "span",
                   {
-                    className: N(
+                    className: P(
                       "font-semibold text-sm",
                       n ? "text-white" : "text-purple-600 dark:text-purple-400"
                     ),
@@ -2935,69 +2938,69 @@ const Lr = {
                 /* @__PURE__ */ g(
                   "ul",
                   {
-                    className: N(
+                    className: P(
                       "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: f.features.map((E, W) => /* @__PURE__ */ M("li", { children: [
                       "• ",
-                      k
-                    ] }, u))
+                      E
+                    ] }, W))
                   }
                 )
               ]
             }
           ),
-          y && /* @__PURE__ */ g(
+          k && /* @__PURE__ */ g(
             "div",
             {
-              className: N(
+              className: P(
                 "text-center text-sm font-medium mb-4",
                 n ? "text-blue-100" : "text-blue-600 dark:text-blue-400"
               ),
-              children: y
+              children: k
             }
           )
         ] }),
-        /* @__PURE__ */ I("div", { className: "mt-auto space-y-4", children: [
-          C && /* @__PURE__ */ g(
+        /* @__PURE__ */ M("div", { className: "mt-auto space-y-4", children: [
+          v && /* @__PURE__ */ g(
             "div",
             {
-              className: N(
+              className: P(
                 "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(
+                  className: P(
                     "text-sm font-semibold text-center",
                     n ? "text-white" : "text-yellow-700 dark:text-yellow-300"
                   ),
-                  children: C
+                  children: v
                 }
               )
             }
           ),
-          S ? (
+          N ? (
             // CTA Button - like pricing page
             h.href ? /* @__PURE__ */ g(
               "a",
               {
                 href: h.href,
-                className: N(
+                className: P(
                   "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(),
+                onClick: (E) => E.stopPropagation(),
                 children: h.label
               }
             ) : /* @__PURE__ */ g(
               "button",
               {
-                onClick: O,
+                onClick: V,
                 disabled: w,
-                className: N(
+                className: P(
                   "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"
@@ -3010,7 +3013,7 @@ const Lr = {
             /* @__PURE__ */ g("div", { className: "flex justify-center", children: /* @__PURE__ */ g(
               "div",
               {
-                className: N(
+                className: P(
                   "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"
                 ),
@@ -3022,55 +3025,62 @@ const Lr = {
       ]
     }
   );
-}, Yr = ({
+}, Yt = ({
   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,
-  aboveProducts: y,
-  footerContent: C,
-  currentStatusLabel: E = "Current Status",
-  freeTileConfig: h
+  aboveProducts: k,
+  footerContent: v,
+  currentStatusLabel: O = "Current Status",
+  freeTileConfig: h,
+  onTrack: R,
+  trackingLabel: z,
+  componentName: w = "SubscriptionLayout"
 }) => {
-  const M = t === "selection" && n, A = t === "cta" && h, w = {
+  const L = r === "selection" && n, _ = () => {
+    R?.({ action: "primary_action", trackingLabel: z, componentName: w }), n?.onClick();
+  }, F = () => {
+    R?.({ action: "secondary_action", trackingLabel: z, componentName: w }), a?.onClick();
+  }, C = r === "cta" && h, N = {
     display: "grid",
     gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${m}px), 1fr))`,
     gap: "1.5rem"
   };
-  return /* @__PURE__ */ g(Be, { className: c, children: /* @__PURE__ */ I(We, { className: "pt-6", children: [
+  return /* @__PURE__ */ g(Be, { className: c, children: /* @__PURE__ */ M(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: [
+    s && /* @__PURE__ */ M($e, { children: [
+      /* @__PURE__ */ g("h2", { className: P(be.heading.h3(), "mb-4"), children: O }),
+      s.isActive ? /* @__PURE__ */ M("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__ */ M("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)
+          (I, D) => /* @__PURE__ */ M("div", { children: [
+            /* @__PURE__ */ g("p", { className: "text-sm text-green-600 dark:text-green-400", children: I.label }),
+            /* @__PURE__ */ g("p", { className: "font-semibold text-green-800 dark:text-green-300", children: I.value })
+          ] }, D)
         ) })
-      ] }) : /* @__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__ */ M("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__ */ M("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 }),
-    y,
-    /* @__PURE__ */ I("div", { style: w, children: [
-      A && /* @__PURE__ */ g(
-        jr,
+    /* @__PURE__ */ g("h2", { className: P(be.heading.h3(), "mb-4"), children: e }),
+    k,
+    /* @__PURE__ */ M("div", { style: N, children: [
+      C && /* @__PURE__ */ g(
+        Lt,
         {
           id: "free",
           title: h.title,
@@ -3086,13 +3096,13 @@ const Lr = {
       ),
       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: [
+    v,
+    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 }) }),
+    L && /* @__PURE__ */ M("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 +3112,7 @@ const Lr = {
       /* @__PURE__ */ g(
         ve,
         {
-          onClick: n.onClick,
+          onClick: _,
           disabled: n.disabled || n.loading,
           className: "flex-1",
           children: n.label
@@ -3111,11 +3121,11 @@ const Lr = {
     ] })
   ] }) });
 };
-function Kr({
+function Kt({
   options: e,
   value: o,
-  onChange: r,
-  className: t,
+  onChange: t,
+  className: r,
   disabled: s = !1,
   size: n = "md"
 }) {
@@ -3127,10 +3137,10 @@ function Kr({
   return /* @__PURE__ */ g(
     "div",
     {
-      className: N(
+      className: P(
         "inline-flex rounded-lg bg-gray-100 dark:bg-gray-800 p-1",
         s && "opacity-50",
-        t
+        r
       ),
       role: "radiogroup",
       children: e.map((m) => {
@@ -3142,8 +3152,8 @@ function Kr({
             role: "radio",
             "aria-checked": c,
             disabled: s,
-            onClick: () => !s && r(m.value),
-            className: N(
+            onClick: () => !s && t(m.value),
+            className: P(
               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",
@@ -3158,238 +3168,239 @@ function Kr({
   );
 }
 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;
+const _t = async () => (fe || (fe = await import("@revenuecat/purchases-js")), fe);
+let G = null;
+const Ft = (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 ? {
+  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(
   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, m] = K([]), [c, f] = K(null), [k, v] = K(!1), [O, h] = K(null), [R, z] = K(!1), [w, L] = K(null), [_, F] = K(null), C = !e || e === "your_revenuecat_api_key_here", N = U(() => {
+    m([]), f(null), F(null), h(null), z(!1), L(null), G = null;
+  }, []), I = U(async () => {
+    if (G)
       try {
-        const p = await D.getOfferings();
+        const p = await G.getOfferings();
         if (p.current) {
-          V(p.current);
-          const x = p.current.availablePackages.map(
-            Fr
+          F(p.current);
+          const x = p.current.metadata, y = p.current.availablePackages.map(
+            (T) => Ft(T, x)
           );
-          m(x);
+          m(y);
         }
       } catch (p) {
         const x = p instanceof Error ? p.message : "Failed to load offerings";
-        h(x), t?.(p instanceof Error ? p : new Error(x));
+        h(x), r?.(p instanceof Error ? p : new Error(x));
       }
-  }, [t]), k = B(async () => {
-    if (D)
+  }, [r]), D = U(async () => {
+    if (G)
       try {
-        const p = await D.getCustomerInfo(), x = ge(p, o);
+        const p = await G.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));
+        h(x), r?.(p instanceof Error ? p : new Error(x));
       }
-  }, [o, t]), u = B(
+  }, [o, r]), u = U(
     async (p, x) => {
-      if (w && w !== p && _(), !(M && w === p))
+      if (w && w !== p && N(), !(R && w === p))
         try {
-          if (C(!0), h(null), P)
+          if (v(!0), h(null), C)
             console.warn(
               "[SubscriptionProvider] RevenueCat API key not configured"
             ), m([]), f(null);
           else {
-            const v = await _r(), L = {
+            const y = await _t(), T = {
               apiKey: e,
               appUserId: p
             };
-            D = v.Purchases.configure(L);
-            const d = x || r;
-            if (d && D)
+            G = y.Purchases.configure(T);
+            const d = x || t;
+            if (d && G)
               try {
-                await D.setAttributes({ email: d });
+                await G.setAttributes({ email: d });
               } catch {
               }
-            await Promise.all([O(), k()]);
+            await Promise.all([I(), D()]);
           }
-          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));
+          L(p), z(!0);
+        } catch (y) {
+          const T = y instanceof Error ? y.message : "Failed to initialize";
+          h(T), f(null), m([]), r?.(y instanceof Error ? y : new Error(T));
         } finally {
-          C(!1);
+          v(!1);
         }
     },
     [
       w,
-      M,
-      P,
+      R,
+      C,
       e,
-      r,
-      O,
-      k,
       t,
-      _
+      I,
+      D,
+      r,
+      N
     ]
-  ), F = B(
+  ), V = U(
     async (p) => {
       try {
-        if (C(!0), h(null), P) {
-          await new Promise((te) => setTimeout(te, 2e3));
-          const q = {
+        if (v(!0), h(null), C) {
+          await new Promise((re) => setTimeout(re, 2e3));
+          const J = {
             isActive: !0,
             expirationDate: new Date(Date.now() + 365 * 24 * 60 * 60 * 1e3),
             purchaseDate: /* @__PURE__ */ new Date(),
             productIdentifier: p,
             willRenew: !0
           };
-          return f(q), s?.(p), !0;
+          return f(J), s?.(p), !0;
         }
-        if (!D || !S)
+        if (!G || !_)
           throw new Error("Subscription service not initialized");
-        const v = S.availablePackages.find(
-          (q) => q.identifier === p
+        const y = _.availablePackages.find(
+          (J) => J.identifier === p
         );
-        if (!v)
+        if (!y)
           throw new Error(`Package not found: ${p}`);
-        const L = await D.purchase({
-          rcPackage: v,
-          ...r ? { customerEmail: r } : {}
-        }), d = ge(L.customerInfo, o);
+        const T = await G.purchase({
+          rcPackage: y,
+          ...t ? { customerEmail: t } : {}
+        }), d = ge(T.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;
+        const y = x instanceof Error ? x.message : "Purchase failed";
+        return h(y), r?.(x instanceof Error ? x : new Error(y)), !1;
       } finally {
-        C(!1);
+        v(!1);
       }
     },
     [
-      P,
-      S,
-      r,
+      C,
+      _,
+      t,
       o,
       s,
-      t
+      r
     ]
-  ), Z = B(async () => {
+  ), E = U(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 (v(!0), h(null), C)
+        return await new Promise((y) => setTimeout(y, 1e3)), h("No previous purchases found"), !1;
+      if (!G)
         throw new Error("Subscription service not initialized");
-      const p = await D.getCustomerInfo(), x = ge(p, o);
+      const p = await G.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;
+      return h(x), r?.(p instanceof Error ? p : new Error(x)), !1;
     } finally {
-      C(!1);
+      v(!1);
     }
-  }, [P, o, t]), ee = B(async () => {
-    if (!P)
+  }, [C, o, r]), W = U(async () => {
+    if (!C)
       try {
-        h(null), await Promise.all([k(), O()]);
+        h(null), await Promise.all([D(), I()]);
       } catch (p) {
         const x = p instanceof Error ? p.message : "Refresh failed";
-        h(x), t?.(p instanceof Error ? p : new Error(x));
+        h(x), r?.(p instanceof Error ? p : new Error(x));
       }
-  }, [P, k, O, t]), K = B(() => {
+  }, [C, D, I, r]), X = U(() => {
     h(null);
   }, []);
   Ye(() => {
-    if (!M || P || !D) return;
+    if (!R || C || !G) return;
     const p = setInterval(
       () => {
-        k().catch(() => {
+        D().catch(() => {
         });
       },
       300 * 1e3
     );
     return () => clearInterval(p);
-  }, [M, P, k]);
-  const re = {
+  }, [R, C, D]);
+  const te = {
     products: a,
     currentSubscription: c,
-    isLoading: y,
-    error: E,
+    isLoading: k,
+    error: O,
     initialize: u,
-    purchase: F,
-    restore: Z,
-    refresh: ee,
-    clearError: K
+    purchase: V,
+    restore: E,
+    refresh: W,
+    clearError: X
   };
-  return /* @__PURE__ */ g(Ve.Provider, { value: re, children: n });
-}, Xr = () => {
+  return /* @__PURE__ */ g(Ve.Provider, { value: te, children: n });
+}, Xt = () => {
   const e = Ke(Ve);
   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();
+    G && (G.close(), G = 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
+  Kt as SegmentedControl,
+  Yt as SubscriptionLayout,
+  qt as SubscriptionProvider,
+  Lt as SubscriptionTile,
+  Vt as clearRevenueCatCheckoutSessions,
+  Jt as closeRevenueCatInstance,
+  P as cn,
+  Xt as useSubscriptionContext
 };