@sdkrouter/payments 0.1.2

package/dist/index.mjs

@@ -0,0 +1,933 @@
+"use client";
+import './chunk-MCTTQUAM.mjs';
+import { PaymentProvider, PaymentContent, STYLE_ID } from './chunk-N3LT7RRW.mjs';
+export { CustomerPaymentHistory, MAX_AMOUNT_USD, MIN_AMOUNT_USD, PaymentContent, PaymentForm, PaymentInfo, PaymentProvider, PaymentStatus, useCustomerPayments, usePayment, usePaymentIdentity, usePaymentLink } from './chunk-N3LT7RRW.mjs';
+export { API as PaymentsAPI, createPaymentsApi } from './chunk-4QQBPIIT.mjs';
+import { lazy, useState, useEffect, Suspense } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/styles/theme.ts
+var lightVars = `
+  --sdkr-pay-bg: #ffffff;
+  --sdkr-pay-bg-subtle: #f8fafc;
+  --sdkr-pay-fg: #1e293b;
+  --sdkr-pay-fg-muted: #64748b;
+  --sdkr-pay-border: #e2e8f0;
+  --sdkr-pay-primary: #3b82f6;
+  --sdkr-pay-primary-hover: #2563eb;
+  --sdkr-pay-primary-fg: #ffffff;
+  --sdkr-pay-error: #ef4444;
+  --sdkr-pay-error-bg: #fef2f2;
+  --sdkr-pay-success: #22c55e;
+  --sdkr-pay-success-bg: #f0fdf4;
+  --sdkr-pay-input-bg: #ffffff;
+  --sdkr-pay-input-border: #d1d5db;
+  --sdkr-pay-input-focus: #3b82f6;
+  --sdkr-pay-badge-bg: #eff6ff;
+  --sdkr-pay-badge-fg: #1d4ed8;
+  --sdkr-pay-card-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
+  --sdkr-pay-qr-bg: #ffffff;
+  --sdkr-pay-qr-fg: #1e293b;
+`;
+var darkVars = `
+  --sdkr-pay-bg: #141414;
+  --sdkr-pay-bg-subtle: #0a0a0a;
+  --sdkr-pay-fg: #fafafa;
+  --sdkr-pay-fg-muted: #a1a1aa;
+  --sdkr-pay-border: #262626;
+  --sdkr-pay-primary: #3b82f6;
+  --sdkr-pay-primary-hover: #60a5fa;
+  --sdkr-pay-primary-fg: #ffffff;
+  --sdkr-pay-error: #f87171;
+  --sdkr-pay-error-bg: #1c1917;
+  --sdkr-pay-success: #4ade80;
+  --sdkr-pay-success-bg: #0a1a0f;
+  --sdkr-pay-input-bg: #1a1a1a;
+  --sdkr-pay-input-border: #333333;
+  --sdkr-pay-input-focus: #3b82f6;
+  --sdkr-pay-badge-bg: #1e293b;
+  --sdkr-pay-badge-fg: #60a5fa;
+  --sdkr-pay-card-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
+  --sdkr-pay-qr-bg: #1a1a1a;
+  --sdkr-pay-qr-fg: #fafafa;
+`;
+var sel = ".sdkr-pay";
+var darkSel = `.dark ${sel}`;
+var darkAttrSel = `[data-theme="dark"] ${sel}`;
+var lightSel = `.light ${sel}`;
+var lightAttrSel = `[data-theme="light"] ${sel}`;
+var darkMediaSel = `:root:not([data-theme="light"]):not(.light) ${sel}`;
+var theme = `
+/* Light (default) */
+${sel} { ${lightVars} }
+
+/* Dark: system (only when no explicit theme) */
+@media (prefers-color-scheme: dark) {
+  ${darkMediaSel} { ${darkVars} }
+}
+
+/* Dark: explicit */
+${darkSel},
+${darkAttrSel} { ${darkVars} }
+
+/* Light: explicit (overrides system dark) */
+${lightSel},
+${lightAttrSel} { ${lightVars} }
+`;
+
+// src/styles/base.ts
+var base = `
+/* Base */
+.sdkr-pay {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  color: var(--sdkr-pay-fg);
+  background: var(--sdkr-pay-bg);
+  line-height: 1.5;
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+}
+
+.sdkr-pay *, .sdkr-pay *::before, .sdkr-pay *::after {
+  box-sizing: border-box;
+}
+
+/* Page layout */
+.sdkr-pay-page {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  background: var(--sdkr-pay-bg-subtle);
+}
+
+.sdkr-pay-card {
+  width: 100%;
+  max-width: 440px;
+  background: var(--sdkr-pay-bg);
+  border: 1px solid var(--sdkr-pay-border);
+  border-radius: 12px;
+  box-shadow: var(--sdkr-pay-card-shadow);
+  overflow: hidden;
+}
+
+.sdkr-pay-widget {
+  width: 100%;
+  max-width: 440px;
+}
+
+.sdkr-pay-content {
+  animation: sdkr-pay-fade-in 0.2s ease-out;
+}
+
+.sdkr-pay-separator {
+  height: 1px;
+  background: var(--sdkr-pay-border);
+  margin: 0;
+  border: none;
+}
+
+/* Loading */
+.sdkr-pay-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px;
+  color: var(--sdkr-pay-fg-muted);
+}
+
+.sdkr-pay-spinner {
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--sdkr-pay-border);
+  border-top-color: var(--sdkr-pay-primary);
+  border-radius: 50%;
+  animation: sdkr-pay-spin 0.6s linear infinite;
+}
+
+/* Error page */
+.sdkr-pay-error-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding: 48px 24px;
+  text-align: center;
+}
+
+.sdkr-pay-error-text {
+  font-size: 14px;
+  color: var(--sdkr-pay-fg-muted);
+  margin: 0;
+}
+
+/* Powered by */
+.sdkr-pay-powered {
+  text-align: center;
+  padding: 12px;
+  font-size: 11px;
+  color: var(--sdkr-pay-fg-muted);
+}
+
+.sdkr-pay-powered a {
+  color: var(--sdkr-pay-fg-muted);
+  text-decoration: none;
+}
+
+.sdkr-pay-powered a:hover {
+  text-decoration: underline;
+}
+
+/* Keyframes */
+@keyframes sdkr-pay-spin {
+  to { transform: rotate(360deg); }
+}
+
+@keyframes sdkr-pay-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes sdkr-pay-slide-up {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes sdkr-blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+@keyframes sdkr-pulse {
+  0%, 100% { opacity: 0.3; transform: scale(0.8); }
+  50% { opacity: 1; transform: scale(1.2); }
+}
+`;
+
+// src/styles/form.ts
+var form = `
+/* Info section */
+.sdkr-pay-info {
+  padding: 24px 24px 0;
+}
+
+.sdkr-pay-info-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 10px;
+  background: var(--sdkr-pay-badge-bg);
+  color: var(--sdkr-pay-badge-fg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 12px;
+}
+
+.sdkr-pay-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0 0 4px;
+  color: var(--sdkr-pay-fg);
+  letter-spacing: -0.01em;
+}
+
+.sdkr-pay-description {
+  font-size: 14px;
+  color: var(--sdkr-pay-fg-muted);
+  margin: 0 0 16px;
+  white-space: pre-wrap;
+  line-height: 1.5;
+}
+
+.sdkr-pay-amount-badge {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 6px;
+  padding: 8px 14px;
+  background: var(--sdkr-pay-badge-bg);
+  border-radius: 10px;
+  margin-bottom: 16px;
+}
+
+.sdkr-pay-amount-value {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--sdkr-pay-badge-fg);
+  letter-spacing: -0.02em;
+}
+
+.sdkr-pay-amount-currency {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--sdkr-pay-fg-muted);
+}
+
+/* Form */
+.sdkr-pay-form {
+  padding: 20px 24px 24px;
+}
+
+.sdkr-pay-field {
+  margin-bottom: 16px;
+}
+
+.sdkr-pay-label {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--sdkr-pay-fg);
+  margin-bottom: 6px;
+}
+
+.sdkr-pay-label-optional {
+  color: var(--sdkr-pay-fg-muted);
+  font-weight: 400;
+}
+
+.sdkr-pay-input {
+  width: 100%;
+  padding: 10px 12px;
+  font-size: 16px;
+  line-height: 1.5;
+  color: var(--sdkr-pay-fg);
+  background: var(--sdkr-pay-input-bg);
+  border: 1px solid var(--sdkr-pay-input-border);
+  border-radius: 8px;
+  outline: none;
+  transition: border-color 0.15s, box-shadow 0.15s;
+  -webkit-appearance: none;
+}
+
+.sdkr-pay-input:focus {
+  border-color: var(--sdkr-pay-input-focus);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
+}
+
+.sdkr-pay-input::placeholder {
+  color: var(--sdkr-pay-fg-muted);
+}
+
+.sdkr-pay-input-error {
+  border-color: var(--sdkr-pay-error);
+}
+
+.sdkr-pay-input-error:focus {
+  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
+}
+
+.sdkr-pay-amount-prefix {
+  position: relative;
+}
+
+.sdkr-pay-amount-prefix .sdkr-pay-input {
+  padding-left: 28px;
+}
+
+.sdkr-pay-amount-prefix::before {
+  content: '$';
+  position: absolute;
+  left: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--sdkr-pay-fg-muted);
+  font-size: 14px;
+  pointer-events: none;
+}
+
+.sdkr-pay-field-error {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--sdkr-pay-error);
+  font-size: 12px;
+  margin-top: 4px;
+}
+
+.sdkr-pay-error {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  background: var(--sdkr-pay-error-bg);
+  color: var(--sdkr-pay-error);
+  border-radius: 8px;
+  font-size: 14px;
+  margin-bottom: 16px;
+}
+
+/* Button */
+.sdkr-pay-btn {
+  width: 100%;
+  padding: 12px 20px;
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--sdkr-pay-primary-fg);
+  background: var(--sdkr-pay-primary);
+  border: none;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: background 0.15s, opacity 0.15s, transform 0.1s;
+}
+
+.sdkr-pay-btn:hover:not(:disabled) {
+  background: var(--sdkr-pay-primary-hover);
+}
+
+.sdkr-pay-btn:active:not(:disabled) {
+  transform: scale(0.98);
+}
+
+.sdkr-pay-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.sdkr-pay-btn-content {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.sdkr-pay-btn-spinner {
+  animation: sdkr-pay-spin 0.8s linear infinite;
+}
+
+.sdkr-pay-btn--ghost {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  background: transparent;
+  color: var(--sdkr-pay-fg-muted);
+  border: none;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  padding: 8px 16px;
+  border-radius: 8px;
+  transition: color 0.15s, background 0.15s;
+  width: auto;
+}
+
+.sdkr-pay-btn--ghost:hover {
+  color: var(--sdkr-pay-fg);
+  background: var(--sdkr-pay-bg-subtle);
+}
+`;
+
+// src/styles/status.ts
+var status = `
+/* Status */
+.sdkr-pay-status {
+  padding: 24px;
+}
+
+.sdkr-pay-status-header {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.sdkr-pay-status-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 12px;
+}
+
+.sdkr-pay-status-icon--waiting {
+  background: var(--sdkr-pay-badge-bg);
+  color: var(--sdkr-pay-badge-fg);
+}
+
+.sdkr-pay-status-icon--success {
+  background: var(--sdkr-pay-success-bg);
+  color: var(--sdkr-pay-success);
+}
+
+.sdkr-pay-status-icon--error {
+  background: var(--sdkr-pay-error-bg);
+  color: var(--sdkr-pay-error);
+}
+
+.sdkr-pay-status-icon--paid {
+  background: #22c55e;
+  color: white;
+}
+
+.sdkr-pay-status-title {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0 0 4px;
+  letter-spacing: -0.01em;
+}
+
+.sdkr-pay-status-subtitle {
+  font-size: 13px;
+  color: var(--sdkr-pay-fg-muted);
+  margin: 0;
+}
+
+.sdkr-pay-status-actions {
+  padding: 8px 24px 16px;
+  text-align: center;
+}
+
+/* Hero amount */
+.sdkr-pay-hero-amount {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px;
+  margin: 0 24px 16px;
+  background: var(--sdkr-pay-badge-bg);
+  border-radius: 12px;
+}
+
+.sdkr-pay-hero-amount-icon {
+  color: var(--sdkr-pay-badge-fg);
+}
+
+.sdkr-pay-hero-amount-value {
+  font-size: 24px;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+  color: var(--sdkr-pay-fg);
+}
+
+.sdkr-pay-hero-amount-coin {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--sdkr-pay-fg-muted);
+}
+
+/* QR */
+.sdkr-pay-qr {
+  display: flex;
+  justify-content: center;
+  padding: 16px;
+}
+
+.sdkr-pay-qr svg {
+  border-radius: 12px;
+  padding: 12px;
+  background: var(--sdkr-pay-qr-bg);
+}
+
+/* Payment details */
+.sdkr-pay-detail {
+  padding: 12px 16px;
+  background: var(--sdkr-pay-bg-subtle);
+  border: 1px solid var(--sdkr-pay-border);
+  border-radius: 8px;
+  margin-bottom: 12px;
+}
+
+.sdkr-pay-detail-label {
+  font-size: 11px;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--sdkr-pay-fg-muted);
+  margin-bottom: 4px;
+}
+
+.sdkr-pay-detail-value {
+  font-size: 14px;
+  font-weight: 500;
+  word-break: break-all;
+  color: var(--sdkr-pay-fg);
+}
+
+.sdkr-pay-detail-mono {
+  font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
+  font-size: 13px;
+}
+
+.sdkr-pay-detail-copyable {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.sdkr-pay-detail-copyable span {
+  flex: 1;
+  min-width: 0;
+  word-break: break-all;
+}
+
+.sdkr-pay-copy-btn {
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  border: 1px solid var(--sdkr-pay-border);
+  border-radius: 8px;
+  background: var(--sdkr-pay-bg);
+  color: var(--sdkr-pay-fg-muted);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.15s;
+}
+
+.sdkr-pay-copy-btn:hover {
+  background: var(--sdkr-pay-primary);
+  color: white;
+  border-color: var(--sdkr-pay-primary);
+}
+
+.sdkr-pay-copy-btn:active {
+  transform: scale(0.92);
+}
+
+.sdkr-pay-network-badge {
+  display: inline-block;
+  font-size: 11px;
+  font-weight: 500;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: var(--sdkr-pay-bg-subtle);
+  color: var(--sdkr-pay-fg-muted);
+  margin-left: 4px;
+}
+
+/* Countdown */
+.sdkr-pay-countdown {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 10px 16px;
+  margin: 8px 0;
+  border-radius: 8px;
+  background: var(--sdkr-pay-bg-subtle);
+}
+
+.sdkr-pay-countdown-icon {
+  color: var(--sdkr-pay-fg-muted);
+}
+
+.sdkr-pay-countdown-value {
+  font-size: 20px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  color: var(--sdkr-pay-fg);
+}
+
+.sdkr-pay-countdown--urgent .sdkr-pay-countdown-value {
+  color: var(--sdkr-pay-error);
+  animation: sdkr-blink 1s ease-in-out infinite;
+}
+
+/* Confirmations */
+.sdkr-pay-confirmations {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  font-size: 13px;
+  color: var(--sdkr-pay-primary);
+  padding: 8px;
+  font-variant-numeric: tabular-nums;
+}
+
+.sdkr-pay-confirmations-icon {
+  animation: sdkr-pay-spin 1.5s linear infinite;
+}
+
+/* Polling */
+.sdkr-pay-polling {
+  text-align: center;
+  font-size: 13px;
+  color: var(--sdkr-pay-primary);
+  padding: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+}
+
+.sdkr-pay-polling-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--sdkr-pay-primary);
+  animation: sdkr-pulse 1.5s ease-in-out infinite;
+}
+
+/* Warning */
+.sdkr-pay-warning {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--sdkr-pay-fg-muted);
+  padding: 8px 16px;
+  margin: 8px 0;
+  border-radius: 8px;
+  background: var(--sdkr-pay-bg-subtle);
+}
+
+/* History */
+.sdkr-pay-history {
+  padding: 24px;
+}
+
+.sdkr-pay-history-title {
+  font-size: 13px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--sdkr-pay-fg-muted);
+  margin: 0 0 12px;
+}
+
+.sdkr-pay-history-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--sdkr-pay-border);
+}
+
+.sdkr-pay-history-item:last-child {
+  border-bottom: none;
+}
+
+.sdkr-pay-history-amount {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--sdkr-pay-fg);
+}
+
+.sdkr-pay-history-status {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  font-size: 12px;
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+.sdkr-pay-history-status--completed {
+  background: var(--sdkr-pay-success-bg);
+  color: var(--sdkr-pay-success);
+}
+
+.sdkr-pay-history-status--pending {
+  background: var(--sdkr-pay-badge-bg);
+  color: var(--sdkr-pay-badge-fg);
+}
+
+.sdkr-pay-history-status--failed {
+  background: var(--sdkr-pay-error-bg);
+  color: var(--sdkr-pay-error);
+}
+
+.sdkr-pay-history-date {
+  font-size: 13px;
+  color: var(--sdkr-pay-fg-muted);
+}
+`;
+
+// src/styles/modal.ts
+var modal = `
+/* Modal overlay */
+.sdkr-pay-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+  padding: 24px;
+  animation: sdkr-pay-fade-in 0.15s ease-out;
+}
+
+.sdkr-pay-overlay .sdkr-pay-card {
+  animation: sdkr-pay-slide-up 0.2s ease-out;
+}
+
+/* Modal close */
+.sdkr-pay-close {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  color: var(--sdkr-pay-fg-muted);
+  cursor: pointer;
+  border-radius: 6px;
+  font-size: 18px;
+  line-height: 1;
+  transition: background 0.15s;
+}
+
+.sdkr-pay-close:hover {
+  background: var(--sdkr-pay-bg-subtle);
+}
+`;
+
+// src/styles/mobile.ts
+var mobile = `
+/* \u2500\u2500 Mobile \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+
+.sdkr-pay--mobile .sdkr-pay-page {
+  padding: 0;
+  align-items: stretch;
+  min-height: 100dvh;
+}
+
+.sdkr-pay--mobile .sdkr-pay-card {
+  max-width: none;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  min-height: 100dvh;
+  display: flex;
+  flex-direction: column;
+}
+
+.sdkr-pay--mobile .sdkr-pay-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.sdkr-pay--mobile .sdkr-pay-status {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.sdkr-pay--mobile .sdkr-pay-status-actions {
+  margin-top: auto;
+  padding-bottom: env(safe-area-inset-bottom, 16px);
+}
+
+.sdkr-pay--mobile .sdkr-pay-form {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.sdkr-pay--mobile .sdkr-pay-form .sdkr-pay-btn {
+  margin-top: auto;
+}
+
+.sdkr-pay--mobile .sdkr-pay-powered {
+  padding-bottom: env(safe-area-inset-bottom, 12px);
+}
+
+.sdkr-pay--mobile .sdkr-pay-qr svg {
+  width: 180px;
+  height: 180px;
+}
+
+.sdkr-pay--mobile .sdkr-pay-detail-value {
+  font-size: 13px;
+}
+
+.sdkr-pay--mobile .sdkr-pay-input {
+  font-size: 16px;
+}
+
+/* CSS-only fallback for no-JS mobile */
+@media (max-width: 767px) {
+  .sdkr-pay-page {
+    padding: 0;
+    align-items: stretch;
+  }
+  .sdkr-pay-card {
+    max-width: none;
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+    min-height: 100dvh;
+  }
+}
+`;
+
+// src/styles/index.ts
+var styles = [theme, base, form, status, modal, mobile].join("\n");
+
+// src/hooks/useInjectStyles.ts
+var refCount = 0;
+function useInjectStyles() {
+  useEffect(() => {
+    refCount++;
+    if (!document.getElementById(STYLE_ID)) {
+      const style = document.createElement("style");
+      style.id = STYLE_ID;
+      style.textContent = styles;
+      document.head.appendChild(style);
+    }
+    return () => {
+      refCount--;
+      if (refCount === 0) {
+        document.getElementById(STYLE_ID)?.remove();
+      }
+    };
+  }, []);
+}
+var MOBILE_BREAKPOINT = 768;
+function useMobile() {
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const mq = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    setIsMobile(mq.matches);
+    const handler = (e) => setIsMobile(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  return isMobile;
+}
+var PaymentContent2 = lazy(
+  () => import('./PaymentContent-HEOBMWSU.mjs').then((m) => ({ default: m.PaymentContent }))
+);
+function PaymentLoader() {
+  return /* @__PURE__ */ jsx("div", { className: "sdkr-pay-loading", style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 48, gap: 12 }, children: /* @__PURE__ */ jsx("span", { className: "sdkr-pay-spinner" }) });
+}
+function PaymentPage(props) {
+  useInjectStyles();
+  const isMobile = useMobile();
+  const rootClass = isMobile ? "sdkr-pay sdkr-pay--mobile" : "sdkr-pay";
+  return /* @__PURE__ */ jsx(PaymentProvider, { ...props, children: /* @__PURE__ */ jsx("div", { className: rootClass, children: /* @__PURE__ */ jsx("div", { className: "sdkr-pay-page", children: /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-card", children: [
+    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(PaymentLoader, {}), children: /* @__PURE__ */ jsx(PaymentContent2, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-powered", children: [
+      "Powered by ",
+      /* @__PURE__ */ jsx("a", { href: "https://sdkrouter.com", target: "_blank", rel: "noopener noreferrer", children: "SDKRouter" })
+    ] })
+  ] }) }) }) });
+}
+function PaymentWidget(props) {
+  const { mode = "inline", buttonText = "Pay Now", ...config } = props;
+  useInjectStyles();
+  const [isOpen, setIsOpen] = useState(false);
+  const card = /* @__PURE__ */ jsxs("div", { className: "sdkr-pay-card", style: { position: "relative" }, children: [
+    mode === "button" && /* @__PURE__ */ jsx("button", { className: "sdkr-pay-close", onClick: () => setIsOpen(false), children: "\xD7" }),
+    /* @__PURE__ */ jsx(PaymentContent, {})
+  ] });
+  return /* @__PURE__ */ jsx(PaymentProvider, { ...config, children: /* @__PURE__ */ jsx("div", { className: "sdkr-pay", children: mode === "button" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("button", { className: "sdkr-pay-btn", onClick: () => setIsOpen(true), children: buttonText }),
+    isOpen && /* @__PURE__ */ jsx("div", { className: "sdkr-pay-overlay", onClick: (e) => {
+      if (e.target === e.currentTarget) setIsOpen(false);
+    }, children: card })
+  ] }) : /* @__PURE__ */ jsx("div", { className: "sdkr-pay-widget", children: card }) }) });
+}
+
+export { PaymentPage, PaymentWidget, styles, useMobile };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map