@superlogic/spree-pay 0.5.5 → 0.5.6

package/build/{CryptoComTab-3MCYJORT.js → CryptoComTab-R5HTG4SN.js}

@@ -1,6 +1,6 @@
 import {
   Iframe3ds
-} from "./chunk-OTFCW74L.js";
+} from "./chunk-Z46HQDLM.js";
 import {
   InfoBanner,
   Legal,
@@ -15,7 +15,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-WYLYH7AK.js";
+} from "./chunk-AY2P6ERB.js";
 
 // src/components/CryptoComTab/CryptoComTab.tsx
 import { useCallback, useEffect } from "react";

package/build/{CryptoTab-ROWYOLOL.js → CryptoTab-Z5PAQFCK.js}

@@ -2,7 +2,7 @@ import {
   CheckoutButton,
   PointsSwitch,
   cn as cn2
-} from "./chunk-UVD3GGPC.js";
+} from "./chunk-I43QASEW.js";
 import {
   Dialog,
   DialogContent,
@@ -20,7 +20,7 @@ import {
   useSpreePayConfig,
   useSpreePayRegister,
   useSpreePaymentMethod
-} from "./chunk-WYLYH7AK.js";
+} from "./chunk-AY2P6ERB.js";
 
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 import { useMemo as useMemo2 } from "react";
@@ -635,7 +635,7 @@ var CryptoSelectModal = esm_default.create(() => {
     ] }),
     /* @__PURE__ */ jsx8(Separator2, { className: "hidden md:block" }),
     /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-4 px-5 py-5 md:px-7", children: [
-      /* @__PURE__ */ jsx8("h3", { className: "text-md font-medium text-(--brand-primary)", children: "Tokens with wallet balance" }),
+      /* @__PURE__ */ jsx8("h3", { className: "text-base font-medium text-(--brand-primary)", children: "Tokens with wallet balance" }),
       (error || nativeError) && /* @__PURE__ */ jsx8("p", { className: "text-center text-sm text-(--negative)", children: "Something wrong" }),
       /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col gap-1", children: [
         isLoadingNative && /* @__PURE__ */ jsx8("div", { className: "h-11 animate-pulse rounded-md bg-(--s-primary)" }),
@@ -678,7 +678,7 @@ var CryptoSelectModal = esm_default.create(() => {
           );
         })
       ] }),
