@doujins/payments-ui 0.1.7 → 0.1.8

package/dist/index.cjs

@@ -13,7 +13,7 @@ var walletAdapterTrust = require('@solana/wallet-adapter-trust');
 var walletAdapterCoinbase = require('@solana/wallet-adapter-coinbase');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var lucideReact = require('lucide-react');
-var clsx = require('clsx');
+var clsx2 = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var countryList = require('country-list');
@@ -50,6 +50,7 @@ function _interopNamespace(e) {
 
 var React17__namespace = /*#__PURE__*/_interopNamespace(React17);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var clsx2__default = /*#__PURE__*/_interopDefault(clsx2);
 var countryList__default = /*#__PURE__*/_interopDefault(countryList);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
@@ -292,7 +293,7 @@ var createClient = (config) => {
   };
 };
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return tailwindMerge.twMerge(clsx2.clsx(inputs));
 }
 var Dialog = DialogPrimitive__namespace.Root;
 var DialogPortal = DialogPrimitive__namespace.Portal;
@@ -715,7 +716,7 @@ var CardDetailsForm = ({
     window.CollectJS.startPaymentRequest();
   };
   const errorMessage = localError ?? externalError;
-  const collectFieldClass = "flex h-11 w-full items-center rounded-md border border-white/10 bg-white/5 px-3 text-sm text-white";
+  const collectFieldClass = "flex h-11 w-full items-center rounded-md border bg-white/5 px-3 text-sm text-white";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "form",
     {
@@ -963,22 +964,13 @@ var StoredPaymentMethods = ({
   onMethodSelect,
   showAddButton = true
 }) => {
-  const { listQuery, createMutation, deleteMutation } = usePaymentMethods();
   const [isModalOpen, setIsModalOpen] = React17.useState(false);
   const [deletingId, setDeletingId] = React17.useState(null);
+  const { listQuery, createMutation, deleteMutation } = usePaymentMethods();
   const payments = React17.useMemo(() => listQuery.data?.data ?? [], [listQuery.data]);
   const handleCardTokenize = (token, billing) => {
     createMutation.mutate({ token, billing });
   };
-  const handleDelete = (method) => {
-    setDeletingId(method.id);
-    deleteMutation.mutate(
-      { id: method.id },
-      {
-        onSettled: () => setDeletingId(null)
-      }
-    );
-  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: showAddButton && /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", variant: "ghost", onClick: () => setIsModalOpen(true), children: "Add card" }) }),
     listQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center py-4 text-sm text-muted-foreground", children: [
@@ -990,50 +982,24 @@ var StoredPaymentMethods = ({
         "div",
         {
           className: cn(
-            "flex flex-col gap-3 rounded-md px-4 py-3 transition-colors md:flex-row md:items-center md:justify-between",
-            isSelected ? "ring-1 ring-primary/70 bg-primary/5" : "ring-1 ring-border/40 bg-transparent"
+            "flex border border-border rounded-md px-4 py-3 flex-row items-center justify-between",
+            {
+              "bg-primary/5": isSelected
+            }
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: formatCardLabel(method) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-                "Added on",
-                " ",
-                method.created_at ? new Date(method.created_at).toLocaleDateString() : "unknown"
-              ] })
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-foreground", children: formatCardLabel(method) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Badge,
-                {
-                  variant: method.is_active ? "default" : "secondary",
-                  className: cn(
-                    method.is_active ? "bg-primary/20 text-primary" : "bg-muted text-muted-foreground"
-                  ),
-                  children: method.is_active ? "Active" : "Inactive"
-                }
-              ),
               method.failure_reason && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "destructive", children: method.failure_reason }),
               onMethodSelect && /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   size: "sm",
                   variant: "ghost",
-                  className: "px-3",
                   onClick: () => onMethodSelect(method),
+                  className: clsx2__default.default("px-3", { "bg-muted/90": !isSelected, "bg-background": isSelected }),
                   children: isSelected ? "Selected" : "Use card"
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
-                {
-                  size: "sm",
-                  variant: "ghost",
-                  className: "px-3 text-destructive",
-                  onClick: () => handleDelete(method),
-                  disabled: deletingId === method.id && deleteMutation.isPending,
-                  children: deletingId === method.id && deleteMutation.isPending ? "Removing\u2026" : "Remove"
-                }
               )
             ] })
           ]
