@sudobility/subscription-components 1.0.1 → 1.0.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { jsxs as R, jsx as h, Fragment as $e } from "react/jsx-runtime";
+import { jsxs as I, jsx as b, 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";
@@ -38,13 +38,13 @@ const Xe = (e, o) => {
     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);
+      const m = i.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: (i, m) => {
+      if (m) {
+        const c = t[i], f = r[i];
+        return c ? f ? Xe(f, c) : c : f || Ce;
       }
       return r[i] || Ce;
     }
@@ -60,10 +60,10 @@ const Xe = (e, o) => {
   const i = r.validators;
   if (i === 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 m = o === 0 ? e.join(ce) : e.slice(o).join(ce), c = i.length;
+  for (let f = 0; f < c; f++) {
     const k = i[f];
-    if (k.validator(p))
+    if (k.validator(m))
       return k.classGroupId;
   }
 }, Ze = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
@@ -110,16 +110,16 @@ const Xe = (e, o) => {
 }, 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);
+    const [m, c] = s[i];
+    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;
+    let m = r.nextPart.get(i);
+    m || (m = Re(), r.nextPart.set(i, m)), r = m;
   }
   return r;
 }, ar = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, ir = (e) => {
@@ -146,7 +146,7 @@ const Xe = (e, o) => {
       l in r ? r[l] = i : s(l, i);
     }
   };
-}, he = "!", ze = ":", lr = [], Pe = (e, o, r, t, s) => ({
+}, he = "!", ze = ":", lr = [], Ne = (e, o, r, t, s) => ({
   modifiers: e,
   hasImportantModifier: o,
   baseClassName: r,
@@ -159,23 +159,23 @@ const Xe = (e, o) => {
   } = e;
   let t = (s) => {
     const l = [];
-    let i = 0, p = 0, d = 0, f;
+    let i = 0, m = 0, c = 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;
+      const N = s[z];
+      if (i === 0 && m === 0) {
+        if (N === ze) {
+          l.push(s.slice(c, z)), c = z + 1;
           continue;
         }
-        if (P === "/") {
+        if (N === "/") {
           f = z;
           continue;
         }
       }
-      P === "[" ? i++ : P === "]" ? i-- : P === "(" ? p++ : P === ")" && p--;
+      N === "[" ? i++ : N === "]" ? i-- : N === "(" ? m++ : N === ")" && m--;
     }
-    const v = l.length === 0 ? s : s.slice(d);
+    const v = l.length === 0 ? s : s.slice(c);
     let C = v, x = !1;
     v.endsWith(he) ? (C = v.slice(0, -1), x = !0) : (
       /**
@@ -184,12 +184,12 @@ const Xe = (e, o) => {
        */
       v.startsWith(he) && (C = v.slice(1), x = !0)
     );
-    const M = f && f > d ? f - d : void 0;
-    return Pe(l, x, C, M);
+    const A = f && f > c ? f - c : void 0;
+    return Ne(l, x, C, A);
   };
   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);
+    t = (i) => i.startsWith(s) ? l(i.slice(s.length)) : Ne(lr, !1, i, void 0, !0);
   }
   if (r) {
     const s = t;
@@ -207,8 +207,8 @@ const Xe = (e, o) => {
     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);
+      const i = r[l], m = i[0] === "[", c = o.has(i);
+      m || c ? (s.length > 0 && (s.sort(), t.push(...s), s = []), t.push(i)) : s.push(i);
     }
     return s.length > 0 && (s.sort(), t.push(...s)), t;
   };