-      /* @__PURE__ */ jsx8("h3", { className: "text-md font-medium text-(--brand-primary)", children: "All Tokens" }),
+      /* @__PURE__ */ jsx8("h3", { className: "text-base font-medium text-(--brand-primary)", children: "All Tokens" }),
       /* @__PURE__ */ jsxs4("div", { className: "flex max-h-[40vh] w-full flex-col gap-1 overflow-y-auto", children: [
         tokensIsLoading && /* @__PURE__ */ jsxs4(Fragment2, { children: [
           /* @__PURE__ */ jsx8("div", { className: "h-11 animate-pulse rounded-md bg-(--s-primary)" }),

package/build/{chunk-WYLYH7AK.js → chunk-AY2P6ERB.js}

@@ -86,7 +86,7 @@ var settlePaymentResult = (res, fallbackMessage, failureCode = "PAYMENT_ERROR" /
 };
 
 // package.json
-var version = "0.5.5";
+var version = "0.5.6";
 
 // src/utils/logger.ts
 var LogLevel = /* @__PURE__ */ ((LogLevel2) => {

package/build/{chunk-UVD3GGPC.js → chunk-I43QASEW.js}

@@ -7,7 +7,7 @@ import {
   useSpreePayEnv,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-WYLYH7AK.js";
+} from "./chunk-AY2P6ERB.js";
 
 // src/components/common/PointsSwitch.tsx
 import { useId } from "react";
@@ -107,7 +107,7 @@ var PointsSwitch = (props) => {
           Label,
           {
             htmlFor: id,
-            className: "text-md flex-col items-baseline gap-0 leading-[1.3] font-medium text-(--brand-primary) sm:flex-row sm:gap-2 md:text-[22px]",
+            className: "flex-col items-baseline gap-0 text-base leading-[1.3] font-medium text-(--brand-primary) sm:flex-row sm:gap-2 md:text-[22px]",
             children: [
               "Use Points ",
               /* @__PURE__ */ jsx3("span", { className: "text-xs font-medium text-(--tertiary)", children: "Optional" })
@@ -256,8 +256,8 @@ var CheckoutButton = () => {
     }
     return "Checkout";
   };
-  const checkoutClass = "text-(--inverse) h-14 leading-14 w-full cursor-pointer rounded-4xl bg-(--s-brand) hover:bg-(--s-brand-hover) px-4 text-center text-xl leading-6 font-medium disabled:cursor-not-allowed disabled:bg-(--s-disabled) disabled:text-(--disabled)";
-  return /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-4 p-6 text-xs leading-5 font-medium text-(--secondary) md:px-7", children: [
+  const checkoutClass = "text-(--inverse) py-4 w-full cursor-pointer rounded-4xl bg-(--s-brand) hover:bg-(--s-brand-hover) px-3 text-center text-base md:text-xl leading-6 font-medium disabled:cursor-not-allowed disabled:bg-(--s-disabled) disabled:text-(--disabled)";
+  return /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-4 p-5 leading-5 font-medium text-(--secondary) md:px-7", children: [
     /* @__PURE__ */ jsx5(Legal, {}),
     isLoggedIn ? /* @__PURE__ */ jsx5(Fragment, { children: onProcess && /* @__PURE__ */ jsx5("button", { disabled: isDisabled, onClick: onProcess, className: checkoutClass, children: getCheckoutContent() }) }) : /* @__PURE__ */ jsx5(
       "a",
@@ -268,7 +268,7 @@ var CheckoutButton = () => {
       }
     ),
     /* @__PURE__ */ jsxs3("a", { href: "https://www.spree.finance/", className: "flex items-center justify-center gap-2 hover:underline", children: [
-      /* @__PURE__ */ jsx5("p", { children: "Powered by" }),
+      /* @__PURE__ */ jsx5("p", { className: "text-xs", children: "Powered by" }),
       /* @__PURE__ */ jsx5("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", className: "h-[30px]", viewBox: "0 0 66 30", children: /* @__PURE__ */ jsx5(
         "path",
         {

package/build/{chunk-OTFCW74L.js → chunk-Z46HQDLM.js}

@@ -5,7 +5,7 @@ import {
   DialogTitle,
   esm_default,
   useModal
-} from "./chunk-WYLYH7AK.js";
+} from "./chunk-AY2P6ERB.js";
 
 // src/modals/Iframe3ds.tsx
 import { useEffect } from "react";

package/build/index.cjs

@@ -575,7 +575,7 @@ var init_errors = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.5.5";
+    version = "0.5.6";
   }
 });
 
@@ -1706,7 +1706,7 @@ var init_PointsSwitch = __esm({
               Label,
               {
                 htmlFor: id,
-                className: "text-md flex-col items-baseline gap-0 leading-[1.3] font-medium text-(--brand-primary) sm:flex-row sm:gap-2 md:text-[22px]",
+                className: "flex-col items-baseline gap-0 text-base leading-[1.3] font-medium text-(--brand-primary) sm:flex-row sm:gap-2 md:text-[22px]",
                 children: [
                   "Use Points ",
                   /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs font-medium text-(--tertiary)", children: "Optional" })
@@ -1840,8 +1840,8 @@ var init_CheckoutButton = __esm({
         }
         return "Checkout";
       };
-      const checkoutClass = "text-(--inverse) h-14 leading-14 w-full cursor-pointer rounded-4xl bg-(--s-brand) hover:bg-(--s-brand-hover) px-4 text-center text-xl leading-6 font-medium disabled:cursor-not-allowed disabled:bg-(--s-disabled) disabled:text-(--disabled)";
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full flex-col gap-4 p-6 text-xs leading-5 font-medium text-(--secondary) md:px-7", children: [
+      const checkoutClass = "text-(--inverse) py-4 w-full cursor-pointer rounded-4xl bg-(--s-brand) hover:bg-(--s-brand-hover) px-3 text-center text-base md:text-xl leading-6 font-medium disabled:cursor-not-allowed disabled:bg-(--s-disabled) disabled:text-(--disabled)";
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full flex-col gap-4 p-5 leading-5 font-medium text-(--secondary) md:px-7", children: [
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Legal, {}),
         isLoggedIn ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: onProcess && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { disabled: isDisabled, onClick: onProcess, className: checkoutClass, children: getCheckoutContent() }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "a",
@@ -1852,7 +1852,7 @@ var init_CheckoutButton = __esm({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("a", { href: "https://www.spree.finance/", className: "flex items-center justify-center gap-2 hover:underline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: "Powered by" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs", children: "Powered by" }),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", className: "h-[30px]", viewBox: "0 0 66 30", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "path",
             {
@@ -2649,7 +2649,7 @@ var init_CryptoSelectModal = __esm({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Separator2, { className: "hidden md:block" }),
         /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-4 px-5 py-5 md:px-7", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "text-md font-medium text-(--brand-primary)", children: "Tokens with wallet balance" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "text-base font-medium text-(--brand-primary)", children: "Tokens with wallet balance" }),
           (error || nativeError) && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-center text-sm text-(--negative)", children: "Something wrong" }),
           /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
             isLoadingNative && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-11 animate-pulse rounded-md bg-(--s-primary)" }),
@@ -2692,7 +2692,7 @@ var init_CryptoSelectModal = __esm({
               );
             })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "text-md font-medium text-(--brand-primary)", children: "All Tokens" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h3", { className: "text-base font-medium text-(--brand-primary)", children: "All Tokens" }),
           /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex max-h-[40vh] w-full flex-col gap-1 overflow-y-auto", children: [
             tokensIsLoading && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-11 animate-pulse rounded-md bg-(--s-primary)" }),
@@ -4088,7 +4088,7 @@ var CreditCard = ({ newCards, setNewCards }) => {
         {
           onClick: handleAddNewCard,
           disabled: !canUseForm,
-          className: "text-md text-(--brand-primary) hover:underline disabled:cursor-not-allowed disabled:no-underline disabled:opacity-50",
+          className: "text-base text-(--brand-primary) hover:underline disabled:cursor-not-allowed disabled:no-underline disabled:opacity-50",
           children: "Add new card"
         }
       )
@@ -5178,7 +5178,7 @@ var PointsSelector = (props) => {
                 readOnly: true,
                 name: "points amount",
                 value: pointsValue,
-                className: "sm:text-md min-w-[50px] bg-(--s-default) px-1 text-center text-xs font-medium sm:min-w-[100px] sm:px-2",
+                className: "min-w-[50px] bg-(--s-default) px-1 text-center text-xs font-medium sm:min-w-[100px] sm:px-2 sm:text-base",
                 style: { width: `${pointsValue.length}ch` },
                 onClick: (e) => e.stopPropagation()
               }
@@ -5206,7 +5206,7 @@ var PointsSelector = (props) => {
                 readOnly: true,
                 name: "card amount",
                 value: cashDisplayValue,
-                className: "sm:text-md min-w-[50px] bg-(--s-default) px-1 text-center text-xs font-medium sm:min-w-[100px] sm:px-2",
+                className: "min-w-[50px] bg-(--s-default) px-1 text-center text-xs font-medium sm:min-w-[100px] sm:px-2 sm:text-base",
                 style: { width: `${cashDisplayValue.length}ch` },
                 onClick: (e) => e.stopPropagation()
               }
@@ -5448,7 +5448,7 @@ var TabButtons = (props) => {
           d: "M28 8.82v14.36q0 .92-.62 1.54-.6.6-1.53.61H6.15q-.91 0-1.53-.61A2 2 0 0 1 4 23.18V8.82q0-.92.62-1.54.6-.6 1.53-.61h19.7q.91 0 1.53.61.62.62.62 1.54M5.33 11.74h21.34V8.82q0-.31-.26-.56a.8.8 0 0 0-.56-.26H6.15q-.3 0-.56.26a.8.8 0 0 0-.26.56zm0 3.18v8.26q0 .31.26.56t.56.26h19.7q.3 0 .56-.26a.8.8 0 0 0 .26-.56v-8.26z"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "md:text-md text-sm font-medium", children: "Card" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-medium md:text-base", children: "Card" })
     ] }),
     spreePayConfig?.crypto.enabled && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TabButton, { onClick: handleChange("CRYPTO" /* CRYPTO */), isActive: value === "CRYPTO" /* CRYPTO */, children: [
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", className: "size-8", viewBox: "0 0 32 32", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
@@ -5458,7 +5458,7 @@ var TabButtons = (props) => {
           d: "M21 9.86a8 8 0 0 1 3 5.43l-2.85-.71a5.4 5.4 0 0 0-3.86-3.67 5.3 5.3 0 0 0-6.46 3.8 5.3 5.3 0 0 0 3.91 6.4 5.4 5.4 0 0 0 5.14-1.43l2.85.7a8 8 0 0 1-5.2 3.39L16.72 27l-2.6-.65.64-2.57a8 8 0 0 1-1.3-.32l-.64 2.57-2.6-.65.82-3.24a7.9 7.9 0 0 1-2.8-8.08 7.9 7.9 0 0 1 6.27-5.82L15.32 5l2.6.64-.65 2.58q.67.1 1.3.32l.65-2.57 2.6.64z"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "md:text-md text-sm font-medium", children: "Crypto" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-medium md:text-base", children: "Crypto" })
     ] }),
     spreePayConfig?.cryptoCom.enabled && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TabButton, { onClick: handleChange("CDC" /* CDC */), isActive: value === "CDC" /* CDC */, children: [
       /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", className: "h-8 w-11", viewBox: "0 0 44 32", children: [
@@ -5477,7 +5477,7 @@ var TabButtons = (props) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "md:text-md text-sm font-medium", children: "Crypto.com Pay" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-medium md:text-base", children: "Crypto.com Pay" })
     ] })
   ] });
 };

package/build/index.css

@@ -403,9 +403,6 @@
 .sl-spreepay .h-12 {
   height: calc(var(--spacing) * 12);
 }
-.sl-spreepay .h-14 {
-  height: calc(var(--spacing) * 14);
-}
 .sl-spreepay .h-15 {
   height: calc(var(--spacing) * 15);
 }
@@ -727,6 +724,9 @@
 .sl-spreepay .p-2 {
   padding: calc(var(--spacing) * 2);
 }
+.sl-spreepay .p-5 {
+  padding: calc(var(--spacing) * 5);
+}
 .sl-spreepay .p-6 {
   padding: calc(var(--spacing) * 6);
 }
@@ -1622,6 +1622,12 @@
     text-align: left;
   }
 }
+.sl-spreepay .sm\:text-base {
+  @media (width >= 40rem) {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+}
 .sl-spreepay .sm\:text-sm {
   @media (width >= 40rem) {
     font-size: var(--text-sm);
@@ -1663,12 +1669,24 @@
     padding-bottom: calc(var(--spacing) * 7);
   }
 }
+.sl-spreepay .md\:text-base {
+  @media (width >= 48rem) {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+}
 .sl-spreepay .md\:text-sm {
   @media (width >= 48rem) {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
 }
+.sl-spreepay .md\:text-xl {
+  @media (width >= 48rem) {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+}
 .sl-spreepay .md\:text-\[22px\] {
   @media (width >= 48rem) {
     font-size: 22px;

package/build/index.js

@@ -8,10 +8,10 @@ import {
   getSplitAmount,
   getTransactionFee,
   useSlapiBalance
-} from "./chunk-UVD3GGPC.js";
+} from "./chunk-I43QASEW.js";
 import {
   Iframe3ds
-} from "./chunk-OTFCW74L.js";
+} from "./chunk-Z46HQDLM.js";
 import {
   InfoBanner,
   LogLevel,
@@ -43,7 +43,7 @@ import {
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-WYLYH7AK.js";
+} from "./chunk-AY2P6ERB.js";
 
 // src/SpreePay.tsx
 import { useCallback as useCallback8, useEffect as useEffect9, useMemo as useMemo9, useState as useState12 } from "react";
@@ -950,7 +950,7 @@ var CreditCard = ({ newCards, setNewCards }) => {
         {
           onClick: handleAddNewCard,
           disabled: !canUseForm,
-          className: "text-md text-(--brand-primary) hover:underline disabled:cursor-not-allowed disabled:no-underline disabled:opacity-50",
+          className: "text-base text-(--brand-primary) hover:underline disabled:cursor-not-allowed disabled:no-underline disabled:opacity-50",
           children: "Add new card"
         }
       )
@@ -2018,7 +2018,7 @@ var PointsSelector = (props) => {
                 readOnly: true,
                 name: "points amount",
                 value: pointsValue,
-                className: "sm:text-md min-w-[50px] bg-(--s-default) px-1 text-center text-xs font-medium sm:min-w-[100px] sm:px-2",
+                className: "min-w-[50px] bg-(--s-default) px-1 text-center text-xs font-medium sm:min-w-[100px] sm:px-2 sm:text-base",
                 style: { width: `${pointsValue.length}ch` },
                 onClick: (e) => e.stopPropagation()
               }
@@ -2046,7 +2046,7 @@ var PointsSelector = (props) => {
                 readOnly: true,
                 name: "card amount",
                 value: cashDisplayValue,
-                className: "sm:text-md min-w-[50px] bg-(--s-default) px-1 text-center text-xs font-medium sm:min-w-[100px] sm:px-2",
+                className: "min-w-[50px] bg-(--s-default) px-1 text-center text-xs font-medium sm:min-w-[100px] sm:px-2 sm:text-base",
                 style: { width: `${cashDisplayValue.length}ch` },
                 onClick: (e) => e.stopPropagation()
               }
@@ -2286,7 +2286,7 @@ var TabButtons = (props) => {
           d: "M28 8.82v14.36q0 .92-.62 1.54-.6.6-1.53.61H6.15q-.91 0-1.53-.61A2 2 0 0 1 4 23.18V8.82q0-.92.62-1.54.6-.6 1.53-.61h19.7q.91 0 1.53.61.62.62.62 1.54M5.33 11.74h21.34V8.82q0-.31-.26-.56a.8.8 0 0 0-.56-.26H6.15q-.3 0-.56.26a.8.8 0 0 0-.26.56zm0 3.18v8.26q0 .31.26.56t.56.26h19.7q.3 0 .56-.26a.8.8 0 0 0 .26-.56v-8.26z"
         }
       ) }),
-      /* @__PURE__ */ jsx17("p", { className: "md:text-md text-sm font-medium", children: "Card" })
+      /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium md:text-base", children: "Card" })
     ] }),
     spreePayConfig?.crypto.enabled && /* @__PURE__ */ jsxs10(TabButton, { onClick: handleChange("CRYPTO" /* CRYPTO */), isActive: value === "CRYPTO" /* CRYPTO */, children: [
       /* @__PURE__ */ jsx17("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", className: "size-8", viewBox: "0 0 32 32", children: /* @__PURE__ */ jsx17(
@@ -2296,7 +2296,7 @@ var TabButtons = (props) => {
           d: "M21 9.86a8 8 0 0 1 3 5.43l-2.85-.71a5.4 5.4 0 0 0-3.86-3.67 5.3 5.3 0 0 0-6.46 3.8 5.3 5.3 0 0 0 3.91 6.4 5.4 5.4 0 0 0 5.14-1.43l2.85.7a8 8 0 0 1-5.2 3.39L16.72 27l-2.6-.65.64-2.57a8 8 0 0 1-1.3-.32l-.64 2.57-2.6-.65.82-3.24a7.9 7.9 0 0 1-2.8-8.08 7.9 7.9 0 0 1 6.27-5.82L15.32 5l2.6.64-.65 2.58q.67.1 1.3.32l.65-2.57 2.6.64z"
         }
       ) }),
-      /* @__PURE__ */ jsx17("p", { className: "md:text-md text-sm font-medium", children: "Crypto" })
+      /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium md:text-base", children: "Crypto" })
     ] }),
     spreePayConfig?.cryptoCom.enabled && /* @__PURE__ */ jsxs10(TabButton, { onClick: handleChange("CDC" /* CDC */), isActive: value === "CDC" /* CDC */, children: [
       /* @__PURE__ */ jsxs10("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", className: "h-8 w-11", viewBox: "0 0 44 32", children: [
@@ -2315,16 +2315,16 @@ var TabButtons = (props) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx17("p", { className: "md:text-md text-sm font-medium", children: "Crypto.com Pay" })
+      /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium md:text-base", children: "Crypto.com Pay" })
     ] })
   ] });
 };
 
 // src/SpreePayContent.tsx
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-var CryptoTab = lazy(() => import("./CryptoTab-ROWYOLOL.js").then((module) => ({ default: module.CryptoTab })));
+var CryptoTab = lazy(() => import("./CryptoTab-Z5PAQFCK.js").then((module) => ({ default: module.CryptoTab })));
 var CryptoComTab = lazy(
-  () => import("./CryptoComTab-3MCYJORT.js").then((module) => ({ default: module.CryptoComTab }))
+  () => import("./CryptoComTab-R5HTG4SN.js").then((module) => ({ default: module.CryptoComTab }))
 );
 var TabLoadingFallback = () => /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center px-5 py-8 md:px-7", children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center gap-3", children: [
   /* @__PURE__ */ jsx18("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-(--border-component-specific-card) border-t-(--brand-primary)" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superlogic/spree-pay",
-  "version": "0.5.5",
+  "version": "0.5.6",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",