@reevit/vue 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/styles.css +1 -1
  2. package/dist/vue.css +1 -1
  3. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--reevit-primary: #0ea5e9;--reevit-primary-hover: #0284c7;--reevit-primary-foreground: #ffffff;--reevit-background: #f8fafc;--reevit-surface: #ffffff;--reevit-border: rgba(15, 23, 42, .12);--reevit-text: #0f172a;--reevit-text-secondary: #475569;--reevit-muted: #94a3b8;--reevit-success: #16a34a;--reevit-error: #dc2626;--reevit-warning: #f59e0b;--reevit-radius: .75rem;--reevit-radius-sm: .5rem;--reevit-radius-lg: 1.25rem;--reevit-font: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--reevit-shadow: 0 30px 60px -30px rgba(15, 23, 42, .35);--reevit-shadow-sm: 0 12px 24px -18px rgba(15, 23, 42, .3)}@media(prefers-color-scheme:dark){:root{--reevit-primary: #38bdf8;--reevit-primary-hover: #0ea5e9;--reevit-primary-foreground: #0b1120;--reevit-background: #0b1120;--reevit-surface: #111827;--reevit-border: rgba(148, 163, 184, .2);--reevit-text: #f8fafc;--reevit-text-secondary: #cbd5f5;--reevit-muted: #94a3b8;--reevit-success: #22c55e;--reevit-error: #f87171;--reevit-warning: #fbbf24}}.reevit-overlay,.reevit-modal-overlay{position:fixed;inset:0;background:radial-gradient(120% 120% at 50% 0%,rgba(14,165,233,.2),transparent 55%),#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:reevit-fade-in .2s ease-out}@keyframes reevit-fade-in{0%{opacity:0}to{opacity:1}}.reevit-modal,.reevit-modal-content{background:var(--reevit-background);border-radius:var(--reevit-radius-lg);border:1px solid var(--reevit-border);box-shadow:var(--reevit-shadow);width:100%;max-width:440px;min-height:360px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;font-family:var(--reevit-font);animation:reevit-slide-up .3s cubic-bezier(.22,1,.36,1);transition:min-height .4s cubic-bezier(.16,1,.3,1)}@keyframes reevit-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reevit-modal--success{border-color:var(--reevit-success)}.reevit-modal__header,.reevit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--reevit-border);background:linear-gradient(120deg,rgba(14,165,233,.08),transparent 55%)}.reevit-modal__branding{display:flex;align-items:center;gap:8px}.reevit-modal__logo{height:18px;width:auto;object-fit:contain}.reevit-modal__brand-name{font-size:12px;font-weight:600;color:var(--reevit-text)}.reevit-modal__close,.reevit-modal-close{width:28px;height:28px;border-radius:var(--reevit-radius-sm);border:1px solid var(--reevit-border);background:transparent;color:var(--reevit-text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reevit-modal__close:hover,.reevit-modal-close:hover{background:var(--reevit-surface);color:var(--reevit-text);border-color:var(--reevit-text-secondary)}.reevit-modal__amount{padding:28px 22px;text-align:center;background:linear-gradient(135deg,#0ea5e91f,#0ea5e90a);border-bottom:1px solid var(--reevit-border)}.reevit-modal__amount-label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--reevit-text-secondary);margin-bottom:8px}.reevit-modal__amount-value{display:block;font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--reevit-text)}.reevit-modal__content,.reevit-modal-body{flex:1;overflow-y:auto;padding:20px}.reevit-modal__footer,.reevit-modal-footer{padding:14px 20px;border-top:1px solid var(--reevit-border);text-align:center;background:var(--reevit-surface)}.reevit-modal__secured,.reevit-trust-badges{font-size:11px;font-weight:500;color:var(--reevit-text-secondary);letter-spacing:.02em}.reevit-psp-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:12px}.reevit-psp-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--reevit-border);background:var(--reevit-surface);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;position:relative}.reevit-psp-option:hover:not(.reevit-psp-option--disabled):not(.reevit-psp-option--selected){border-color:color-mix(in srgb,var(--reevit-primary) 50%,var(--reevit-border));background:color-mix(in srgb,var(--reevit-primary) 4%,var(--reevit-surface));transform:translateY(-1px)}.reevit-psp-option--selected{border-radius:12px 12px 0 0!important;box-shadow:none;border-color:color-mix(in srgb,var(--reevit-primary) 40%,var(--reevit-border));border-bottom-color:transparent;background:color-mix(in srgb,var(--reevit-primary) 5%,var(--reevit-surface));position:relative;z-index:1}.reevit-psp-accordion__content{padding:16px;background:transparent;border:1px solid color-mix(in srgb,var(--reevit-primary) 40%,var(--reevit-border));border-top:none;border-radius:0 0 12px 12px;margin-top:0;overflow:hidden;animation:reevit-accordion-expand .4s cubic-bezier(.16,1,.3,1);transform-origin:top;position:relative}@keyframes reevit-accordion-expand{0%{opacity:0;max-height:0;transform:scale(.98) translateY(-8px)}to{opacity:1;max-height:1000px;transform:scale(1) translateY(0)}}.reevit-method-selector__options--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;width:100%}.reevit-method-selector__options--list{display:flex;flex-direction:column;gap:12px;width:100%}.reevit-method-option--grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;min-height:120px;background:var(--reevit-surface);border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:center;width:100%}.reevit-method-option--grid:hover:not(.reevit-method-option--disabled){border-color:var(--reevit-primary);transform:translateY(-3px);box-shadow:0 12px 24px -10px color-mix(in srgb,var(--reevit-primary) 30%,transparent)}.reevit-method-option--grid.reevit-method-option--selected{border-color:var(--reevit-primary);background:color-mix(in srgb,var(--reevit-primary) 8%,var(--reevit-surface));border-width:2px;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--reevit-primary) 35%,transparent)}.reevit-method-option--grid .reevit-method-option__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:color-mix(in srgb,var(--reevit-text) 5%,transparent);border-radius:18px;transition:all .4s cubic-bezier(.16,1,.3,1)}.reevit-method-option--grid:hover .reevit-method-option__icon-wrapper{transform:scale(1.15) rotate(5deg);background:color-mix(in srgb,var(--reevit-primary) 15%,transparent)}.reevit-method-option--grid.reevit-method-option--selected .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 25%,transparent);color:var(--reevit-primary);transform:scale(1.1)}.reevit-method-option--grid .reevit-method-option__icon{font-size:36px}.reevit-method-option--grid .reevit-method-option__label{font-size:13px;font-weight:800;color:var(--reevit-text);text-transform:uppercase;letter-spacing:.12em}.reevit-method-option--list{display:flex;flex-direction:row;align-items:center;gap:16px;padding:14px 16px;background:color-mix(in srgb,var(--reevit-text) 4%,transparent);border:1px solid transparent;border-radius:12px;box-shadow:none;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.reevit-method-option--list:hover:not(.reevit-method-option--disabled){border-color:color-mix(in srgb,var(--reevit-primary) 60%,var(--reevit-border));background:color-mix(in srgb,var(--reevit-primary) 8%,var(--reevit-surface));transform:translateY(-1px);box-shadow:0 10px 24px -18px #0f172a59}.reevit-method-option--list.reevit-method-option--selected{border-color:var(--reevit-primary);background:color-mix(in srgb,var(--reevit-primary) 12%,var(--reevit-surface));box-shadow:0 8px 20px -16px color-mix(in srgb,var(--reevit-primary) 40%,transparent)}.reevit-method-option--list .reevit-method-option__icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:color-mix(in srgb,var(--reevit-text) 5%,transparent);border-radius:14px;flex-shrink:0;transition:all .2s ease;font-size:24px}.reevit-method-option--list:hover .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 12%,transparent);transform:scale(1.03)}.reevit-method-option--list.reevit-method-option--selected .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 16%,transparent);transform:scale(1.05)}.reevit-method-option--list .reevit-method-option__content{flex:1;min-width:0}.reevit-method-option--list .reevit-method-option__label{display:block;font-size:16px;font-weight:700;color:var(--reevit-text);margin-bottom:4px;letter-spacing:-.01em}.reevit-method-option--list .reevit-method-option__description{display:block;font-size:14px;color:var(--reevit-text);opacity:.6;line-height:1.4}.reevit-method-option--list .reevit-method-option__chevron{color:var(--reevit-primary);opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.reevit-method-option--list:hover .reevit-method-option__chevron,.reevit-method-option--list.reevit-method-option--selected .reevit-method-option__chevron{opacity:1;transform:translate(0)}.reevit-method-option__logos{display:flex;align-items:center;gap:4px}.reevit-method-option__logo-img{width:28px;height:28px;object-fit:contain;border-radius:4px}.reevit-method-option--grid .reevit-method-option__logos{gap:6px}.reevit-method-option--grid .reevit-method-option__logo-img{width:32px;height:32px}.reevit-loading,.reevit-success,.reevit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.reevit-success__icon{width:48px;height:48px;border-radius:50%;background:var(--reevit-success);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;animation:reevit-pop .3s ease-out}.reevit-error__icon{width:48px;height:48px;border-radius:50%;background:var(--reevit-error);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}@keyframes reevit-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.reevit-success h3,.reevit-error h3{font-size:14px;font-weight:600;color:var(--reevit-text);margin:0;letter-spacing:-.01em}.reevit-success p,.reevit-error p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-success__amount{font-size:18px;font-weight:600;color:var(--reevit-text)}.reevit-success__reference,.reevit-success__redirect{font-size:12px;color:var(--reevit-text-secondary)}.reevit-spinner{width:20px;height:20px;border:2px solid var(--reevit-border);border-top-color:var(--reevit-text);border-radius:50%;animation:reevit-spin .7s linear infinite}@keyframes reevit-spin{to{transform:rotate(360deg)}}.reevit-loading .reevit-spinner{width:32px;height:32px;border-width:2px}.reevit-loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-btn,.reevit-pay-button,.reevit-submit-btn,.reevit-retry-btn,.reevit-done-btn,.reevit-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);border:none;min-height:42px}.reevit-btn--primary,.reevit-pay-button,.reevit-submit-btn,.reevit-retry-btn,.reevit-done-btn{flex:1;background:var(--reevit-primary);color:var(--reevit-primary-foreground);border:1px solid color-mix(in srgb,var(--reevit-primary) 60%,var(--reevit-border))}@media(max-width:480px){.reevit-modal,.reevit-modal-content{max-width:100%;max-height:100%;border-radius:var(--reevit-radius-lg) var(--reevit-radius-lg) 0 0;margin-top:auto}}