@@ -223,44 +223,44 @@ const Xe = (e, o) => {
     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], {
+  } = o, i = [], m = e.trim().split(ur);
+  let c = "";
+  for (let f = m.length - 1; f >= 0; f -= 1) {
+    const k = m[f], {
       isExternal: v,
       modifiers: C,
       hasImportantModifier: x,
-      baseClassName: M,
+      baseClassName: A,
       maybePostfixModifierPosition: z
     } = r(k);
     if (v) {
-      d = k + (d.length > 0 ? " " + d : d);
+      c = k + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let P = !!z, G = t(P ? M.substring(0, z) : M);
+    let N = !!z, G = t(N ? A.substring(0, z) : A);
     if (!G) {
-      if (!P) {
-        d = k + (d.length > 0 ? " " + d : d);
+      if (!N) {
+        c = k + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (G = t(M), !G) {
-        d = k + (d.length > 0 ? " " + d : d);
+      if (G = t(A), !G) {
+        c = k + (c.length > 0 ? " " + c : c);
         continue;
       }
-      P = !1;
+      N = !1;
     }
-    const _ = C.length === 0 ? "" : C.length === 1 ? C[0] : l(C).join(":"), F = x ? _ + he : _, w = F + G;
+    const F = C.length === 0 ? "" : C.length === 1 ? C[0] : l(C).join(":"), V = x ? F + he : F, w = V + G;
     if (i.indexOf(w) > -1)
       continue;
     i.push(w);
-    const T = s(G, P);
+    const T = s(G, N);
     for (let O = 0; O < T.length; ++O) {
       const j = T[O];
-      i.push(F + j);
+      i.push(V + j);
     }
-    d = k + (d.length > 0 ? " " + d : d);
+    c = k + (c.length > 0 ? " " + c : c);
   }
-  return d;
+  return c;
 }, fr = (...e) => {
   let o = 0, r, t, s = "";
   for (; o < e.length; )
@@ -275,18 +275,18 @@ const Xe = (e, o) => {
   return r;
 }, gr = (e, ...o) => {
   let r, t, s, l;
-  const i = (d) => {
+  const i = (c) => {
     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);
+    return r = mr(f), t = r.cache.get, s = r.cache.set, l = m, m(c);
+  }, m = (c) => {
+    const f = t(c);
     if (f)
       return f;
-    const k = pr(d, r);
-    return s(d, k), k;
+    const k = pr(c, r);
+    return s(c, k), k;
   };
-  return l = i, (...d) => l(fr(...d));
-}, br = [], N = (e) => {
+  return l = i, (...c) => l(fr(...c));
+}, br = [], P = (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) => (
@@ -294,14 +294,14 @@ const Xe = (e, o) => {
   // 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) => {
+), Ge = () => !1, Nr = (e) => yr.test(e), Pr = (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), Pe = (e) => J(e, Oe, Ge), Rr = (e) => J(e, je, Pr), ie = (e) => J(e, Fe, Nr), 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) => {
   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 = P("color"), o = P("font"), r = P("text"), t = P("font-weight"), s = P("tracking"), l = P("leading"), i = P("breakpoint"), m = P("container"), c = P("spacing"), f = P("radius"), k = P("shadow"), v = P("inset-shadow"), C = P("text-shadow"), x = P("drop-shadow"), A = P("blur"), z = P("perspective"), N = P("aspect"), G = P("ease"), F = P("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], w = () => [
     "center",
     "top",
     "bottom",
@@ -319,15 +319,15 @@ 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", {
+  ], T = () => [...w(), a, n], O = () => ["auto", "hidden", "clip", "visible", "scroll"], j = () => ["auto", "contain", "none"], u = () => [a, n, c], _ = () => [X, "full", "auto", ...u()], 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, {
+  }, U, a, n], K = () => [U, "auto", a, n], re = () => ["auto", "min", "max", "fr", a, n], p = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], h = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], y = () => ["auto", ...u()], D = () => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, a, n], q = () => [...w(), Se, Pe, {
     position: [a, n]
   }], te = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], we = () => ["auto", "cover", "contain", Mr, Ar, {
     size: [a, n]
-  }], de = () => [ue, Q, Y], I = () => [
+  }], de = () => [ue, Q, Y], M = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -335,14 +335,14 @@ const Xe = (e, o) => {
     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 = () => [
+  ], 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, Pe], ye = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    M,
+    A,
     a,
     n
