@sudobility/subscription-components 1.0.14 → 1.0.19

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { jsxs as G, jsx as p, Fragment as Be } from "react/jsx-runtime";
+import { jsxs as D, jsx as p, Fragment as We } from "react/jsx-runtime";
 import { textVariants as he } from "@sudobility/design";
-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";
+import { Card as Be, CardContent as Ue, Button as ve } from "@sudobility/components";
+import { createContext as Ke, useState as Y, useCallback as q, useEffect as Ye, useContext as qe } from "react";
 function Ie(e) {
   var o, r, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
@@ -184,8 +184,8 @@ const Je = (e, o) => {
        */
       S.startsWith(xe) && (y = S.slice(1), k = !0)
     );
-    const j = x && x > d ? x - d : void 0;
-    return ze(s, k, y, j);
+    const G = x && x > d ? x - d : void 0;
+    return ze(s, k, y, G);
   };
   if (o) {
     const n = o + Pe, s = t;
@@ -230,33 +230,33 @@ const Je = (e, o) => {
       isExternal: S,
       modifiers: y,
       hasImportantModifier: k,
-      baseClassName: j,
+      baseClassName: G,
       maybePostfixModifierPosition: z
     } = r(w);
     if (S) {
       d = w + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let v = !!z, M = t(v ? j.substring(0, z) : j);
-    if (!M) {
+    let v = !!z, E = t(v ? G.substring(0, z) : G);
+    if (!E) {
       if (!v) {
         d = w + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (M = t(j), !M) {
+      if (E = t(G), !E) {
         d = w + (d.length > 0 ? " " + d : d);
         continue;
       }
       v = !1;
     }
-    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)
+    const F = y.length === 0 ? "" : y.length === 1 ? y[0] : s(y).join(":"), M = k ? F + xe : F, j = M + E;
+    if (a.indexOf(j) > -1)
       continue;
-    a.push(L);
-    const N = n(M, v);
+    a.push(j);
+    const N = n(E, v);
     for (let C = 0; C < N.length; ++C) {
-      const D = N[C];
-      a.push(R + D);
+      const L = N[C];
+      a.push(M + L);
     }
     d = w + (d.length > 0 ? " " + d : d);
   }
@@ -289,19 +289,19 @@ const Je = (e, o) => {
 }, 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)\(.+\)$/, 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) => (
+}, Oe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xt = /^\d+\/\d+$/, wt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, kt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ct = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => xt.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), X = (e) => !!e && Number.isInteger(Number(e)), fe = (e) => e.endsWith("%") && g(e.slice(0, -1)), U = (e) => wt.test(e), Pt = () => !0, zt = (e) => (
   // `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) => 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) => {
+), Ge = () => !1, Nt = (e) => vt.test(e), At = (e) => Ct.test(e), St = (e) => !i(e) && !l(e), It = (e) => te(e, _e, Ge), i = (e) => Oe.test(e), H = (e) => te(e, Fe, zt), pe = (e) => te(e, Ot, g), Ne = (e) => te(e, je, Ge), Rt = (e) => te(e, Le, At), ce = (e) => te(e, Ve, Nt), l = (e) => Te.test(e), ne = (e) => re(e, Fe), Mt = (e) => re(e, Tt), Ae = (e) => re(e, je), Dt = (e) => re(e, _e), Et = (e) => re(e, Le), de = (e) => re(e, Ve, !0), te = (e, o, r) => {
   const t = Oe.exec(e);
   return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
-}, oe = (e, o, r = !1) => {
+}, re = (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"), 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 = () => [
+  const e = A("color"), o = A("font"), r = A("text"), t = A("font-weight"), n = A("tracking"), s = A("leading"), a = A("breakpoint"), u = A("container"), d = A("spacing"), x = A("radius"), w = A("shadow"), S = A("inset-shadow"), y = A("text-shadow"), k = A("drop-shadow"), G = A("blur"), z = A("perspective"), v = A("aspect"), E = A("ease"), F = A("animate"), M = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
     "center",
     "top",
     "bottom",
@@ -319,15 +319,15 @@ 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"], 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, {
+  ], N = () => [...j(), l, i], C = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], m = () => [l, i, d], V = () => [ee, "full", "auto", ...m()], Q = () => [X, "none", "subgrid", l, i], Z = () => ["auto", {
+    span: ["full", X, l, i]
+  }, X, l, i], I = () => [X, "auto", l, i], K = () => ["auto", "min", "max", "fr", l, i], oe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], f = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], h = () => ["auto", ...m()], b = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], c = () => [e, l, i], O = () => [...j(), Ae, Ne, {
     position: [l, i]
-  }], U = () => ["no-repeat", {
+  }], B = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], B = () => ["auto", "cover", "contain", Dt, It, {
+  }], W = () => ["auto", "cover", "contain", Dt, It, {
     size: [l, i]
-  }], H = () => [fe, ne, Q], _ = () => [
+  }], J = () => [fe, ne, H], _ = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -335,35 +335,35 @@ const Je = (e, o) => {
     x,
     l,
     i
-  ], $ = () => ["", 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 = () => [
+  ], $ = () => ["", g, ne, H], se = () => ["solid", "dashed", "dotted", "double"], ye = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], R = () => [g, fe, Ae, Ne], ke = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    j,
+    G,
     l,
     i