@@ -1398,9 +1364,9 @@ var QRCodePayment = ({
     onSuccess: handleQrSuccess
   });
   if (!selectedToken) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed border-border/60 bg-muted/10 px-4 py-6 text-center text-sm text-muted-foreground", children: "Select a token to continue." });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed bg-muted/10 px-4 py-6 text-center text-sm text-muted-foreground", children: "Select a token to continue." });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "space-y-4 border border-border/60 bg-background/80 p-6 shadow-none rounded-md", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "space-y-4 border bg-background/80 p-6 shadow-none rounded-md", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: "Scan with Solana Pay" }),
@@ -1419,7 +1385,7 @@ var QRCodePayment = ({
       )
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-2 text-sm text-destructive", children: error }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center rounded-2xl border border-dashed border-border/70 bg-muted/5 p-6", children: qrDataUri ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: qrDataUri, alt: "Solana Pay QR", className: "h-72 w-72 rounded-lg border border-border/40 bg-card" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-2 text-sm text-muted-foreground", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center rounded-2xl border border-dashed bg-muted/5 p-6", children: qrDataUri ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: qrDataUri, alt: "Solana Pay QR", className: "h-72 w-72 rounded-lg border bg-card" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-2 text-sm text-muted-foreground", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-5 w-5 animate-spin" }),
       " Generating QR code\u2026"
     ] }) : "QR code unavailable" }) }),