-  ], se = () => ["none", g, a, n], ne = () => ["none", g, a, n], me = () => [g, a, n], ae = () => [X, "full", ...m()];
+  ], se = () => ["none", g, a, n], ne = () => ["none", g, a, n], me = () => [g, a, n], ae = () => [X, "full", ...u()];
   return {
     cacheSize: 500,
     theme: {
@@ -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, n, a, N]
       }],
       /**
        * Container
@@ -388,21 +388,21 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [g, n, a, p]
+        columns: [g, n, a, 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
@@ -520,63 +520,63 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: L()
+        inset: _()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": L()
+        "inset-x": _()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": L()
+        "inset-y": _()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: L()
+        start: _()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: L()
+        end: _()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: L()
+        top: _()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: L()
+        right: _()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: L()
+        bottom: _()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: L()
+        left: _()
       }],
       /**
        * Visibility
@@ -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
@@ -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: [...p(), "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", ...p()]
       }],
       /**
        * 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": p()
       }],
       /**
        * 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,63 +813,63 @@ 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
@@ -939,7 +939,7 @@ const Xe = (e, o) => {
        * @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
@@ -973,7 +973,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [p, "screen", ...D()]
+        w: [m, "screen", ...D()]
       }],
       /**
        * Min-Width
@@ -981,7 +981,7 @@ const Xe = (e, o) => {
        */
       "min-w": [{
         "min-w": [
-          p,
+          m,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -994,7 +994,7 @@ 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 */
@@ -1120,7 +1120,7 @@ const Xe = (e, o) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           l,
-          ...m()
+          ...u()
         ]
       }],
       /**
@@ -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
@@ -1190,7 +1190,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: c()
+        decoration: d()
       }],
       /**
        * Text Underline Offset
@@ -1221,7 +1221,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: m()
+        indent: u()
       }],
       /**
        * Vertical Alignment
@@ -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,105 +1380,105 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: I()
+        rounded: M()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": I()
+        "rounded-s": M()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": I()
+        "rounded-e": M()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": I()
+        "rounded-t": M()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": I()
+        "rounded-r": M()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": I()
+        "rounded-b": M()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": I()
+        "rounded-l": M()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": I()
+        "rounded-ss": M()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": I()
+        "rounded-se": M()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": I()
+        "rounded-ee": M()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": I()
+        "rounded-es": M()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": I()
+        "rounded-tl": M()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": I()
+        "rounded-tr": M()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": I()
+        "rounded-br": M()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": I()
+        "rounded-bl": M()
       }],
       /**
        * Border Width
@@ -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
@@ -1677,7 +1677,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: c()
+        outline: d()
       }],
       // ---------------
       // --- Effects ---
@@ -1701,7 +1701,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: c()
+        shadow: d()
       }],
       /**
        * Inset Box Shadow
@@ -1715,7 +1715,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": c()
+        "inset-shadow": d()
       }],
       /**
        * Ring Width
@@ -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
@@ -1754,7 +1754,7 @@ 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
@@ -1768,7 +1768,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": c()
+        "inset-ring": d()
       }],
       /**
        * Text Shadow
@@ -1782,7 +1782,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": c()
+        "text-shadow": d()
       }],
       /**
        * Opacity
@@ -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,10 +1905,10 @@ 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]
@@ -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"]
@@ -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
@@ -2057,7 +2057,7 @@ 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
@@ -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
@@ -2258,7 +2258,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", _, a, n]
+        animate: ["none", F, a, n]
       }],
       // ------------------
       // --- Transforms ---
@@ -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
@@ -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
@@ -2688,7 +2688,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...c()]
+        fill: ["none", ...d()]
       }],
       /**
        * Stroke Width
@@ -2702,7 +2702,7 @@ const Xe = (e, o) => {
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...c()]
+        stroke: ["none", ...d()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2771,7 +2771,7 @@ 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 L(...e) {
   return Or(qe(e));
 }
 const jr = {
@@ -2788,101 +2788,101 @@ const jr = {
   features: s,
   isSelected: l,
   onSelect: i,
-  topBadge: p,
-  discountBadge: d,
+  topBadge: m,
+  discountBadge: c,
   premiumCallout: f,
   bottomNote: k,
   introPriceNote: v,
   isBestValue: C = !1,
   className: x,
-  children: M,
+  children: A,
   disabled: z = !1,
-  ariaLabel: P
+  ariaLabel: N
 }) => {
-  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", _ = () => {
+  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", F = () => {
     z || i();
-  }, F = (w) => {
+  }, V = (w) => {
     !z && (w.key === "Enter" || w.key === " ") && (w.preventDefault(), i());
   };
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ I(
     "div",
     {
-      className: V(
+      className: L(
         "relative border-2 rounded-xl p-6 transition-all flex flex-col",
         z ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
         G,
         x
       ),
-      onClick: _,
-      onKeyDown: F,
+      onClick: F,
+      onKeyDown: V,
       role: "radio",
       "aria-checked": l,
-      "aria-label": P || `${o} - ${r}${t || ""}`,
+      "aria-label": N || `${o} - ${r}${t || ""}`,
       "aria-disabled": z,
       tabIndex: z ? -1 : 0,
       children: [
-        p && /* @__PURE__ */ h("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ h(
+        m && /* @__PURE__ */ b("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ b(
           "span",
           {
-            className: V(
-              jr[p.color],
+            className: L(
+              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__ */ I("div", { className: "flex flex-col flex-grow", children: [
+          /* @__PURE__ */ I("div", { className: "text-center mb-6", children: [
+            /* @__PURE__ */ b("h3", { className: L(be.heading.h4(), "mb-2"), children: o }),
+            /* @__PURE__ */ I("div", { className: "mb-3", children: [
+              /* @__PURE__ */ b(
                 "span",
                 {
-                  className: V(
+                  className: L(
                     "text-4xl font-bold",
                     C ? "text-purple-600 dark:text-purple-400" : "text-blue-600 dark:text-blue-400"
                   ),
                   children: r
                 }
               ),
-              t && /* @__PURE__ */ h("span", { className: "text-gray-500 dark:text-gray-400 text-lg", children: t })
+              t && /* @__PURE__ */ b("span", { className: "text-gray-500 dark:text-gray-400 text-lg", children: t })
             ] }),
-            d && /* @__PURE__ */ h(
+            c && /* @__PURE__ */ b(
               "div",
               {
-                className: V(
+                className: L(
                   "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"
+                  c.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"
                 ),
-                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(
+          A,
+          s.length > 0 && /* @__PURE__ */ b("div", { className: "space-y-3 mb-6 flex-grow", children: s.map((w, T) => /* @__PURE__ */ I("div", { className: "flex items-start", children: [
+            /* @__PURE__ */ b(
               "span",
               {
-                className: V(
+                className: L(
                   "text-lg mr-3 flex-shrink-0",
                   C ? "text-purple-500" : "text-green-500"
                 ),
                 children: "✓"
               }
             ),
-            /* @__PURE__ */ h("span", { className: "text-sm text-gray-700 dark:text-gray-300 text-left", children: w.replace(/^✓\s*/, "") })
+            /* @__PURE__ */ b("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: [
+          f && /* @__PURE__ */ I("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__ */ b("div", { className: "flex items-center mb-2", children: /* @__PURE__ */ b("span", { className: "text-purple-600 dark:text-purple-400 font-semibold text-sm", children: f.title }) }),
+            /* @__PURE__ */ b("ul", { className: "text-xs text-gray-600 dark:text-gray-400 space-y-1", children: f.features.map((w, T) => /* @__PURE__ */ I("li", { children: [
               "• ",
               w
             ] }, T)) })
           ] }),
-          k && /* @__PURE__ */ h(
+          k && /* @__PURE__ */ b(
             "div",
             {
-              className: V(
+              className: L(
                 "text-center text-sm font-medium mb-4",
                 C ? "text-purple-600 dark:text-purple-400" : "text-blue-600 dark:text-blue-400"
               ),
@@ -2890,16 +2890,16 @@ const jr = {
             }
           )
         ] }),
-        /* @__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__ */ I("div", { className: "mt-auto space-y-4", children: [
+          v && /* @__PURE__ */ b("div", { className: "p-3 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: /* @__PURE__ */ b("p", { className: "text-sm text-yellow-700 dark:text-yellow-300 font-semibold text-center", children: v }) }),
+          /* @__PURE__ */ b("div", { className: "flex justify-center", children: /* @__PURE__ */ b(
             "div",
             {
-              className: V(
+              className: L(
                 "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"
               ),
-              children: l && /* @__PURE__ */ h("div", { className: "w-2 h-2 rounded-full bg-white" })
+              children: l && /* @__PURE__ */ b("div", { className: "w-2 h-2 rounded-full bg-white" })
             }
           ) })
         ] })
@@ -2914,45 +2914,47 @@ const jr = {
   primaryAction: s,
   secondaryAction: l,
   minTileWidth: i = 240,
-  className: p,
-  headerContent: d,
-  footerContent: f,
-  currentStatusLabel: k = "Current Status"
+  className: m,
+  headerContent: c,
+  aboveProducts: f,
+  footerContent: k,
+  currentStatusLabel: v = "Current Status"
 }) => {
-  const v = {
+  const C = {
     display: "grid",
     gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${i}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__ */ b(We, { className: m, children: /* @__PURE__ */ I(Ue, { className: "pt-6", children: [
+    c,
+    t && /* @__PURE__ */ I($e, { children: [
+      /* @__PURE__ */ b("h2", { className: L(be.heading.h3(), "mb-4"), children: v }),
+      t.isActive ? /* @__PURE__ */ I("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__ */ I("div", { className: "flex items-center mb-2", children: [
+          /* @__PURE__ */ b("div", { className: "w-3 h-3 bg-green-500 rounded-full mr-3" }),
+          /* @__PURE__ */ b("span", { className: "font-semibold text-green-800 dark:text-green-300", children: t.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)
+        t.activeContent?.fields && t.activeContent.fields.length > 0 && /* @__PURE__ */ b("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4", children: t.activeContent.fields.map(
+          (x, A) => /* @__PURE__ */ I("div", { children: [
+            /* @__PURE__ */ b("p", { className: "text-sm text-green-600 dark:text-green-400", children: x.label }),
+            /* @__PURE__ */ b("p", { className: "font-semibold text-green-800 dark:text-green-300", children: x.value })
+          ] }, A)
         ) })
-      ] }) : /* @__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__ */ I("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__ */ I("div", { className: "flex items-center mb-2", children: [
+          /* @__PURE__ */ b("div", { className: "w-3 h-3 bg-yellow-500 rounded-full mr-3" }),
+          /* @__PURE__ */ b("span", { className: "font-semibold text-yellow-800 dark:text-yellow-300", children: t.inactiveContent?.title || "No Active Subscription" })
         ] }),
-        t.inactiveContent?.message && /* @__PURE__ */ h("p", { className: "text-yellow-700 dark:text-yellow-400", children: t.inactiveContent.message })
+        t.inactiveContent?.message && /* @__PURE__ */ b("p", { className: "text-yellow-700 dark:text-yellow-400", children: t.inactiveContent.message })
       ] })
     ] }),
-    /* @__PURE__ */ h("h2", { className: V(be.heading.h3(), "mb-4"), children: e }),
-    /* @__PURE__ */ h("div", { style: v, children: o }),
+    /* @__PURE__ */ b("h2", { className: L(be.heading.h3(), "mb-4"), children: e }),
     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__ */ b("div", { style: C, children: o }),
+    k,
+    r && /* @__PURE__ */ b("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__ */ b("p", { className: "text-red-600 dark:text-red-400", children: r }) }),
+    /* @__PURE__ */ I("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
+      l && /* @__PURE__ */ b(
         ve,
         {
           onClick: l.onClick,
@@ -2962,7 +2964,7 @@ const jr = {
           children: l.label
         }
       ),
-      /* @__PURE__ */ h(
+      /* @__PURE__ */ b(
         ve,
         {
           onClick: s.onClick,
@@ -2974,9 +2976,55 @@ const jr = {
     ] })
   ] }) });
 };
+function Kr({
+  options: e,
+  value: o,
+  onChange: r,
+  className: t,
+  disabled: s = !1,
+  size: l = "md"
+}) {
+  const i = {
+    sm: "px-3 py-1.5 text-xs",
+    md: "px-4 py-2 text-sm",
+    lg: "px-6 py-3 text-base"
+  };
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: L(
+        "inline-flex rounded-lg bg-gray-100 dark:bg-gray-800 p-1",
+        s && "opacity-50",
+        t
+      ),
+      role: "radiogroup",
+      children: e.map((m) => {
+        const c = o === m.value;
+        return /* @__PURE__ */ b(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": c,
+            disabled: s,
+            onClick: () => !s && r(m.value),
+            className: L(
+              i[l],
+              "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",
+              s && "cursor-not-allowed"
+            ),
+            children: m.label
+          },
+          m.value
+        );
+      })
+    }
+  );
+}
 let fe = null;
 const Lr = async () => (fe || (fe = await import("@revenuecat/purchases-js")), fe);
-let A = null;
+let R = null;
 const _r = (e) => {
   const o = e.rcBillingProduct, r = o?.defaultSubscriptionOption;
   return {
@@ -3007,7 +3055,7 @@ const _r = (e) => {
   } : { isActive: !1 };
 }, Ve = Be(
   void 0
-), Kr = ({
+), qr = ({
   apiKey: e,
   entitlementId: o,
   userEmail: r,
@@ -3015,65 +3063,65 @@ const _r = (e) => {
   onPurchaseSuccess: s,
   children: l
 }) => {
-  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;
+  const [i, m] = B([]), [c, f] = B(null), [k, v] = B(!1), [C, x] = B(null), [A, z] = B(!1), [N, G] = B(null), [F, V] = B(null), w = !e || e === "your_revenuecat_api_key_here", T = W(() => {
+    m([]), f(null), V(null), x(null), z(!1), G(null), R = null;
   }, []), O = W(async () => {
-    if (A)
+    if (R)
       try {
-        const u = await A.getOfferings();
-        if (u.current) {
-          F(u.current);
-          const b = u.current.availablePackages.map(
+        const p = await R.getOfferings();
+        if (p.current) {
+          V(p.current);
+          const h = p.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 (p) {
+        const h = p instanceof Error ? p.message : "Failed to load offerings";
+        x(h), t?.(p instanceof Error ? p : new Error(h));
       }
   }, [t]), j = W(async () => {
-    if (A)
+    if (R)
       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 p = await R.getCustomerInfo(), h = ge(p, o);
+        f(h.isActive ? h : null);
+      } catch (p) {
+        const h = p instanceof Error ? p.message : "Failed to load subscription status";
+        x(h), t?.(p instanceof Error ? p : new Error(h));
       }
-  }, [o, t]), m = W(
-    async (u, b) => {
-      if (P && P !== u && T(), !(M && P === u))
+  }, [o, t]), u = W(
+    async (p, h) => {
+      if (N && N !== p && T(), !(A && N === p))
         try {
           if (v(!0), x(null), w)
             console.warn(
               "[SubscriptionProvider] RevenueCat API key not configured"
-            ), p([]), f(null);
+            ), m([]), f(null);
           else {
             const y = await Lr(), D = {
               apiKey: e,
-              appUserId: u
+              appUserId: p
             };
-            A = y.Purchases.configure(D);
-            const c = b || r;
-            if (c && A)
+            R = y.Purchases.configure(D);
+            const d = h || r;
+            if (d && R)
               try {
-                await A.setAttributes({ email: c });
+                await R.setAttributes({ email: d });
               } catch {
               }
             await Promise.all([O(), j()]);
           }
-          G(u), z(!0);
+          G(p), 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));
+          x(D), f(null), m([]), t?.(y instanceof Error ? y : new Error(D));
         } finally {
           v(!1);
         }
     },
     [
-      P,
-      M,
+      N,
+      A,
       w,
       e,
       r,
@@ -3082,8 +3130,8 @@ const _r = (e) => {
       t,
       T
     ]
-  ), L = W(
-    async (u) => {
+  ), _ = W(
+    async (p) => {
       try {
         if (v(!0), x(null), w) {
           await new Promise((te) => setTimeout(te, 2e3));
@@ -3091,33 +3139,33 @@ const _r = (e) => {
             isActive: !0,
             expirationDate: new Date(Date.now() + 365 * 24 * 60 * 60 * 1e3),
             purchaseDate: /* @__PURE__ */ new Date(),
-            productIdentifier: u,
+            productIdentifier: p,
             willRenew: !0
           };
-          return f(q), s?.(u), !0;
+          return f(q), s?.(p), !0;
         }
-        if (!A || !_)
+        if (!R || !F)
           throw new Error("Subscription service not initialized");
-        const y = _.availablePackages.find(
-          (q) => q.identifier === u
+        const y = F.availablePackages.find(
+          (q) => q.identifier === p
         );
         if (!y)
-          throw new Error(`Package not found: ${u}`);
-        const D = await A.purchase({
+          throw new Error(`Package not found: ${p}`);
+        const D = await R.purchase({
           rcPackage: y,
           ...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(D.customerInfo, o);
+        return f(d.isActive ? d : null), d.isActive && s?.(p), d.isActive;
+      } catch (h) {
+        const y = h instanceof Error ? h.message : "Purchase failed";
+        return x(y), t?.(h instanceof Error ? h : new Error(y)), !1;
       } finally {
         v(!1);
       }
     },
     [
       w,
-      _,
+      F,
       r,
       o,
       s,
@@ -3127,13 +3175,13 @@ const _r = (e) => {
     try {
       if (v(!0), x(null), w)
         return await new Promise((y) => setTimeout(y, 1e3)), x("No previous purchases found"), !1;
-      if (!A)
+      if (!R)
         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 p = await R.getCustomerInfo(), h = ge(p, o);
+      return f(h.isActive ? h : null), h.isActive || x("No previous purchases found"), h.isActive;
+    } catch (p) {
+      const h = p instanceof Error ? p.message : "Restore failed";
+      return x(h), t?.(p instanceof Error ? p : new Error(h)), !1;
     } finally {
       v(!1);
     }
@@ -3141,37 +3189,37 @@ const _r = (e) => {
     if (!w)
       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));
+      } catch (p) {
+        const h = p instanceof Error ? p.message : "Refresh failed";
+        x(h), t?.(p instanceof Error ? p : new Error(h));
       }
   }, [w, j, O, t]), K = W(() => {
     x(null);
   }, []);
   Ye(() => {
-    if (!M || w || !A) return;
-    const u = setInterval(
+    if (!A || w || !R) return;
+    const p = setInterval(
       () => {
         j().catch(() => {
         });
       },
       300 * 1e3
     );
-    return () => clearInterval(u);
-  }, [M, w, j]);
+    return () => clearInterval(p);
+  }, [A, w, j]);
   const re = {
     products: i,
-    currentSubscription: d,
+    currentSubscription: c,
     isLoading: k,
     error: C,
-    initialize: m,
-    purchase: L,
+    initialize: u,
+    purchase: _,
     restore: Z,
     refresh: ee,
     clearError: K
   };
-  return /* @__PURE__ */ h(Ve.Provider, { value: re, children: l });
-}, qr = () => {
+  return /* @__PURE__ */ b(Ve.Provider, { value: re, children: l });
+}, Xr = () => {
   const e = Ke(Ve);
   if (!e)
     throw new Error(
@@ -3194,18 +3242,19 @@ const _r = (e) => {
     o.forEach((r) => sessionStorage.removeItem(r));
   } catch {
   }
-}, Xr = () => {
+}, Jr = () => {
   try {
-    A && (A.close(), A = null), Fr();
+    R && (R.close(), R = 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,
+  L as cn,
+  Xr as useSubscriptionContext
 };