-  ], ae = () => ["none", g, l, i], ie = () => ["none", g, l, i], ue = () => [g, l, i], le = () => [te, "full", ...m()];
+  ], ae = () => ["none", g, l, i], ie = () => ["none", g, l, i], ue = () => [g, l, i], le = () => [ee, "full", ...m()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [K],
-      breakpoint: [K],
+      blur: [U],
+      breakpoint: [U],
       color: [Pt],
-      container: [K],
-      "drop-shadow": [K],
+      container: [U],
+      "drop-shadow": [U],
       ease: ["in", "out", "in-out"],
       font: [St],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [K],
+      "inset-shadow": [U],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [K],
-      shadow: [K],
+      radius: [U],
+      shadow: [U],
       spacing: ["px", g],
-      text: [K],
-      "text-shadow": [K],
+      text: [U],
+      "text-shadow": [U],
       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", te, i, l, v]
+        aspect: ["auto", "square", ee, i, l, v]
       }],
       /**
        * Container
@@ -395,14 +395,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": R()
+        "break-after": M()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": R()
+        "break-before": M()
       }],
       /**
        * Break Inside
@@ -494,21 +494,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: D()
+        overscroll: L()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": D()
+        "overscroll-x": L()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": D()
+        "overscroll-y": L()
       }],
       /**
        * Position
@@ -588,7 +588,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [J, "auto", l, i]
+        z: [X, "auto", l, i]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -598,7 +598,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [te, "full", "auto", u, ...m()]
+        basis: [ee, "full", "auto", u, ...m()]
       }],
       /**
        * Flex Direction
@@ -619,7 +619,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [g, te, "auto", "initial", "none", i]
+        flex: [g, ee, "auto", "initial", "none", i]
       }],
       /**
        * Flex Grow
@@ -640,63 +640,63 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [J, "first", "last", "none", l, i]
+        order: [X, "first", "last", "none", l, i]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": Z()
+        "grid-cols": Q()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ee()
+        col: Z()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": Y()
+        "col-start": I()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": Y()
+        "col-end": I()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": Z()
+        "grid-rows": Q()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ee()
+        row: Z()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": Y()
+        "row-start": I()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": Y()
+        "row-end": I()
       }],
       /**
        * Grid Auto Flow
@@ -710,14 +710,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": E()
+        "auto-cols": K()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": E()
+        "auto-rows": K()
       }],
       /**
        * Gap
@@ -745,7 +745,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...W(), "normal"]
+        justify: [...oe(), "normal"]
       }],
       /**
        * Justify Items
@@ -766,7 +766,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...W()]
+        content: ["normal", ...oe()]
       }],
       /**
        * Align Items
@@ -791,7 +791,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": W()
+        "place-content": oe()
       }],
       /**
        * Place Items
@@ -1035,7 +1035,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, ne, Q]
+        text: ["base", r, ne, H]
       }],
       /**
        * Font Smoothing
@@ -1183,7 +1183,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [g, "from-font", "auto", l, Q]
+        decoration: [g, "from-font", "auto", l, H]
       }],
       /**
        * Text Decoration Color
@@ -1301,14 +1301,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: U()
+        bg: B()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: B()
+        bg: W()
       }],
       /**
        * Background Image
@@ -1318,9 +1318,9 @@ const Je = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, J, l, i],
+          }, X, l, i],
           radial: ["", l, i],
-          conic: [J, l, i]
+          conic: [X, l, i]
         }, Et, Rt]
       }],
       /**
@@ -1335,21 +1335,21 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: H()
+        from: J()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: H()
+        via: J()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: H()
+        to: J()
       }],
       /**
        * Gradient Color Stops From
@@ -1670,7 +1670,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", g, ne, Q]
+        outline: ["", g, ne, H]
       }],
       /**
        * Outline Color
@@ -1745,7 +1745,7 @@ const Je = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [g, Q]
+        "ring-offset": [g, H]
       }],
       /**
        * Ring Offset Color
@@ -1827,10 +1827,10 @@ const Je = (e, o) => {
         "mask-linear": [g]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": I()
+        "mask-linear-from": R()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": I()
+        "mask-linear-to": R()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": c()
@@ -1839,10 +1839,10 @@ const Je = (e, o) => {
         "mask-linear-to": c()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": I()
+        "mask-t-from": R()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": I()
+        "mask-t-to": R()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": c()
@@ -1851,10 +1851,10 @@ const Je = (e, o) => {
         "mask-t-to": c()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": I()
+        "mask-r-from": R()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": I()
+        "mask-r-to": R()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": c()
@@ -1863,10 +1863,10 @@ const Je = (e, o) => {
         "mask-r-to": c()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": I()
+        "mask-b-from": R()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": I()
+        "mask-b-to": R()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": c()
@@ -1875,10 +1875,10 @@ const Je = (e, o) => {
         "mask-b-to": c()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": I()
+        "mask-l-from": R()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": I()
+        "mask-l-to": R()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": c()
@@ -1887,10 +1887,10 @@ const Je = (e, o) => {
         "mask-l-to": c()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": I()
+        "mask-x-from": R()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": I()
+        "mask-x-to": R()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": c()
@@ -1899,10 +1899,10 @@ const Je = (e, o) => {
         "mask-x-to": c()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": I()
+        "mask-y-from": R()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": I()
+        "mask-y-to": R()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": c()
@@ -1914,10 +1914,10 @@ const Je = (e, o) => {
         "mask-radial": [l, i]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": I()
+        "mask-radial-from": R()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": I()
+        "mask-radial-to": R()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": c()
@@ -1935,16 +1935,16 @@ const Je = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": L()
+        "mask-radial-at": j()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [g]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": I()
+        "mask-conic-from": R()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": I()
+        "mask-conic-to": R()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": c()
@@ -1978,14 +1978,14 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: U()
+        mask: B()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: B()
+        mask: W()
       }],
       /**
        * Mask Type
@@ -2244,7 +2244,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", M, l, i]
+        ease: ["linear", "initial", E, l, i]
       }],
       /**
        * Transition Delay
@@ -2695,7 +2695,7 @@ const Je = (e, o) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [g, ne, Q, pe]
+        stroke: [g, ne, H, pe]
       }],
       /**
        * Stroke
@@ -2795,36 +2795,36 @@ const Lt = {
   introPriceNote: S,
   isBestValue: y = !1,
   ctaButton: k,
-  className: j,
+  className: G,
   children: z,
   disabled: v = !1,
-  ariaLabel: M,
+  ariaLabel: E,
   onTrack: F,
-  trackingLabel: R,
-  componentName: L = "SubscriptionTile",
+  trackingLabel: M,
+  componentName: j = "SubscriptionTile",
   hideSelectionIndicator: N = !1
 }) => {
-  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(
+  const C = !!k, L = !N, m = s ? "bg-blue-600 text-white ring-4 ring-blue-600 ring-offset-4 ring-offset-white dark:ring-offset-gray-900 border-transparent" : "bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 hover:shadow-md", V = () => {
+    !v && !C && (F?.({ action: "select", trackingLabel: M, componentName: j }), a());
+  }, Q = (I) => {
+    !v && !C && (I.key === "Enter" || I.key === " ") && (I.preventDefault(), F?.({ action: "select", trackingLabel: M, componentName: j }), a());
+  }, Z = (I) => {
+    I.stopPropagation(), F?.({ action: "cta_click", trackingLabel: M, componentName: j }), k?.onClick && k.onClick();
+  };
+  return /* @__PURE__ */ D(
     "div",
     {
       className: P(
         "relative rounded-2xl p-6 transition-all flex flex-col h-full",
         v ? "opacity-50 cursor-not-allowed" : C ? "cursor-default" : "cursor-pointer",
         m,
-        j
+        G
       ),
       onClick: V,
-      onKeyDown: Z,
+      onKeyDown: Q,
       role: C ? "article" : "radio",
       "aria-checked": C ? void 0 : s,
-      "aria-label": M || `${o} - ${r}${t || ""}`,
+      "aria-label": E || `${o} - ${r}${t || ""}`,
       "aria-disabled": v,
       tabIndex: C || v ? -1 : 0,
       children: [
@@ -2838,8 +2838,8 @@ const Lt = {
             children: u.text
           }
         ) }),
