@sudobility/subscription-components 1.0.13 → 1.0.14

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { jsxs as G, jsx as g, Fragment as We } from "react/jsx-runtime";
+import { jsxs as G, jsx as p, Fragment as Be } from "react/jsx-runtime";
 import { textVariants as he } from "@sudobility/design";
-import { Card as Be, CardContent as Ue, Button as ve } from "@sudobility/components";
-import { createContext as Ke, useState as K, useCallback as Y, useEffect as Ye, useContext as qe } from "react";
+import { Card as We, CardContent as Ue, Button as ve } from "@sudobility/components";
+import { createContext as Ke, useState as q, useCallback as X, useEffect as Ye, useContext as qe } from "react";
 function Ie(e) {
   var o, r, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
@@ -38,13 +38,13 @@ const Je = (e, o) => {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
         return et(a);
-      const p = a.split(me), c = p[0] === "" && p.length > 1 ? 1 : 0;
-      return Me(p, c, o);
+      const u = a.split(me), d = u[0] === "" && u.length > 1 ? 1 : 0;
+      return Me(u, d, o);
     },
-    getConflictingClassGroupIds: (a, p) => {
-      if (p) {
-        const c = t[a], h = r[a];
-        return c ? h ? Je(h, c) : c : h || Ce;
+    getConflictingClassGroupIds: (a, u) => {
+      if (u) {
+        const d = t[a], x = r[a];
+        return d ? x ? Je(x, d) : d : x || Ce;
       }
       return r[a] || Ce;
     }
@@ -54,17 +54,17 @@ const Je = (e, o) => {
     return r.classGroupId;
   const n = e[o], s = r.nextPart.get(n);
   if (s) {
-    const h = Me(e, o + 1, s);
-    if (h) return h;
+    const x = Me(e, o + 1, s);
+    if (x) return x;
   }
   const a = r.validators;
   if (a === null)
     return;
-  const p = o === 0 ? e.join(me) : e.slice(o).join(me), c = a.length;
-  for (let h = 0; h < c; h++) {
-    const x = a[h];
-    if (x.validator(p))
-      return x.classGroupId;
+  const u = o === 0 ? e.join(me) : e.slice(o).join(me), d = a.length;
+  for (let x = 0; x < d; x++) {
+    const w = a[x];
+    if (w.validator(u))
+      return w.classGroupId;
   }
 }, et = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const o = e.slice(1, -1), r = o.indexOf(":"), t = o.slice(0, r);
@@ -110,16 +110,16 @@ const Je = (e, o) => {
 }, at = (e, o, r, t) => {
   const n = Object.entries(e), s = n.length;
   for (let a = 0; a < s; a++) {
-    const [p, c] = n[a];
-    we(c, De(o, p), r, t);
+    const [u, d] = n[a];
+    we(d, De(o, u), r, t);
   }
 }, De = (e, o) => {
   let r = e;
   const t = o.split(me), n = t.length;
   for (let s = 0; s < n; s++) {
     const a = t[s];
-    let p = r.nextPart.get(a);
-    p || (p = Re(), r.nextPart.set(a, p)), r = p;
+    let u = r.nextPart.get(a);
+    u || (u = Re(), r.nextPart.set(a, u)), r = u;
   }
   return r;
 }, it = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, lt = (e) => {
@@ -159,33 +159,33 @@ const Je = (e, o) => {
   } = e;
   let t = (n) => {
     const s = [];
-    let a = 0, p = 0, c = 0, h;
-    const x = n.length;
-    for (let z = 0; z < x; z++) {
-      const k = n[z];
-      if (a === 0 && p === 0) {
-        if (k === Pe) {
-          s.push(n.slice(c, z)), c = z + 1;
+    let a = 0, u = 0, d = 0, x;
+    const w = n.length;
+    for (let z = 0; z < w; z++) {
+      const v = n[z];
+      if (a === 0 && u === 0) {
+        if (v === Pe) {
+          s.push(n.slice(d, z)), d = z + 1;
           continue;
         }
-        if (k === "/") {
-          h = z;
+        if (v === "/") {
+          x = z;
           continue;
         }
       }
-      k === "[" ? a++ : k === "]" ? a-- : k === "(" ? p++ : k === ")" && p--;
+      v === "[" ? a++ : v === "]" ? a-- : v === "(" ? u++ : v === ")" && u--;
     }
-    const S = s.length === 0 ? n : n.slice(c);
-    let w = S, y = !1;
-    S.endsWith(xe) ? (w = S.slice(0, -1), y = !0) : (
+    const S = s.length === 0 ? n : n.slice(d);
+    let y = S, k = !1;
+    S.endsWith(xe) ? (y = S.slice(0, -1), k = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      S.startsWith(xe) && (w = S.slice(1), y = !0)
+      S.startsWith(xe) && (y = S.slice(1), k = !0)
     );
-    const j = h && h > c ? h - c : void 0;
-    return ze(s, y, w, j);
+    const j = x && x > d ? x - d : void 0;
+    return ze(s, k, y, j);
   };
   if (o) {
     const n = o + Pe, s = t;
@@ -207,8 +207,8 @@ const Je = (e, o) => {
     const t = [];
     let n = [];
     for (let s = 0; s < r.length; s++) {
-      const a = r[s], p = a[0] === "[", c = o.has(a);
-      p || c ? (n.length > 0 && (n.sort(), t.push(...n), n = []), t.push(a)) : n.push(a);
+      const a = r[s], u = a[0] === "[", d = o.has(a);
+      u || d ? (n.length > 0 && (n.sort(), t.push(...n), n = []), t.push(a)) : n.push(a);
     }
     return n.length > 0 && (n.sort(), t.push(...n)), t;
   };
@@ -223,44 +223,44 @@ const Je = (e, o) => {
     getClassGroupId: t,
     getConflictingClassGroupIds: n,
     sortModifiers: s
-  } = o, a = [], p = e.trim().split(ft);
-  let c = "";
-  for (let h = p.length - 1; h >= 0; h -= 1) {
-    const x = p[h], {
+  } = o, a = [], u = e.trim().split(ft);
+  let d = "";
+  for (let x = u.length - 1; x >= 0; x -= 1) {
+    const w = u[x], {
       isExternal: S,
-      modifiers: w,
-      hasImportantModifier: y,
+      modifiers: y,
+      hasImportantModifier: k,
       baseClassName: j,
       maybePostfixModifierPosition: z
-    } = r(x);
+    } = r(w);
     if (S) {
-      c = x + (c.length > 0 ? " " + c : c);
+      d = w + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let k = !!z, D = t(k ? j.substring(0, z) : j);
-    if (!D) {
-      if (!k) {
-        c = x + (c.length > 0 ? " " + c : c);
+    let v = !!z, M = t(v ? j.substring(0, z) : j);
+    if (!M) {
+      if (!v) {
+        d = w + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (D = t(j), !D) {
-        c = x + (c.length > 0 ? " " + c : c);
+      if (M = t(j), !M) {
+        d = w + (d.length > 0 ? " " + d : d);
         continue;
       }
-      k = !1;
+      v = !1;
     }
-    const F = w.length === 0 ? "" : w.length === 1 ? w[0] : s(w).join(":"), M = y ? F + xe : F, L = M + D;
+    const F = y.length === 0 ? "" : y.length === 1 ? y[0] : s(y).join(":"), R = k ? F + xe : F, L = R + M;
     if (a.indexOf(L) > -1)
       continue;
     a.push(L);
-    const N = n(D, k);
+    const N = n(M, v);
     for (let C = 0; C < N.length; ++C) {
-      const E = N[C];
-      a.push(M + E);
+      const D = N[C];
+      a.push(R + D);
     }
-    c = x + (c.length > 0 ? " " + c : c);
+    d = w + (d.length > 0 ? " " + d : d);
   }
-  return c;
+  return d;
 }, gt = (...e) => {
   let o = 0, r, t, n = "";
   for (; o < e.length; )
@@ -275,33 +275,33 @@ const Je = (e, o) => {
   return r;
 }, bt = (e, ...o) => {
   let r, t, n, s;
-  const a = (c) => {
-    const h = o.reduce((x, S) => S(x), e());
-    return r = ut(h), t = r.cache.get, n = r.cache.set, s = p, p(c);
-  }, p = (c) => {
-    const h = t(c);
-    if (h)
-      return h;
-    const x = pt(c, r);
-    return n(c, x), x;
+  const a = (d) => {
+    const x = o.reduce((w, S) => S(w), e());
+    return r = ut(x), t = r.cache.get, n = r.cache.set, s = u, u(d);
+  }, u = (d) => {
+    const x = t(d);
+    if (x)
+      return x;
+    const w = pt(d, r);
+    return n(d, w), w;
   };
-  return s = a, (...c) => s(gt(...c));
+  return s = a, (...d) => s(gt(...d));
 }, ht = [], A = (e) => {
   const o = (r) => r[e] || ht;
   return o.isThemeGetter = !0, o;
-}, Oe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xt = /^\d+\/\d+$/, wt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, kt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ct = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => xt.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), q = (e) => !!e && Number.isInteger(Number(e)), fe = (e) => e.endsWith("%") && b(e.slice(0, -1)), B = (e) => wt.test(e), Pt = () => !0, zt = (e) => (
+}, Oe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xt = /^\d+\/\d+$/, wt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, kt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ct = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => xt.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), J = (e) => !!e && Number.isInteger(Number(e)), fe = (e) => e.endsWith("%") && g(e.slice(0, -1)), K = (e) => wt.test(e), Pt = () => !0, zt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   yt.test(e) && !kt.test(e)
-), Ge = () => !1, Nt = (e) => vt.test(e), At = (e) => Ct.test(e), St = (e) => !i(e) && !l(e), It = (e) => ee(e, _e, Ge), i = (e) => Oe.test(e), X = (e) => ee(e, Fe, zt), pe = (e) => ee(e, Ot, b), Ne = (e) => ee(e, je, Ge), Rt = (e) => ee(e, Le, At), ce = (e) => ee(e, Ve, Nt), l = (e) => Te.test(e), ne = (e) => te(e, Fe), Mt = (e) => te(e, Tt), Ae = (e) => te(e, je), Dt = (e) => te(e, _e), Et = (e) => te(e, Le), de = (e) => te(e, Ve, !0), ee = (e, o, r) => {
+), Ge = () => !1, Nt = (e) => vt.test(e), At = (e) => Ct.test(e), St = (e) => !i(e) && !l(e), It = (e) => re(e, _e, Ge), i = (e) => Oe.test(e), Q = (e) => re(e, Fe, zt), pe = (e) => re(e, Ot, g), Ne = (e) => re(e, je, Ge), Rt = (e) => re(e, Le, At), ce = (e) => re(e, Ve, Nt), l = (e) => Te.test(e), ne = (e) => oe(e, Fe), Mt = (e) => oe(e, Tt), Ae = (e) => oe(e, je), Dt = (e) => oe(e, _e), Et = (e) => oe(e, Le), de = (e) => oe(e, Ve, !0), re = (e, o, r) => {
   const t = Oe.exec(e);
   return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
-}, te = (e, o, r = !1) => {
+}, oe = (e, o, r = !1) => {
   const t = Te.exec(e);
   return t ? t[1] ? o(t[1]) : r : !1;
 }, je = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", Fe = (e) => e === "length", Ot = (e) => e === "number", Tt = (e) => e === "family-name", Ve = (e) => e === "shadow", Gt = () => {
-  const e = A("color"), o = A("font"), r = A("text"), t = A("font-weight"), n = A("tracking"), s = A("leading"), a = A("breakpoint"), p = A("container"), c = A("spacing"), h = A("radius"), x = A("shadow"), S = A("inset-shadow"), w = A("text-shadow"), y = A("drop-shadow"), j = A("blur"), z = A("perspective"), k = A("aspect"), D = A("ease"), F = A("animate"), M = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
+  const e = A("color"), o = A("font"), r = A("text"), t = A("font-weight"), n = A("tracking"), s = A("leading"), a = A("breakpoint"), u = A("container"), d = A("spacing"), x = A("radius"), w = A("shadow"), S = A("inset-shadow"), y = A("text-shadow"), k = A("drop-shadow"), j = A("blur"), z = A("perspective"), v = A("aspect"), M = A("ease"), F = A("animate"), R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
     "center",
     "top",
     "bottom",
@@ -319,51 +319,51 @@ const Je = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], N = () => [...L(), l, i], C = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], m = () => [l, i, c], V = () => [Z, "full", "auto", ...m()], J = () => [q, "none", "subgrid", l, i], H = () => ["auto", {
-    span: ["full", q, l, i]
-  }, q, l, i], I = () => [q, "auto", l, i], U = () => ["auto", "min", "max", "fr", l, i], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], u = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], f = () => ["auto", ...m()], v = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], d = () => [e, l, i], O = () => [...L(), Ae, Ne, {
+  ], N = () => [...L(), l, i], C = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], m = () => [l, i, d], V = () => [te, "full", "auto", ...m()], Z = () => [J, "none", "subgrid", l, i], ee = () => ["auto", {
+    span: ["full", J, l, i]
+  }, J, l, i], Y = () => [J, "auto", l, i], E = () => ["auto", "min", "max", "fr", l, i], W = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], f = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], h = () => ["auto", ...m()], b = () => [te, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], c = () => [e, l, i], O = () => [...L(), Ae, Ne, {
     position: [l, i]
-  }], W = () => ["no-repeat", {
+  }], U = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Q = () => ["auto", "cover", "contain", Dt, It, {
+  }], B = () => ["auto", "cover", "contain", Dt, It, {
     size: [l, i]
-  }], oe = () => [fe, ne, X], _ = () => [
+  }], H = () => [fe, ne, Q], _ = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    h,
+    x,
     l,
     i
-  ], $ = () => ["", b, ne, X], se = () => ["solid", "dashed", "dotted", "double"], ye = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], R = () => [b, fe, Ae, Ne], ke = () => [
+  ], $ = () => ["", g, ne, Q], se = () => ["solid", "dashed", "dotted", "double"], ye = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], I = () => [g, fe, Ae, Ne], ke = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     j,
     l,
     i
-  ], ae = () => ["none", b, l, i], ie = () => ["none", b, l, i], ue = () => [b, l, i], le = () => [Z, "full", ...m()];
+  ], ae = () => ["none", g, l, i], ie = () => ["none", g, l, i], ue = () => [g, l, i], le = () => [te, "full", ...m()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [B],
-      breakpoint: [B],
+      blur: [K],
+      breakpoint: [K],
       color: [Pt],
-      container: [B],
-      "drop-shadow": [B],
+      container: [K],
+      "drop-shadow": [K],
       ease: ["in", "out", "in-out"],
       font: [St],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [B],
+      "inset-shadow": [K],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [B],
-      shadow: [B],
-      spacing: ["px", b],
-      text: [B],
-      "text-shadow": [B],
+      radius: [K],
+      shadow: [K],
+      spacing: ["px", g],
+      text: [K],
+      "text-shadow": [K],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -375,7 +375,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Z, i, l, k]
+        aspect: ["auto", "square", te, i, l, v]
       }],
       /**
        * Container
@@ -388,21 +388,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [b, i, l, p]
+        columns: [g, i, l, u]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": M()
+        "break-after": R()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": M()
+        "break-before": R()
       }],
       /**
        * Break Inside
@@ -494,21 +494,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: E()
+        overscroll: D()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": E()
+        "overscroll-x": D()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": E()
+        "overscroll-y": D()
       }],
       /**
        * Position
@@ -588,7 +588,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [q, "auto", l, i]
+        z: [J, "auto", l, i]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -598,7 +598,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Z, "full", "auto", p, ...m()]
+        basis: [te, "full", "auto", u, ...m()]
       }],
       /**
        * Flex Direction
@@ -619,84 +619,84 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [b, Z, "auto", "initial", "none", i]
+        flex: [g, te, "auto", "initial", "none", i]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", b, l, i]
+        grow: ["", g, l, i]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", b, l, i]
+        shrink: ["", g, l, i]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [q, "first", "last", "none", l, i]
+        order: [J, "first", "last", "none", l, i]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": J()
+        "grid-cols": Z()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: H()
+        col: ee()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": I()
+        "col-start": Y()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": I()
+        "col-end": Y()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": J()
+        "grid-rows": Z()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: H()
+        row: ee()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": I()
+        "row-start": Y()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": I()
+        "row-end": Y()
       }],
       /**
        * Grid Auto Flow
@@ -710,14 +710,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": U()
+        "auto-cols": E()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": U()
+        "auto-rows": E()
       }],
       /**
        * Gap
@@ -745,35 +745,35 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...re(), "normal"]
+        justify: [...W(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...u(), "normal"]
+        "justify-items": [...f(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...u()]
+        "justify-self": ["auto", ...f()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...re()]
+        content: ["normal", ...W()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...u(), {
+        items: [...f(), {
           baseline: ["", "last"]
         }]
       }],
@@ -782,7 +782,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...u(), {
+        self: ["auto", ...f(), {
           baseline: ["", "last"]
         }]
       }],
@@ -791,21 +791,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": re()
+        "place-content": W()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...u(), "baseline"]
+        "place-items": [...f(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...u()]
+        "place-self": ["auto", ...f()]
       }],
       // Spacing
       /**
@@ -876,63 +876,63 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: f()
+        m: h()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: f()
+        mx: h()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: f()
+        my: h()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: f()
+        ms: h()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: f()
+        me: h()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: f()
+        mt: h()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: f()
+        mr: h()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: f()
+        mb: h()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: f()
+        ml: h()
       }],
       /**
        * Space Between X
@@ -966,14 +966,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: v()
+        size: b()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [p, "screen", ...v()]
+        w: [u, "screen", ...b()]
       }],
       /**
        * Min-Width
@@ -981,11 +981,11 @@ const Je = (e, o) => {
        */
       "min-w": [{
         "min-w": [
-          p,
+          u,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...v()
+          ...b()
         ]
       }],
       /**
@@ -994,7 +994,7 @@ const Je = (e, o) => {
        */
       "max-w": [{
         "max-w": [
-          p,
+          u,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1003,7 +1003,7 @@ const Je = (e, o) => {
           {
             screen: [a]
           },
-          ...v()
+          ...b()
         ]
       }],
       /**
@@ -1011,21 +1011,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...v()]
+        h: ["screen", "lh", ...b()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...v()]
+        "min-h": ["screen", "lh", "none", ...b()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...v()]
+        "max-h": ["screen", "lh", ...b()]
       }],
       // ------------------
       // --- Typography ---
@@ -1035,7 +1035,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, ne, X]
+        text: ["base", r, ne, Q]
       }],
       /**
        * Font Smoothing
@@ -1110,7 +1110,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [b, "none", l, pe]
+        "line-clamp": [g, "none", l, pe]
       }],
       /**
        * Line Height
@@ -1157,14 +1157,14 @@ const Je = (e, o) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: d()
+        placeholder: c()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: d()
+        text: c()
       }],
       /**
        * Text Decoration
@@ -1183,21 +1183,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [b, "from-font", "auto", l, X]
+        decoration: [g, "from-font", "auto", l, Q]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: d()
+        decoration: c()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [b, "auto", l, i]
+        "underline-offset": [g, "auto", l, i]
       }],
       /**
        * Text Transform
@@ -1301,14 +1301,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: W()
+        bg: U()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: Q()
+        bg: B()
       }],
       /**
        * Background Image
@@ -1318,9 +1318,9 @@ const Je = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, q, l, i],
+          }, J, l, i],
           radial: ["", l, i],
-          conic: [q, l, i]
+          conic: [J, l, i]
         }, Et, Rt]
       }],
       /**
@@ -1328,49 +1328,49 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: d()
+        bg: c()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: oe()
+        from: H()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: oe()
+        via: H()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: oe()
+        to: H()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: d()
+        from: c()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: d()
+        via: c()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: d()
+        to: c()
       }],
       // ---------------
       // --- Borders ---
@@ -1586,70 +1586,70 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: d()
+        border: c()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": d()
+        "border-x": c()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": d()
+        "border-y": c()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": d()
+        "border-s": c()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": d()
+        "border-e": c()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": d()
+        "border-t": c()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": d()
+        "border-r": c()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": d()
+        "border-b": c()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": d()
+        "border-l": c()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: d()
+        divide: c()
       }],
       /**
        * Outline Style
@@ -1663,21 +1663,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [b, l, i]
+        "outline-offset": [g, l, i]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", b, ne, X]
+        outline: ["", g, ne, Q]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: d()
+        outline: c()
       }],
       // ---------------
       // --- Effects ---
@@ -1691,7 +1691,7 @@ const Je = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          x,
+          w,
           de,
           ce
         ]
@@ -1701,7 +1701,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: d()
+        shadow: c()
       }],
       /**
        * Inset Box Shadow
@@ -1715,7 +1715,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": d()
+        "inset-shadow": c()
       }],
       /**
        * Ring Width
@@ -1736,7 +1736,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: d()
+        ring: c()
       }],
       /**
        * Ring Offset Width
@@ -1745,7 +1745,7 @@ const Je = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [b, X]
+        "ring-offset": [g, Q]
       }],
       /**
        * Ring Offset Color
@@ -1754,7 +1754,7 @@ const Je = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": d()
+        "ring-offset": c()
       }],
       /**
        * Inset Ring Width
@@ -1768,28 +1768,28 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": d()
+        "inset-ring": c()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", w, de, ce]
+        "text-shadow": ["none", y, de, ce]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": d()
+        "text-shadow": c()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [b, l, i]
+        opacity: [g, l, i]
       }],
       /**
        * Mix Blend Mode
@@ -1824,106 +1824,106 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [b]
+        "mask-linear": [g]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": R()
+        "mask-linear-from": I()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": R()
+        "mask-linear-to": I()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": d()
+        "mask-linear-from": c()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": d()
+        "mask-linear-to": c()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": R()
+        "mask-t-from": I()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": R()
+        "mask-t-to": I()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": d()
+        "mask-t-from": c()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": d()
+        "mask-t-to": c()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": R()
+        "mask-r-from": I()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": R()
+        "mask-r-to": I()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": d()
+        "mask-r-from": c()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": d()
+        "mask-r-to": c()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": R()
+        "mask-b-from": I()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": R()
+        "mask-b-to": I()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": d()
+        "mask-b-from": c()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": d()
+        "mask-b-to": c()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": R()
+        "mask-l-from": I()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": R()
+        "mask-l-to": I()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": d()
+        "mask-l-from": c()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": d()
+        "mask-l-to": c()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": R()
+        "mask-x-from": I()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": R()
+        "mask-x-to": I()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": d()
+        "mask-x-from": c()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": d()
+        "mask-x-to": c()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": R()
+        "mask-y-from": I()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": R()
+        "mask-y-to": I()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": d()
+        "mask-y-from": c()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": d()
+        "mask-y-to": c()
       }],
       "mask-image-radial": [{
         "mask-radial": [l, i]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": R()
+        "mask-radial-from": I()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": R()
+        "mask-radial-to": I()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": d()
+        "mask-radial-from": c()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": d()
+        "mask-radial-to": c()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1938,19 +1938,19 @@ const Je = (e, o) => {
         "mask-radial-at": L()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [b]
+        "mask-conic": [g]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": R()
+        "mask-conic-from": I()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": R()
+        "mask-conic-to": I()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": d()
+        "mask-conic-from": c()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": d()
+        "mask-conic-to": c()
       }],
       /**
        * Mask Mode
@@ -1978,14 +1978,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: W()
+        mask: U()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: Q()
+        mask: B()
       }],
       /**
        * Mask Type
@@ -2029,14 +2029,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [b, l, i]
+        brightness: [g, l, i]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [b, l, i]
+        contrast: [g, l, i]
       }],
       /**
        * Drop Shadow
@@ -2047,7 +2047,7 @@ const Je = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          y,
+          k,
           de,
           ce
         ]
@@ -2057,42 +2057,42 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": d()
+        "drop-shadow": c()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", b, l, i]
+        grayscale: ["", g, l, i]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [b, l, i]
+        "hue-rotate": [g, l, i]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", b, l, i]
+        invert: ["", g, l, i]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [b, l, i]
+        saturate: [g, l, i]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", b, l, i]
+        sepia: ["", g, l, i]
       }],
       /**
        * Backdrop Filter
@@ -2119,56 +2119,56 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [b, l, i]
+        "backdrop-brightness": [g, l, i]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [b, l, i]
+        "backdrop-contrast": [g, l, i]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", b, l, i]
+        "backdrop-grayscale": ["", g, l, i]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [b, l, i]
+        "backdrop-hue-rotate": [g, l, i]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", b, l, i]
+        "backdrop-invert": ["", g, l, i]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [b, l, i]
+        "backdrop-opacity": [g, l, i]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [b, l, i]
+        "backdrop-saturate": [g, l, i]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", b, l, i]
+        "backdrop-sepia": ["", g, l, i]
       }],
       // --------------
       // --- Tables ---
@@ -2237,21 +2237,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [b, "initial", l, i]
+        duration: [g, "initial", l, i]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", D, l, i]
+        ease: ["linear", "initial", M, l, i]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [b, l, i]
+        delay: [g, l, i]
       }],
       /**
        * Animation
@@ -2428,7 +2428,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: d()
+        accent: c()
       }],
       /**
        * Appearance
@@ -2442,7 +2442,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: d()
+        caret: c()
       }],
       /**
        * Color Scheme
@@ -2688,21 +2688,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...d()]
+        fill: ["none", ...c()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [b, ne, X, pe]
+        stroke: [g, ne, Q, pe]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...d()]
+        stroke: ["none", ...c()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2788,61 +2788,59 @@ const Lt = {
   features: n,
   isSelected: s,
   onSelect: a,
-  topBadge: p,
-  discountBadge: c,
-  premiumCallout: h,
-  bottomNote: x,
+  topBadge: u,
+  discountBadge: d,
+  premiumCallout: x,
+  bottomNote: w,
   introPriceNote: S,
-  isBestValue: w = !1,
-  ctaButton: y,
+  isBestValue: y = !1,
+  ctaButton: k,
   className: j,
   children: z,
-  disabled: k = !1,
-  ariaLabel: D,
+  disabled: v = !1,
+  ariaLabel: M,
   onTrack: F,
-  trackingLabel: M,
+  trackingLabel: R,
   componentName: L = "SubscriptionTile",
   hideSelectionIndicator: N = !1
 }) => {
-  const C = !!y, E = !N, m = s ? "bg-blue-600 text-white ring-4 ring-blue-600 ring-offset-4 ring-offset-white dark:ring-offset-gray-900 border-transparent" : "bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 hover:shadow-md", V = () => {
-    !k && !C && (F?.({ action: "select", trackingLabel: M, componentName: L }), a());
-  }, J = (I) => {
-    !k && !C && (I.key === "Enter" || I.key === " ") && (I.preventDefault(), F?.({ action: "select", trackingLabel: M, componentName: L }), a());
-  }, H = (I) => {
-    I.stopPropagation(), F?.({ action: "cta_click", trackingLabel: M, componentName: L }), y?.onClick && y.onClick();
-  };
+  const C = !!k, D = !N, m = s ? "bg-blue-600 text-white ring-4 ring-blue-600 ring-offset-4 ring-offset-white dark:ring-offset-gray-900 border-transparent" : "bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 hover:shadow-md", V = () => {
+    !v && !C && (F?.({ action: "select", trackingLabel: R, componentName: L }), a());
+  }, Z = (E) => {
+    !v && !C && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), F?.({ action: "select", trackingLabel: R, componentName: L }), a());
+  }, ee = (E) => {
+    E.stopPropagation(), F?.({ action: "cta_click", trackingLabel: R, componentName: L }), k?.onClick && k.onClick();
+  }, Y = D ? C ? "mb-16" : "mb-10" : "";
   return /* @__PURE__ */ G(
     "div",
     {
       className: P(
         "relative rounded-2xl p-6 transition-all flex flex-col h-full",
-        // Add extra bottom padding for radio button or CTA button (not needed if hidden)
-        E && (C ? "pb-20" : "pb-14"),
-        k ? "opacity-50 cursor-not-allowed" : C ? "cursor-default" : "cursor-pointer",
+        v ? "opacity-50 cursor-not-allowed" : C ? "cursor-default" : "cursor-pointer",
         m,
         j
       ),
       onClick: V,
-      onKeyDown: J,
+      onKeyDown: Z,
       role: C ? "article" : "radio",
       "aria-checked": C ? void 0 : s,
-      "aria-label": D || `${o} - ${r}${t || ""}`,
-      "aria-disabled": k,
-      tabIndex: C || k ? -1 : 0,
+      "aria-label": M || `${o} - ${r}${t || ""}`,
+      "aria-disabled": v,
+      tabIndex: C || v ? -1 : 0,
       children: [
-        p && /* @__PURE__ */ g("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ g(
+        u && /* @__PURE__ */ p("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ p(
           "span",
           {
             className: P(
-              Lt[p.color],
+              Lt[u.color],
               "text-white px-4 py-1.5 rounded-full text-sm font-semibold shadow-lg whitespace-nowrap"
             ),
-            children: p.text
+            children: u.text
           }
         ) }),
-        /* @__PURE__ */ G("div", { className: "flex flex-col flex-grow", children: [
-          /* @__PURE__ */ G("div", { className: P("text-center mb-6", p && "mt-2"), children: [
-            /* @__PURE__ */ g(
+        /* @__PURE__ */ G("div", { className: P("flex flex-col flex-grow", Y), children: [
+          /* @__PURE__ */ G("div", { className: P("text-center mb-6", u && "mt-2"), children: [
+            /* @__PURE__ */ p(
               "h3",
               {
                 className: P(
@@ -2854,7 +2852,7 @@ const Lt = {
               }
             ),
             /* @__PURE__ */ G("div", { className: "mb-3", children: [
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ p(
                 "span",
                 {
                   className: P(
@@ -2864,7 +2862,7 @@ const Lt = {
                   children: r
                 }
               ),
-              t && /* @__PURE__ */ g(
+              t && /* @__PURE__ */ p(
                 "span",
                 {
                   className: P(
@@ -2875,20 +2873,20 @@ const Lt = {
                 }
               )
             ] }),
-            c && /* @__PURE__ */ g(
+            d && /* @__PURE__ */ p(
               "div",
               {
                 className: P(
                   "inline-flex items-center px-2 py-1 rounded-full text-sm font-semibold",
                   s ? "bg-blue-500 text-white" : "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300"
                 ),
-                children: c.text
+                children: d.text
               }
             )
           ] }),
           z,
-          n.length > 0 && /* @__PURE__ */ g("div", { className: "space-y-3 mb-6 flex-grow", children: n.map((I, U) => /* @__PURE__ */ G("div", { className: "flex items-start", children: [
-            /* @__PURE__ */ g(
+          n.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-3 mb-6 flex-grow", children: n.map((E, W) => /* @__PURE__ */ G("div", { className: "flex items-start", children: [
+            /* @__PURE__ */ p(
               "svg",
               {
                 className: P(
@@ -2898,7 +2896,7 @@ const Lt = {
                 fill: "none",
                 stroke: "currentColor",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ g(
+                children: /* @__PURE__ */ p(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -2909,18 +2907,18 @@ const Lt = {
                 )
               }
             ),
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ p(
               "span",
               {
                 className: P(
                   "text-sm text-left",
                   s ? "text-white" : "text-gray-700 dark:text-gray-300"
                 ),
-                children: I.replace(/^✓\s*/, "")
+                children: E.replace(/^✓\s*/, "")
               }
             )
-          ] }, U)) }),
-          h && /* @__PURE__ */ G(
+          ] }, W)) }),
+          x && /* @__PURE__ */ G(
             "div",
             {
               className: P(
@@ -2928,50 +2926,50 @@ const Lt = {
                 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(
+                /* @__PURE__ */ p("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ p(
                   "span",
                   {
                     className: P(
                       "font-semibold text-sm",
                       s ? "text-white" : "text-purple-600 dark:text-purple-400"
                     ),
-                    children: h.title
+                    children: x.title
                   }
                 ) }),
-                /* @__PURE__ */ g(
+                /* @__PURE__ */ p(
                   "ul",
                   {
                     className: P(
                       "text-xs space-y-1",
                       s ? "text-blue-100" : "text-gray-600 dark:text-gray-400"
                     ),
-                    children: h.features.map((I, U) => /* @__PURE__ */ G("li", { children: [
+                    children: x.features.map((E, W) => /* @__PURE__ */ G("li", { children: [
                       "• ",
-                      I
-                    ] }, U))
+                      E
+                    ] }, W))
                   }
                 )
               ]
             }
           ),
-          x && /* @__PURE__ */ g(
+          w && /* @__PURE__ */ p(
             "div",
             {
               className: P(
                 "text-center text-sm font-medium mb-4",
                 s ? "text-blue-100" : "text-blue-600 dark:text-blue-400"
               ),
-              children: x
+              children: w
             }
           ),
-          S && /* @__PURE__ */ g(
+          S && /* @__PURE__ */ p(
             "div",
             {
               className: P(
                 "p-3 rounded-lg mt-auto",
                 s ? "bg-blue-500/30" : "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800"
               ),
-              children: /* @__PURE__ */ g(
+              children: /* @__PURE__ */ p(
                 "p",
                 {
                   className: P(
@@ -2984,38 +2982,38 @@ const Lt = {
             }
           )
         ] }),
-        E && C && /* @__PURE__ */ g("div", { className: "absolute bottom-4 left-0 right-0 px-6", children: y.href ? /* @__PURE__ */ g(
+        D && C && /* @__PURE__ */ p("div", { className: "absolute bottom-4 left-0 right-0 px-6", children: k.href ? /* @__PURE__ */ p(
           "a",
           {
-            href: y.href,
+            href: k.href,
             className: P(
               "block w-full py-3 font-semibold rounded-lg text-center transition-colors",
               s ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700"
             ),
-            onClick: (I) => I.stopPropagation(),
-            children: y.label
+            onClick: (E) => E.stopPropagation(),
+            children: k.label
           }
-        ) : /* @__PURE__ */ g(
+        ) : /* @__PURE__ */ p(
           "button",
           {
-            onClick: H,
-            disabled: k,
+            onClick: ee,
+            disabled: v,
             className: P(
               "w-full py-3 font-semibold rounded-lg transition-colors",
               s ? "bg-white text-blue-600 hover:bg-gray-100" : "bg-blue-600 text-white hover:bg-blue-700",
-              k && "opacity-50 cursor-not-allowed"
+              v && "opacity-50 cursor-not-allowed"
             ),
-            children: y.label
+            children: k.label
           }
         ) }),
-        E && !C && /* @__PURE__ */ g("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ g(
+        D && !C && /* @__PURE__ */ p("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ p(
           "div",
           {
             className: P(
               "w-5 h-5 rounded-full border-2 flex items-center justify-center",
               s ? "border-white bg-white" : "border-gray-300 dark:border-gray-600"
             ),
-            children: s && /* @__PURE__ */ g("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
+            children: s && /* @__PURE__ */ p("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
           }
         ) })
       ]
@@ -3029,83 +3027,83 @@ const Lt = {
   currentStatus: n,
   primaryAction: s,
   secondaryAction: a,
-  minTileWidth: p = 240,
-  className: c,
-  headerContent: h,
-  aboveProducts: x,
+  minTileWidth: u = 240,
+  className: d,
+  headerContent: x,
+  aboveProducts: w,
   footerContent: S,
-  currentStatusLabel: w = "Current Status",
-  freeTileConfig: y,
+  currentStatusLabel: y = "Current Status",
+  freeTileConfig: k,
   onTrack: j,
   trackingLabel: z,
-  componentName: k = "SubscriptionLayout"
+  componentName: v = "SubscriptionLayout"
 }) => {
-  const D = t === "selection" && s, F = () => {
-    j?.({ action: "primary_action", trackingLabel: z, componentName: k }), s?.onClick();
-  }, M = () => {
-    j?.({ action: "secondary_action", trackingLabel: z, componentName: k }), a?.onClick();
-  }, L = t === "cta" && y, N = {
+  const M = t === "selection" && s, F = () => {
+    j?.({ action: "primary_action", trackingLabel: z, componentName: v }), s?.onClick();
+  }, R = () => {
+    j?.({ action: "secondary_action", trackingLabel: z, componentName: v }), a?.onClick();
+  }, L = t === "cta" && k, N = {
     display: "grid",
-    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${p}px), 1fr))`,
+    gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${u}px), 1fr))`,
     gap: "1.5rem"
   };
-  return /* @__PURE__ */ g(Be, { className: c, children: /* @__PURE__ */ G(Ue, { className: "pt-6", children: [
-    h,
-    n && /* @__PURE__ */ G(We, { children: [
-      /* @__PURE__ */ g("h2", { className: P(he.heading.h3(), "mb-4"), children: w }),
+  return /* @__PURE__ */ p(We, { className: d, children: /* @__PURE__ */ G(Ue, { className: "pt-6", children: [
+    x,
+    n && /* @__PURE__ */ G(Be, { children: [
+      /* @__PURE__ */ p("h2", { className: P(he.heading.h3(), "mb-4"), children: y }),
       n.isActive ? /* @__PURE__ */ G("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
         /* @__PURE__ */ G("div", { className: "flex items-center mb-2", children: [
-          /* @__PURE__ */ g("div", { className: "w-3 h-3 bg-green-500 rounded-full mr-3" }),
-          /* @__PURE__ */ g("span", { className: "font-semibold text-green-800 dark:text-green-300", children: n.activeContent?.title || "Active Subscription" })
+          /* @__PURE__ */ p("div", { className: "w-3 h-3 bg-green-500 rounded-full mr-3" }),
+          /* @__PURE__ */ p("span", { className: "font-semibold text-green-800 dark:text-green-300", children: n.activeContent?.title || "Active Subscription" })
         ] }),
-        n.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(
-          (C, E) => /* @__PURE__ */ G("div", { children: [
-            /* @__PURE__ */ g("p", { className: "text-sm text-green-600 dark:text-green-400", children: C.label }),
-            /* @__PURE__ */ g("p", { className: "font-semibold text-green-800 dark:text-green-300", children: C.value })
-          ] }, E)
+        n.activeContent?.fields && n.activeContent.fields.length > 0 && /* @__PURE__ */ p("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4", children: n.activeContent.fields.map(
+          (C, D) => /* @__PURE__ */ G("div", { children: [
+            /* @__PURE__ */ p("p", { className: "text-sm text-green-600 dark:text-green-400", children: C.label }),
+            /* @__PURE__ */ p("p", { className: "font-semibold text-green-800 dark:text-green-300", children: C.value })
+          ] }, D)
         ) })
       ] }) : /* @__PURE__ */ G("div", { className: "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4 mb-6", children: [
         /* @__PURE__ */ G("div", { className: "flex items-center mb-2", children: [
-          /* @__PURE__ */ g("div", { className: "w-3 h-3 bg-yellow-500 rounded-full mr-3" }),
-          /* @__PURE__ */ g("span", { className: "font-semibold text-yellow-800 dark:text-yellow-300", children: n.inactiveContent?.title || "No Active Subscription" })
+          /* @__PURE__ */ p("div", { className: "w-3 h-3 bg-yellow-500 rounded-full mr-3" }),
+          /* @__PURE__ */ p("span", { className: "font-semibold text-yellow-800 dark:text-yellow-300", children: n.inactiveContent?.title || "No Active Subscription" })
         ] }),
-        n.inactiveContent?.message && /* @__PURE__ */ g("p", { className: "text-yellow-700 dark:text-yellow-400", children: n.inactiveContent.message })
+        n.inactiveContent?.message && /* @__PURE__ */ p("p", { className: "text-yellow-700 dark:text-yellow-400", children: n.inactiveContent.message })
       ] })
     ] }),
-    /* @__PURE__ */ g("h2", { className: P(he.heading.h3(), "mb-4"), children: e }),
-    x,
+    /* @__PURE__ */ p("h2", { className: P(he.heading.h3(), "mb-4"), children: e }),
+    w,
     /* @__PURE__ */ G("div", { style: N, children: [
-      L && /* @__PURE__ */ g(
+      L && /* @__PURE__ */ p(
         _t,
         {
           id: "free",
-          title: y.title,
-          price: y.price,
-          periodLabel: y.periodLabel,
-          features: y.features,
+          title: k.title,
+          price: k.price,
+          periodLabel: k.periodLabel,
+          features: k.features,
           isSelected: !1,
           onSelect: () => {
           },
-          topBadge: y.topBadge,
-          ctaButton: y.ctaButton
+          topBadge: k.topBadge,
+          ctaButton: k.ctaButton
         }
       ),
       o
     ] }),
     S,
-    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 }) }),
-    D && /* @__PURE__ */ G("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
-      a && /* @__PURE__ */ g(
+    r && /* @__PURE__ */ p("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mt-6", children: /* @__PURE__ */ p("p", { className: "text-red-600 dark:text-red-400", children: r }) }),
+    M && /* @__PURE__ */ G("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
+      a && /* @__PURE__ */ p(
         ve,
         {
-          onClick: M,
+          onClick: R,
           disabled: a.disabled || a.loading,
           variant: "outline",
           className: "sm:flex-shrink-0",
           children: a.label
         }
       ),
-      /* @__PURE__ */ g(
+      /* @__PURE__ */ p(
         ve,
         {
           onClick: F,
@@ -3130,7 +3128,7 @@ function Yt({
     md: "px-4 py-2 text-sm",
     lg: "px-6 py-3 text-base"
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ p(
     "div",
     {
       className: P(
@@ -3139,25 +3137,25 @@ function Yt({
         t
       ),
       role: "radiogroup",
-      children: e.map((p) => {
-        const c = o === p.value;
-        return /* @__PURE__ */ g(
+      children: e.map((u) => {
+        const d = o === u.value;
+        return /* @__PURE__ */ p(
           "button",
           {
             type: "button",
             role: "radio",
-            "aria-checked": c,
+            "aria-checked": d,
             disabled: n,
-            onClick: () => !n && r(p.value),
+            onClick: () => !n && r(u.value),
             className: P(
               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",
+              d ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white",
               n && "cursor-not-allowed"
             ),
-            children: p.label
+            children: u.label
           },
-          p.value
+          u.value
         );
       })
     }
@@ -3209,185 +3207,188 @@ const Se = (e, o) => {
   onPurchaseSuccess: t,
   children: n
 }) => {
-  const [s, a] = K([]), [p, c] = K(null), [h, x] = K(!1), [S, w] = K(null), [y, j] = K(!1), [z, k] = K(null), [D, F] = K(null), [M, L] = K(null), N = !e || e === "your_revenuecat_api_key_here", C = Y(() => {
-    a([]), c(null), F(null), L(null), w(null), j(!1), k(null), T = null;
-  }, []), E = Y(async () => {
+  const [s, a] = q([]), [u, d] = q(null), [x, w] = q(!1), [S, y] = q(null), [k, j] = q(!1), [z, v] = q(null), [M, F] = q(null), [R, L] = q(null), N = !e || e === "your_revenuecat_api_key_here", C = X(() => {
+    a([]), d(null), F(null), L(null), y(null), j(!1), v(null), T = null;
+  }, []), D = X(async () => {
     if (T)
       try {
-        const u = await T.getOfferings();
-        u.current && F(u.current);
-        const f = u.all;
-        if (f) {
-          L(f);
-          const v = [];
-          for (const d of Object.keys(f)) {
-            const O = f[d];
+        const f = await T.getOfferings();
+        f.current && F(f.current);
+        const h = f.all;
+        if (h) {
+          L(h);
+          const b = [];
+          for (const c of Object.keys(h)) {
+            const O = h[c];
             if (O?.availablePackages) {
-              const W = O.metadata, Q = O.availablePackages.map(
-                (oe) => Se(oe, W)
+              const U = O.metadata, B = O.availablePackages.map(
+                (H) => Se(H, U)
               );
-              v.push(...Q);
+              b.push(...B);
             }
           }
-          a(v);
-        } else if (u.current) {
-          const v = u.current.metadata, d = u.current.availablePackages.map(
-            (O) => Se(O, v)
+          a(b);
+        } else if (f.current) {
+          const b = f.current.metadata, c = f.current.availablePackages.map(
+            (O) => Se(O, b)
           );
-          a(d);
+          a(c);
         }
-      } catch (u) {
-        const f = u instanceof Error ? u.message : "Failed to load offerings";
-        w(f), r?.(u instanceof Error ? u : new Error(f));
+      } catch (f) {
+        const h = f instanceof Error ? f.message : "Failed to load offerings";
+        y(h), r?.(f instanceof Error ? f : new Error(h));
       }
-  }, [r]), m = Y(async () => {
+  }, [r]), m = X(async () => {
     if (T)
       try {
-        const u = await T.getCustomerInfo(), f = be(u);
-        c(f.isActive ? f : null);
-      } catch (u) {
-        const f = u instanceof Error ? u.message : "Failed to load subscription status";
-        w(f), r?.(u instanceof Error ? u : new Error(f));
+        const f = await T.getCustomerInfo(), h = be(f);
+        d(h.isActive ? h : null);
+      } catch (f) {
+        const h = f instanceof Error ? f.message : "Failed to load subscription status";
+        y(h), r?.(f instanceof Error ? f : new Error(h));
       }
-  }, [r]), V = Y(
-    async (u, f) => {
-      if (z && z !== u && C(), !(y && z === u))
+  }, [r]), V = X(
+    async (f, h) => {
+      if (z && z !== f && C(), !(k && z === f))
         try {
-          if (x(!0), w(null), N)
+          if (w(!0), y(null), N)
             console.warn(
               "[SubscriptionProvider] RevenueCat API key not configured"
-            ), a([]), c(null);
+            ), a([]), d(null);
           else {
-            const v = await Ft(), d = {
+            const b = await Ft(), c = {
               apiKey: e,
-              appUserId: u
+              appUserId: f
             };
-            T = v.Purchases.configure(d);
-            const O = f || o;
+            T = b.Purchases.configure(c);
+            const O = h || o;
             if (O && T)
               try {
                 await T.setAttributes({ email: O });
               } catch {
               }
-            await Promise.all([E(), m()]);
+            await Promise.all([D(), m()]);
           }
-          k(u), j(!0);
-        } catch (v) {
-          const d = v instanceof Error ? v.message : "Failed to initialize";
-          w(d), c(null), a([]), r?.(v instanceof Error ? v : new Error(d));
+          v(f), j(!0);
+        } catch (b) {
+          const c = b instanceof Error ? b.message : "Failed to initialize";
+          y(c), d(null), a([]), r?.(b instanceof Error ? b : new Error(c));
         } finally {
-          x(!1);
+          w(!1);
         }
     },
     [
       z,
-      y,
+      k,
       N,
       e,
       o,
-      E,
+      D,
       m,
       r,
       C
     ]
-  ), J = Y(
-    async (u) => {
+  ), Z = X(
+    async (f, h) => {
       try {
-        if (x(!0), w(null), N) {
-          await new Promise((W) => setTimeout(W, 2e3));
-          const O = {
+        if (w(!0), y(null), N) {
+          await new Promise((B) => setTimeout(B, 2e3));
+          const U = {
             isActive: !0,
             expirationDate: new Date(Date.now() + 365 * 24 * 60 * 60 * 1e3),
             purchaseDate: /* @__PURE__ */ new Date(),
-            productIdentifier: u,
+            productIdentifier: f,
             willRenew: !0
           };
-          return c(O), t?.(u), !0;
+          return d(U), t?.(f), !0;
         }
-        if (!T || !D && !M)
+        if (!T || !M && !R)
           throw new Error("Subscription service not initialized");
-        let f;
-        if (M)
-          for (const O of Object.keys(M)) {
-            const W = M[O];
-            if (W?.availablePackages && (f = W.availablePackages.find(
-              (Q) => Q.identifier === u
-            ), f))
+        let b;
+        if (R)
+          for (const U of Object.keys(R)) {
+            const B = R[U];
+            if (B?.availablePackages && (b = B.availablePackages.find(
+              (H) => H.identifier === f
+            ), b))
               break;
           }
-        else D && (f = D.availablePackages.find(
-          (W) => W.identifier === u
+        else M && (b = M.availablePackages.find(
+          (B) => B.identifier === f
         ));
-        if (!f)
-          throw new Error(`Package not found: ${u}`);
-        const v = await T.purchase({
-          rcPackage: f,
+        if (!b)
+          throw new Error(`Package not found: ${f}`);
+        const c = await T.purchase({
+          rcPackage: b,
           ...o ? { customerEmail: o } : {}
-        }), d = be(v.customerInfo);
-        return c(d.isActive ? d : null), d.isActive && t?.(u), d.isActive;
-      } catch (f) {
-        const v = f instanceof Error ? f.message : "Purchase failed";
-        return w(v), r?.(f instanceof Error ? f : new Error(v)), !1;
+        }), O = be(c.customerInfo);
+        return d(O.isActive ? O : null), O.isActive && t?.(f), O.isActive;
+      } catch (b) {
+        const c = b instanceof Error ? b.message : "Purchase failed";
+        return y(c), r?.(b instanceof Error ? b : new Error(c)), !1;
       } finally {
-        x(!1);
+        w(!1);
       }
     },
     [
       N,
-      D,
       M,
+      R,
       o,
       t,
       r
     ]
-  ), H = Y(async () => {
-    try {
-      if (x(!0), w(null), N)
-        return await new Promise((v) => setTimeout(v, 1e3)), w("No previous purchases found"), !1;
-      if (!T)
-        throw new Error("Subscription service not initialized");
-      const u = await T.getCustomerInfo(), f = be(u);
-      return c(f.isActive ? f : null), f.isActive || w("No previous purchases found"), f.isActive;
-    } catch (u) {
-      const f = u instanceof Error ? u.message : "Restore failed";
-      return w(f), r?.(u instanceof Error ? u : new Error(f)), !1;
-    } finally {
-      x(!1);
-    }
-  }, [N, r]), I = Y(async () => {
+  ), ee = X(
+    async (f) => {
+      try {
+        if (w(!0), y(null), N)
+          return await new Promise((c) => setTimeout(c, 1e3)), y("No previous purchases found"), !1;
+        if (!T)
+          throw new Error("Subscription service not initialized");
+        const h = await T.getCustomerInfo(), b = be(h);
+        return d(b.isActive ? b : null), b.isActive || y("No previous purchases found"), b.isActive;
+      } catch (h) {
+        const b = h instanceof Error ? h.message : "Restore failed";
+        return y(b), r?.(h instanceof Error ? h : new Error(b)), !1;
+      } finally {
+        w(!1);
+      }
+    },
+    [N, r]
+  ), Y = X(async () => {
     if (!N)
       try {
-        w(null), await Promise.all([m(), E()]);
-      } catch (u) {
-        const f = u instanceof Error ? u.message : "Refresh failed";
-        w(f), r?.(u instanceof Error ? u : new Error(f));
+        y(null), await Promise.all([m(), D()]);
+      } catch (f) {
+        const h = f instanceof Error ? f.message : "Refresh failed";
+        y(h), r?.(f instanceof Error ? f : new Error(h));
       }
-  }, [N, m, E, r]), U = Y(() => {
-    w(null);
+  }, [N, m, D, r]), E = X(() => {
+    y(null);
   }, []);
   Ye(() => {
-    if (!y || N || !T) return;
-    const u = setInterval(
+    if (!k || N || !T) return;
+    const f = setInterval(
       () => {
         m().catch(() => {
         });
       },
       300 * 1e3
     );
-    return () => clearInterval(u);
-  }, [y, N, m]);
-  const re = {
+    return () => clearInterval(f);
+  }, [k, N, m]);
+  const W = {
     products: s,
-    currentSubscription: p,
-    isLoading: h,
+    currentSubscription: u,
+    isLoading: x,
     error: S,
     initialize: V,
-    purchase: J,
-    restore: H,
-    refresh: I,
-    clearError: U
+    purchase: Z,
+    restore: ee,
+    refresh: Y,
+    clearError: E
   };
-  return /* @__PURE__ */ g($e.Provider, { value: re, children: n });
+  return /* @__PURE__ */ p($e.Provider, { value: W, children: n });
 }, Xt = () => {
   const e = qe($e);
   if (!e)