@sudobility/subscription-components 1.0.1 → 1.0.4

package/dist/index.esm.js

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