1
+ @import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--reevit-primary: #0ea5e9;--reevit-primary-hover: #0284c7;--reevit-primary-foreground: #ffffff;--reevit-background: #f8fafc;--reevit-surface: #ffffff;--reevit-border: rgba(15, 23, 42, .12);--reevit-text: #0f172a;--reevit-text-secondary: #475569;--reevit-muted: #94a3b8;--reevit-success: #16a34a;--reevit-error: #dc2626;--reevit-warning: #f59e0b;--reevit-radius: .75rem;--reevit-radius-sm: .5rem;--reevit-radius-lg: 1.25rem;--reevit-font: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--reevit-shadow: 0 30px 60px -30px rgba(15, 23, 42, .35);--reevit-shadow-sm: 0 12px 24px -18px rgba(15, 23, 42, .3)}@media(prefers-color-scheme:dark){:root{--reevit-primary: #38bdf8;--reevit-primary-hover: #0ea5e9;--reevit-primary-foreground: #0b1120;--reevit-background: #0b1120;--reevit-surface: #111827;--reevit-border: rgba(148, 163, 184, .2);--reevit-text: #f8fafc;--reevit-text-secondary: #cbd5f5;--reevit-muted: #94a3b8;--reevit-success: #22c55e;--reevit-error: #f87171;--reevit-warning: #fbbf24}}.reevit-overlay,.reevit-modal-overlay{position:fixed;inset:0;background:radial-gradient(120% 120% at 50% 0%,rgba(14,165,233,.2),transparent 55%),#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:reevit-fade-in .2s ease-out}@keyframes reevit-fade-in{0%{opacity:0}to{opacity:1}}.reevit-modal,.reevit-modal-content{background:var(--reevit-background);border-radius:var(--reevit-radius-lg);border:1px solid var(--reevit-border);box-shadow:var(--reevit-shadow);width:100%;max-width:440px;min-height:360px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;font-family:var(--reevit-font);animation:reevit-slide-up .3s cubic-bezier(.22,1,.36,1);transition:min-height .4s cubic-bezier(.16,1,.3,1)}@keyframes reevit-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reevit-modal--success{border-color:var(--reevit-success)}.reevit-modal__header,.reevit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--reevit-border);background:linear-gradient(120deg,rgba(14,165,233,.08),transparent 55%)}.reevit-modal__branding{display:flex;align-items:center;gap:8px}.reevit-modal__logo{height:18px;width:auto;object-fit:contain}.reevit-modal__brand-name{font-size:12px;font-weight:600;color:var(--reevit-text)}.reevit-modal__close,.reevit-modal-close{width:28px;height:28px;border-radius:var(--reevit-radius-sm);border:1px solid var(--reevit-border);background:transparent;color:var(--reevit-text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reevit-modal__close:hover,.reevit-modal-close:hover{background:var(--reevit-surface);color:var(--reevit-text);border-color:var(--reevit-text-secondary)}.reevit-modal__amount{padding:28px 22px;text-align:center;background:linear-gradient(135deg,#0ea5e91f,#0ea5e90a);border-bottom:1px solid var(--reevit-border)}.reevit-modal__amount-label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--reevit-text-secondary);margin-bottom:8px}.reevit-modal__amount-value{display:block;font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--reevit-text)}.reevit-modal__content,.reevit-modal-body{flex:1;overflow-y:auto;padding:20px}.reevit-modal__footer,.reevit-modal-footer{padding:14px 20px;border-top:1px solid var(--reevit-border);text-align:center;background:var(--reevit-surface)}.reevit-modal__secured,.reevit-trust-badges{font-size:11px;font-weight:500;color:var(--reevit-text-secondary);letter-spacing:.02em}.reevit-psp-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:12px}.reevit-psp-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--reevit-border);background:var(--reevit-surface);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;position:relative}.reevit-psp-option:hover:not(.reevit-psp-option--disabled):not(.reevit-psp-option--selected){border-color:color-mix(in srgb,var(--reevit-primary) 50%,var(--reevit-border));background:color-mix(in srgb,var(--reevit-primary) 4%,var(--reevit-surface));transform:translateY(-1px)}.reevit-psp-option--selected{border-radius:12px 12px 0 0!important;box-shadow:none;border-color:color-mix(in srgb,var(--reevit-primary) 40%,var(--reevit-border));border-bottom-color:transparent;background:color-mix(in srgb,var(--reevit-primary) 5%,var(--reevit-surface));position:relative;z-index:1}.reevit-psp-accordion__content{padding:16px;background:transparent;border:1px solid color-mix(in srgb,var(--reevit-primary) 40%,var(--reevit-border));border-top:none;border-radius:0 0 12px 12px;margin-top:0;overflow:hidden;animation:reevit-accordion-expand .4s cubic-bezier(.16,1,.3,1);transform-origin:top;position:relative}@keyframes reevit-accordion-expand{0%{opacity:0;max-height:0;transform:scale(.98) translateY(-8px)}to{opacity:1;max-height:1000px;transform:scale(1) translateY(0)}}.reevit-method-selector__options--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;width:100%}.reevit-method-selector__options--list{display:flex;flex-direction:column;gap:12px;width:100%}.reevit-method-option--grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;min-height:120px;background:var(--reevit-surface);border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:center;width:100%}.reevit-method-option--grid:hover:not(.reevit-method-option--disabled){border-color:var(--reevit-primary);transform:translateY(-3px);box-shadow:0 12px 24px -10px color-mix(in srgb,var(--reevit-primary) 30%,transparent)}.reevit-method-option--grid.reevit-method-option--selected{border-color:var(--reevit-primary);background:color-mix(in srgb,var(--reevit-primary) 8%,var(--reevit-surface));border-width:2px;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--reevit-primary) 35%,transparent)}.reevit-method-option--grid .reevit-method-option__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:color-mix(in srgb,var(--reevit-text) 5%,transparent);border-radius:18px;transition:all .4s cubic-bezier(.16,1,.3,1)}.reevit-method-option--grid:hover .reevit-method-option__icon-wrapper{transform:scale(1.15) rotate(5deg);background:color-mix(in srgb,var(--reevit-primary) 15%,transparent)}.reevit-method-option--grid.reevit-method-option--selected .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 25%,transparent);color:var(--reevit-primary);transform:scale(1.1)}.reevit-method-option--grid .reevit-method-option__icon{font-size:36px}.reevit-method-option--grid .reevit-method-option__label{font-size:13px;font-weight:800;color:var(--reevit-text);text-transform:uppercase;letter-spacing:.12em}.reevit-method-option--list{display:flex;flex-direction:row;align-items:center;gap:16px;padding:14px 16px;background:color-mix(in srgb,var(--reevit-text) 4%,transparent);border:1px solid transparent;border-radius:12px;box-shadow:none;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.reevit-method-option--list:hover:not(.reevit-method-option--disabled){border-color:color-mix(in srgb,var(--reevit-primary) 60%,var(--reevit-border));background:color-mix(in srgb,var(--reevit-primary) 8%,var(--reevit-surface));transform:translateY(-1px);box-shadow:0 10px 24px -18px #0f172a59}.reevit-method-option--list.reevit-method-option--selected{border-color:var(--reevit-primary);background:color-mix(in srgb,var(--reevit-primary) 12%,var(--reevit-surface));box-shadow:0 8px 20px -16px color-mix(in srgb,var(--reevit-primary) 40%,transparent)}.reevit-method-option--list .reevit-method-option__icon-wrapper{display:flex;align-items:center;justify-content:flex-start;min-width:fit-content;height:50px;background:transparent;border-radius:14px;flex-shrink:0;transition:all .2s ease;font-size:24px}.reevit-method-option--list:hover .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 12%,transparent);transform:scale(1.03)}.reevit-method-option--list.reevit-method-option--selected .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 16%,transparent);transform:scale(1.05)}.reevit-method-option--list .reevit-method-option__content{flex:1;min-width:0}.reevit-method-option--list .reevit-method-option__label{display:block;font-size:16px;font-weight:700;color:var(--reevit-text);margin-bottom:4px;letter-spacing:-.01em}.reevit-method-option--list .reevit-method-option__description{display:block;font-size:14px;color:var(--reevit-text);opacity:.6;line-height:1.4}.reevit-method-option--list .reevit-method-option__chevron{color:var(--reevit-primary);opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.reevit-method-option--list:hover .reevit-method-option__chevron,.reevit-method-option--list.reevit-method-option--selected .reevit-method-option__chevron{opacity:1;transform:translate(0)}.reevit-method-option__logos{display:flex;align-items:center;gap:6px}.reevit-method-option__logo-img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#f8fafc;padding:4px;box-shadow:0 1px 3px #00000014}.reevit-method-option--grid .reevit-method-option__logos{gap:6px}.reevit-method-option--grid .reevit-method-option__logo-img{width:32px;height:32px}.reevit-loading,.reevit-success,.reevit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.reevit-success__icon{width:48px;height:48px;border-radius:50%;background:var(--reevit-success);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;animation:reevit-pop .3s ease-out}.reevit-error__icon{width:48px;height:48px;border-radius:50%;background:var(--reevit-error);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}@keyframes reevit-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.reevit-success h3,.reevit-error h3{font-size:14px;font-weight:600;color:var(--reevit-text);margin:0;letter-spacing:-.01em}.reevit-success p,.reevit-error p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-success__amount{font-size:18px;font-weight:600;color:var(--reevit-text)}.reevit-success__reference,.reevit-success__redirect{font-size:12px;color:var(--reevit-text-secondary)}.reevit-spinner{width:20px;height:20px;border:2px solid var(--reevit-border);border-top-color:var(--reevit-text);border-radius:50%;animation:reevit-spin .7s linear infinite}@keyframes reevit-spin{to{transform:rotate(360deg)}}.reevit-loading .reevit-spinner{width:32px;height:32px;border-width:2px}.reevit-loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-btn,.reevit-pay-button,.reevit-submit-btn,.reevit-retry-btn,.reevit-done-btn,.reevit-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);border:none;min-height:42px}.reevit-btn--primary,.reevit-pay-button,.reevit-submit-btn,.reevit-retry-btn,.reevit-done-btn{flex:1;background:var(--reevit-primary);color:var(--reevit-primary-foreground);border:1px solid color-mix(in srgb,var(--reevit-primary) 60%,var(--reevit-border))}@media(max-width:480px){.reevit-modal,.reevit-modal-content{max-width:100%;max-height:100%;border-radius:var(--reevit-radius-lg) var(--reevit-radius-lg) 0 0;margin-top:auto}}
package/dist/vue.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--reevit-primary: #0ea5e9;--reevit-primary-hover: #0284c7;--reevit-primary-foreground: #ffffff;--reevit-background: #f8fafc;--reevit-surface: #ffffff;--reevit-border: rgba(15, 23, 42, .12);--reevit-text: #0f172a;--reevit-text-secondary: #475569;--reevit-muted: #94a3b8;--reevit-success: #16a34a;--reevit-error: #dc2626;--reevit-warning: #f59e0b;--reevit-radius: .75rem;--reevit-radius-sm: .5rem;--reevit-radius-lg: 1.25rem;--reevit-font: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--reevit-shadow: 0 30px 60px -30px rgba(15, 23, 42, .35);--reevit-shadow-sm: 0 12px 24px -18px rgba(15, 23, 42, .3)}@media(prefers-color-scheme:dark){:root{--reevit-primary: #38bdf8;--reevit-primary-hover: #0ea5e9;--reevit-primary-foreground: #0b1120;--reevit-background: #0b1120;--reevit-surface: #111827;--reevit-border: rgba(148, 163, 184, .2);--reevit-text: #f8fafc;--reevit-text-secondary: #cbd5f5;--reevit-muted: #94a3b8;--reevit-success: #22c55e;--reevit-error: #f87171;--reevit-warning: #fbbf24}}.reevit-overlay,.reevit-modal-overlay{position:fixed;inset:0;background:radial-gradient(120% 120% at 50% 0%,rgba(14,165,233,.2),transparent 55%),#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:reevit-fade-in .2s ease-out}@keyframes reevit-fade-in{0%{opacity:0}to{opacity:1}}.reevit-modal,.reevit-modal-content{background:var(--reevit-background);border-radius:var(--reevit-radius-lg);border:1px solid var(--reevit-border);box-shadow:var(--reevit-shadow);width:100%;max-width:440px;min-height:360px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;font-family:var(--reevit-font);animation:reevit-slide-up .3s cubic-bezier(.22,1,.36,1);transition:min-height .4s cubic-bezier(.16,1,.3,1)}@keyframes reevit-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reevit-modal--success{border-color:var(--reevit-success)}.reevit-modal__header,.reevit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--reevit-border);background:linear-gradient(120deg,rgba(14,165,233,.08),transparent 55%)}.reevit-modal__branding{display:flex;align-items:center;gap:8px}.reevit-modal__logo{height:18px;width:auto;object-fit:contain}.reevit-modal__brand-name{font-size:12px;font-weight:600;color:var(--reevit-text)}.reevit-modal__close,.reevit-modal-close{width:28px;height:28px;border-radius:var(--reevit-radius-sm);border:1px solid var(--reevit-border);background:transparent;color:var(--reevit-text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reevit-modal__close:hover,.reevit-modal-close:hover{background:var(--reevit-surface);color:var(--reevit-text);border-color:var(--reevit-text-secondary)}.reevit-modal__amount{padding:28px 22px;text-align:center;background:linear-gradient(135deg,#0ea5e91f,#0ea5e90a);border-bottom:1px solid var(--reevit-border)}.reevit-modal__amount-label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--reevit-text-secondary);margin-bottom:8px}.reevit-modal__amount-value{display:block;font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--reevit-text)}.reevit-modal__content,.reevit-modal-body{flex:1;overflow-y:auto;padding:20px}.reevit-modal__footer,.reevit-modal-footer{padding:14px 20px;border-top:1px solid var(--reevit-border);text-align:center;background:var(--reevit-surface)}.reevit-modal__secured,.reevit-trust-badges{font-size:11px;font-weight:500;color:var(--reevit-text-secondary);letter-spacing:.02em}.reevit-psp-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:12px}.reevit-psp-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--reevit-border);background:var(--reevit-surface);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;position:relative}.reevit-psp-option:hover:not(.reevit-psp-option--disabled):not(.reevit-psp-option--selected){border-color:color-mix(in srgb,var(--reevit-primary) 50%,var(--reevit-border));background:color-mix(in srgb,var(--reevit-primary) 4%,var(--reevit-surface));transform:translateY(-1px)}.reevit-psp-option--selected{border-radius:12px 12px 0 0!important;box-shadow:none;border-color:color-mix(in srgb,var(--reevit-primary) 40%,var(--reevit-border));border-bottom-color:transparent;background:color-mix(in srgb,var(--reevit-primary) 5%,var(--reevit-surface));position:relative;z-index:1}.reevit-psp-accordion__content{padding:16px;background:transparent;border:1px solid color-mix(in srgb,var(--reevit-primary) 40%,var(--reevit-border));border-top:none;border-radius:0 0 12px 12px;margin-top:0;overflow:hidden;animation:reevit-accordion-expand .4s cubic-bezier(.16,1,.3,1);transform-origin:top;position:relative}@keyframes reevit-accordion-expand{0%{opacity:0;max-height:0;transform:scale(.98) translateY(-8px)}to{opacity:1;max-height:1000px;transform:scale(1) translateY(0)}}.reevit-method-selector__options--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;width:100%}.reevit-method-selector__options--list{display:flex;flex-direction:column;gap:12px;width:100%}.reevit-method-option--grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;min-height:120px;background:var(--reevit-surface);border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:center;width:100%}.reevit-method-option--grid:hover:not(.reevit-method-option--disabled){border-color:var(--reevit-primary);transform:translateY(-3px);box-shadow:0 12px 24px -10px color-mix(in srgb,var(--reevit-primary) 30%,transparent)}.reevit-method-option--grid.reevit-method-option--selected{border-color:var(--reevit-primary);background:color-mix(in srgb,var(--reevit-primary) 8%,var(--reevit-surface));border-width:2px;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--reevit-primary) 35%,transparent)}.reevit-method-option--grid .reevit-method-option__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:color-mix(in srgb,var(--reevit-text) 5%,transparent);border-radius:18px;transition:all .4s cubic-bezier(.16,1,.3,1)}.reevit-method-option--grid:hover .reevit-method-option__icon-wrapper{transform:scale(1.15) rotate(5deg);background:color-mix(in srgb,var(--reevit-primary) 15%,transparent)}.reevit-method-option--grid.reevit-method-option--selected .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 25%,transparent);color:var(--reevit-primary);transform:scale(1.1)}.reevit-method-option--grid .reevit-method-option__icon{font-size:36px}.reevit-method-option--grid .reevit-method-option__label{font-size:13px;font-weight:800;color:var(--reevit-text);text-transform:uppercase;letter-spacing:.12em}.reevit-method-option--list{display:flex;flex-direction:row;align-items:center;gap:16px;padding:14px 16px;background:color-mix(in srgb,var(--reevit-text) 4%,transparent);border:1px solid transparent;border-radius:12px;box-shadow:none;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.reevit-method-option--list:hover:not(.reevit-method-option--disabled){border-color:color-mix(in srgb,var(--reevit-primary) 60%,var(--reevit-border));background:color-mix(in srgb,var(--reevit-primary) 8%,var(--reevit-surface));transform:translateY(-1px);box-shadow:0 10px 24px -18px #0f172a59}.reevit-method-option--list.reevit-method-option--selected{border-color:var(--reevit-primary);background:color-mix(in srgb,var(--reevit-primary) 12%,var(--reevit-surface));box-shadow:0 8px 20px -16px color-mix(in srgb,var(--reevit-primary) 40%,transparent)}.reevit-method-option--list .reevit-method-option__icon-wrapper{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:color-mix(in srgb,var(--reevit-text) 5%,transparent);border-radius:14px;flex-shrink:0;transition:all .2s ease;font-size:24px}.reevit-method-option--list:hover .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 12%,transparent);transform:scale(1.03)}.reevit-method-option--list.reevit-method-option--selected .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 16%,transparent);transform:scale(1.05)}.reevit-method-option--list .reevit-method-option__content{flex:1;min-width:0}.reevit-method-option--list .reevit-method-option__label{display:block;font-size:16px;font-weight:700;color:var(--reevit-text);margin-bottom:4px;letter-spacing:-.01em}.reevit-method-option--list .reevit-method-option__description{display:block;font-size:14px;color:var(--reevit-text);opacity:.6;line-height:1.4}.reevit-method-option--list .reevit-method-option__chevron{color:var(--reevit-primary);opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.reevit-method-option--list:hover .reevit-method-option__chevron,.reevit-method-option--list.reevit-method-option--selected .reevit-method-option__chevron{opacity:1;transform:translate(0)}.reevit-method-option__logos{display:flex;align-items:center;gap:4px}.reevit-method-option__logo-img{width:28px;height:28px;object-fit:contain;border-radius:4px}.reevit-method-option--grid .reevit-method-option__logos{gap:6px}.reevit-method-option--grid .reevit-method-option__logo-img{width:32px;height:32px}.reevit-loading,.reevit-success,.reevit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.reevit-success__icon{width:48px;height:48px;border-radius:50%;background:var(--reevit-success);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;animation:reevit-pop .3s ease-out}.reevit-error__icon{width:48px;height:48px;border-radius:50%;background:var(--reevit-error);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}@keyframes reevit-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.reevit-success h3,.reevit-error h3{font-size:14px;font-weight:600;color:var(--reevit-text);margin:0;letter-spacing:-.01em}.reevit-success p,.reevit-error p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-success__amount{font-size:18px;font-weight:600;color:var(--reevit-text)}.reevit-success__reference,.reevit-success__redirect{font-size:12px;color:var(--reevit-text-secondary)}.reevit-spinner{width:20px;height:20px;border:2px solid var(--reevit-border);border-top-color:var(--reevit-text);border-radius:50%;animation:reevit-spin .7s linear infinite}@keyframes reevit-spin{to{transform:rotate(360deg)}}.reevit-loading .reevit-spinner{width:32px;height:32px;border-width:2px}.reevit-loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-btn,.reevit-pay-button,.reevit-submit-btn,.reevit-retry-btn,.reevit-done-btn,.reevit-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);border:none;min-height:42px}.reevit-btn--primary,.reevit-pay-button,.reevit-submit-btn,.reevit-retry-btn,.reevit-done-btn{flex:1;background:var(--reevit-primary);color:var(--reevit-primary-foreground);border:1px solid color-mix(in srgb,var(--reevit-primary) 60%,var(--reevit-border))}@media(max-width:480px){.reevit-modal,.reevit-modal-content{max-width:100%;max-height:100%;border-radius:var(--reevit-radius-lg) var(--reevit-radius-lg) 0 0;margin-top:auto}}
1
+ @import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--reevit-primary: #0ea5e9;--reevit-primary-hover: #0284c7;--reevit-primary-foreground: #ffffff;--reevit-background: #f8fafc;--reevit-surface: #ffffff;--reevit-border: rgba(15, 23, 42, .12);--reevit-text: #0f172a;--reevit-text-secondary: #475569;--reevit-muted: #94a3b8;--reevit-success: #16a34a;--reevit-error: #dc2626;--reevit-warning: #f59e0b;--reevit-radius: .75rem;--reevit-radius-sm: .5rem;--reevit-radius-lg: 1.25rem;--reevit-font: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--reevit-shadow: 0 30px 60px -30px rgba(15, 23, 42, .35);--reevit-shadow-sm: 0 12px 24px -18px rgba(15, 23, 42, .3)}@media(prefers-color-scheme:dark){:root{--reevit-primary: #38bdf8;--reevit-primary-hover: #0ea5e9;--reevit-primary-foreground: #0b1120;--reevit-background: #0b1120;--reevit-surface: #111827;--reevit-border: rgba(148, 163, 184, .2);--reevit-text: #f8fafc;--reevit-text-secondary: #cbd5f5;--reevit-muted: #94a3b8;--reevit-success: #22c55e;--reevit-error: #f87171;--reevit-warning: #fbbf24}}.reevit-overlay,.reevit-modal-overlay{position:fixed;inset:0;background:radial-gradient(120% 120% at 50% 0%,rgba(14,165,233,.2),transparent 55%),#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:reevit-fade-in .2s ease-out}@keyframes reevit-fade-in{0%{opacity:0}to{opacity:1}}.reevit-modal,.reevit-modal-content{background:var(--reevit-background);border-radius:var(--reevit-radius-lg);border:1px solid var(--reevit-border);box-shadow:var(--reevit-shadow);width:100%;max-width:440px;min-height:360px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;font-family:var(--reevit-font);animation:reevit-slide-up .3s cubic-bezier(.22,1,.36,1);transition:min-height .4s cubic-bezier(.16,1,.3,1)}@keyframes reevit-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reevit-modal--success{border-color:var(--reevit-success)}.reevit-modal__header,.reevit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--reevit-border);background:linear-gradient(120deg,rgba(14,165,233,.08),transparent 55%)}.reevit-modal__branding{display:flex;align-items:center;gap:8px}.reevit-modal__logo{height:18px;width:auto;object-fit:contain}.reevit-modal__brand-name{font-size:12px;font-weight:600;color:var(--reevit-text)}.reevit-modal__close,.reevit-modal-close{width:28px;height:28px;border-radius:var(--reevit-radius-sm);border:1px solid var(--reevit-border);background:transparent;color:var(--reevit-text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reevit-modal__close:hover,.reevit-modal-close:hover{background:var(--reevit-surface);color:var(--reevit-text);border-color:var(--reevit-text-secondary)}.reevit-modal__amount{padding:28px 22px;text-align:center;background:linear-gradient(135deg,#0ea5e91f,#0ea5e90a);border-bottom:1px solid var(--reevit-border)}.reevit-modal__amount-label{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--reevit-text-secondary);margin-bottom:8px}.reevit-modal__amount-value{display:block;font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--reevit-text)}.reevit-modal__content,.reevit-modal-body{flex:1;overflow-y:auto;padding:20px}.reevit-modal__footer,.reevit-modal-footer{padding:14px 20px;border-top:1px solid var(--reevit-border);text-align:center;background:var(--reevit-surface)}.reevit-modal__secured,.reevit-trust-badges{font-size:11px;font-weight:500;color:var(--reevit-text-secondary);letter-spacing:.02em}.reevit-psp-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:12px}.reevit-psp-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--reevit-border);background:var(--reevit-surface);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;position:relative}.reevit-psp-option:hover:not(.reevit-psp-option--disabled):not(.reevit-psp-option--selected){border-color:color-mix(in srgb,var(--reevit-primary) 50%,var(--reevit-border));background:color-mix(in srgb,var(--reevit-primary) 4%,var(--reevit-surface));transform:translateY(-1px)}.reevit-psp-option--selected{border-radius:12px 12px 0 0!important;box-shadow:none;border-color:color-mix(in srgb,var(--reevit-primary) 40%,var(--reevit-border));border-bottom-color:transparent;background:color-mix(in srgb,var(--reevit-primary) 5%,var(--reevit-surface));position:relative;z-index:1}.reevit-psp-accordion__content{padding:16px;background:transparent;border:1px solid color-mix(in srgb,var(--reevit-primary) 40%,var(--reevit-border));border-top:none;border-radius:0 0 12px 12px;margin-top:0;overflow:hidden;animation:reevit-accordion-expand .4s cubic-bezier(.16,1,.3,1);transform-origin:top;position:relative}@keyframes reevit-accordion-expand{0%{opacity:0;max-height:0;transform:scale(.98) translateY(-8px)}to{opacity:1;max-height:1000px;transform:scale(1) translateY(0)}}.reevit-method-selector__options--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;width:100%}.reevit-method-selector__options--list{display:flex;flex-direction:column;gap:12px;width:100%}.reevit-method-option--grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;min-height:120px;background:var(--reevit-surface);border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:center;width:100%}.reevit-method-option--grid:hover:not(.reevit-method-option--disabled){border-color:var(--reevit-primary);transform:translateY(-3px);box-shadow:0 12px 24px -10px color-mix(in srgb,var(--reevit-primary) 30%,transparent)}.reevit-method-option--grid.reevit-method-option--selected{border-color:var(--reevit-primary);background:color-mix(in srgb,var(--reevit-primary) 8%,var(--reevit-surface));border-width:2px;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--reevit-primary) 35%,transparent)}.reevit-method-option--grid .reevit-method-option__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:color-mix(in srgb,var(--reevit-text) 5%,transparent);border-radius:18px;transition:all .4s cubic-bezier(.16,1,.3,1)}.reevit-method-option--grid:hover .reevit-method-option__icon-wrapper{transform:scale(1.15) rotate(5deg);background:color-mix(in srgb,var(--reevit-primary) 15%,transparent)}.reevit-method-option--grid.reevit-method-option--selected .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 25%,transparent);color:var(--reevit-primary);transform:scale(1.1)}.reevit-method-option--grid .reevit-method-option__icon{font-size:36px}.reevit-method-option--grid .reevit-method-option__label{font-size:13px;font-weight:800;color:var(--reevit-text);text-transform:uppercase;letter-spacing:.12em}.reevit-method-option--list{display:flex;flex-direction:row;align-items:center;gap:16px;padding:14px 16px;background:color-mix(in srgb,var(--reevit-text) 4%,transparent);border:1px solid transparent;border-radius:12px;box-shadow:none;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.reevit-method-option--list:hover:not(.reevit-method-option--disabled){border-color:color-mix(in srgb,var(--reevit-primary) 60%,var(--reevit-border));background:color-mix(in srgb,var(--reevit-primary) 8%,var(--reevit-surface));transform:translateY(-1px);box-shadow:0 10px 24px -18px #0f172a59}.reevit-method-option--list.reevit-method-option--selected{border-color:var(--reevit-primary);background:color-mix(in srgb,var(--reevit-primary) 12%,var(--reevit-surface));box-shadow:0 8px 20px -16px color-mix(in srgb,var(--reevit-primary) 40%,transparent)}.reevit-method-option--list .reevit-method-option__icon-wrapper{display:flex;align-items:center;justify-content:flex-start;min-width:fit-content;height:50px;background:transparent;border-radius:14px;flex-shrink:0;transition:all .2s ease;font-size:24px}.reevit-method-option--list:hover .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 12%,transparent);transform:scale(1.03)}.reevit-method-option--list.reevit-method-option--selected .reevit-method-option__icon-wrapper{background:color-mix(in srgb,var(--reevit-primary) 16%,transparent);transform:scale(1.05)}.reevit-method-option--list .reevit-method-option__content{flex:1;min-width:0}.reevit-method-option--list .reevit-method-option__label{display:block;font-size:16px;font-weight:700;color:var(--reevit-text);margin-bottom:4px;letter-spacing:-.01em}.reevit-method-option--list .reevit-method-option__description{display:block;font-size:14px;color:var(--reevit-text);opacity:.6;line-height:1.4}.reevit-method-option--list .reevit-method-option__chevron{color:var(--reevit-primary);opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.reevit-method-option--list:hover .reevit-method-option__chevron,.reevit-method-option--list.reevit-method-option--selected .reevit-method-option__chevron{opacity:1;transform:translate(0)}.reevit-method-option__logos{display:flex;align-items:center;gap:6px}.reevit-method-option__logo-img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#f8fafc;padding:4px;box-shadow:0 1px 3px #00000014}.reevit-method-option--grid .reevit-method-option__logos{gap:6px}.reevit-method-option--grid .reevit-method-option__logo-img{width:32px;height:32px}.reevit-loading,.reevit-success,.reevit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.reevit-success__icon{width:48px;height:48px;border-radius:50%;background:var(--reevit-success);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;animation:reevit-pop .3s ease-out}.reevit-error__icon{width:48px;height:48px;border-radius:50%;background:var(--reevit-error);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}@keyframes reevit-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.reevit-success h3,.reevit-error h3{font-size:14px;font-weight:600;color:var(--reevit-text);margin:0;letter-spacing:-.01em}.reevit-success p,.reevit-error p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-success__amount{font-size:18px;font-weight:600;color:var(--reevit-text)}.reevit-success__reference,.reevit-success__redirect{font-size:12px;color:var(--reevit-text-secondary)}.reevit-spinner{width:20px;height:20px;border:2px solid var(--reevit-border);border-top-color:var(--reevit-text);border-radius:50%;animation:reevit-spin .7s linear infinite}@keyframes reevit-spin{to{transform:rotate(360deg)}}.reevit-loading .reevit-spinner{width:32px;height:32px;border-width:2px}.reevit-loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-btn,.reevit-pay-button,.reevit-submit-btn,.reevit-retry-btn,.reevit-done-btn,.reevit-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);border:none;min-height:42px}.reevit-btn--primary,.reevit-pay-button,.reevit-submit-btn,.reevit-retry-btn,.reevit-done-btn{flex:1;background:var(--reevit-primary);color:var(--reevit-primary-foreground);border:1px solid color-mix(in srgb,var(--reevit-primary) 60%,var(--reevit-border))}@media(max-width:480px){.reevit-modal,.reevit-modal-content{max-width:100%;max-height:100%;border-radius:var(--reevit-radius-lg) var(--reevit-radius-lg) 0 0;margin-top:auto}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reevit/vue",
3
- "version": "0.5.0",
3
+ "version": "0.5.1",
4
4
  "description": "Unified Payment Widget for Vue 3 Applications",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -45,7 +45,7 @@
45
45
  "vue": "^3.3.0"
46
46
  },
47
47
  "dependencies": {
48
- "@reevit/core": "^0.5.0",
48
+ "@reevit/core": "^0.5.1",
49
49
  "@hubteljs/checkout": "^1.0.4"
50
50
  },
51
51
  "devDependencies": {