@sudobility/subscription-components 1.0.4 → 1.0.8

package/dist/index.esm.js

@@ -1,38 +1,38 @@
-import { jsxs as D, 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 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";
+import { Card as Be, CardContent as We, Button as ve } from "@sudobility/components";
+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 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;
+    var s = e.length;
+    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 = "", n = arguments.length; r < n; 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], p = r[a];
-        return c ? p ? Xe(p, c) : c : p || Ce;
+        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 n = e[o], s = r.nextPart.get(n);
-  if (s) {
-    const p = Ie(e, o + 1, s);
-    if (p) return p;
+    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 p = 0; p < c; p++) {
-    const y = a[p];
-    if (y.validator(m))
-      return y.classGroupId;
+  for (let f = 0; f < c; f++) {
+    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 n = e[t];
-    xe(n, 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) => {
-  const n = e.length;
-  for (let s = 0; s < n; s++) {
-    const a = e[s];
-    tr(a, 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];
+    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") {
-    nr(e, o, r, t);
+    st(e, o, t, r);
     return;
   }
-  sr(e, o, r, t);
-}, or = (e, o, r) => {
-  const t = e === "" ? o : Me(o, e);
-  t.classGroupId = r;
-}, nr = (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));
-}, 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);
+  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), t, r);
   }
 }, Me = (e, o) => {
-  let r = e;
-  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;
+  let t = e;
+  const r = o.split(ce), s = r.length;
+  for (let n = 0; n < s; n++) {
+    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);
-  const n = (s, a) => {
-    r[s] = a, o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ Object.create(null));
+  let o = 0, t = /* @__PURE__ */ Object.create(null), r = /* @__PURE__ */ Object.create(null);
+  const s = (n, a) => {
+    t[n] = a, o++, o > e && (o = 0, r = t, t = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(s) {
-      let a = r[s];
+    get(n) {
+      let a = t[n];
       if (a !== void 0)
         return a;
-      if ((a = t[s]) !== void 0)
-        return n(s, a), a;
+      if ((a = r[n]) !== void 0)
+        return s(n, a), a;
     },
-    set(s, a) {
-      s in r ? r[s] = a : n(s, a);
+    set(n, a) {
+      n in t ? t[n] = a : s(n, a);
     }
   };
-}, he = "!", Ne = ":", lr = [], Pe = (e, o, r, t, n) => ({
+}, he = "!", Pe = ":", lt = [], ze = (e, o, t, r, s) => ({
   modifiers: e,
   hasImportantModifier: o,
-  baseClassName: r,
-  maybePostfixModifierPosition: t,
-  isExternal: n
-}), cr = (e) => {
+  baseClassName: t,
+  maybePostfixModifierPosition: r,
+  isExternal: s
+}), ct = (e) => {
   const {
     prefix: o,
-    experimentalParseClassName: r
+    experimentalParseClassName: t
   } = e;
-  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];
+  let r = (s) => {
+    const n = [];
+    let a = 0, m = 0, c = 0, f;
+    const k = s.length;
+    for (let z = 0; z < k; z++) {
+      const w = s[z];
       if (a === 0 && m === 0) {
-        if (w === Ne) {
-          s.push(n.slice(c, P)), c = P + 1;
+        if (w === Pe) {
+          n.push(s.slice(c, z)), c = z + 1;
           continue;
         }
         if (w === "/") {
-          p = P;
+          f = z;
           continue;
         }
       }
       w === "[" ? a++ : w === "]" ? a-- : w === "(" ? m++ : w === ")" && m--;
     }
-    const C = s.length === 0 ? n : n.slice(c);
-    let T = C, x = !1;
-    C.endsWith(he) ? (T = C.slice(0, -1), x = !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) && (T = C.slice(1), x = !0)
+      v.startsWith(he) && (O = v.slice(1), h = !0)
     );
-    const R = p && p > c ? p - c : void 0;
-    return Pe(s, x, T, R);
+    const R = f && f > c ? f - c : void 0;
+    return ze(n, h, O, R);
   };
   if (o) {
-    const n = o + Ne, s = t;
-    t = (a) => a.startsWith(n) ? s(a.slice(n.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 n = t;
-    t = (s) => r({
-      className: s,
-      parseClassName: n
+  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 = [];
-    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 e.orderSensitiveModifiers.forEach((t, r) => {
+    o.set(t, 1e6 + r);
+  }), (t) => {
+    const r = [];
+    let s = [];
+    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 n.length > 0 && (n.sort(), t.push(...n)), 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+/, fr = (e, o) => {
+}), ut = /\s+/, pt = (e, o) => {
   const {
-    parseClassName: r,
-    getClassGroupId: t,
-    getConflictingClassGroupIds: n,
-    sortModifiers: s
-  } = o, a = [], m = e.trim().split(ur);
+    parseClassName: t,
+    getClassGroupId: r,
+    getConflictingClassGroupIds: s,
+    sortModifiers: n
+  } = o, a = [], m = e.trim().split(ut);
   let c = "";
-  for (let p = m.length - 1; p >= 0; p -= 1) {
-    const y = m[p], {
-      isExternal: C,
-      modifiers: T,
-      hasImportantModifier: x,
+  for (let f = m.length - 1; f >= 0; f -= 1) {
+    const k = m[f], {
+      isExternal: v,
+      modifiers: O,
+      hasImportantModifier: h,
       baseClassName: R,
-      maybePostfixModifierPosition: P
-    } = r(y);
-    if (C) {
-      c = y + (c.length > 0 ? " " + c : c);
+      maybePostfixModifierPosition: z
+    } = t(k);
+    if (v) {
+      c = k + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let w = !!P, L = t(w ? R.substring(0, P) : R);
+    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 (L = t(R), !L) {
-        c = y + (c.length > 0 ? " " + c : c);
+      if (L = r(R), !L) {
+        c = k + (c.length > 0 ? " " + c : c);
         continue;
       }
       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)
+    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(z);
-    const _ = n(L, w);
-    for (let G = 0; G < _.length; ++G) {
-      const k = _[G];
-      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;
-}, pr = (...e) => {
-  let o = 0, r, t, n = "";
+}, ft = (...e) => {
+  let o = 0, t, r, s = "";
   for (; o < e.length; )
-    (r = e[o++]) && (t = De(r)) && (n && (n += " "), n += t);
-  return n;
+    (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, n, s;
+  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 p = o.reduce((y, C) => C(y), e());
-    return r = mr(p), t = r.cache.get, n = r.cache.set, s = 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 p = t(c);
-    if (p)
-      return p;
-    const y = fr(c, r);
-    return n(c, y), y;
+    const f = r(c);
+    if (f)
+      return f;
+    const k = pt(c, t);
+    return s(c, k), k;
   };
-  return s = a, (...c) => s(pr(...c));
-}, br = [], A = (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;
-}, 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) => (
+}, 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, 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 = 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 = () => [
+  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,51 +319,51 @@ const Xe = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], _ = () => [...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, {
+  ], 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], E = () => [
+  }], de = () => [ue, ee, q], j = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    p,
+    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"], S = () => [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",
     R,
     l,
     i
-  ], ne = () => ["none", b, l, i], se = () => ["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: G()
+        overflow: I()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": G()
+        "overflow-x": I()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": G()
+        "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: [U, "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: [U, "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
@@ -745,35 +745,35 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...f(), "normal"]
+        justify: [...p(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...h(), "normal"]
+        "justify-items": [...x(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...h()]
+        "justify-self": ["auto", ...x()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...f()]
+        content: ["normal", ...p()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...h(), {
+        items: [...x(), {
           baseline: ["", "last"]
         }]
       }],
@@ -782,7 +782,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...h(), {
+        self: ["auto", ...x(), {
           baseline: ["", "last"]
         }]
       }],
@@ -791,21 +791,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": f()
+        "place-content": p()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...h(), "baseline"]
+        "place-items": [...x(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...h()]
+        "place-self": ["auto", ...x()]
       }],
       // Spacing
       /**
@@ -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: O()
+        size: T()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...O()]
+        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",
-          ...O()
+          ...T()
         ]
       }],
       /**
@@ -1003,7 +1003,7 @@ const Xe = (e, o) => {
           {
             screen: [a]
           },
-          ...O()
+          ...T()
         ]
       }],
       /**
@@ -1011,21 +1011,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...O()]
+        h: ["screen", "lh", ...T()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...O()]
+        "min-h": ["screen", "lh", "none", ...T()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...O()]
+        "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, fe]
+        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
@@ -1103,14 +1103,14 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, l, i]
+        tracking: [s, l, i]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [b, "none", l, fe]
+        "line-clamp": [b, "none", l, pe]
       }],
       /**
        * 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 */
-          s,
+          n,
           ...u()
         ]
       }],
@@ -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"]
-          }, U, l, i],
+          }, Y, l, i],
           radial: ["", l, i],
-          conic: [U, 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: E()
+        rounded: j()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": E()
+        "rounded-s": j()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": E()
+        "rounded-e": j()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": E()
+        "rounded-t": j()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": E()
+        "rounded-r": j()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": E()
+        "rounded-b": j()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": E()
+        "rounded-l": j()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": E()
+        "rounded-ss": j()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": E()
+        "rounded-se": j()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": E()
+        "rounded-ee": j()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": E()
+        "rounded-es": j()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": E()
+        "rounded-tl": j()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": E()
+        "rounded-tr": j()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": E()
+        "rounded-br": j()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": E()
+        "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", T, le, ie]
+        "text-shadow": ["none", O, le, ie]
       }],
       /**
        * Text Shadow Color
@@ -1935,7 +1935,7 @@ const Xe = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": z()
+        "mask-radial-at": C()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [b]
@@ -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
@@ -2047,7 +2047,7 @@ const Xe = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          x,
+          h,
           le,
           ie
         ]
@@ -2258,7 +2258,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", I, l, i]
+        animate: ["none", _, l, i]
       }],
       // ------------------
       // --- Transforms ---
@@ -2275,70 +2275,70 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [P, l, i]
+        perspective: [z, l, i]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": _()
+        "perspective-origin": N()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: ne()
+        rotate: se()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": ne()
+        "rotate-x": se()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": ne()
+        "rotate-y": se()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": ne()
+        "rotate-z": se()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: se()
+        scale: ne()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": se()
+        "scale-x": ne()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": se()
+        "scale-y": ne()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": se()
+        "scale-z": ne()
       }],
       /**
        * Scale 3D
@@ -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, fe]
+        stroke: [b, ee, q, pe]
       }],
       /**
        * Stroke
@@ -2770,124 +2770,127 @@ const Xe = (e, o) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Or = /* @__PURE__ */ gr(Gr);
-function N(...e) {
-  return Or(qe(e));
+}, Ot = /* @__PURE__ */ gt(Gt);
+function P(...e) {
+  return Ot(qe(e));
 }
