npm - @sudobility/subscription-components - Versions diffs - 1.0.20 → 1.0.22 - Mend

@sudobility/subscription-components 1.0.20 → 1.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/index.d.ts +1 -0
package/dist/index.d.ts.map +1 -1
package/dist/index.esm.js +819 -698
package/dist/index.umd.js +1 -1
package/dist/subscription-layout.d.ts.map +1 -1
package/dist/subscription-service.d.ts +125 -0
package/dist/subscription-service.d.ts.map +1 -0
package/dist/subscription-tile.d.ts +5 -1
package/dist/subscription-tile.d.ts.map +1 -1
package/package.json +1 -1

package/dist/index.esm.js CHANGED Viewed

@@ -1,81 +1,81 @@
-import { jsxs as D, jsx as p, Fragment as We } from "react/jsx-runtime";
+import { jsxs as O, jsx as g, Fragment as Be } from "react/jsx-runtime";
 import { textVariants as he } from "@sudobility/design";
-import { Card as Be, CardContent as Ue, Button as ve } from "@sudobility/components";
-import { createContext as Ke, useState as Y, useCallback as q, useEffect as Ye, useContext as qe } from "react";
-function Ie(e) {
+import { Button as ke } from "@sudobility/components";
+import { createContext as We, useState as Y, useCallback as q, useEffect as Ue, useContext as Ke } from "react";
+function Ne(e) {
   var o, r, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var n = e.length;
-    for (o = 0; o < n; o++) e[o] && (r = Ie(e[o])) && (t && (t += " "), t += r);
+    for (o = 0; o < n; o++) e[o] && (r = Ne(e[o])) && (t && (t += " "), t += r);
   } else for (r in e) e[r] && (t && (t += " "), t += r);
   return t;
 }