@@ -1771,7 +1737,7 @@ var SolanaPaymentView = ({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: "Select token" }),
         /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: selectedToken?.symbol ?? "", onValueChange: handleTokenChange, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "border border-border/60 bg-transparent", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select token" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "border bg-transparent", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select token" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "max-h-64", children: tokens.map((token) => /* @__PURE__ */ jsxRuntime.jsxs(SelectItem, { value: token.symbol, children: [
             token.name,
             " (",
@@ -1838,7 +1804,7 @@ var PaymentExperience = ({
   const [savedError, setSavedError] = React17.useState(null);
   const [newCardStatus, setNewCardStatus] = React17.useState("idle");
   const [newCardError, setNewCardError] = React17.useState(null);
-  const { notifyStatus, notifySuccess, notifyError } = usePaymentNotifications();
+  const { notifyStatus, notifyError } = usePaymentNotifications();
   React17.useEffect(() => {
     setActiveTab(showStored ? "saved" : "new");
   }, [showStored]);
@@ -1898,7 +1864,7 @@ var PaymentExperience = ({
     },
     [notifyError, notifyStatus, onNewCardPayment]
   );
-  const showSolanaView = React17.useCallback(() => {
+  React17.useCallback(() => {
     if (!enableSolanaPay) return;
     setMode("solana");
   }, [enableSolanaPay]);
@@ -1958,28 +1924,21 @@ var PaymentExperience = ({
       }
     );
   };
-  const renderCardExperience = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      Tabs,
-      {
-        value: activeTab,
-        onValueChange: (value) => setActiveTab(value),
-        className: "space-y-3",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "grid w-full grid-cols-2 border border-border/60", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "saved", disabled: !showStored, children: "Use saved card" }),
-            /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "new", disabled: !showNewCard, children: "Add new card" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "saved", children: renderSavedTab() }),
-          /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "new", children: renderNewTab() })
-        ]
-      }
-    ),
-    enableSolanaPay && /* @__PURE__ */ jsxRuntime.jsxs(Button, { className: "w-full", variant: "secondary", onClick: showSolanaView, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "mr-2 h-4 w-4" }),
-      " Pay with Solana"
-    ] })
-  ] });
+  const renderCardExperience = () => /* @__PURE__ */ jsxRuntime.jsxs(
+    Tabs,
+    {
+      value: activeTab,
+      onValueChange: (value) => setActiveTab(value),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "saved", disabled: !showStored, children: "Use saved card" }),
+          /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "new", disabled: !showNewCard, children: "Add new card" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "saved", children: renderSavedTab() }),
+        /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "new", children: renderNewTab() })
+      ]
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 pt-4", children: [
     mode === "cards" && renderCardExperience(),
     mode === "solana" && enableSolanaPay && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2003,7 +1962,7 @@ var SubscriptionSuccessDialog = ({
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: (value) => {
     if (!value) onClose();
-  }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "w-full max-w-md overflow-hidden border border-border/70 bg-background/95 p-0 shadow-2xl", children: [
+  }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "w-full max-w-md overflow-hidden border bg-background/95 p-0 shadow-2xl", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-gradient-to-b from-primary/25 via-primary/10 to-background px-6 py-8 text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-background/60", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-10 w-10 text-primary" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
@@ -2191,9 +2150,9 @@ var SubscriptionCheckoutModal = ({
     /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(
       DialogContent,
       {
-        className: "max-w-3xl max-h-[90vh] overflow-y-auto p-0 [&::-webkit-scrollbar]:hidden",
+        className: "max-w-3xl max-h-[90vh] overflow-y-auto [&::-webkit-scrollbar]:hidden",
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 space-y-6", children: [
-          !priceId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: [
+          !priceId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 rounded-lg px-3 py-2 text-sm text-destructive", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
             " Select a subscription plan to continue."
           ] }),
@@ -2241,8 +2200,8 @@ var wallets = [
 ];
 var WalletModal = ({ open, onOpenChange }) => {
   const [expandedWallet, setExpandedWallet] = React17.useState(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "w-full max-w-lg max-h-[90vh] overflow-y-auto rounded-md border border-border/70 bg-background/95 p-0 shadow-2xl [&::-webkit-scrollbar]:hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: "border-b border-border/40 bg-gradient-to-r from-primary/10 via-background to-background px-6 py-5 text-left", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "w-full max-w-lg max-h-[90vh] overflow-y-auto rounded-md border bg-background/95 p-0 shadow-2xl [&::-webkit-scrollbar]:hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: "border-b bg-gradient-to-r from-primary/10 via-background to-background px-6 py-5 text-left", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { className: "flex items-center gap-2 text-foreground", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-5 w-5 text-primary" }),
         " Connect a Solana wallet"
@@ -2253,7 +2212,7 @@ var WalletModal = ({ open, onOpenChange }) => {
       wallets.map((wallet) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: "rounded-2xl border border-border/60 bg-background/80 p-4 shadow-sm",
+          className: "rounded-2xl border bg-background/80 p-4 shadow-sm",
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
@@ -2288,7 +2247,7 @@ var WalletModal = ({ open, onOpenChange }) => {
         },
         wallet.id
       )),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border border-border/60 bg-muted/10 p-4 text-xs text-muted-foreground", children: "Don\u2019t see your wallet? Additional providers will be added soon. Contact support if you need manual verification." })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border bg-muted/10 p-4 text-xs text-muted-foreground", children: "Don\u2019t see your wallet? Additional providers will be added soon. Contact support if you need manual verification." })
     ] })
   ] }) });
 };
@@ -2447,46 +2406,12 @@ var usePaymentContext = () => {
   }
   return context;
 };
-var BillingThemeProvider = ({
-  children,
-  className,
-  dark = false
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "payments-ui-root",
-        dark && "dark",
-        className
-      ),
-      children
-    }
-  );
-};
-var BillingThemePortal = ({
-  children,
-  className,
-  dark = false
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "payments-ui-portal",
-        dark && "dark",
-        className
-      ),
-      children
-    }
-  );
-};
 var SolanaPaymentSelector = ({
   isOpen,
   onClose,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isOpen, onOpenChange: (value) => value ? void 0 : onClose(), children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-md border border-border/70 bg-background/95 p-0 shadow-2xl [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(SolanaPaymentView, { ...props, onClose }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isOpen, onOpenChange: (value) => value ? void 0 : onClose(), children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-md border bg-background/95 p-0 shadow-2xl [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(SolanaPaymentView, { ...props, onClose }) }) });
 };
 var Table = React17__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