-const jr = {
+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"
-}, Br = ({
+}, Lt = ({
   id: e,
   title: o,
-  price: r,
-  periodLabel: t,
-  features: n,
-  isSelected: s,
+  price: t,
+  periodLabel: r,
+  features: s,
+  isSelected: n,
   onSelect: a,
   topBadge: m,
   discountBadge: c,
-  premiumCallout: p,
-  bottomNote: y,
-  introPriceNote: C,
-  isBestValue: T = !1,
-  ctaButton: x,
+  premiumCallout: f,
+  bottomNote: k,
+  introPriceNote: v,
+  isBestValue: O = !1,
+  ctaButton: h,
   className: R,
-  children: P,
+  children: z,
   disabled: w = !1,
-  ariaLabel: L
+  ariaLabel: L,
+  onTrack: _,
+  trackingLabel: F,
+  componentName: C = "SubscriptionTile"
 }) => {
-  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();
+  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__ */ D(
+  return /* @__PURE__ */ M(
     "div",
     {
-      className: N(
-        "relative rounded-2xl p-6 transition-all flex flex-col",
-        w ? "opacity-50 cursor-not-allowed" : I ? "cursor-default" : "cursor-pointer",
-        V,
+      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: z,
-      onKeyDown: _,
-      role: I ? "article" : "radio",
-      "aria-checked": I ? void 0 : s,
-      "aria-label": L || `${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: I || 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(
-              jr[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__ */ D("div", { className: "flex flex-col flex-grow", children: [
-          /* @__PURE__ */ D("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",
-                  s ? "text-white" : ""
+                  n ? "text-white" : ""
                 ),
                 children: o
               }
             ),
-            /* @__PURE__ */ D("div", { className: "mb-3", children: [
+            /* @__PURE__ */ M("div", { className: "mb-3", children: [
               /* @__PURE__ */ g(
                 "span",
                 {
-                  className: N(
+                  className: P(
                     "text-4xl font-bold",
-                    s ? "text-white" : "text-gray-900 dark:text-gray-100"
+                    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",
-                    s ? "text-blue-100" : "text-gray-500 dark:text-gray-400"
+                    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",
-                  s ? "bg-blue-500 text-white" : "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300"
+                  n ? "bg-blue-500 text-white" : "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300"
                 ),
                 children: c.text
               }
             )
           ] }),
-          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: [
+          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",
-                  s ? "text-blue-200" : "text-green-500"
+                  n ? "text-blue-200" : "text-green-500"
                 ),
                 fill: "none",
                 stroke: "currentColor",
@@ -2906,103 +2909,103 @@ const jr = {
             /* @__PURE__ */ g(
               "span",
               {
-                className: N(
+                className: P(
                   "text-sm text-left",
-                  s ? "text-white" : "text-gray-700 dark:text-gray-300"
+                  n ? "text-white" : "text-gray-700 dark:text-gray-300"
                 ),
-                children: k.replace(/^✓\s*/, "")
+                children: E.replace(/^✓\s*/, "")
               }
             )
-          ] }, u)) }),
-          p && /* @__PURE__ */ D(
+          ] }, W)) }),
+          f && /* @__PURE__ */ M(
             "div",
             {
-              className: N(
+              className: P(
                 "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"
+                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"
               ),
               children: [
                 /* @__PURE__ */ g("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ g(
                   "span",
                   {
-                    className: N(
+                    className: P(
                       "font-semibold text-sm",
-                      s ? "text-white" : "text-purple-600 dark:text-purple-400"
+                      n ? "text-white" : "text-purple-600 dark:text-purple-400"
                     ),
-                    children: p.title
+                    children: f.title
                   }
                 ) }),
                 /* @__PURE__ */ g(
                   "ul",
                   {
-                    className: N(
+                    className: P(
                       "text-xs space-y-1",
-                      s ? "text-blue-100" : "text-gray-600 dark:text-gray-400"
+                      n ? "text-blue-100" : "text-gray-600 dark:text-gray-400"
                     ),
-                    children: p.features.map((k, u) => /* @__PURE__ */ D("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",
-                s ? "text-blue-100" : "text-blue-600 dark:text-blue-400"
+                n ? "text-blue-100" : "text-blue-600 dark:text-blue-400"
               ),
-              children: y
+              children: k
             }
           )
         ] }),
-        /* @__PURE__ */ D("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",
-                s ? "bg-blue-500/30" : "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800"
+                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",
-                    s ? "text-white" : "text-yellow-700 dark:text-yellow-300"
+                    n ? "text-white" : "text-yellow-700 dark:text-yellow-300"
                   ),
-                  children: C
+                  children: v
                 }
               )
             }
           ),
-          I ? (
+          N ? (
             // CTA Button - like pricing page
-            x.href ? /* @__PURE__ */ g(
+            h.href ? /* @__PURE__ */ g(
               "a",
               {
-                href: x.href,
-                className: N(
+                href: h.href,
+                className: P(
                   "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"
+                  n ? "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
+                onClick: (E) => E.stopPropagation(),
+                children: h.label
               }
             ) : /* @__PURE__ */ g(
               "button",
               {
-                onClick: G,
+                onClick: V,
                 disabled: w,
-                className: N(
+                className: P(
                   "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",
+                  n ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700",
                   w && "opacity-50 cursor-not-allowed"
                 ),
-                children: x.label
+                children: h.label
               }
             )
           ) : (
@@ -3010,11 +3013,11 @@ const jr = {
             /* @__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",
-                  s ? "border-white bg-white" : "border-gray-300 dark:border-gray-600"
+                  n ? "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" })
+                children: n && /* @__PURE__ */ g("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
               }
             ) })
           )
@@ -3022,59 +3025,84 @@ const jr = {
       ]
     }
   );
-}, Yr = ({
+}, Yt = ({
   title: e,
   children: o,
-  error: r,
-  variant: t = "selection",
-  currentStatus: n,
-  primaryAction: s,
+  error: t,
+  variant: r = "selection",
+  currentStatus: s,
+  primaryAction: n,
   secondaryAction: a,
   minTileWidth: m = 240,
   className: c,
-  headerContent: p,
-  aboveProducts: y,
-  footerContent: C,
-  currentStatusLabel: T = "Current Status"
+  headerContent: f,
+  aboveProducts: k,
+  footerContent: v,
+  currentStatusLabel: O = "Current Status",
+  freeTileConfig: h,
+  onTrack: R,
+  trackingLabel: z,
+  componentName: w = "SubscriptionLayout"
 }) => {
-  const x = t === "selection" && s, R = {
+  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(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: [
+  return /* @__PURE__ */ g(Be, { className: c, children: /* @__PURE__ */ M(We, { className: "pt-6", children: [
+    f,
+    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: n.activeContent?.title || "Active Subscription" })
+          /* @__PURE__ */ g("span", { className: "font-semibold text-green-800 dark:text-green-300", children: s.activeContent?.title || "Active Subscription" })
         ] }),
-        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)
+        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(
+          (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__ */ 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__ */ 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: n.inactiveContent?.title || "No Active Subscription" })
+          /* @__PURE__ */ g("span", { className: "font-semibold text-yellow-800 dark:text-yellow-300", children: s.inactiveContent?.title || "No Active Subscription" })
         ] }),
-        n.inactiveContent?.message && /* @__PURE__ */ g("p", { className: "text-yellow-700 dark:text-yellow-400", children: n.inactiveContent.message })
+        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__ */ 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: [
+    /* @__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,
+          price: h.price,
+          periodLabel: h.periodLabel,
+          features: h.features,
+          isSelected: !1,
+          onSelect: () => {
+          },
+          topBadge: h.topBadge,
+          ctaButton: h.ctaButton
+        }
+      ),
+      o
+    ] }),
+    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",
@@ -3084,22 +3112,22 @@ const jr = {
       /* @__PURE__ */ g(
         ve,
         {
-          onClick: s.onClick,
-          disabled: s.disabled || s.loading,
+          onClick: _,
+          disabled: n.disabled || n.loading,
           className: "flex-1",
-          children: s.label
+          children: n.label
         }
       )
     ] })
   ] }) });
 };
-function Kr({
+function Kt({
   options: e,
   value: o,
-  onChange: r,
-  className: t,
-  disabled: n = !1,
-  size: s = "md"
+  onChange: t,
+  className: r,
+  disabled: s = !1,
+  size: n = "md"
 }) {
   const a = {
     sm: "px-3 py-1.5 text-xs",
@@ -3109,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",
-        n && "opacity-50",
-        t
+        s && "opacity-50",
+        r
       ),
       role: "radiogroup",
       children: e.map((m) => {
@@ -3123,13 +3151,13 @@ function Kr({
             type: "button",
             role: "radio",
             "aria-checked": c,
-            disabled: n,
-            onClick: () => !n && r(m.value),
-            className: N(
-              a[s],
+            disabled: s,
+            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",
-              n && "cursor-not-allowed"
+              s && "cursor-not-allowed"
             ),
             children: m.label
           },
@@ -3139,239 +3167,240 @@ function Kr({
     }
   );
 }
-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;
+let fe = null;
+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 = Be(
+}, Ve = Ue(
   void 0
-), qr = ({
+), qt = ({
   apiKey: e,
   entitlementId: o,
-  userEmail: r,
-  onError: t,
-  onPurchaseSuccess: n,
-  children: s
+  userEmail: t,
+  onError: r,
+  onPurchaseSuccess: s,
+  children: n
 }) => {
-  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)
+  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 f = await M.getOfferings();
-        if (f.current) {
-          V(f.current);
-          const h = f.current.availablePackages.map(
-            _r
+        const p = await G.getOfferings();
+        if (p.current) {
+          F(p.current);
+          const x = p.current.metadata, y = p.current.availablePackages.map(
+            (T) => Ft(T, x)
           );
-          m(h);
+          m(y);
         }
-      } catch (f) {
-        const h = f instanceof Error ? f.message : "Failed to load offerings";
-        x(h), t?.(f instanceof Error ? f : new Error(h));
+      } catch (p) {
+        const x = p instanceof Error ? p.message : "Failed to load offerings";
+        h(x), r?.(p instanceof Error ? p : new Error(x));
       }
-  }, [t]), k = W(async () => {
-    if (M)
+  }, [r]), D = U(async () => {
+    if (G)
       try {
-        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));
+        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), r?.(p instanceof Error ? p : new Error(x));
       }
-  }, [o, t]), u = W(
-    async (f, h) => {
-      if (w && w !== f && _(), !(R && w === f))
+  }, [o, r]), u = U(
+    async (p, x) => {
+      if (w && w !== p && N(), !(R && w === p))
         try {
-          if (C(!0), x(null), z)
+          if (v(!0), h(null), C)
             console.warn(
               "[SubscriptionProvider] RevenueCat API key not configured"
-            ), m([]), p(null);
+            ), m([]), f(null);
           else {
-            const v = await Lr(), O = {
+            const y = await _t(), T = {
               apiKey: e,
-              appUserId: f
+              appUserId: p
             };
-            M = v.Purchases.configure(O);
-            const d = h || r;
-            if (d && M)
+            G = y.Purchases.configure(T);
+            const d = x || t;
+            if (d && G)
               try {
-                await M.setAttributes({ email: d });
+                await G.setAttributes({ email: d });
               } catch {
               }
-            await Promise.all([G(), k()]);
+            await Promise.all([I(), 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));
+          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,
       R,
-      z,
+      C,
       e,
-      r,
-      G,
-      k,
       t,
-      _
+      I,
+      D,
+      r,
+      N
     ]
-  ), F = W(
-    async (f) => {
+  ), V = U(
+    async (p) => {
       try {
-        if (C(!0), x(null), z) {
-          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: f,
+            productIdentifier: p,
             willRenew: !0
           };
-          return p(q), n?.(f), !0;
+          return f(J), s?.(p), !0;
         }
-        if (!M || !I)
+        if (!G || !_)
           throw new Error("Subscription service not initialized");
-        const v = I.availablePackages.find(
-          (q) => q.identifier === f
+        const y = _.availablePackages.find(
+          (J) => J.identifier === p
         );
-        if (!v)
-          throw new Error(`Package not found: ${f}`);
-        const O = await M.purchase({
-          rcPackage: v,
-          ...r ? { customerEmail: r } : {}
-        }), d = ge(O.customerInfo, o);
-        return p(d.isActive ? d : null), d.isActive && n?.(f), d.isActive;
-      } catch (h) {
-        const v = h instanceof Error ? h.message : "Purchase failed";
-        return x(v), t?.(h instanceof Error ? h : new Error(v)), !1;
+        if (!y)
+          throw new Error(`Package not found: ${p}`);
+        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 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);
       }
     },
     [
-      z,
-      I,
-      r,
+      C,
+      _,
+      t,
       o,
-      n,
-      t
+      s,
+      r
     ]
-  ), Z = W(async () => {
+  ), E = U(async () => {
     try {
-      if (C(!0), x(null), z)
-        return await new Promise((v) => setTimeout(v, 1e3)), x("No previous purchases found"), !1;
-      if (!M)
+      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 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;
+      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), r?.(p instanceof Error ? p : new Error(x)), !1;
     } finally {
-      C(!1);
+      v(!1);
     }
-  }, [z, o, t]), ee = W(async () => {
-    if (!z)
+  }, [C, o, r]), W = U(async () => {
+    if (!C)
       try {
-        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));
+        h(null), await Promise.all([D(), I()]);
+      } catch (p) {
+        const x = p instanceof Error ? p.message : "Refresh failed";
+        h(x), r?.(p instanceof Error ? p : new Error(x));
       }
-  }, [z, k, G, t]), K = W(() => {
-    x(null);
+  }, [C, D, I, r]), X = U(() => {
+    h(null);
   }, []);
   Ye(() => {
-    if (!R || z || !M) return;
-    const f = setInterval(
+    if (!R || C || !G) return;
+    const p = setInterval(
       () => {
-        k().catch(() => {
+        D().catch(() => {
         });
       },
       300 * 1e3
     );
-    return () => clearInterval(f);
-  }, [R, z, k]);
-  const re = {
+    return () => clearInterval(p);
+  }, [R, C, D]);
+  const te = {
     products: a,
     currentSubscription: c,
-    isLoading: y,
-    error: T,
+    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: s });
-}, 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;
-}, Fr = () => {
+}, 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 {
-    M && (M.close(), M = null), Fr();
+    G && (G.close(), G = null), Vt();
   } catch {
   }
 };
 export {
-  Kr as SegmentedControl,
-  Yr as SubscriptionLayout,
-  qr as SubscriptionProvider,
-  Br as SubscriptionTile,
-  Fr 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
 };