-function Xe() {
-  for (var e, o, r = 0, t = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (o = Ie(e)) && (t && (t += " "), t += o);
+function Ye() {
+  for (var e, o, r = 0, t = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (o = Ne(e)) && (t && (t += " "), t += o);
   return t;
 }
-const Je = (e, o) => {
+const qe = (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;
-}, He = (e, o) => ({
+}, Xe = (e, o) => ({
   classGroupId: e,
   validator: o
 }), Re = (e = /* @__PURE__ */ new Map(), o = null, r) => ({
   nextPart: e,
   validators: o,
   classGroupId: r
-}), me = "-", Ce = [], Qe = "arbitrary..", Ze = (e) => {
-  const o = tt(e), {
+}), ue = "-", Ce = [], Je = "arbitrary..", He = (e) => {
+  const o = Ze(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: t
   } = e;
   return {
-    getClassGroupId: (a) => {
-      if (a.startsWith("[") && a.endsWith("]"))
-        return et(a);
-      const u = a.split(me), d = u[0] === "" && u.length > 1 ? 1 : 0;
-      return Me(u, d, o);
+    getClassGroupId: (i) => {
+      if (i.startsWith("[") && i.endsWith("]"))
+        return Qe(i);
+      const f = i.split(ue), c = f[0] === "" && f.length > 1 ? 1 : 0;
+      return De(f, c, o);
     },
-    getConflictingClassGroupIds: (a, u) => {
-      if (u) {
-        const d = t[a], x = r[a];
-        return d ? x ? Je(x, d) : d : x || Ce;
+    getConflictingClassGroupIds: (i, f) => {
+      if (f) {
+        const c = t[i], x = r[i];
+        return c ? x ? qe(x, c) : c : x || Ce;
       }
-      return r[a] || Ce;
+      return r[i] || Ce;
     }
   };
-}, Me = (e, o, r) => {
+}, De = (e, o, r) => {
   if (e.length - o === 0)
     return r.classGroupId;
   const n = e[o], s = r.nextPart.get(n);
   if (s) {
-    const x = Me(e, o + 1, s);
+    const x = De(e, o + 1, s);
     if (x) return x;
   }
-  const a = r.validators;
-  if (a === null)
+  const i = r.validators;
+  if (i === null)
     return;
-  const u = o === 0 ? e.join(me) : e.slice(o).join(me), d = a.length;
-  for (let x = 0; x < d; x++) {
-    const w = a[x];
-    if (w.validator(u))
+  const f = o === 0 ? e.join(ue) : e.slice(o).join(ue), c = i.length;
+  for (let x = 0; x < c; x++) {
+    const w = i[x];
+    if (w.validator(f))
       return w.classGroupId;
   }
-}, et = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, Qe = (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 ? Qe + t : void 0;
-})(), tt = (e) => {
+  return t ? Je + t : void 0;
+})(), Ze = (e) => {
   const {
     theme: o,
     classGroups: r
   } = e;
-  return rt(r, o);
-}, rt = (e, o) => {
+  return et(r, o);
+}, et = (e, o) => {
   const r = Re();
   for (const t in e) {
     const n = e[t];
@@ -85,44 +85,44 @@ const Je = (e, o) => {
 }, we = (e, o, r, t) => {
   const n = e.length;
   for (let s = 0; s < n; s++) {
-    const a = e[s];
-    ot(a, o, r, t);
+    const i = e[s];
+    tt(i, o, r, t);
   }
-}, ot = (e, o, r, t) => {
+}, tt = (e, o, r, t) => {
   if (typeof e == "string") {
-    nt(e, o, r);
+    rt(e, o, r);
     return;
   }
   if (typeof e == "function") {
-    st(e, o, r, t);
+    ot(e, o, r, t);
     return;
   }
-  at(e, o, r, t);
-}, nt = (e, o, r) => {
-  const t = e === "" ? o : De(o, e);
+  nt(e, o, r, t);
+}, rt = (e, o, r) => {
+  const t = e === "" ? o : Oe(o, e);
   t.classGroupId = r;
-}, st = (e, o, r, t) => {
-  if (it(e)) {
+}, ot = (e, o, r, t) => {
+  if (st(e)) {
     we(e(t), o, r, t);
     return;
   }
-  o.validators === null && (o.validators = []), o.validators.push(He(r, e));
-}, at = (e, o, r, t) => {
+  o.validators === null && (o.validators = []), o.validators.push(Xe(r, e));
+}, nt = (e, o, r, t) => {
   const n = Object.entries(e), s = n.length;
-  for (let a = 0; a < s; a++) {
-    const [u, d] = n[a];
-    we(d, De(o, u), r, t);
+  for (let i = 0; i < s; i++) {
+    const [f, c] = n[i];
+    we(c, Oe(o, f), r, t);
   }
-}, De = (e, o) => {
+}, Oe = (e, o) => {
   let r = e;
-  const t = o.split(me), n = t.length;
+  const t = o.split(ue), n = t.length;
   for (let s = 0; s < n; s++) {
-    const a = t[s];
-    let u = r.nextPart.get(a);
-    u || (u = Re(), r.nextPart.set(a, u)), r = u;
+    const i = t[s];
+    let f = r.nextPart.get(i);
+    f || (f = Re(), r.nextPart.set(i, f)), r = f;
   }
   return r;
-}, it = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, lt = (e) => {
+}, st = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, it = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -131,65 +131,65 @@ const Je = (e, o) => {
       }
     };
   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));
+  const n = (s, i) => {
+    r[s] = i, o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(s) {
-      let a = r[s];
-      if (a !== void 0)
-        return a;
-      if ((a = t[s]) !== void 0)
-        return n(s, a), a;
+      let i = r[s];
+      if (i !== void 0)
+        return i;
+      if ((i = t[s]) !== void 0)
+        return n(s, i), i;
     },
-    set(s, a) {
-      s in r ? r[s] = a : n(s, a);
+    set(s, i) {
+      s in r ? r[s] = i : n(s, i);
     }
   };
-}, xe = "!", Pe = ":", ct = [], ze = (e, o, r, t, n) => ({
+}, xe = "!", Pe = ":", at = [], Se = (e, o, r, t, n) => ({
   modifiers: e,
   hasImportantModifier: o,
   baseClassName: r,
   maybePostfixModifierPosition: t,
   isExternal: n
-}), dt = (e) => {
+}), lt = (e) => {
   const {
     prefix: o,
     experimentalParseClassName: r
   } = e;
   let t = (n) => {
     const s = [];
-    let a = 0, u = 0, d = 0, x;
+    let i = 0, f = 0, c = 0, x;
     const w = n.length;
-    for (let z = 0; z < w; z++) {
-      const v = n[z];
-      if (a === 0 && u === 0) {
-        if (v === Pe) {
-          s.push(n.slice(d, z)), d = z + 1;
+    for (let S = 0; S < w; S++) {
+      const z = n[S];
+      if (i === 0 && f === 0) {
+        if (z === Pe) {
+          s.push(n.slice(c, S)), c = S + 1;
           continue;
         }
-        if (v === "/") {
-          x = z;
+        if (z === "/") {
+          x = S;
           continue;
         }
       }
-      v === "[" ? a++ : v === "]" ? a-- : v === "(" ? u++ : v === ")" && u--;
+      z === "[" ? i++ : z === "]" ? i-- : z === "(" ? f++ : z === ")" && f--;
     }
-    const S = s.length === 0 ? n : n.slice(d);
-    let y = S, k = !1;
-    S.endsWith(xe) ? (y = S.slice(0, -1), k = !0) : (
+    const N = s.length === 0 ? n : n.slice(c);
+    let y = N, C = !1;
+    N.endsWith(xe) ? (y = N.slice(0, -1), C = !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
        */
-      S.startsWith(xe) && (y = S.slice(1), k = !0)
+      N.startsWith(xe) && (y = N.slice(1), C = !0)
     );
-    const G = x && x > d ? x - d : void 0;
-    return ze(s, k, y, G);
+    const P = x && x > c ? x - c : void 0;
+    return Se(s, C, y, P);
   };
   if (o) {
     const n = o + Pe, s = t;
-    t = (a) => a.startsWith(n) ? s(a.slice(n.length)) : ze(ct, !1, a, void 0, !0);
+    t = (i) => i.startsWith(n) ? s(i.slice(n.length)) : Se(at, !1, i, void 0, !0);
   }
   if (r) {
     const n = t;
@@ -199,7 +199,7 @@ const Je = (e, o) => {
     });
   }
   return t;
-}, mt = (e) => {
+}, ct = (e) => {
   const o = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((r, t) => {
     o.set(r, 1e6 + t);
@@ -207,101 +207,101 @@ const Je = (e, o) => {
     const t = [];
     let n = [];
     for (let s = 0; s < r.length; s++) {
-      const a = r[s], u = a[0] === "[", d = o.has(a);
-      u || d ? (n.length > 0 && (n.sort(), t.push(...n), n = []), t.push(a)) : n.push(a);
+      const i = r[s], f = i[0] === "[", c = o.has(i);
+      f || c ? (n.length > 0 && (n.sort(), t.push(...n), n = []), t.push(i)) : n.push(i);
     }
     return n.length > 0 && (n.sort(), t.push(...n)), t;
   };
-}, ut = (e) => ({
-  cache: lt(e.cacheSize),
-  parseClassName: dt(e),
-  sortModifiers: mt(e),
-  ...Ze(e)
-}), ft = /\s+/, pt = (e, o) => {
+}, dt = (e) => ({
+  cache: it(e.cacheSize),
+  parseClassName: lt(e),
+  sortModifiers: ct(e),
+  ...He(e)
+}), ut = /\s+/, mt = (e, o) => {
   const {
     parseClassName: r,
     getClassGroupId: t,
     getConflictingClassGroupIds: n,
     sortModifiers: s
-  } = o, a = [], u = e.trim().split(ft);
-  let d = "";
-  for (let x = u.length - 1; x >= 0; x -= 1) {
-    const w = u[x], {
-      isExternal: S,
+  } = o, i = [], f = e.trim().split(ut);
+  let c = "";
+  for (let x = f.length - 1; x >= 0; x -= 1) {
+    const w = f[x], {
+      isExternal: N,
       modifiers: y,
-      hasImportantModifier: k,
-      baseClassName: G,
-      maybePostfixModifierPosition: z
+      hasImportantModifier: C,
+      baseClassName: P,
+      maybePostfixModifierPosition: S
     } = r(w);
-    if (S) {
-      d = w + (d.length > 0 ? " " + d : d);
+    if (N) {
+      c = w + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let v = !!z, E = t(v ? G.substring(0, z) : G);
-    if (!E) {
-      if (!v) {
-        d = w + (d.length > 0 ? " " + d : d);
+    let z = !!S, A = t(z ? P.substring(0, S) : P);
+    if (!A) {
+      if (!z) {
+        c = w + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (E = t(G), !E) {
-        d = w + (d.length > 0 ? " " + d : d);
+      if (A = t(P), !A) {
+        c = w + (c.length > 0 ? " " + c : c);
         continue;
       }
-      v = !1;
+      z = !1;
     }
-    const F = y.length === 0 ? "" : y.length === 1 ? y[0] : s(y).join(":"), M = k ? F + xe : F, j = M + E;
-    if (a.indexOf(j) > -1)
+    const F = y.length === 0 ? "" : y.length === 1 ? y[0] : s(y).join(":"), j = C ? F + xe : F, T = j + A;
+    if (i.indexOf(T) > -1)
       continue;
-    a.push(j);
-    const N = n(E, v);
-    for (let C = 0; C < N.length; ++C) {
-      const L = N[C];
-      a.push(M + L);
+    i.push(T);
+    const v = n(A, z);
+    for (let D = 0; D < v.length; ++D) {
+      const L = v[D];
+      i.push(j + L);
     }
-    d = w + (d.length > 0 ? " " + d : d);
+    c = w + (c.length > 0 ? " " + c : c);
   }
-  return d;
-}, gt = (...e) => {
+  return c;
+}, ft = (...e) => {
   let o = 0, r, t, n = "";
   for (; o < e.length; )
-    (r = e[o++]) && (t = Ee(r)) && (n && (n += " "), n += t);
+    (r = e[o++]) && (t = Me(r)) && (n && (n += " "), n += t);
   return n;
-}, Ee = (e) => {
+}, Me = (e) => {
   if (typeof e == "string")
     return e;
   let o, r = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (o = Ee(e[t])) && (r && (r += " "), r += o);
+    e[t] && (o = Me(e[t])) && (r && (r += " "), r += o);
   return r;
-}, bt = (e, ...o) => {
+}, pt = (e, ...o) => {
   let r, t, n, s;
-  const a = (d) => {
-    const x = o.reduce((w, S) => S(w), e());
-    return r = ut(x), t = r.cache.get, n = r.cache.set, s = u, u(d);
-  }, u = (d) => {
-    const x = t(d);
+  const i = (c) => {
+    const x = o.reduce((w, N) => N(w), e());
+    return r = dt(x), t = r.cache.get, n = r.cache.set, s = f, f(c);
+  }, f = (c) => {
+    const x = t(c);
     if (x)
       return x;
-    const w = pt(d, r);
-    return n(d, w), w;
+    const w = mt(c, r);
+    return n(c, w), w;
   };
-  return s = a, (...d) => s(gt(...d));
-}, ht = [], A = (e) => {
-  const o = (r) => r[e] || ht;
+  return s = i, (...c) => s(ft(...c));
+}, bt = [], I = (e) => {
+  const o = (r) => r[e] || bt;
   return o.isThemeGetter = !0, o;
-}, Oe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xt = /^\d+\/\d+$/, wt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, kt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ct = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => xt.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), X = (e) => !!e && Number.isInteger(Number(e)), fe = (e) => e.endsWith("%") && g(e.slice(0, -1)), U = (e) => wt.test(e), Pt = () => !0, zt = (e) => (
+}, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, je = /^\((?:(\w[\w-]*):)?(.+)\)$/i, gt = /^\d+\/\d+$/, ht = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, xt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, wt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, yt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, vt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => gt.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), X = (e) => !!e && Number.isInteger(Number(e)), fe = (e) => e.endsWith("%") && b(e.slice(0, -1)), U = (e) => ht.test(e), kt = () => !0, Ct = (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.
-  yt.test(e) && !kt.test(e)
-), Ge = () => !1, Nt = (e) => vt.test(e), At = (e) => Ct.test(e), St = (e) => !i(e) && !l(e), It = (e) => te(e, _e, Ge), i = (e) => Oe.test(e), H = (e) => te(e, Fe, zt), pe = (e) => te(e, Ot, g), Ne = (e) => te(e, je, Ge), Rt = (e) => te(e, Le, At), ce = (e) => te(e, Ve, Nt), l = (e) => Te.test(e), ne = (e) => re(e, Fe), Mt = (e) => re(e, Tt), Ae = (e) => re(e, je), Dt = (e) => re(e, _e), Et = (e) => re(e, Le), de = (e) => re(e, Ve, !0), te = (e, o, r) => {
-  const t = Oe.exec(e);
+  xt.test(e) && !wt.test(e)
+), Te = () => !1, Pt = (e) => yt.test(e), St = (e) => vt.test(e), zt = (e) => !a(e) && !l(e), At = (e) => re(e, _e, Te), a = (e) => Ee.test(e), Q = (e) => re(e, Fe, Ct), pe = (e) => re(e, Ot, b), ze = (e) => re(e, Ge, Te), It = (e) => re(e, Le, St), ce = (e) => re(e, Ve, Pt), l = (e) => je.test(e), ne = (e) => oe(e, Fe), Nt = (e) => oe(e, Mt), Ae = (e) => oe(e, Ge), Rt = (e) => oe(e, _e), Dt = (e) => oe(e, Le), de = (e) => oe(e, Ve, !0), re = (e, o, r) => {
+  const t = Ee.exec(e);
   return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
-}, re = (e, o, r = !1) => {
-  const t = Te.exec(e);
+}, oe = (e, o, r = !1) => {
+  const t = je.exec(e);
   return t ? t[1] ? o(t[1]) : r : !1;
-}, je = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", Fe = (e) => e === "length", Ot = (e) => e === "number", Tt = (e) => e === "family-name", Ve = (e) => e === "shadow", Gt = () => {
-  const e = A("color"), o = A("font"), r = A("text"), t = A("font-weight"), n = A("tracking"), s = A("leading"), a = A("breakpoint"), u = A("container"), d = A("spacing"), x = A("radius"), w = A("shadow"), S = A("inset-shadow"), y = A("text-shadow"), k = A("drop-shadow"), G = A("blur"), z = A("perspective"), v = A("aspect"), E = A("ease"), F = A("animate"), M = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
+}, Ge = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", Fe = (e) => e === "length", Ot = (e) => e === "number", Mt = (e) => e === "family-name", Ve = (e) => e === "shadow", Et = () => {
+  const e = I("color"), o = I("font"), r = I("text"), t = I("font-weight"), n = I("tracking"), s = I("leading"), i = I("breakpoint"), f = I("container"), c = I("spacing"), x = I("radius"), w = I("shadow"), N = I("inset-shadow"), y = I("text-shadow"), C = I("drop-shadow"), P = I("blur"), S = I("perspective"), z = I("aspect"), A = I("ease"), F = I("animate"), j = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], T = () => [
     "center",
     "top",
     "bottom",
@@ -319,30 +319,30 @@ const Je = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], N = () => [...j(), l, i], C = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], m = () => [l, i, d], V = () => [ee, "full", "auto", ...m()], Q = () => [X, "none", "subgrid", l, i], Z = () => ["auto", {
-    span: ["full", X, l, i]
-  }, X, l, i], I = () => [X, "auto", l, i], K = () => ["auto", "min", "max", "fr", l, i], oe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], f = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], h = () => ["auto", ...m()], b = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], c = () => [e, l, i], O = () => [...j(), Ae, Ne, {
-    position: [l, i]
-  }], B = () => ["no-repeat", {
+  ], v = () => [...T(), l, a], D = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], u = () => [l, a, c], _ = () => [te, "full", "auto", ...u()], B = () => [X, "none", "subgrid", l, a], Z = () => ["auto", {
+    span: ["full", X, l, a]
+  }, X, l, a], K = () => [X, "auto", l, a], ee = () => ["auto", "min", "max", "fr", l, a], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], m = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], p = () => ["auto", ...u()], h = () => [te, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, l, a], M = () => [...T(), Ae, ze, {
+    position: [l, a]
+  }], W = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], W = () => ["auto", "cover", "contain", Dt, It, {
-    size: [l, i]
-  }], J = () => [fe, ne, H], _ = () => [
+  }], $ = () => ["auto", "cover", "contain", Rt, At, {
+    size: [l, a]
+  }], H = () => [fe, ne, Q], G = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     x,
     l,
-    i
-  ], $ = () => ["", g, ne, H], se = () => ["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 = () => [g, fe, Ae, Ne], ke = () => [
+    a
+  ], V = () => ["", b, ne, Q], se = () => ["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, fe, Ae, ze], ve = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    G,
+    P,
     l,
-    i
-  ], ae = () => ["none", g, l, i], ie = () => ["none", g, l, i], ue = () => [g, l, i], le = () => [ee, "full", ...m()];
+    a
+  ], ie = () => ["none", b, l, a], ae = () => ["none", b, l, a], me = () => [b, l, a], le = () => [te, "full", ...u()];
   return {
     cacheSize: 500,
     theme: {
@@ -350,18 +350,18 @@ const Je = (e, o) => {
       aspect: ["video"],
       blur: [U],
       breakpoint: [U],
-      color: [Pt],
+      color: [kt],
       container: [U],
       "drop-shadow": [U],
       ease: ["in", "out", "in-out"],
-      font: [St],
+      font: [zt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [U],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [U],
       shadow: [U],
-      spacing: ["px", g],
+      spacing: ["px", b],
       text: [U],
       "text-shadow": [U],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -375,7 +375,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ee, i, l, v]
+        aspect: ["auto", "square", te, a, l, z]
       }],
       /**
        * Container
@@ -388,21 +388,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [g, i, l, u]
+        columns: [b, a, l, f]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": M()
+        "break-after": j()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": M()
+        "break-before": j()
       }],
       /**
        * Break Inside
@@ -466,28 +466,28 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: N()
+        object: v()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: C()
+        overflow: D()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": C()
+        "overflow-x": D()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": C()
+        "overflow-y": D()
       }],
       /**
        * Overscroll Behavior
@@ -520,63 +520,63 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: V()
+        inset: _()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": V()
+        "inset-x": _()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": V()
+        "inset-y": _()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: V()
+        start: _()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: V()
+        end: _()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: V()
+        top: _()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: V()
+        right: _()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: V()
+        bottom: _()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: V()
+        left: _()
       }],
       /**
        * Visibility
@@ -588,7 +588,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [X, "auto", l, i]
+        z: [X, "auto", l, a]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -598,7 +598,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ee, "full", "auto", u, ...m()]
+        basis: [te, "full", "auto", f, ...u()]
       }],
       /**
        * Flex Direction
@@ -619,35 +619,35 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [g, ee, "auto", "initial", "none", i]
+        flex: [b, te, "auto", "initial", "none", a]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", g, l, i]
+        grow: ["", b, l, a]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", g, l, i]
+        shrink: ["", b, l, a]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [X, "first", "last", "none", l, i]
+        order: [X, "first", "last", "none", l, a]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": Q()
+        "grid-cols": B()
       }],
       /**
        * Grid Column Start / End
@@ -661,21 +661,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": I()
+        "col-start": K()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": I()
+        "col-end": K()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": Q()
+        "grid-rows": B()
       }],
       /**
        * Grid Row Start / End
@@ -689,14 +689,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": I()
+        "row-start": K()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": I()
+        "row-end": K()
       }],
       /**
        * Grid Auto Flow
@@ -710,70 +710,70 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": K()
+        "auto-cols": ee()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": K()
+        "auto-rows": ee()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: m()
+        gap: u()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": m()
+        "gap-x": u()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": m()
+        "gap-y": u()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...oe(), "normal"]
+        justify: [...J(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...f(), "normal"]
+        "justify-items": [...m(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...f()]
+        "justify-self": ["auto", ...m()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...oe()]
+        content: ["normal", ...J()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...f(), {
+        items: [...m(), {
           baseline: ["", "last"]
         }]
       }],
@@ -782,7 +782,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...f(), {
+        self: ["auto", ...m(), {
           baseline: ["", "last"]
         }]
       }],
@@ -791,21 +791,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": oe()
+        "place-content": J()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...f(), "baseline"]
+        "place-items": [...m(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...f()]
+        "place-self": ["auto", ...m()]
       }],
       // Spacing
       /**
@@ -813,133 +813,133 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: m()
+        p: u()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: m()
+        px: u()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: m()
+        py: u()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: m()
+        ps: u()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: m()
+        pe: u()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: m()
+        pt: u()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: m()
+        pr: u()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: m()
+        pb: u()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: m()
+        pl: u()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: h()
+        m: p()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: h()
+        mx: p()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: h()
+        my: p()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: h()
+        ms: p()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: h()
+        me: p()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: h()
+        mt: p()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: h()
+        mr: p()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: h()
+        mb: p()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: h()
+        ml: p()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": m()
+        "space-x": u()
       }],
       /**
        * Space Between X Reverse
@@ -951,7 +951,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": m()
+        "space-y": u()
       }],
       /**
        * Space Between Y Reverse
@@ -966,14 +966,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: b()
+        size: h()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...b()]
+        w: [f, "screen", ...h()]
       }],
       /**
        * Min-Width
@@ -981,11 +981,11 @@ const Je = (e, o) => {
        */
       "min-w": [{
         "min-w": [
-          u,
+          f,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...b()
+          ...h()
         ]
       }],
       /**
@@ -994,16 +994,16 @@ const Je = (e, o) => {
        */
       "max-w": [{
         "max-w": [
-          u,
+          f,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [a]
+            screen: [i]
           },
-          ...b()
+          ...h()
         ]
       }],
       /**
@@ -1011,21 +1011,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...b()]
+        h: ["screen", "lh", ...h()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...b()]
+        "min-h": ["screen", "lh", "none", ...h()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...b()]
+        "max-h": ["screen", "lh", ...h()]
       }],
       // ------------------
       // --- Typography ---
@@ -1035,7 +1035,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, ne, H]
+        text: ["base", r, ne, Q]
       }],
       /**
        * Font Smoothing
@@ -1059,14 +1059,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", fe, i]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", fe, a]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Mt, i, o]
+        font: [Nt, a, o]
       }],
       /**
        * Font Variant Numeric
@@ -1103,14 +1103,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, l, i]
+        tracking: [n, l, a]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [g, "none", l, pe]
+        "line-clamp": [b, "none", l, pe]
       }],
       /**
        * Line Height
@@ -1120,7 +1120,7 @@ const Je = (e, o) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           s,
-          ...m()
+          ...u()
         ]
       }],
       /**
@@ -1128,7 +1128,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", l, i]
+        "list-image": ["none", l, a]
       }],
       /**
        * List Style Position
@@ -1142,7 +1142,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", l, i]
+        list: ["disc", "decimal", "none", l, a]
       }],
       /**
        * Text Alignment
@@ -1157,14 +1157,14 @@ const Je = (e, o) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: c()
+        placeholder: d()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: c()
+        text: d()
       }],
       /**
        * Text Decoration
@@ -1183,21 +1183,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [g, "from-font", "auto", l, H]
+        decoration: [b, "from-font", "auto", l, Q]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: c()
+        decoration: d()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [g, "auto", l, i]
+        "underline-offset": [b, "auto", l, a]
       }],
       /**
        * Text Transform
@@ -1221,14 +1221,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: m()
+        indent: u()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l, i]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l, a]
       }],
       /**
        * Whitespace
@@ -1263,7 +1263,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", l, i]
+        content: ["none", l, a]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1294,21 +1294,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: O()
+        bg: M()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: B()
+        bg: W()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: W()
+        bg: $()
       }],
       /**
        * Background Image
@@ -1318,59 +1318,59 @@ const Je = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, X, l, i],
-          radial: ["", l, i],
-          conic: [X, l, i]
-        }, Et, Rt]
+          }, X, l, a],
+          radial: ["", l, a],
+          conic: [X, l, a]
+        }, Dt, It]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: c()
+        bg: d()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: J()
+        from: H()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: J()
+        via: H()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: J()
+        to: H()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: c()
+        from: d()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: c()
+        via: d()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: c()
+        to: d()
       }],
       // ---------------
       // --- Borders ---
@@ -1380,175 +1380,175 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: _()
+        rounded: G()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": _()
+        "rounded-s": G()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": _()
+        "rounded-e": G()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": _()
+        "rounded-t": G()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": _()
+        "rounded-r": G()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": _()
+        "rounded-b": G()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": _()
+        "rounded-l": G()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": _()
+        "rounded-ss": G()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": _()
+        "rounded-se": G()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": _()
+        "rounded-ee": G()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": _()
+        "rounded-es": G()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": _()
+        "rounded-tl": G()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": _()
+        "rounded-tr": G()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": _()
+        "rounded-br": G()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": _()
+        "rounded-bl": G()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: $()
+        border: V()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": $()
+        "border-x": V()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": $()
+        "border-y": V()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": $()
+        "border-s": V()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": $()
+        "border-e": V()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": $()
+        "border-t": V()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": $()
+        "border-r": V()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": $()
+        "border-b": V()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": $()
+        "border-l": V()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": $()
+        "divide-x": V()
       }],
       /**
        * Divide Width X Reverse
@@ -1560,7 +1560,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": $()
+        "divide-y": V()
       }],
       /**
        * Divide Width Y Reverse
@@ -1586,70 +1586,70 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: c()
+        border: d()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": c()
+        "border-x": d()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": c()
+        "border-y": d()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": c()
+        "border-s": d()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": c()
+        "border-e": d()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": c()
+        "border-t": d()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": c()
+        "border-r": d()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": c()
+        "border-b": d()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": c()
+        "border-l": d()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: c()
+        divide: d()
       }],
       /**
        * Outline Style
@@ -1663,21 +1663,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [g, l, i]
+        "outline-offset": [b, l, a]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", g, ne, H]
+        outline: ["", b, ne, Q]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: c()
+        outline: d()
       }],
       // ---------------
       // --- Effects ---
@@ -1701,28 +1701,28 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: c()
+        shadow: d()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", S, de, ce]
+        "inset-shadow": ["none", N, de, ce]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": c()
+        "inset-shadow": d()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: $()
+        ring: V()
       }],
       /**
        * Ring Width Inset
@@ -1736,7 +1736,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: c()
+        ring: d()
       }],
       /**
        * Ring Offset Width
@@ -1745,7 +1745,7 @@ const Je = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [g, H]
+        "ring-offset": [b, Q]
       }],
       /**
        * Ring Offset Color
@@ -1754,21 +1754,21 @@ const Je = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": c()
+        "ring-offset": d()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": $()
+        "inset-ring": V()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": c()
+        "inset-ring": d()
       }],
       /**
        * Text Shadow
@@ -1782,14 +1782,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": c()
+        "text-shadow": d()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [g, l, i]
+        opacity: [b, l, a]
       }],
       /**
        * Mix Blend Mode
@@ -1824,7 +1824,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [g]
+        "mask-linear": [b]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": R()
@@ -1833,10 +1833,10 @@ const Je = (e, o) => {
         "mask-linear-to": R()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": c()
+        "mask-linear-from": d()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": c()
+        "mask-linear-to": d()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": R()
@@ -1845,10 +1845,10 @@ const Je = (e, o) => {
         "mask-t-to": R()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": c()
+        "mask-t-from": d()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": c()
+        "mask-t-to": d()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": R()
@@ -1857,10 +1857,10 @@ const Je = (e, o) => {
         "mask-r-to": R()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": c()
+        "mask-r-from": d()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": c()
+        "mask-r-to": d()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": R()
@@ -1869,10 +1869,10 @@ const Je = (e, o) => {
         "mask-b-to": R()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": c()
+        "mask-b-from": d()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": c()
+        "mask-b-to": d()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": R()
@@ -1881,10 +1881,10 @@ const Je = (e, o) => {
         "mask-l-to": R()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": c()
+        "mask-l-from": d()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": c()
+        "mask-l-to": d()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": R()
@@ -1893,10 +1893,10 @@ const Je = (e, o) => {
         "mask-x-to": R()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": c()
+        "mask-x-from": d()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": c()
+        "mask-x-to": d()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": R()
@@ -1905,13 +1905,13 @@ const Je = (e, o) => {
         "mask-y-to": R()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": c()
+        "mask-y-from": d()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": c()
+        "mask-y-to": d()
       }],
       "mask-image-radial": [{
-        "mask-radial": [l, i]
+        "mask-radial": [l, a]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": R()
@@ -1920,10 +1920,10 @@ const Je = (e, o) => {
         "mask-radial-to": R()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": c()
+        "mask-radial-from": d()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": c()
+        "mask-radial-to": d()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1935,10 +1935,10 @@ const Je = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": j()
+        "mask-radial-at": T()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [g]
+        "mask-conic": [b]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": R()
@@ -1947,10 +1947,10 @@ const Je = (e, o) => {
         "mask-conic-to": R()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": c()
+        "mask-conic-from": d()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": c()
+        "mask-conic-to": d()
       }],
       /**
        * Mask Mode
@@ -1971,21 +1971,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: O()
+        mask: M()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: B()
+        mask: W()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: W()
+        mask: $()
       }],
       /**
        * Mask Type
@@ -1999,7 +1999,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", l, i]
+        mask: ["none", l, a]
       }],
       // ---------------
       // --- Filters ---
@@ -2014,7 +2014,7 @@ const Je = (e, o) => {
           "",
           "none",
           l,
-          i
+          a
         ]
       }],
       /**
@@ -2022,21 +2022,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ke()
+        blur: ve()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [g, l, i]
+        brightness: [b, l, a]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [g, l, i]
+        contrast: [b, l, a]
       }],
       /**
        * Drop Shadow
@@ -2047,7 +2047,7 @@ const Je = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          k,
+          C,
           de,
           ce
         ]
@@ -2057,42 +2057,42 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": c()
+        "drop-shadow": d()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", g, l, i]
+        grayscale: ["", b, l, a]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [g, l, i]
+        "hue-rotate": [b, l, a]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", g, l, i]
+        invert: ["", b, l, a]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [g, l, i]
+        saturate: [b, l, a]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", g, l, i]
+        sepia: ["", b, l, a]
       }],
       /**
        * Backdrop Filter
@@ -2104,7 +2104,7 @@ const Je = (e, o) => {
           "",
           "none",
           l,
-          i
+          a
         ]
       }],
       /**
@@ -2112,63 +2112,63 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ke()
+        "backdrop-blur": ve()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [g, l, i]
+        "backdrop-brightness": [b, l, a]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [g, l, i]
+        "backdrop-contrast": [b, l, a]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", g, l, i]
+        "backdrop-grayscale": ["", b, l, a]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g, l, i]
+        "backdrop-hue-rotate": [b, l, a]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", g, l, i]
+        "backdrop-invert": ["", b, l, a]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [g, l, i]
+        "backdrop-opacity": [b, l, a]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [g, l, i]
+        "backdrop-saturate": [b, l, a]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", g, l, i]
+        "backdrop-sepia": ["", b, l, a]
       }],
       // --------------
       // --- Tables ---
@@ -2185,21 +2185,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": m()
+        "border-spacing": u()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": m()
+        "border-spacing-x": u()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": m()
+        "border-spacing-y": u()
       }],
       /**
        * Table Layout
@@ -2223,7 +2223,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", l, i]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", l, a]
       }],
       /**
        * Transition Behavior
@@ -2237,28 +2237,28 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [g, "initial", l, i]
+        duration: [b, "initial", l, a]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", E, l, i]
+        ease: ["linear", "initial", A, l, a]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [g, l, i]
+        delay: [b, l, a]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", F, l, i]
+        animate: ["none", F, l, a]
       }],
       // ------------------
       // --- Transforms ---
@@ -2275,70 +2275,70 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [z, l, i]
+        perspective: [S, l, a]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": N()
+        "perspective-origin": v()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: ae()
+        rotate: ie()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": ae()
+        "rotate-x": ie()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": ae()
+        "rotate-y": ie()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": ae()
+        "rotate-z": ie()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: ie()
+        scale: ae()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": ie()
+        "scale-x": ae()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": ie()
+        "scale-y": ae()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": ie()
+        "scale-z": ae()
       }],
       /**
        * Scale 3D
@@ -2350,35 +2350,35 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ue()
+        skew: me()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ue()
+        "skew-x": me()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ue()
+        "skew-y": me()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [l, i, "", "none", "gpu", "cpu"]
+        transform: [l, a, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: N()
+        origin: v()
       }],
       /**
        * Transform Style
@@ -2428,7 +2428,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: c()
+        accent: d()
       }],
       /**
        * Appearance
@@ -2442,7 +2442,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: c()
+        caret: d()
       }],
       /**
        * Color Scheme
@@ -2456,7 +2456,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", l, i]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", l, a]
       }],
       /**
        * Field Sizing
@@ -2491,126 +2491,126 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": m()
+        "scroll-m": u()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": m()
+        "scroll-mx": u()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": m()
+        "scroll-my": u()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": m()
+        "scroll-ms": u()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": m()
+        "scroll-me": u()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": m()
+        "scroll-mt": u()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": m()
+        "scroll-mr": u()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": m()
+        "scroll-mb": u()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": m()
+        "scroll-ml": u()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": m()
+        "scroll-p": u()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": m()
+        "scroll-px": u()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": m()
+        "scroll-py": u()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": m()
+        "scroll-ps": u()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": m()
+        "scroll-pe": u()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": m()
+        "scroll-pt": u()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": m()
+        "scroll-pr": u()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": m()
+        "scroll-pb": u()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": m()
+        "scroll-pl": u()
       }],
       /**
        * Scroll Snap Align
@@ -2678,7 +2678,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", l, i]
+        "will-change": ["auto", "scroll", "contents", "transform", l, a]
       }],
       // -----------
       // --- SVG ---
@@ -2688,21 +2688,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...c()]
+        fill: ["none", ...d()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [g, ne, H, pe]
+        stroke: [b, ne, Q, pe]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...c()]
+        stroke: ["none", ...d()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2770,80 +2770,83 @@ const Je = (e, o) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, jt = /* @__PURE__ */ bt(Gt);
-function P(...e) {
-  return jt(Xe(e));
+}, jt = /* @__PURE__ */ pt(Et);
+function k(...e) {
+  return jt(Ye(e));
 }
-const Lt = {
+const Tt = {
   purple: "bg-purple-500",
   green: "bg-green-500",
   blue: "bg-blue-500",
   yellow: "bg-yellow-400 !text-yellow-900",
   red: "bg-red-500"
-}, _t = ({
+}, Gt = ({
   id: e,
   title: o,
   price: r,
   periodLabel: t,
   features: n,
   isSelected: s,
-  onSelect: a,
-  topBadge: u,
-  discountBadge: d,
-  premiumCallout: x,
-  bottomNote: w,
-  introPriceNote: S,
-  isBestValue: y = !1,
-  ctaButton: k,
-  className: G,
+  onSelect: i,
+  isCurrentPlan: f = !1,
+  topBadge: c,
+  discountBadge: x,
+  premiumCallout: w,
+  bottomNote: N,
+  introPriceNote: y,
+  isBestValue: C = !1,
+  ctaButton: P,
+  className: S,
   children: z,
-  disabled: v = !1,
-  ariaLabel: E,
-  onTrack: F,
-  trackingLabel: M,
-  componentName: j = "SubscriptionTile",
-  hideSelectionIndicator: N = !1
+  disabled: A = !1,
+  enabled: F = !0,
+  ariaLabel: j,
+  onTrack: T,
+  trackingLabel: v,
+  componentName: D = "SubscriptionTile",
+  hideSelectionIndicator: L = !1
 }) => {
-  const C = !!k, L = !N, m = 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", V = () => {
-    !v && !C && (F?.({ action: "select", trackingLabel: M, componentName: j }), a());
-  }, Q = (I) => {
-    !v && !C && (I.key === "Enter" || I.key === " ") && (I.preventDefault(), F?.({ action: "select", trackingLabel: M, componentName: j }), a());
-  }, Z = (I) => {
-    I.stopPropagation(), F?.({ action: "cta_click", trackingLabel: M, componentName: j }), k?.onClick && k.onClick();
+  const u = !!P, _ = !L && !f && F, B = F && !f && !A, Z = s ? "bg-blue-600 text-white border-2 border-blue-600 shadow-md" : f ? "bg-gray-100 dark:bg-gray-800 border-2 border-blue-500 dark:border-blue-400 shadow-md" : F ? "bg-gray-100 dark:bg-gray-800 border-2 border-gray-200 dark:border-gray-700 shadow-md hover:border-gray-300 dark:hover:border-gray-600" : "bg-gray-100 dark:bg-gray-800 border-2 border-gray-200 dark:border-gray-700 opacity-50 shadow-md", K = () => {
+    B && !u && (T?.({ action: "select", trackingLabel: v, componentName: D }), i());
+  }, ee = (m) => {
+    B && !u && (m.key === "Enter" || m.key === " ") && (m.preventDefault(), T?.({ action: "select", trackingLabel: v, componentName: D }), i());
+  }, J = (m) => {
+    m.stopPropagation(), T?.({ action: "cta_click", trackingLabel: v, componentName: D }), P?.onClick && P.onClick();
   };
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ O(
     "div",
     {
-      className: P(
+      className: k(
         "relative rounded-2xl p-6 transition-all flex flex-col h-full",
-        v ? "opacity-50 cursor-not-allowed" : C ? "cursor-default" : "cursor-pointer",
-        m,
-        G
+        !B || u ? "cursor-default" : "cursor-pointer",
+        A && "cursor-not-allowed",
+        Z,
+        S
       ),
-      onClick: V,
-      onKeyDown: Q,
-      role: C ? "article" : "radio",
-      "aria-checked": C ? void 0 : s,
-      "aria-label": E || `${o} - ${r}${t || ""}`,
-      "aria-disabled": v,
-      tabIndex: C || v ? -1 : 0,
+      onClick: K,
+      onKeyDown: ee,
+      role: u ? "article" : "radio",
+      "aria-checked": u ? void 0 : s,
+      "aria-label": j || `${o} - ${r}${t || ""}`,
+      "aria-disabled": !B,
+      tabIndex: u || !B ? -1 : 0,
       children: [
-        u && /* @__PURE__ */ p("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ p(
+        c && /* @__PURE__ */ g("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ g(
           "span",
           {
-            className: P(
-              Lt[u.color],
+            className: k(
+              Tt[c.color],
               "text-white px-4 py-1.5 rounded-full text-sm font-semibold shadow-lg whitespace-nowrap"
             ),
-            children: u.text
+            children: c.text
           }
         ) }),
-        /* @__PURE__ */ D("div", { className: "flex-1 flex flex-col", children: [
-          /* @__PURE__ */ D("div", { className: P("text-center mb-6", u && "mt-2"), children: [
-            /* @__PURE__ */ p(
+        /* @__PURE__ */ O("div", { className: "flex-1 flex flex-col", children: [
+          /* @__PURE__ */ O("div", { className: k("text-center mb-6", c && "mt-2"), children: [
+            /* @__PURE__ */ g(
               "h3",
               {
-                className: P(
+                className: k(
                   he.heading.h4(),
                   "mb-2",
                   s ? "text-white" : ""
@@ -2851,21 +2854,21 @@ const Lt = {
                 children: o
               }
             ),
-            /* @__PURE__ */ D("div", { className: "mb-3", children: [
-              /* @__PURE__ */ p(
+            /* @__PURE__ */ O("div", { className: "mb-3", children: [
+              /* @__PURE__ */ g(
                 "span",
                 {
-                  className: P(
+                  className: k(
                     "text-4xl font-bold",
                     s ? "text-white" : "text-gray-900 dark:text-gray-100"
                   ),
                   children: r
                 }
               ),
-              t && /* @__PURE__ */ p(
+              t && /* @__PURE__ */ g(
                 "span",
                 {
-                  className: P(
+                  className: k(
                     "text-lg",
                     s ? "text-blue-100" : "text-gray-500 dark:text-gray-400"
                   ),
@@ -2873,30 +2876,30 @@ const Lt = {
                 }
               )
             ] }),
-            d && /* @__PURE__ */ p(
+            x && /* @__PURE__ */ g(
               "div",
               {
-                className: P(
+                className: k(
                   "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"
                 ),
-                children: d.text
+                children: x.text
               }
             )
           ] }),
           z,
-          n.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-3 mb-6", children: n.map((I, K) => /* @__PURE__ */ D("div", { className: "flex items-start", children: [
-            /* @__PURE__ */ p(
+          n.length > 0 && /* @__PURE__ */ g("div", { className: "space-y-3 mb-6", children: n.map((m, p) => /* @__PURE__ */ O("div", { className: "flex items-start", children: [
+            /* @__PURE__ */ g(
               "svg",
               {
-                className: P(
+                className: k(
                   "w-5 h-5 mr-3 flex-shrink-0",
                   s ? "text-blue-200" : "text-green-500"
                 ),
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ p(
+                children: /* @__PURE__ */ g(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -2907,206 +2910,204 @@ const Lt = {
                 )
               }
             ),
-            /* @__PURE__ */ p(
+            /* @__PURE__ */ g(
               "span",
               {
-                className: P(
+                className: k(
                   "text-sm text-left",
                   s ? "text-white" : "text-gray-700 dark:text-gray-300"
                 ),
-                children: I.replace(/^✓\s*/, "")
+                children: m.replace(/^✓\s*/, "")
               }
             )
-          ] }, K)) }),
-          x && /* @__PURE__ */ D(
+          ] }, p)) }),
+          w && /* @__PURE__ */ O(
             "div",
             {
-              className: P(
+              className: k(
                 "rounded-lg p-4 mb-4",
                 s ? "bg-blue-500/30" : "bg-gradient-to-r from-purple-50 to-blue-50 dark:from-purple-900/20 dark:to-blue-900/20"
               ),
               children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ p(
+                /* @__PURE__ */ g("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ g(
                   "span",
                   {
-                    className: P(
+                    className: k(
                       "font-semibold text-sm",
                       s ? "text-white" : "text-purple-600 dark:text-purple-400"
                     ),
-                    children: x.title
+                    children: w.title
                   }
                 ) }),
-                /* @__PURE__ */ p(
+                /* @__PURE__ */ g(
                   "ul",
                   {
-                    className: P(
+                    className: k(
                       "text-xs space-y-1",
                       s ? "text-blue-100" : "text-gray-600 dark:text-gray-400"
                     ),
-                    children: x.features.map((I, K) => /* @__PURE__ */ D("li", { children: [
+                    children: w.features.map((m, p) => /* @__PURE__ */ O("li", { children: [
                       "• ",
-                      I
-                    ] }, K))
+                      m
+                    ] }, p))
                   }
                 )
               ]
             }
           ),
-          w && /* @__PURE__ */ p(
+          N && /* @__PURE__ */ g(
             "div",
             {
-              className: P(
+              className: k(
                 "text-center text-sm font-medium mb-4",
                 s ? "text-blue-100" : "text-blue-600 dark:text-blue-400"
               ),
-              children: w
+              children: N
             }
           ),
-          S && /* @__PURE__ */ p(
+          y && /* @__PURE__ */ g(
             "div",
             {
-              className: P(
+              className: k(
                 "p-3 rounded-lg",
                 s ? "bg-blue-500/30" : "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800"
               ),
-              children: /* @__PURE__ */ p(
+              children: /* @__PURE__ */ g(
                 "p",
                 {
-                  className: P(
+                  className: k(
                     "text-sm font-semibold text-center",
                     s ? "text-white" : "text-yellow-700 dark:text-yellow-300"
                   ),
-                  children: S
+                  children: y
                 }
               )
             }
           )
         ] }),
-        /* @__PURE__ */ D("div", { className: "h-14 flex-shrink-0 flex items-end justify-center", children: [
-          L && C && /* @__PURE__ */ p("div", { className: "w-full", children: k.href ? /* @__PURE__ */ p(
+        /* @__PURE__ */ O("div", { className: "h-14 flex-shrink-0 flex items-end justify-center", children: [
+          _ && u && /* @__PURE__ */ g("div", { className: "w-full", children: P.href ? /* @__PURE__ */ g(
             "a",
             {
-              href: k.href,
-              className: P(
+              href: P.href,
+              className: k(
                 "block w-full py-3 font-semibold rounded-lg text-center transition-colors",
                 s ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700"
               ),
-              onClick: (I) => I.stopPropagation(),
-              children: k.label
+              onClick: (m) => m.stopPropagation(),
+              children: P.label
             }
-          ) : /* @__PURE__ */ p(
+          ) : /* @__PURE__ */ g(
             "button",
             {
-              onClick: Z,
-              disabled: v,
-              className: P(
+              onClick: J,
+              disabled: A,
+              className: k(
                 "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",
-                v && "opacity-50 cursor-not-allowed"
+                A && "opacity-50 cursor-not-allowed"
               ),
-              children: k.label
+              children: P.label
             }
           ) }),
-          L && !C && /* @__PURE__ */ p(
+          _ && !u && /* @__PURE__ */ g(
             "div",
             {
-              className: P(
+              className: k(
                 "w-5 h-5 rounded-full border-2 flex items-center justify-center",
                 s ? "border-white bg-white" : "border-gray-300 dark:border-gray-600"
               ),
-              children: s && /* @__PURE__ */ p("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
+              children: s && /* @__PURE__ */ g("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
             }
           )
         ] })
       ]
     }
   );
-}, Kt = ({
+}, Ut = ({
   title: e,
   children: o,
   error: r,
   variant: t = "selection",
   currentStatus: n,
   primaryAction: s,
-  secondaryAction: a,
-  minTileWidth: u = 240,
-  className: d,
+  secondaryAction: i,
+  minTileWidth: f = 240,
+  className: c,
   headerContent: x,
   aboveProducts: w,
-  footerContent: S,
+  footerContent: N,
   currentStatusLabel: y = "Current Status",
-  freeTileConfig: k,
-  onTrack: G,
-  trackingLabel: z,
-  componentName: v = "SubscriptionLayout"
+  freeTileConfig: C,
+  onTrack: P,
+  trackingLabel: S,
+  componentName: z = "SubscriptionLayout"
 }) => {
-  const E = t === "selection" && s, F = () => {
-    G?.({ action: "primary_action", trackingLabel: z, componentName: v }), s?.onClick();
-  }, M = () => {
-    G?.({ action: "secondary_action", trackingLabel: z, componentName: v }), a?.onClick();
-  }, j = t === "cta" && k, N = {
+  const A = t === "selection" && s, F = () => {
+    P?.({ action: "primary_action", trackingLabel: S, componentName: z }), s?.onClick();
+  }, j = () => {
+    P?.({ action: "secondary_action", trackingLabel: S, componentName: z }), i?.onClick();
+  }, T = t === "cta" && C, v = {
     display: "grid",
-    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${u}px), 1fr))`,
+    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${f}px), 1fr))`,
     gap: "1.5rem"
   };
-  return /* @__PURE__ */ p(Be, { className: d, children: /* @__PURE__ */ D(Ue, { className: "pt-6", children: [
+  return /* @__PURE__ */ O("div", { className: c, children: [
     x,
-    n && /* @__PURE__ */ D(We, { children: [
-      /* @__PURE__ */ p("h2", { className: P(he.heading.h3(), "mb-4"), children: y }),
-      n.isActive ? /* @__PURE__ */ D("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
-        /* @__PURE__ */ D("div", { className: "flex items-center mb-2", children: [
-          /* @__PURE__ */ p("div", { className: "w-3 h-3 bg-green-500 rounded-full mr-3" }),
-          /* @__PURE__ */ p("span", { className: "font-semibold text-green-800 dark:text-green-300", children: n.activeContent?.title || "Active Subscription" })
+    n && /* @__PURE__ */ O(Be, { children: [
+      /* @__PURE__ */ g("h2", { className: k(he.heading.h3(), "mb-4"), children: y }),
+      n.isActive ? /* @__PURE__ */ O("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__ */ O("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" })
         ] }),
-        n.activeContent?.fields && n.activeContent.fields.length > 0 && /* @__PURE__ */ p("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4", children: n.activeContent.fields.map(
-          (C, L) => /* @__PURE__ */ D("div", { children: [
-            /* @__PURE__ */ p("p", { className: "text-sm text-green-600 dark:text-green-400", children: C.label }),
-            /* @__PURE__ */ p("p", { className: "font-semibold text-green-800 dark:text-green-300", children: C.value })
-          ] }, L)
-        ) })
-      ] }) : /* @__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__ */ p("div", { className: "w-3 h-3 bg-yellow-500 rounded-full mr-3" }),
-          /* @__PURE__ */ p("span", { className: "font-semibold text-yellow-800 dark:text-yellow-300", children: n.inactiveContent?.title || "No 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((D, L) => /* @__PURE__ */ O("div", { children: [
+          /* @__PURE__ */ g("p", { className: "text-sm text-green-600 dark:text-green-400", children: D.label }),
+          /* @__PURE__ */ g("p", { className: "font-semibold text-green-800 dark:text-green-300", children: D.value })
+        ] }, L)) })
+      ] }) : /* @__PURE__ */ O("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__ */ O("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" })
         ] }),
-        n.inactiveContent?.message && /* @__PURE__ */ p("p", { className: "text-yellow-700 dark:text-yellow-400", children: n.inactiveContent.message })
+        n.inactiveContent?.message && /* @__PURE__ */ g("p", { className: "text-yellow-700 dark:text-yellow-400", children: n.inactiveContent.message })
       ] })
     ] }),
-    /* @__PURE__ */ p("h2", { className: P(he.heading.h3(), "mb-4"), children: e }),
+    /* @__PURE__ */ g("h2", { className: k(he.heading.h3(), "mb-4"), children: e }),
     w,
-    /* @__PURE__ */ D("div", { style: N, children: [
-      j && /* @__PURE__ */ p(
-        _t,
+    /* @__PURE__ */ O("div", { style: v, children: [
+      T && /* @__PURE__ */ g(
+        Gt,
         {
           id: "free",
-          title: k.title,
-          price: k.price,
-          periodLabel: k.periodLabel,
-          features: k.features,
+          title: C.title,
+          price: C.price,
+          periodLabel: C.periodLabel,
+          features: C.features,
           isSelected: !1,
           onSelect: () => {
           },
-          topBadge: k.topBadge,
-          ctaButton: k.ctaButton
+          topBadge: C.topBadge,
+          ctaButton: C.ctaButton
         }
       ),
       o
     ] }),
-    S,
-    r && /* @__PURE__ */ p("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__ */ p("p", { className: "text-red-600 dark:text-red-400", children: r }) }),
-    E && /* @__PURE__ */ D("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
-      a && /* @__PURE__ */ p(
-        ve,
+    N,
+    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 }) }),
+    A && /* @__PURE__ */ O("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
+      i && /* @__PURE__ */ g(
+        ke,
         {
-          onClick: M,
-          disabled: a.disabled || a.loading,
+          onClick: j,
+          disabled: i.disabled || i.loading,
           variant: "outline",
           className: "sm:flex-shrink-0",
-          children: a.label
+          children: i.label
         }
       ),
-      /* @__PURE__ */ p(
-        ve,
+      /* @__PURE__ */ g(
+        ke,
         {
           onClick: F,
           disabled: s.disabled || s.loading,
@@ -3115,9 +3116,9 @@ const Lt = {
         }
       )
     ] })
-  ] }) });
+  ] });
 };
-function Yt({
+function Kt({
   options: e,
   value: o,
   onChange: r,
@@ -3125,48 +3126,48 @@ function Yt({
   disabled: n = !1,
   size: s = "md"
 }) {
-  const a = {
+  const i = {
     sm: "px-3 py-1.5 text-xs",
     md: "px-4 py-2 text-sm",
     lg: "px-6 py-3 text-base"
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: P(
+      className: k(
         "inline-flex rounded-lg bg-gray-100 dark:bg-gray-800 p-1",
         n && "opacity-50",
         t
       ),
       role: "radiogroup",
-      children: e.map((u) => {
-        const d = o === u.value;
-        return /* @__PURE__ */ p(
+      children: e.map((f) => {
+        const c = o === f.value;
+        return /* @__PURE__ */ g(
           "button",
           {
             type: "button",
             role: "radio",
-            "aria-checked": d,
+            "aria-checked": c,
             disabled: n,
-            onClick: () => !n && r(u.value),
-            className: P(
-              a[s],
+            onClick: () => !n && r(f.value),
+            className: k(
+              i[s],
               "font-medium rounded-md transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
-              d ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white",
+              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"
             ),
-            children: u.label
+            children: f.label
           },
-          u.value
+          f.value
         );
       })
     }
   );
 }
-let ge = null;
-const Ft = async () => (ge || (ge = await import("@revenuecat/purchases-js")), ge);
-let T = null;
-const Se = (e, o) => {
+let be = null;
+const Lt = async () => (be || (be = await import("@revenuecat/purchases-js")), be);
+let E = null;
+const Ie = (e, o) => {
   const r = e.rcBillingProduct, t = r?.defaultSubscriptionOption, n = typeof o?.entitlement == "string" ? o.entitlement : void 0;
   return {
     identifier: e.identifier,
@@ -3183,7 +3184,7 @@ const Se = (e, o) => {
     freeTrialPeriod: t?.trial?.periodDuration || void 0,
     entitlement: n
   };
-}, be = (e) => {
+}, ge = (e) => {
   const o = Object.keys(e.entitlements.active);
   if (o.length > 0) {
     const r = o[0], t = e.entitlements.active[r];
@@ -3200,205 +3201,205 @@ const Se = (e, o) => {
     };
   }
   return { isActive: !1 };
-}, $e = Ke(
+}, $e = We(
   void 0
-), qt = ({
+), Yt = ({
   apiKey: e,
   userEmail: o,
   onError: r,
   onPurchaseSuccess: t,
   children: n
 }) => {
-  const [s, a] = Y([]), [u, d] = Y(null), [x, w] = Y(!1), [S, y] = Y(null), [k, G] = Y(!1), [z, v] = Y(null), [E, F] = Y(null), [M, j] = Y(null), N = !e || e === "your_revenuecat_api_key_here", C = q(() => {
-    a([]), d(null), F(null), j(null), y(null), G(!1), v(null), T = null;
+  const [s, i] = Y([]), [f, c] = Y(null), [x, w] = Y(!1), [N, y] = Y(null), [C, P] = Y(!1), [S, z] = Y(null), [A, F] = Y(null), [j, T] = Y(null), v = !e || e === "your_revenuecat_api_key_here", D = q(() => {
+    i([]), c(null), F(null), T(null), y(null), P(!1), z(null), E = null;
   }, []), L = q(async () => {
-    if (T)
+    if (E)
       try {
-        const f = await T.getOfferings();
-        f.current && F(f.current);
-        const h = f.all;
-        if (h) {
-          j(h);
-          const b = [];
-          for (const c of Object.keys(h)) {
-            const O = h[c];
-            if (O?.availablePackages) {
-              const B = O.metadata, W = O.availablePackages.map(
-                (J) => Se(J, B)
+        const m = await E.getOfferings();
+        m.current && F(m.current);
+        const p = m.all;
+        if (p) {
+          T(p);
+          const h = [];
+          for (const d of Object.keys(p)) {
+            const M = p[d];
+            if (M?.availablePackages) {
+              const W = M.metadata, $ = M.availablePackages.map(
+                (H) => Ie(H, W)
               );
-              b.push(...W);
+              h.push(...$);
             }
           }
-          a(b);
-        } else if (f.current) {
-          const b = f.current.metadata, c = f.current.availablePackages.map(
-            (O) => Se(O, b)
+          i(h);
+        } else if (m.current) {
+          const h = m.current.metadata, d = m.current.availablePackages.map(
+            (M) => Ie(M, h)
           );
-          a(c);
+          i(d);
         }
-      } catch (f) {
-        const h = f instanceof Error ? f.message : "Failed to load offerings";
-        y(h), r?.(f instanceof Error ? f : new Error(h));
+      } catch (m) {
+        const p = m instanceof Error ? m.message : "Failed to load offerings";
+        y(p), r?.(m instanceof Error ? m : new Error(p));
       }
-  }, [r]), m = q(async () => {
-    if (T)
+  }, [r]), u = q(async () => {
+    if (E)
       try {
-        const f = await T.getCustomerInfo(), h = be(f);
-        d(h.isActive ? h : null);
-      } catch (f) {
-        const h = f instanceof Error ? f.message : "Failed to load subscription status";
-        y(h), r?.(f instanceof Error ? f : new Error(h));
+        const m = await E.getCustomerInfo(), p = ge(m);
+        c(p.isActive ? p : null);
+      } catch (m) {
+        const p = m instanceof Error ? m.message : "Failed to load subscription status";
+        y(p), r?.(m instanceof Error ? m : new Error(p));
       }
-  }, [r]), V = q(
-    async (f, h) => {
-      if (z && z !== f && C(), !(k && z === f))
+  }, [r]), _ = q(
+    async (m, p) => {
+      if (S && S !== m && D(), !(C && S === m))
         try {
-          if (w(!0), y(null), N)
+          if (w(!0), y(null), v)
             console.warn(
               "[SubscriptionProvider] RevenueCat API key not configured"
-            ), a([]), d(null);
+            ), i([]), c(null);
           else {
-            const b = await Ft(), c = {
+            const h = await Lt(), d = {
               apiKey: e,
-              appUserId: f
+              appUserId: m
             };
-            T = b.Purchases.configure(c);
-            const O = h || o;
-            if (O && T)
+            E = h.Purchases.configure(d);
+            const M = p || o;
+            if (M && E)
               try {
-                await T.setAttributes({ email: O });
+                await E.setAttributes({ email: M });
               } catch {
               }
-            await Promise.all([L(), m()]);
+            await Promise.all([L(), u()]);
           }
-          v(f), G(!0);
-        } catch (b) {
-          const c = b instanceof Error ? b.message : "Failed to initialize";
-          y(c), d(null), a([]), r?.(b instanceof Error ? b : new Error(c));
+          z(m), P(!0);
+        } catch (h) {
+          const d = h instanceof Error ? h.message : "Failed to initialize";
+          y(d), c(null), i([]), r?.(h instanceof Error ? h : new Error(d));
         } finally {
           w(!1);
         }
     },
     [
-      z,
-      k,
-      N,
+      S,
+      C,
+      v,
       e,
       o,
       L,
-      m,
+      u,
       r,
-      C
+      D
     ]
-  ), Q = q(
-    async (f, h) => {
+  ), B = q(
+    async (m, p) => {
       try {
-        if (w(!0), y(null), N) {
-          await new Promise((W) => setTimeout(W, 2e3));
-          const B = {
+        if (w(!0), y(null), v) {
+          await new Promise(($) => setTimeout($, 2e3));
+          const W = {
             isActive: !0,
             expirationDate: new Date(Date.now() + 365 * 24 * 60 * 60 * 1e3),
             purchaseDate: /* @__PURE__ */ new Date(),
-            productIdentifier: f,
+            productIdentifier: m,
             willRenew: !0
           };
-          return d(B), t?.(f), !0;
+          return c(W), t?.(m), !0;
         }
-        if (!T || !E && !M)
+        if (!E || !A && !j)
           throw new Error("Subscription service not initialized");
-        let b;
-        if (M)
-          for (const B of Object.keys(M)) {
-            const W = M[B];
-            if (W?.availablePackages && (b = W.availablePackages.find(
-              (J) => J.identifier === f
-            ), b))
+        let h;
+        if (j)
+          for (const W of Object.keys(j)) {
+            const $ = j[W];
+            if ($?.availablePackages && (h = $.availablePackages.find(
+              (H) => H.identifier === m
+            ), h))
               break;
           }
-        else E && (b = E.availablePackages.find(
-          (W) => W.identifier === f
+        else A && (h = A.availablePackages.find(
+          ($) => $.identifier === m
         ));
-        if (!b)
-          throw new Error(`Package not found: ${f}`);
-        const c = await T.purchase({
-          rcPackage: b,
+        if (!h)
+          throw new Error(`Package not found: ${m}`);
+        const d = await E.purchase({
+          rcPackage: h,
           ...o ? { customerEmail: o } : {}
-        }), O = be(c.customerInfo);
-        return d(O.isActive ? O : null), O.isActive && t?.(f), O.isActive;
-      } catch (b) {
-        const c = b instanceof Error ? b.message : "Purchase failed";
-        return y(c), r?.(b instanceof Error ? b : new Error(c)), !1;
+        }), M = ge(d.customerInfo);
+        return c(M.isActive ? M : null), M.isActive && t?.(m), M.isActive;
+      } catch (h) {
+        const d = h instanceof Error ? h.message : "Purchase failed";
+        return y(d), r?.(h instanceof Error ? h : new Error(d)), !1;
       } finally {
         w(!1);
       }
     },
     [
-      N,
-      E,
-      M,
+      v,
+      A,
+      j,
       o,
       t,
       r
     ]
   ), Z = q(
-    async (f) => {
+    async (m) => {
       try {
-        if (w(!0), y(null), N)
-          return await new Promise((c) => setTimeout(c, 1e3)), y("No previous purchases found"), !1;
-        if (!T)
+        if (w(!0), y(null), v)
+          return await new Promise((d) => setTimeout(d, 1e3)), y("No previous purchases found"), !1;
+        if (!E)
           throw new Error("Subscription service not initialized");
-        const h = await T.getCustomerInfo(), b = be(h);
-        return d(b.isActive ? b : null), b.isActive || y("No previous purchases found"), b.isActive;
-      } catch (h) {
-        const b = h instanceof Error ? h.message : "Restore failed";
-        return y(b), r?.(h instanceof Error ? h : new Error(b)), !1;
+        const p = await E.getCustomerInfo(), h = ge(p);
+        return c(h.isActive ? h : null), h.isActive || y("No previous purchases found"), h.isActive;
+      } catch (p) {
+        const h = p instanceof Error ? p.message : "Restore failed";
+        return y(h), r?.(p instanceof Error ? p : new Error(h)), !1;
       } finally {
         w(!1);
       }
     },
-    [N, r]
-  ), I = q(async () => {
-    if (!N)
+    [v, r]
+  ), K = q(async () => {
+    if (!v)
       try {
-        y(null), await Promise.all([m(), L()]);
-      } catch (f) {
-        const h = f instanceof Error ? f.message : "Refresh failed";
-        y(h), r?.(f instanceof Error ? f : new Error(h));
+        y(null), await Promise.all([u(), L()]);
+      } catch (m) {
+        const p = m instanceof Error ? m.message : "Refresh failed";
+        y(p), r?.(m instanceof Error ? m : new Error(p));
       }
-  }, [N, m, L, r]), K = q(() => {
+  }, [v, u, L, r]), ee = q(() => {
     y(null);
   }, []);
-  Ye(() => {
-    if (!k || N || !T) return;
-    const f = setInterval(
+  Ue(() => {
+    if (!C || v || !E) return;
+    const m = setInterval(
       () => {
-        m().catch(() => {
+        u().catch(() => {
         });
       },
       300 * 1e3
     );
-    return () => clearInterval(f);
-  }, [k, N, m]);
-  const oe = {
+    return () => clearInterval(m);
+  }, [C, v, u]);
+  const J = {
     products: s,
-    currentSubscription: u,
+    currentSubscription: f,
     isLoading: x,
-    error: S,
-    initialize: V,
-    purchase: Q,
+    error: N,
+    initialize: _,
+    purchase: B,
     restore: Z,
-    refresh: I,
-    clearError: K
+    refresh: K,
+    clearError: ee
   };
-  return /* @__PURE__ */ p($e.Provider, { value: oe, children: n });
-}, Xt = () => {
-  const e = qe($e);
+  return /* @__PURE__ */ g($e.Provider, { value: J, children: n });
+}, qt = () => {
+  const e = Ke($e);
   if (!e)
     throw new Error(
       "useSubscriptionContext must be used within a SubscriptionProvider"
     );
   return e;
-}, Vt = () => {
+}, _t = () => {
   try {
     const e = [];
     for (let r = 0; r < localStorage.length; r++) {
@@ -3414,19 +3415,139 @@ const Se = (e, o) => {
     o.forEach((r) => sessionStorage.removeItem(r));
   } catch {
   }
-}, Jt = () => {
+}, Xt = () => {
   try {
-    T && (T.close(), T = null), Vt();
+    E && (E.close(), E = null), _t();
   } catch {
   }
 };
+class Ft {
+  constructor() {
+    this.offersCache = /* @__PURE__ */ new Map(), this.currentSubscription = null;
+  }
+  // ---------------------------------------------------------------------------
+  // Data Loading
+  // ---------------------------------------------------------------------------
+  /**
+   * Load offerings from RevenueCat response
+   */
+  loadOfferings(o) {
+    this.offersCache.clear();
+    const r = o.all;
+    if (r)
+      for (const [t, n] of Object.entries(r)) {
+        const s = this.parseOffer(t, n);
+        this.offersCache.set(t, s);
+      }
+    else if (o.current) {
+      const t = this.parseOffer("default", o.current);
+      this.offersCache.set("default", t);
+    }
+  }
+  /**
+   * Load customer info from RevenueCat response
+   */
+  loadCustomerInfo(o) {
+    const r = Object.keys(o.entitlements.active);
+    if (r.length === 0) {
+      this.currentSubscription = {
+        isActive: !1,
+        entitlements: []
+      };
+      return;
+    }
+    const t = r.map(
+      (s) => ({ identifier: s })
+    ), n = o.entitlements.active[r[0]];
+    this.currentSubscription = {
+      isActive: !0,
+      entitlements: t,
+      productId: n.productIdentifier,
+      expirationDate: n.expirationDate ? new Date(n.expirationDate) : void 0,
+      willRenew: n.willRenew
+    };
+  }
+  // ---------------------------------------------------------------------------
+  // Public API
+  // ---------------------------------------------------------------------------
+  /**
+   * Get offer by ID with complete hierarchy (packages → product → entitlements)
+   */
+  getOffer(o) {
+    return this.offersCache.get(o) ?? null;
+  }
+  /**
+   * Get all offer IDs
+   */
+  getOfferIds() {
+    return Array.from(this.offersCache.keys());
+  }
+  /**
+   * Get current subscription info
+   */
+  getCurrentSubscription() {
+    return this.currentSubscription;
+  }
+  // ---------------------------------------------------------------------------
+  // Private Helpers
+  // ---------------------------------------------------------------------------
+  parseOffer(o, r) {
+    const t = r, n = t.metadata, s = [];
+    if (t.availablePackages)
+      for (const i of t.availablePackages)
+        s.push(this.parsePackage(i, n));
+    return {
+      offerId: o,
+      metadata: n,
+      packages: s
+    };
+  }
+  parsePackage(o, r) {
+    const t = o.rcBillingProduct, n = t?.defaultSubscriptionOption, s = this.extractEntitlements(r), i = {
+      productId: t?.identifier ?? o.identifier,
+      name: t?.title ?? o.identifier,
+      description: t?.description ?? void 0,
+      price: t?.currentPrice?.amountMicros ? t.currentPrice.amountMicros / 1e6 : 0,
+      priceString: t?.currentPrice?.formattedPrice ?? "$0",
+      currency: t?.currentPrice?.currency ?? void 0,
+      billingCycle: t?.normalPeriodDuration ?? void 0,
+      trialPeriod: n?.trial?.periodDuration ?? void 0,
+      introPrice: n?.introPrice?.price?.formattedPrice ?? void 0,
+      introPricePeriod: n?.introPrice?.periodDuration ?? void 0,
+      introPriceCycles: n?.introPrice?.cycleCount ?? void 0
+    };
+    return {
+      packageId: o.identifier,
+      name: t?.title ?? o.identifier,
+      product: i,
+      entitlements: s
+    };
+  }
+  extractEntitlements(o) {
+    const r = [];
+    if (!o) return r;
+    if (o.entitlement && typeof o.entitlement == "string" && r.push({
+      identifier: o.entitlement
+    }), Array.isArray(o.entitlements))
+      for (const t of o.entitlements)
+        typeof t == "string" ? r.push({ identifier: t }) : typeof t == "object" && t !== null && typeof t.identifier == "string" && r.push({
+          identifier: t.identifier
+        });
+    return r;
+  }
+}
+function Jt() {
+  return new Ft();
+}
 export {
-  Yt as SegmentedControl,
-  Kt as SubscriptionLayout,
-  qt as SubscriptionProvider,
-  _t as SubscriptionTile,
-  Vt as clearRevenueCatCheckoutSessions,
-  Jt as closeRevenueCatInstance,
-  P as cn,
-  Xt as useSubscriptionContext
+  Kt as SegmentedControl,
+  Ut as SubscriptionLayout,
+  Yt as SubscriptionProvider,
+  Ft as SubscriptionService,
+  Gt as SubscriptionTile,
+  _t as clearRevenueCatCheckoutSessions,
+  Xt as closeRevenueCatInstance,
+  k as cn,
+  Jt as createSubscriptionService,
+  qt as useSubscriptionContext
 };