npm - @sudobility/subscription-components - Versions diffs - 1.0.8 → 1.0.10 - Mend

@sudobility/subscription-components 1.0.8 → 1.0.10

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 (4) hide show

package/dist/index.esm.js +721 -702
package/dist/index.umd.js +1 -1
package/dist/subscription-provider.d.ts.map +1 -1
package/package.json +1 -1

package/dist/index.esm.js CHANGED Viewed

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