@reevit/svelte 0.4.8 → 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.
- package/README.md +75 -7
- package/dist/index.js +2 -2
- package/dist/index.mjs +2304 -2108
- package/dist/stores/reevit.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/svelte.css +1 -1
- package/package.json +4 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reevit.d.ts","sourceRoot":"","sources":["../../src/stores/reevit.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,YAAY,EAEjB,KAAK,WAAW,EAMjB,MAAM,cAAc,CAAC;AAgBtB,UAAU,wBAAwB;IAChC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAGD,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACxC,KAAK,YAAY,GAAG,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"reevit.d.ts","sourceRoot":"","sources":["../../src/stores/reevit.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,YAAY,EAEjB,KAAK,WAAW,EAMjB,MAAM,cAAc,CAAC;AAgBtB,UAAU,wBAAwB;IAChC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAGD,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACxC,KAAK,YAAY,GAAG,MAAM,IAAI,CAAC;AAkH/B;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,wBAAwB;4BA6ClC,UAAU,CAAC,WAAW,CAAC,KAAG,YAAY;0BAQ1D,aAAa,YACZ;QAAE,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE;2BAkGzC,aAAa;kCAKA,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;gCA8DzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;4BAKjC,YAAY;;;;;;;;;;;;EA4D5C;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap";:root{--reevit-primary: oklch(.922 0 0);--reevit-primary-hover: oklch(.85 0 0);--reevit-primary-foreground: oklch(.145 0 0);--reevit-background: oklch(1 0 0);--reevit-surface: oklch(.97 0 0);--reevit-border: oklch(.922 0 0);--reevit-text: oklch(.145 0 0);--reevit-text-secondary: oklch(.556 0 0);--reevit-muted: oklch(.708 0 0);--reevit-success: oklch(.696 .17 162.48);--reevit-error: oklch(.577 .245 27.325);--reevit-warning: oklch(.828 .189 84.429);--reevit-radius: .75rem;--reevit-radius-sm: .5rem;--reevit-radius-lg: 1.25rem;--reevit-font: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--reevit-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15);--reevit-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--reevit-primary: oklch(.922 0 0);--reevit-primary-hover: oklch(.85 0 0);--reevit-primary-foreground: oklch(.145 0 0);--reevit-background: oklch(.145 0 0);--reevit-surface: oklch(.205 0 0);--reevit-border: oklch(1 0 0 / 10%);--reevit-text: oklch(.985 0 0);--reevit-text-secondary: oklch(.708 0 0);--reevit-muted: oklch(.556 0 0);--reevit-success: oklch(.696 .17 162.48);--reevit-error: oklch(.704 .191 22.216);--reevit-warning: oklch(.828 .189 84.429)}}.reevit-overlay{position:fixed;inset:0;background:#000000b3;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}.reevit-modal{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:380px;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{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--reevit-border)}.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{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{background:var(--reevit-surface);color:var(--reevit-text);border-color:var(--reevit-text-secondary)}.reevit-modal__amount{padding:32px 20px;text-align:center;background:var(--reevit-surface);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{flex:1;overflow-y:auto;padding:20px}.reevit-modal__footer{padding:14px 20px;border-top:1px solid var(--reevit-border);text-align:center;background:var(--reevit-surface)}.reevit-modal__secured{font-size:11px;font-weight:500;color:var(--reevit-text-secondary);letter-spacing:.02em}@keyframes reevit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reevit-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@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-animate-slide-up{animation:reevit-slide-up .5s cubic-bezier(.16,1,.3,1)}.reevit-animate-fade-in{animation:reevit-fade-in .4s ease-out}.reevit-psp-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:12px}.reevit-psp-accordion:last-child{margin-bottom:0}.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}.reevit-method-selector{margin-bottom:24px;width:100%}.reevit-method-selector__label{font-size:13px;font-weight:600;color:var(--reevit-text);margin-bottom:16px;letter-spacing:-.01em;opacity:.8}.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%;animation:reevit-slide-up .4s ease-out backwards}.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:34px}.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-momo-form{display:flex;flex-direction:column;gap:16px;width:100%}.reevit-momo-form__field{display:flex;flex-direction:column;gap:8px}.reevit-momo-form__label{font-size:13px;font-weight:600;color:var(--reevit-text);letter-spacing:-.01em}.reevit-momo-form__input{padding:14px 16px;font-size:15px;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);background:var(--reevit-surface);color:var(--reevit-text);transition:all .2s ease;font-family:var(--reevit-font);width:100%}.reevit-momo-form__input:focus{outline:none;border-color:var(--reevit-primary);border-width:1.5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--reevit-primary) 10%,transparent)}.reevit-momo-form__input--error{border-color:var(--reevit-error)}.reevit-momo-form__formatted{font-size:12px;color:var(--reevit-text-secondary);font-family:var(--reevit-font-mono, monospace);margin-top:2px}.reevit-momo-form__error{font-size:12px;color:var(--reevit-error);margin-top:4px}.reevit-momo-form__networks{display:flex;gap:10px}.reevit-network-btn{flex:1;padding:12px;font-size:12px;font-weight:700;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius-sm);background:transparent;color:var(--reevit-text);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.reevit-network-btn:hover:not(:disabled){border-color:var(--reevit-text-secondary);background:#ffffff05}.reevit-network-btn--selected{border-color:var(--network-color, var(--reevit-primary));background:color-mix(in srgb,var(--network-color, var(--reevit-primary)) 10%,transparent);color:var(--reevit-text)}.reevit-momo-form__actions{display:flex;gap:12px;margin-top:8px}.reevit-momo-form__hint{font-size:12px;color:var(--reevit-text-secondary);text-align:center;line-height:1.5;margin:0}.reevit-inline-action .reevit-momo-form__networks,.reevit-inline-action .reevit-momo-form__actions .reevit-btn--secondary{display:none}.reevit-inline-action .reevit-momo-form__actions .reevit-btn--primary{flex:1}.reevit-inline-action .reevit-momo-form__hint{display:none}.reevit-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;letter-spacing:-.01em}.reevit-btn--primary{flex:1;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border)}.reevit-btn--primary:hover:not(:disabled){background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-btn--primary:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-btn--primary:active:not(:disabled){background:#eee;transform:scale(.98)}.reevit-btn--primary:disabled{opacity:.5;cursor:not-allowed}.reevit-btn--secondary{background:transparent;color:var(--reevit-text);border:1px solid var(--reevit-border)}.reevit-btn--secondary:hover:not(:disabled){background:transparent;border-color:var(--reevit-text)}.reevit-btn--secondary:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-trigger-btn{padding:10px 18px;font-size:13px;font-weight:600;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);cursor:pointer;font-family:var(--reevit-font);transition:all .15s ease;letter-spacing:-.01em}.reevit-trigger-btn:hover{background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-trigger-btn:focus{outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}@media(prefers-color-scheme:dark){.reevit-btn--primary{background:#fafafa;color:#0a0a0a}.reevit-btn--primary:hover:not(:disabled){background:#dedede}.reevit-btn--primary:active:not(:disabled){background:#cecece}.reevit-trigger-btn{background:#fafafa;color:#0a0a0a}.reevit-trigger-btn:hover{background:#dedede}}.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-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-psp-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.reevit-psp-bridge__loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-method-step__actions{margin-top:16px}.reevit-stripe-bridge{display:flex;flex-direction:column;gap:20px;width:100%}.reevit-stripe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px;min-height:200px}.reevit-stripe-loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-stripe-element{min-height:200px;border-radius:var(--reevit-radius)}.reevit-stripe-element iframe{border-radius:var(--reevit-radius)}.reevit-stripe-error{padding:10px 14px;background:#e400141a;background:oklch(.577 .245 27.325 / .1);border:1px solid var(--reevit-error);border-radius:var(--reevit-radius)}.reevit-stripe-error p{font-size:12px;color:var(--reevit-error);margin:0}.reevit-stripe-actions{display:flex;gap:10px;margin-top:4px}.reevit-submit-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);min-height:44px;letter-spacing:-.01em;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border)}.reevit-submit-btn:hover:not(:disabled){background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-submit-btn:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-submit-btn:active:not(:disabled){background:#eee;transform:scale(.98)}.reevit-submit-btn:disabled{opacity:.5;cursor:not-allowed}.reevit-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);min-height:44px;letter-spacing:-.01em;background:transparent;color:var(--reevit-text);border:1px solid var(--reevit-border)}.reevit-cancel-btn:hover:not(:disabled){background:transparent;border-color:var(--reevit-text)}.reevit-cancel-btn:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-cancel-btn:active:not(:disabled){transform:scale(.98)}.reevit-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.reevit-submit-btn{background:#fafafa;color:#0a0a0a}.reevit-submit-btn:hover:not(:disabled){background:#dedede}.reevit-submit-btn:active:not(:disabled){background:#cecece}}@media(max-width:480px){.reevit-modal{max-width:100%;max-height:100%;border-radius:var(--reevit-radius-lg) var(--reevit-radius-lg) 0 0;margin-top:auto}.reevit-modal__amount-value{font-size:28px}.reevit-momo-form__networks{flex-direction:column}.reevit-momo-form__actions{flex-direction:column-reverse}.reevit-btn--secondary{flex:none}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap";:root{--reevit-primary: oklch(.922 0 0);--reevit-primary-hover: oklch(.85 0 0);--reevit-primary-foreground: oklch(.145 0 0);--reevit-background: oklch(1 0 0);--reevit-surface: oklch(.97 0 0);--reevit-border: oklch(.922 0 0);--reevit-text: oklch(.145 0 0);--reevit-text-secondary: oklch(.556 0 0);--reevit-muted: oklch(.708 0 0);--reevit-success: oklch(.696 .17 162.48);--reevit-error: oklch(.577 .245 27.325);--reevit-warning: oklch(.828 .189 84.429);--reevit-radius: .75rem;--reevit-radius-sm: .5rem;--reevit-radius-lg: 1.25rem;--reevit-font: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--reevit-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15);--reevit-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--reevit-primary: oklch(.922 0 0);--reevit-primary-hover: oklch(.85 0 0);--reevit-primary-foreground: oklch(.145 0 0);--reevit-background: oklch(.145 0 0);--reevit-surface: oklch(.205 0 0);--reevit-border: oklch(1 0 0 / 10%);--reevit-text: oklch(.985 0 0);--reevit-text-secondary: oklch(.708 0 0);--reevit-muted: oklch(.556 0 0);--reevit-success: oklch(.696 .17 162.48);--reevit-error: oklch(.704 .191 22.216);--reevit-warning: oklch(.828 .189 84.429)}}.reevit-overlay{position:fixed;inset:0;background:#000000b3;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}.reevit-modal{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{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--reevit-border)}.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{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{background:var(--reevit-surface);color:var(--reevit-text);border-color:var(--reevit-text-secondary)}.reevit-modal__amount{padding:32px 20px;text-align:center;background:var(--reevit-surface);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{flex:1;overflow-y:auto;padding:20px}.reevit-modal__footer{padding:14px 20px;border-top:1px solid var(--reevit-border);text-align:center;background:var(--reevit-surface)}.reevit-modal__secured{font-size:11px;font-weight:500;color:var(--reevit-text-secondary);letter-spacing:.02em}@keyframes reevit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reevit-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@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-animate-slide-up{animation:reevit-slide-up .5s cubic-bezier(.16,1,.3,1)}.reevit-animate-fade-in{animation:reevit-fade-in .4s ease-out}.reevit-psp-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:12px}.reevit-psp-accordion:last-child{margin-bottom:0}.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}.reevit-method-selector{margin-bottom:24px;width:100%}.reevit-method-selector__label{font-size:13px;font-weight:600;color:var(--reevit-text);margin-bottom:16px;letter-spacing:-.01em;opacity:.8}.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%;animation:reevit-slide-up .4s ease-out backwards}.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:34px}.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-momo-form{display:flex;flex-direction:column;gap:16px;width:100%}.reevit-momo-form__field{display:flex;flex-direction:column;gap:8px}.reevit-momo-form__label{font-size:13px;font-weight:600;color:var(--reevit-text);letter-spacing:-.01em}.reevit-momo-form__input{padding:14px 16px;font-size:15px;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);background:var(--reevit-surface);color:var(--reevit-text);transition:all .2s ease;font-family:var(--reevit-font);width:100%}.reevit-momo-form__input:focus{outline:none;border-color:var(--reevit-primary);border-width:1.5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--reevit-primary) 10%,transparent)}.reevit-momo-form__input--error{border-color:var(--reevit-error)}.reevit-momo-form__formatted{font-size:12px;color:var(--reevit-text-secondary);font-family:var(--reevit-font-mono, monospace);margin-top:2px}.reevit-momo-form__error{font-size:12px;color:var(--reevit-error);margin-top:4px}.reevit-momo-form__networks{display:flex;gap:10px}.reevit-network-btn{flex:1;padding:12px;font-size:12px;font-weight:700;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius-sm);background:transparent;color:var(--reevit-text);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.reevit-network-btn:hover:not(:disabled){border-color:var(--reevit-text-secondary);background:#ffffff05}.reevit-network-btn--selected{border-color:var(--network-color, var(--reevit-primary));background:color-mix(in srgb,var(--network-color, var(--reevit-primary)) 10%,transparent);color:var(--reevit-text)}.reevit-momo-form__actions{display:flex;gap:12px;margin-top:8px}.reevit-momo-form__hint{font-size:12px;color:var(--reevit-text-secondary);text-align:center;line-height:1.5;margin:0}.reevit-inline-action .reevit-momo-form__networks,.reevit-inline-action .reevit-momo-form__actions .reevit-btn--secondary{display:none}.reevit-inline-action .reevit-momo-form__actions .reevit-btn--primary{flex:1}.reevit-inline-action .reevit-momo-form__hint{display:none}.reevit-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;letter-spacing:-.01em}.reevit-btn--primary{flex:1;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border)}.reevit-btn--primary:hover:not(:disabled){background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-btn--primary:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-btn--primary:active:not(:disabled){background:#eee;transform:scale(.98)}.reevit-btn--primary:disabled{opacity:.5;cursor:not-allowed}.reevit-btn--secondary{background:transparent;color:var(--reevit-text);border:1px solid var(--reevit-border)}.reevit-btn--secondary:hover:not(:disabled){background:transparent;border-color:var(--reevit-text)}.reevit-btn--secondary:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-trigger-btn{padding:10px 18px;font-size:13px;font-weight:600;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);cursor:pointer;font-family:var(--reevit-font);transition:all .15s ease;letter-spacing:-.01em}.reevit-trigger-btn:hover{background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-trigger-btn:focus{outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}@media(prefers-color-scheme:dark){.reevit-btn--primary{background:#fafafa;color:#0a0a0a}.reevit-btn--primary:hover:not(:disabled){background:#dedede}.reevit-btn--primary:active:not(:disabled){background:#cecece}.reevit-trigger-btn{background:#fafafa;color:#0a0a0a}.reevit-trigger-btn:hover{background:#dedede}}.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-psp-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.reevit-psp-bridge__loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-method-step__actions{margin-top:16px}.reevit-stripe-bridge{display:flex;flex-direction:column;gap:20px;width:100%}.reevit-stripe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px;min-height:200px}.reevit-stripe-loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-stripe-element{min-height:200px;border-radius:var(--reevit-radius)}.reevit-stripe-element iframe{border-radius:var(--reevit-radius)}.reevit-stripe-error{padding:10px 14px;background:#e400141a;background:oklch(.577 .245 27.325 / .1);border:1px solid var(--reevit-error);border-radius:var(--reevit-radius)}.reevit-stripe-error p{font-size:12px;color:var(--reevit-error);margin:0}.reevit-stripe-actions{display:flex;gap:10px;margin-top:4px}.reevit-submit-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);min-height:44px;letter-spacing:-.01em;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border)}.reevit-submit-btn:hover:not(:disabled){background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-submit-btn:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-submit-btn:active:not(:disabled){background:#eee;transform:scale(.98)}.reevit-submit-btn:disabled{opacity:.5;cursor:not-allowed}.reevit-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);min-height:44px;letter-spacing:-.01em;background:transparent;color:var(--reevit-text);border:1px solid var(--reevit-border)}.reevit-cancel-btn:hover:not(:disabled){background:transparent;border-color:var(--reevit-text)}.reevit-cancel-btn:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-cancel-btn:active:not(:disabled){transform:scale(.98)}.reevit-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.reevit-submit-btn{background:#fafafa;color:#0a0a0a}.reevit-submit-btn:hover:not(:disabled){background:#dedede}.reevit-submit-btn:active:not(:disabled){background:#cecece}}@media(max-width:480px){.reevit-modal{max-width:100%;max-height:100%;border-radius:var(--reevit-radius-lg) var(--reevit-radius-lg) 0 0;margin-top:auto}.reevit-modal__amount-value{font-size:28px}.reevit-momo-form__networks{flex-direction:column}.reevit-momo-form__actions{flex-direction:column-reverse}.reevit-btn--secondary{flex:none}}
|
package/dist/svelte.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap";:root{--reevit-primary: oklch(.922 0 0);--reevit-primary-hover: oklch(.85 0 0);--reevit-primary-foreground: oklch(.145 0 0);--reevit-background: oklch(1 0 0);--reevit-surface: oklch(.97 0 0);--reevit-border: oklch(.922 0 0);--reevit-text: oklch(.145 0 0);--reevit-text-secondary: oklch(.556 0 0);--reevit-muted: oklch(.708 0 0);--reevit-success: oklch(.696 .17 162.48);--reevit-error: oklch(.577 .245 27.325);--reevit-warning: oklch(.828 .189 84.429);--reevit-radius: .75rem;--reevit-radius-sm: .5rem;--reevit-radius-lg: 1.25rem;--reevit-font: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--reevit-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15);--reevit-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--reevit-primary: oklch(.922 0 0);--reevit-primary-hover: oklch(.85 0 0);--reevit-primary-foreground: oklch(.145 0 0);--reevit-background: oklch(.145 0 0);--reevit-surface: oklch(.205 0 0);--reevit-border: oklch(1 0 0 / 10%);--reevit-text: oklch(.985 0 0);--reevit-text-secondary: oklch(.708 0 0);--reevit-muted: oklch(.556 0 0);--reevit-success: oklch(.696 .17 162.48);--reevit-error: oklch(.704 .191 22.216);--reevit-warning: oklch(.828 .189 84.429)}}.reevit-overlay{position:fixed;inset:0;background:#000000b3;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}.reevit-modal{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:380px;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{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--reevit-border)}.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{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{background:var(--reevit-surface);color:var(--reevit-text);border-color:var(--reevit-text-secondary)}.reevit-modal__amount{padding:32px 20px;text-align:center;background:var(--reevit-surface);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{flex:1;overflow-y:auto;padding:20px}.reevit-modal__footer{padding:14px 20px;border-top:1px solid var(--reevit-border);text-align:center;background:var(--reevit-surface)}.reevit-modal__secured{font-size:11px;font-weight:500;color:var(--reevit-text-secondary);letter-spacing:.02em}@keyframes reevit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reevit-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@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-animate-slide-up{animation:reevit-slide-up .5s cubic-bezier(.16,1,.3,1)}.reevit-animate-fade-in{animation:reevit-fade-in .4s ease-out}.reevit-psp-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:12px}.reevit-psp-accordion:last-child{margin-bottom:0}.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}.reevit-method-selector{margin-bottom:24px;width:100%}.reevit-method-selector__label{font-size:13px;font-weight:600;color:var(--reevit-text);margin-bottom:16px;letter-spacing:-.01em;opacity:.8}.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%;animation:reevit-slide-up .4s ease-out backwards}.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:34px}.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-momo-form{display:flex;flex-direction:column;gap:16px;width:100%}.reevit-momo-form__field{display:flex;flex-direction:column;gap:8px}.reevit-momo-form__label{font-size:13px;font-weight:600;color:var(--reevit-text);letter-spacing:-.01em}.reevit-momo-form__input{padding:14px 16px;font-size:15px;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);background:var(--reevit-surface);color:var(--reevit-text);transition:all .2s ease;font-family:var(--reevit-font);width:100%}.reevit-momo-form__input:focus{outline:none;border-color:var(--reevit-primary);border-width:1.5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--reevit-primary) 10%,transparent)}.reevit-momo-form__input--error{border-color:var(--reevit-error)}.reevit-momo-form__formatted{font-size:12px;color:var(--reevit-text-secondary);font-family:var(--reevit-font-mono, monospace);margin-top:2px}.reevit-momo-form__error{font-size:12px;color:var(--reevit-error);margin-top:4px}.reevit-momo-form__networks{display:flex;gap:10px}.reevit-network-btn{flex:1;padding:12px;font-size:12px;font-weight:700;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius-sm);background:transparent;color:var(--reevit-text);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.reevit-network-btn:hover:not(:disabled){border-color:var(--reevit-text-secondary);background:#ffffff05}.reevit-network-btn--selected{border-color:var(--network-color, var(--reevit-primary));background:color-mix(in srgb,var(--network-color, var(--reevit-primary)) 10%,transparent);color:var(--reevit-text)}.reevit-momo-form__actions{display:flex;gap:12px;margin-top:8px}.reevit-momo-form__hint{font-size:12px;color:var(--reevit-text-secondary);text-align:center;line-height:1.5;margin:0}.reevit-inline-action .reevit-momo-form__networks,.reevit-inline-action .reevit-momo-form__actions .reevit-btn--secondary{display:none}.reevit-inline-action .reevit-momo-form__actions .reevit-btn--primary{flex:1}.reevit-inline-action .reevit-momo-form__hint{display:none}.reevit-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;letter-spacing:-.01em}.reevit-btn--primary{flex:1;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border)}.reevit-btn--primary:hover:not(:disabled){background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-btn--primary:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-btn--primary:active:not(:disabled){background:#eee;transform:scale(.98)}.reevit-btn--primary:disabled{opacity:.5;cursor:not-allowed}.reevit-btn--secondary{background:transparent;color:var(--reevit-text);border:1px solid var(--reevit-border)}.reevit-btn--secondary:hover:not(:disabled){background:transparent;border-color:var(--reevit-text)}.reevit-btn--secondary:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-trigger-btn{padding:10px 18px;font-size:13px;font-weight:600;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);cursor:pointer;font-family:var(--reevit-font);transition:all .15s ease;letter-spacing:-.01em}.reevit-trigger-btn:hover{background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-trigger-btn:focus{outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}@media(prefers-color-scheme:dark){.reevit-btn--primary{background:#fafafa;color:#0a0a0a}.reevit-btn--primary:hover:not(:disabled){background:#dedede}.reevit-btn--primary:active:not(:disabled){background:#cecece}.reevit-trigger-btn{background:#fafafa;color:#0a0a0a}.reevit-trigger-btn:hover{background:#dedede}}.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-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-psp-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.reevit-psp-bridge__loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-method-step__actions{margin-top:16px}.reevit-stripe-bridge{display:flex;flex-direction:column;gap:20px;width:100%}.reevit-stripe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px;min-height:200px}.reevit-stripe-loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-stripe-element{min-height:200px;border-radius:var(--reevit-radius)}.reevit-stripe-element iframe{border-radius:var(--reevit-radius)}.reevit-stripe-error{padding:10px 14px;background:#e400141a;background:oklch(.577 .245 27.325 / .1);border:1px solid var(--reevit-error);border-radius:var(--reevit-radius)}.reevit-stripe-error p{font-size:12px;color:var(--reevit-error);margin:0}.reevit-stripe-actions{display:flex;gap:10px;margin-top:4px}.reevit-submit-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);min-height:44px;letter-spacing:-.01em;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border)}.reevit-submit-btn:hover:not(:disabled){background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-submit-btn:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-submit-btn:active:not(:disabled){background:#eee;transform:scale(.98)}.reevit-submit-btn:disabled{opacity:.5;cursor:not-allowed}.reevit-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);min-height:44px;letter-spacing:-.01em;background:transparent;color:var(--reevit-text);border:1px solid var(--reevit-border)}.reevit-cancel-btn:hover:not(:disabled){background:transparent;border-color:var(--reevit-text)}.reevit-cancel-btn:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-cancel-btn:active:not(:disabled){transform:scale(.98)}.reevit-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.reevit-submit-btn{background:#fafafa;color:#0a0a0a}.reevit-submit-btn:hover:not(:disabled){background:#dedede}.reevit-submit-btn:active:not(:disabled){background:#cecece}}@media(max-width:480px){.reevit-modal{max-width:100%;max-height:100%;border-radius:var(--reevit-radius-lg) var(--reevit-radius-lg) 0 0;margin-top:auto}.reevit-modal__amount-value{font-size:28px}.reevit-momo-form__networks{flex-direction:column}.reevit-momo-form__actions{flex-direction:column-reverse}.reevit-btn--secondary{flex:none}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap";:root{--reevit-primary: oklch(.922 0 0);--reevit-primary-hover: oklch(.85 0 0);--reevit-primary-foreground: oklch(.145 0 0);--reevit-background: oklch(1 0 0);--reevit-surface: oklch(.97 0 0);--reevit-border: oklch(.922 0 0);--reevit-text: oklch(.145 0 0);--reevit-text-secondary: oklch(.556 0 0);--reevit-muted: oklch(.708 0 0);--reevit-success: oklch(.696 .17 162.48);--reevit-error: oklch(.577 .245 27.325);--reevit-warning: oklch(.828 .189 84.429);--reevit-radius: .75rem;--reevit-radius-sm: .5rem;--reevit-radius-lg: 1.25rem;--reevit-font: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--reevit-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15);--reevit-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--reevit-primary: oklch(.922 0 0);--reevit-primary-hover: oklch(.85 0 0);--reevit-primary-foreground: oklch(.145 0 0);--reevit-background: oklch(.145 0 0);--reevit-surface: oklch(.205 0 0);--reevit-border: oklch(1 0 0 / 10%);--reevit-text: oklch(.985 0 0);--reevit-text-secondary: oklch(.708 0 0);--reevit-muted: oklch(.556 0 0);--reevit-success: oklch(.696 .17 162.48);--reevit-error: oklch(.704 .191 22.216);--reevit-warning: oklch(.828 .189 84.429)}}.reevit-overlay{position:fixed;inset:0;background:#000000b3;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}.reevit-modal{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{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--reevit-border)}.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{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{background:var(--reevit-surface);color:var(--reevit-text);border-color:var(--reevit-text-secondary)}.reevit-modal__amount{padding:32px 20px;text-align:center;background:var(--reevit-surface);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{flex:1;overflow-y:auto;padding:20px}.reevit-modal__footer{padding:14px 20px;border-top:1px solid var(--reevit-border);text-align:center;background:var(--reevit-surface)}.reevit-modal__secured{font-size:11px;font-weight:500;color:var(--reevit-text-secondary);letter-spacing:.02em}@keyframes reevit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reevit-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@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-animate-slide-up{animation:reevit-slide-up .5s cubic-bezier(.16,1,.3,1)}.reevit-animate-fade-in{animation:reevit-fade-in .4s ease-out}.reevit-psp-accordion{display:flex;flex-direction:column;gap:0;margin-bottom:12px}.reevit-psp-accordion:last-child{margin-bottom:0}.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}.reevit-method-selector{margin-bottom:24px;width:100%}.reevit-method-selector__label{font-size:13px;font-weight:600;color:var(--reevit-text);margin-bottom:16px;letter-spacing:-.01em;opacity:.8}.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%;animation:reevit-slide-up .4s ease-out backwards}.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:34px}.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-momo-form{display:flex;flex-direction:column;gap:16px;width:100%}.reevit-momo-form__field{display:flex;flex-direction:column;gap:8px}.reevit-momo-form__label{font-size:13px;font-weight:600;color:var(--reevit-text);letter-spacing:-.01em}.reevit-momo-form__input{padding:14px 16px;font-size:15px;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);background:var(--reevit-surface);color:var(--reevit-text);transition:all .2s ease;font-family:var(--reevit-font);width:100%}.reevit-momo-form__input:focus{outline:none;border-color:var(--reevit-primary);border-width:1.5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--reevit-primary) 10%,transparent)}.reevit-momo-form__input--error{border-color:var(--reevit-error)}.reevit-momo-form__formatted{font-size:12px;color:var(--reevit-text-secondary);font-family:var(--reevit-font-mono, monospace);margin-top:2px}.reevit-momo-form__error{font-size:12px;color:var(--reevit-error);margin-top:4px}.reevit-momo-form__networks{display:flex;gap:10px}.reevit-network-btn{flex:1;padding:12px;font-size:12px;font-weight:700;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius-sm);background:transparent;color:var(--reevit-text);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.reevit-network-btn:hover:not(:disabled){border-color:var(--reevit-text-secondary);background:#ffffff05}.reevit-network-btn--selected{border-color:var(--network-color, var(--reevit-primary));background:color-mix(in srgb,var(--network-color, var(--reevit-primary)) 10%,transparent);color:var(--reevit-text)}.reevit-momo-form__actions{display:flex;gap:12px;margin-top:8px}.reevit-momo-form__hint{font-size:12px;color:var(--reevit-text-secondary);text-align:center;line-height:1.5;margin:0}.reevit-inline-action .reevit-momo-form__networks,.reevit-inline-action .reevit-momo-form__actions .reevit-btn--secondary{display:none}.reevit-inline-action .reevit-momo-form__actions .reevit-btn--primary{flex:1}.reevit-inline-action .reevit-momo-form__hint{display:none}.reevit-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;letter-spacing:-.01em}.reevit-btn--primary{flex:1;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border)}.reevit-btn--primary:hover:not(:disabled){background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-btn--primary:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-btn--primary:active:not(:disabled){background:#eee;transform:scale(.98)}.reevit-btn--primary:disabled{opacity:.5;cursor:not-allowed}.reevit-btn--secondary{background:transparent;color:var(--reevit-text);border:1px solid var(--reevit-border)}.reevit-btn--secondary:hover:not(:disabled){background:transparent;border-color:var(--reevit-text)}.reevit-btn--secondary:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-trigger-btn{padding:10px 18px;font-size:13px;font-weight:600;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border);border-radius:var(--reevit-radius);cursor:pointer;font-family:var(--reevit-font);transition:all .15s ease;letter-spacing:-.01em}.reevit-trigger-btn:hover{background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-trigger-btn:focus{outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}@media(prefers-color-scheme:dark){.reevit-btn--primary{background:#fafafa;color:#0a0a0a}.reevit-btn--primary:hover:not(:disabled){background:#dedede}.reevit-btn--primary:active:not(:disabled){background:#cecece}.reevit-trigger-btn{background:#fafafa;color:#0a0a0a}.reevit-trigger-btn:hover{background:#dedede}}.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-psp-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.reevit-psp-bridge__loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-method-step__actions{margin-top:16px}.reevit-stripe-bridge{display:flex;flex-direction:column;gap:20px;width:100%}.reevit-stripe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px;min-height:200px}.reevit-stripe-loading p{font-size:12px;color:var(--reevit-text-secondary);margin:0}.reevit-stripe-element{min-height:200px;border-radius:var(--reevit-radius)}.reevit-stripe-element iframe{border-radius:var(--reevit-radius)}.reevit-stripe-error{padding:10px 14px;background:#e400141a;background:oklch(.577 .245 27.325 / .1);border:1px solid var(--reevit-error);border-radius:var(--reevit-radius)}.reevit-stripe-error p{font-size:12px;color:var(--reevit-error);margin:0}.reevit-stripe-actions{display:flex;gap:10px;margin-top:4px}.reevit-submit-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);min-height:44px;letter-spacing:-.01em;background:#fff;color:#0a0a0a;border:1px solid var(--reevit-border)}.reevit-submit-btn:hover:not(:disabled){background:#f5f5f5;border-color:var(--reevit-text-secondary)}.reevit-submit-btn:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-submit-btn:active:not(:disabled){background:#eee;transform:scale(.98)}.reevit-submit-btn:disabled{opacity:.5;cursor:not-allowed}.reevit-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;font-size:13px;font-weight:600;border-radius:var(--reevit-radius);cursor:pointer;transition:all .15s ease;font-family:var(--reevit-font);min-height:44px;letter-spacing:-.01em;background:transparent;color:var(--reevit-text);border:1px solid var(--reevit-border)}.reevit-cancel-btn:hover:not(:disabled){background:transparent;border-color:var(--reevit-text)}.reevit-cancel-btn:focus:not(:disabled){outline:none;border-color:var(--reevit-text);box-shadow:0 0 0 2px var(--reevit-border)}.reevit-cancel-btn:active:not(:disabled){transform:scale(.98)}.reevit-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.reevit-submit-btn{background:#fafafa;color:#0a0a0a}.reevit-submit-btn:hover:not(:disabled){background:#dedede}.reevit-submit-btn:active:not(:disabled){background:#cecece}}@media(max-width:480px){.reevit-modal{max-width:100%;max-height:100%;border-radius:var(--reevit-radius-lg) var(--reevit-radius-lg) 0 0;margin-top:auto}.reevit-modal__amount-value{font-size:28px}.reevit-momo-form__networks{flex-direction:column}.reevit-momo-form__actions{flex-direction:column-reverse}.reevit-btn--secondary{flex:none}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reevit/svelte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.1",
|
|
4
4
|
"description": "Unified Payment Widget for Svelte Applications",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
"build": "vite build",
|
|
23
23
|
"postbuild": "cp dist/svelte.css dist/styles.css",
|
|
24
24
|
"dev": "vite build --watch",
|
|
25
|
-
"typecheck": "tsc --noEmit"
|
|
25
|
+
"typecheck": "tsc --noEmit",
|
|
26
|
+
"prepublishOnly": "npm run build"
|
|
26
27
|
},
|
|
27
28
|
"keywords": [
|
|
28
29
|
"reevit",
|
|
@@ -46,7 +47,7 @@
|
|
|
46
47
|
"svelte": "^4.0.0 || ^5.0.0"
|
|
47
48
|
},
|
|
48
49
|
"dependencies": {
|
|
49
|
-
"@reevit/core": "^0.
|
|
50
|
+
"@reevit/core": "^0.5.1",
|
|
50
51
|
"@hubteljs/checkout": "^1.0.4"
|
|
51
52
|
},
|
|
52
53
|
"devDependencies": {
|