@@ -2926,8 +2851,8 @@ var BillingHistory = ({
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: t.reviewActivity }),
             enableCancel && /* @__PURE__ */ jsxRuntime.jsx(CancelMembershipDialog, { onNotify: notify })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[300px] overflow-y-auto rounded-lg border border-border/70", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: historyQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-center text-sm text-muted-foreground", children: t.loading }) : historyQuery.isError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-center text-sm text-destructive", children: t.error }) : /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { className: "border-border/60", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[300px] overflow-y-auto rounded-lg border ", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: historyQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-center text-sm text-muted-foreground", children: t.loading }) : historyQuery.isError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-4 text-center text-sm text-destructive", children: t.error }) : /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { className: "", children: [
               /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: t.reference }),
               /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: t.date }),
               /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: t.amount }),
@@ -2935,7 +2860,7 @@ var BillingHistory = ({
               /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: t.status })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: payments.map(
-              (page) => page.data.map((payment) => /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { className: "border-border/40", children: [
+              (page) => page.data.map((payment) => /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { className: "", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-mono text-sm", children: payment.id.slice(0, 7).toUpperCase() }),
                 /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: formatDate(payment.purchased_at) }),
                 /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: formatAmount(payment.amount, payment.currency) }),
@@ -3126,7 +3051,7 @@ var PaymentMethodsSection = ({
     ] }) : payments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 text-sm text-center", children: t.noPaymentMethods }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: payments.map((method) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: "rounded-lg border border-white/10 bg-white/5 p-4 shadow-sm",
+        className: "rounded-lg border bg-white/5 p-4 shadow-sm",
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -3211,7 +3136,7 @@ var PaymentMethodsSection = ({
           },
           externalError: createMutation.error?.message ?? null,
           onTokenize: handleCardTokenize,
-          className: "rounded-2xl border border-white/10 bg-white/5 p-6"
+          className: "rounded-2xl border bg-white/5 p-6"
         }
       )
     ] }) }),
@@ -3234,7 +3159,7 @@ var PaymentMethodsSection = ({
           },
           externalError: replaceMutation.error?.message ?? null,
           onTokenize: handleReplaceTokenize,
-          className: "rounded-2xl border border-white/10 bg-white/5 p-6"
+          className: "rounded-2xl border bg-white/5 p-6"
         }
       )
     ] }) })
@@ -3303,7 +3228,7 @@ var WalletDialog = ({ open, onOpenChange }) => {
     setForm(initialState);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogContent, { className: "max-h-[95vh] max-w-lg overflow-y-auto rounded-2xl border border-border bg-background", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { className: "border-b border-border/60 pb-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { className: "border-b pb-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Shield, { className: "h-5 w-5 text-primary" }),
         /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTitle, { className: "text-center text-base font-semibold uppercase tracking-wide", children: "Secure Payment via Mobius Pay" })
@@ -3347,7 +3272,7 @@ var WalletDialog = ({ open, onOpenChange }) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-md border border-border/70 bg-muted/10 p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-md border bg-muted/10 p-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { id: "terms-agree", checked: form.termsAccepted, onCheckedChange: (checked) => updateField("termsAccepted", Boolean(checked)) }),
         /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "terms-agree", className: "text-sm text-muted-foreground", children: "By completing this order, I confirm that I am 18 years or older and agree to your privacy policy and terms." })
       ] }),
@@ -3756,8 +3681,6 @@ var usePaymentStatus = (options = {}) => {
 };
 
 exports.BillingHistory = BillingHistory;
-exports.BillingThemePortal = BillingThemePortal;
-exports.BillingThemeProvider = BillingThemeProvider;
 exports.CancelMembershipDialog = CancelMembershipDialog;
 exports.CardDetailsForm = CardDetailsForm;
 exports.ClientApiError = ClientApiError;