-        /* @__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__ */ D("div", { className: "flex-1 flex flex-col", children: [
+          /* @__PURE__ */ D("div", { className: P("text-center mb-6", u && "mt-2"), children: [
             /* @__PURE__ */ p(
               "h3",
               {
@@ -2851,7 +2851,7 @@ const Lt = {
                 children: o
               }
             ),
-            /* @__PURE__ */ G("div", { className: "mb-3", children: [
+            /* @__PURE__ */ D("div", { className: "mb-3", children: [
               /* @__PURE__ */ p(
                 "span",
                 {
@@ -2885,7 +2885,7 @@ const Lt = {
             )
           ] }),
           z,
-          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: [
+          n.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-3 mb-6", children: n.map((I, K) => /* @__PURE__ */ D("div", { className: "flex items-start", children: [
             /* @__PURE__ */ p(
               "svg",
               {
@@ -2914,11 +2914,11 @@ const Lt = {
                   "text-sm text-left",
                   s ? "text-white" : "text-gray-700 dark:text-gray-300"
                 ),
-                children: E.replace(/^✓\s*/, "")
+                children: I.replace(/^✓\s*/, "")
               }
             )
-          ] }, W)) }),
-          x && /* @__PURE__ */ G(
+          ] }, K)) }),
+          x && /* @__PURE__ */ D(
             "div",
             {
               className: P(
@@ -2943,10 +2943,10 @@ const Lt = {
                       "text-xs space-y-1",
                       s ? "text-blue-100" : "text-gray-600 dark:text-gray-400"
                     ),
-                    children: x.features.map((E, W) => /* @__PURE__ */ G("li", { children: [
+                    children: x.features.map((I, K) => /* @__PURE__ */ D("li", { children: [
                       "• ",
-                      E
-                    ] }, W))
+                      I
+                    ] }, K))
                   }
                 )
               ]
@@ -2966,7 +2966,7 @@ const Lt = {
             "div",
             {
               className: P(
-                "p-3 rounded-lg mt-auto",
+                "p-3 rounded-lg",
                 s ? "bg-blue-500/30" : "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800"
               ),
               children: /* @__PURE__ */ p(
@@ -2982,40 +2982,42 @@ const Lt = {
             }
           )
         ] }),
-        D && C && /* @__PURE__ */ p("div", { className: "absolute bottom-4 left-0 right-0 px-6", children: k.href ? /* @__PURE__ */ p(
-          "a",
-          {
-            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: (E) => E.stopPropagation(),
-            children: k.label
-          }
-        ) : /* @__PURE__ */ p(
-          "button",
-          {
-            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",
-              v && "opacity-50 cursor-not-allowed"
-            ),
-            children: k.label
-          }
-        ) }),
-        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__ */ p("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
-          }
-        ) })
+        /* @__PURE__ */ D("div", { className: "h-14 flex-shrink-0 flex items-end justify-center", children: [
+          L && C && /* @__PURE__ */ p("div", { className: "w-full", children: k.href ? /* @__PURE__ */ p(
+            "a",
+            {
+              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: k.label
+            }
+          ) : /* @__PURE__ */ p(
+            "button",
+            {
+              onClick: Z,
+              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",
+                v && "opacity-50 cursor-not-allowed"
+              ),
+              children: k.label
+            }
+          ) }),
+          L && !C && /* @__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__ */ p("div", { className: "w-2 h-2 rounded-full bg-blue-600" })
+            }
+          )
+        ] })
       ]
     }
   );
@@ -3034,36 +3036,36 @@ const Lt = {
   footerContent: S,
   currentStatusLabel: y = "Current Status",
   freeTileConfig: k,
-  onTrack: j,
+  onTrack: G,
   trackingLabel: z,
   componentName: v = "SubscriptionLayout"
 }) => {
-  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 = {
+  const E = t === "selection" && s, F = () => {
+    G?.({ action: "primary_action", trackingLabel: z, componentName: v }), s?.onClick();
+  }, M = () => {
+    G?.({ action: "secondary_action", trackingLabel: z, componentName: v }), a?.onClick();
+  }, j = t === "cta" && k, N = {
     display: "grid",
     gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${u}px), 1fr))`,
     gap: "1.5rem"
   };
-  return /* @__PURE__ */ p(We, { className: d, children: /* @__PURE__ */ G(Ue, { className: "pt-6", children: [
+  return /* @__PURE__ */ p(Be, { className: d, children: /* @__PURE__ */ D(Ue, { className: "pt-6", children: [
     x,
-    n && /* @__PURE__ */ G(Be, { children: [
+    n && /* @__PURE__ */ D(We, { 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: [
+      n.isActive ? /* @__PURE__ */ D("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
+        /* @__PURE__ */ D("div", { className: "flex items-center mb-2", children: [
           /* @__PURE__ */ p("div", { className: "w-3 h-3 bg-green-500 rounded-full mr-3" }),
           /* @__PURE__ */ p("span", { className: "font-semibold text-green-800 dark:text-green-300", children: n.activeContent?.title || "Active Subscription" })
         ] }),
         n.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: [
+          (C, L) => /* @__PURE__ */ D("div", { children: [
             /* @__PURE__ */ p("p", { className: "text-sm text-green-600 dark:text-green-400", children: C.label }),
             /* @__PURE__ */ p("p", { className: "font-semibold text-green-800 dark:text-green-300", children: C.value })
-          ] }, D)
+          ] }, L)
         ) })
-      ] }) : /* @__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__ */ D("div", { className: "bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4 mb-6", children: [
+        /* @__PURE__ */ D("div", { className: "flex items-center mb-2", children: [
           /* @__PURE__ */ p("div", { className: "w-3 h-3 bg-yellow-500 rounded-full mr-3" }),
           /* @__PURE__ */ p("span", { className: "font-semibold text-yellow-800 dark:text-yellow-300", children: n.inactiveContent?.title || "No Active Subscription" })
         ] }),
@@ -3072,8 +3074,8 @@ const Lt = {
     ] }),
     /* @__PURE__ */ p("h2", { className: P(he.heading.h3(), "mb-4"), children: e }),
     w,
-    /* @__PURE__ */ G("div", { style: N, children: [
-      L && /* @__PURE__ */ p(
+    /* @__PURE__ */ D("div", { style: N, children: [
+      j && /* @__PURE__ */ p(
         _t,
         {
           id: "free",
@@ -3092,11 +3094,11 @@ const Lt = {
     ] }),
     S,
     r && /* @__PURE__ */ p("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mt-6", children: /* @__PURE__ */ p("p", { className: "text-red-600 dark:text-red-400", children: r }) }),
-    M && /* @__PURE__ */ G("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
+    E && /* @__PURE__ */ D("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", children: [
       a && /* @__PURE__ */ p(
         ve,
         {
-          onClick: R,
+          onClick: M,
           disabled: a.disabled || a.loading,
           variant: "outline",
           className: "sm:flex-shrink-0",
@@ -3207,24 +3209,24 @@ const Se = (e, o) => {
   onPurchaseSuccess: t,
   children: n
 }) => {
-  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 () => {
+  const [s, a] = Y([]), [u, d] = Y(null), [x, w] = Y(!1), [S, y] = Y(null), [k, G] = Y(!1), [z, v] = Y(null), [E, F] = Y(null), [M, j] = Y(null), N = !e || e === "your_revenuecat_api_key_here", C = q(() => {
+    a([]), d(null), F(null), j(null), y(null), G(!1), v(null), T = null;
+  }, []), L = q(async () => {
     if (T)
       try {
         const f = await T.getOfferings();
         f.current && F(f.current);
         const h = f.all;
         if (h) {
-          L(h);
+          j(h);
           const b = [];
           for (const c of Object.keys(h)) {
             const O = h[c];
             if (O?.availablePackages) {
-              const U = O.metadata, B = O.availablePackages.map(
-                (H) => Se(H, U)
+              const B = O.metadata, W = O.availablePackages.map(
+                (J) => Se(J, B)
               );
-              b.push(...B);
+              b.push(...W);
             }
           }
           a(b);
@@ -3238,7 +3240,7 @@ const Se = (e, o) => {
         const h = f instanceof Error ? f.message : "Failed to load offerings";
         y(h), r?.(f instanceof Error ? f : new Error(h));
       }
-  }, [r]), m = X(async () => {
+  }, [r]), m = q(async () => {
     if (T)
       try {
         const f = await T.getCustomerInfo(), h = be(f);
@@ -3247,7 +3249,7 @@ const Se = (e, o) => {
         const h = f instanceof Error ? f.message : "Failed to load subscription status";
         y(h), r?.(f instanceof Error ? f : new Error(h));
       }
-  }, [r]), V = X(
+  }, [r]), V = q(
     async (f, h) => {
       if (z && z !== f && C(), !(k && z === f))
         try {
@@ -3267,9 +3269,9 @@ const Se = (e, o) => {
                 await T.setAttributes({ email: O });
               } catch {
               }
-            await Promise.all([D(), m()]);
+            await Promise.all([L(), m()]);
           }
-          v(f), j(!0);
+          v(f), G(!0);
         } catch (b) {
           const c = b instanceof Error ? b.message : "Failed to initialize";
           y(c), d(null), a([]), r?.(b instanceof Error ? b : new Error(c));
@@ -3283,38 +3285,38 @@ const Se = (e, o) => {
       N,
       e,
       o,
-      D,
+      L,
       m,
       r,
       C
     ]
-  ), Z = X(
+  ), Q = q(
     async (f, h) => {
       try {
         if (w(!0), y(null), N) {
-          await new Promise((B) => setTimeout(B, 2e3));
-          const U = {
+          await new Promise((W) => setTimeout(W, 2e3));
+          const B = {
             isActive: !0,
             expirationDate: new Date(Date.now() + 365 * 24 * 60 * 60 * 1e3),
             purchaseDate: /* @__PURE__ */ new Date(),
             productIdentifier: f,
             willRenew: !0
           };
-          return d(U), t?.(f), !0;
+          return d(B), t?.(f), !0;
         }
-        if (!T || !M && !R)
+        if (!T || !E && !M)
           throw new Error("Subscription service not initialized");
         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
+        if (M)
+          for (const B of Object.keys(M)) {
+            const W = M[B];
+            if (W?.availablePackages && (b = W.availablePackages.find(
+              (J) => J.identifier === f
             ), b))
               break;
           }
-        else M && (b = M.availablePackages.find(
-          (B) => B.identifier === f
+        else E && (b = E.availablePackages.find(
+          (W) => W.identifier === f
         ));
         if (!b)
           throw new Error(`Package not found: ${f}`);
@@ -3332,13 +3334,13 @@ const Se = (e, o) => {
     },
     [
       N,
+      E,
       M,
-      R,
       o,
       t,
       r
     ]
-  ), ee = X(
+  ), Z = q(
     async (f) => {
       try {
         if (w(!0), y(null), N)
@@ -3355,15 +3357,15 @@ const Se = (e, o) => {
       }
     },
     [N, r]
-  ), Y = X(async () => {
+  ), I = q(async () => {
     if (!N)
       try {
-        y(null), await Promise.all([m(), D()]);
+        y(null), await Promise.all([m(), L()]);
       } catch (f) {
         const h = f instanceof Error ? f.message : "Refresh failed";
         y(h), r?.(f instanceof Error ? f : new Error(h));
       }
-  }, [N, m, D, r]), E = X(() => {
+  }, [N, m, L, r]), K = q(() => {
     y(null);
   }, []);
   Ye(() => {
@@ -3377,18 +3379,18 @@ const Se = (e, o) => {
     );
     return () => clearInterval(f);
   }, [k, N, m]);
-  const W = {
+  const oe = {
     products: s,
     currentSubscription: u,
     isLoading: x,
     error: S,
     initialize: V,
-    purchase: Z,
-    restore: ee,
-    refresh: Y,
-    clearError: E
+    purchase: Q,
+    restore: Z,
+    refresh: I,
+    clearError: K
   };
-  return /* @__PURE__ */ p($e.Provider, { value: W, children: n });
+  return /* @__PURE__ */ p($e.Provider, { value: oe, children: n });
 }, Xt = () => {
   const e = qe($e);
   if (!e)