@openhive-eu/payment 1.0.0-next.0 → 1.0.0-next.8

package/dist/react.js

@@ -244,7 +244,7 @@ let f2 = class extends HTMLElement {
 f2.elementStyles = [], f2.shadowRootOptions = { mode: "open" }, f2[v2("elementProperties")] = /* @__PURE__ */ new Map(), f2[v2("finalized")] = /* @__PURE__ */ new Map(), vt?.({ ReactiveElement: f2 }), (q2.reactiveElementVersions ??= []).push("2.1.2");
 const y0 = globalThis, L0 = (t) => t, z2 = y0.trustedTypes, F0 = z2 ? z2.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Se = "$lit$", t2 = `lit$${Math.random().toFixed(9).slice(2)}$`, Ne = "?" + t2, Ct = `<${Ne}>`, s2 = document, _2 = () => s2.createComment(""), w2 = (t) => t === null || typeof t != "object" && typeof t != "function", g0 = Array.isArray, _t = (t) => g0(t) || typeof t?.[Symbol.iterator] == "function", r0 = `[ 	
 \f\r]`, g2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, V0 = /-->/g, D0 = />/g, o2 = RegExp(`>|${r0}(?:([^\\s"'>=/]+)(${r0}*=${r0}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), H0 = /'/g, j0 = /"/g, ke = /^(?:script|style|textarea|title)$/i, wt = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), x = wt(1), h2 = /* @__PURE__ */ Symbol.for("lit-noChange"), P = /* @__PURE__ */ Symbol.for("lit-nothing"), U0 = /* @__PURE__ */ new WeakMap(), a2 = s2.createTreeWalker(s2, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), H0 = /'/g, j0 = /"/g, ke = /^(?:script|style|textarea|title)$/i, wt = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), w = wt(1), h2 = /* @__PURE__ */ Symbol.for("lit-noChange"), P = /* @__PURE__ */ Symbol.for("lit-nothing"), U0 = /* @__PURE__ */ new WeakMap(), a2 = s2.createTreeWalker(s2, 129);
 function Oe(t, e) {
   if (!g0(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return F0 !== void 0 ? F0.createHTML(e) : e;
@@ -545,7 +545,7 @@ function Ut(t) {
     const {
       baseUrl: g,
       fetch: b = n,
-      Request: w = r,
+      Request: x = r,
       headers: _,
       params: v = {},
       parseAs: L = "json",
@@ -586,7 +586,7 @@ function Ut(t) {
       body: $2,
       headers: I2
     };
-    let J, j, N = new w(
+    let J, j, N = new x(
       zt($, { baseUrl: m, params: v, querySerializer: R }),
       M2
     ), C;
@@ -610,7 +610,7 @@ function Ut(t) {
             id: J
           });
           if (A)
-            if (A instanceof w)
+            if (A instanceof x)
               N = A;
             else if (A instanceof Response) {
               C = A;
@@ -1733,8 +1733,8 @@ var V1 = ";ext=", u2 = function(e) {
   return "([".concat(U, "]{1,").concat(e, "})");
 };
 function De(t) {
-  var e = "20", r = "15", n = "9", d = "6", o = "[  \\t,]*", i = "[:\\.．]?[  \\t,-]*", a = "#?", s = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", l = "(?:[xｘ#＃~～]|int|ｉｎｔ)", c = "[- ]+", $ = "[  \\t]*", u = "(?:,{2}|;)", g = V1 + u2(e), b = o + s + i + u2(e) + a, w = o + l + i + u2(n) + a, _ = c + u2(d) + "#", v = $ + u + i + u2(r) + a, L = $ + "(?:,)+" + i + u2(n) + a;
-  return g + "|" + b + "|" + w + "|" + _ + "|" + v + "|" + L;
+  var e = "20", r = "15", n = "9", d = "6", o = "[  \\t,]*", i = "[:\\.．]?[  \\t,-]*", a = "#?", s = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", l = "(?:[xｘ#＃~～]|int|ｉｎｔ)", c = "[- ]+", $ = "[  \\t]*", u = "(?:,{2}|;)", g = V1 + u2(e), b = o + s + i + u2(e) + a, x = o + l + i + u2(n) + a, _ = c + u2(d) + "#", v = $ + u + i + u2(r) + a, L = $ + "(?:,)+" + i + u2(n) + a;
+  return g + "|" + b + "|" + x + "|" + _ + "|" + v + "|" + L;
 }
 var D1 = "[" + U + "]{" + w0 + "}", H1 = "[" + x0 + "]{0,1}(?:[" + Z2 + "]*[" + U + "]){3,}[" + Z2 + U + "]*", j1 = new RegExp("^[" + x0 + "]{0,1}(?:[" + Z2 + "]*[" + U + "]){1,2}$", "i"), U1 = H1 + // Phone number extensions
 "(?:" + De() + ")?", G1 = new RegExp(
@@ -2677,14 +2677,14 @@ const me = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, ye = ze, R
   }, {}), s = e == null || (n = e.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((l, c) => {
     let { class: $, className: u, ...g } = c;
     return Object.entries(g).every((b) => {
-      let [w, _] = b;
+      let [x, _] = b;
       return Array.isArray(_) ? _.includes({
         ...o,
         ...a
-      }[w]) : {
+      }[x]) : {
         ...o,
         ...a
-      }[w] === _;
+      }[x] === _;
     }) ? [
       ...l,
       $,
@@ -2838,15 +2838,15 @@ const me = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, ye = ze, R
     const o = [];
     let i = 0, a = 0, s = 0, l;
     const c = d.length;
-    for (let w = 0; w < c; w++) {
-      const _ = d[w];
+    for (let x = 0; x < c; x++) {
+      const _ = d[x];
       if (i === 0 && a === 0) {
         if (_ === be) {
-          o.push(d.slice(s, w)), s = w + 1;
+          o.push(d.slice(s, x)), s = x + 1;
           continue;
         }
         if (_ === "/") {
-          l = w;
+          l = x;
           continue;
         }
       }
@@ -2908,13 +2908,13 @@ const me = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, ye = ze, R
       modifiers: u,
       hasImportantModifier: g,
       baseClassName: b,
-      maybePostfixModifierPosition: w
+      maybePostfixModifierPosition: x
     } = r(c);
     if ($) {
       s = c + (s.length > 0 ? " " + s : s);
       continue;
     }
-    let _ = !!w, v = n(_ ? b.substring(0, w) : b);
+    let _ = !!x, v = n(_ ? b.substring(0, x) : b);
     if (!v) {
       if (!_) {
         s = c + (s.length > 0 ? " " + s : s);
@@ -2978,7 +2978,7 @@ const me = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, ye = ze, R
   const n = Ye.exec(t);
   return n ? n[1] ? e(n[1]) : r : !1;
 }, Qe = (t) => t === "position" || t === "percentage", et = (t) => t === "image" || t === "url", tt = (t) => t === "length" || t === "size" || t === "bg-size", rt = (t) => t === "length", Jn = (t) => t === "number", nt = (t) => t === "family-name", dt = (t) => t === "number" || t === "weight", ot = (t) => t === "shadow", Qn = () => {
-  const t = k("color"), e = k("font"), r = k("text"), n = k("font-weight"), d = k("tracking"), o = k("leading"), i = k("breakpoint"), a = k("container"), s = k("spacing"), l = k("radius"), c = k("shadow"), $ = k("inset-shadow"), u = k("text-shadow"), g = k("drop-shadow"), b = k("blur"), w = k("perspective"), _ = k("aspect"), v = k("ease"), L = k("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], H = () => [
+  const t = k("color"), e = k("font"), r = k("text"), n = k("font-weight"), d = k("tracking"), o = k("leading"), i = k("breakpoint"), a = k("container"), s = k("spacing"), l = k("radius"), c = k("shadow"), $ = k("inset-shadow"), u = k("text-shadow"), g = k("drop-shadow"), b = k("blur"), x = k("perspective"), _ = k("aspect"), v = k("ease"), L = k("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], H = () => [
     "center",
     "top",
     "bottom",
@@ -5083,7 +5083,7 @@ const me = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, ye = ze, R
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [w, h, p]
+        perspective: [x, h, p]
       }],
       /**
        * Perspective Origin
@@ -5650,7 +5650,7 @@ const rd = R2(
 );
 function Pe(t, e) {
   const { type: r = "button", variant: n, size: d, disabled: o, onClick: i } = t;
-  return x`
+  return w`
     <button
       type=${r}
       class=${p0(rd({ variant: n, size: d }), t.class)}
@@ -5662,14 +5662,14 @@ function Pe(t, e) {
   `;
 }
 function j2(t, e) {
-  return x`<label
+  return w`<label
     for=${e}
     class="pay:flex pay:items-center pay:gap-2 pay:text-sm pay:leading-none pay:font-medium pay:select-none"
     >${t}</label
   >`;
 }
 function a0(t) {
-  return t ? x`<div
+  return t ? w`<div
     role="alert"
     class="pay:text-destructive pay:text-sm pay:font-normal"
   >
@@ -5677,7 +5677,7 @@ function a0(t) {
   </div>` : P;
 }
 function nd(t = "") {
-  return x`<div
+  return w`<div
     class="pay:bg-accent pay:animate-pulse pay:rounded-md ${t}"
   ></div>`;
 }
@@ -5685,7 +5685,7 @@ function dd() {
   return nd("pay:h-16 pay:w-full pay:rounded-xl");
 }
 function od() {
-  return x`<svg
+  return w`<svg
     role="status"
     aria-label="Loading"
     class="pay:size-4 pay:animate-spin"
@@ -5706,7 +5706,7 @@ const id = R2(
   "pay:pointer-events-none pay:absolute pay:size-2 pay:rounded-full pay:bg-primary pay:top-1/2 pay:left-1/2 pay:-translate-x-1/2 pay:-translate-y-1/2 pay:scale-0 pay:peer-checked:scale-100 pay:transition-transform pay:duration-200"
 );
 function it(t) {
-  return x`
+  return w`
     <div class="pay:relative pay:shrink-0 pay:w-4 pay:h-4">
       <input
         type="radio"
@@ -5735,14 +5735,14 @@ const at = R2(
   }
 );
 function sd(t) {
-  return x`
+  return w`
     <label class=${at({ size: "method" })}>
       ${it(t)}
       <div
         class="pay:flex pay:items-center pay:gap-1 pay:grow pay:justify-between pay:ml-2"
       >
         <span class="pay:text-sm pay:font-medium">${t.label}</span>
-        ${t.logoUrl ? x`<span
+        ${t.logoUrl ? w`<span
               class="pay:relative pay:inline-flex pay:h-4 pay:shrink-0"
               role="img"
               aria-label=${t.label}
@@ -5763,7 +5763,7 @@ function sd(t) {
   `;
 }
 function Ee(t) {
-  return x`
+  return w`
     <label class=${at({ size: "channel" })}>
       ${it(t)}
       <div
@@ -5777,7 +5777,7 @@ function Ee(t) {
 }
 const ld = R2(
   "pay:file:text-foreground pay:placeholder:text-muted-foreground pay:selection:bg-primary pay:selection:text-primary-foreground pay:border-input pay:h-9 pay:w-full pay:min-w-0 pay:rounded-md pay:border pay:bg-transparent pay:px-3 pay:py-1 pay:text-sm pay:shadow-xs pay:transition-[color,box-shadow] pay:outline-none pay:disabled:pointer-events-none pay:disabled:cursor-not-allowed pay:disabled:opacity-50 pay:focus-visible:border-ring pay:focus-visible:ring-ring/50 pay:focus-visible:ring-[3px] pay:aria-invalid:ring-destructive/20 pay:aria-invalid:border-destructive"
-), U2 = ld(), $d = x`<svg
+), U2 = ld(), $d = w`<svg
   class="pay:size-4 pay:text-muted-foreground"
   viewBox="0 0 24 24"
   fill="none"
@@ -5788,7 +5788,7 @@ const ld = R2(
 >
   <rect x="2" y="4" width="20" height="16" rx="2" />
   <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
-</svg>`, cd = x`<svg
+</svg>`, cd = w`<svg
   class="pay:size-4 pay:text-muted-foreground"
   viewBox="0 0 24 24"
   fill="none"
@@ -5800,14 +5800,14 @@ const ld = R2(
   <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z" />
 </svg>`;
 function ud(t) {
-  return x`
+  return w`
     <select
       class="pay:border-input pay:h-9 pay:flex-shrink-0 pay:rounded-md pay:border pay:bg-transparent pay:px-3 pay:py-1 pay:text-sm pay:shadow-xs pay:transition-[color,box-shadow] pay:outline-none pay:focus-visible:ring-[3px] pay:focus-visible:border-ring pay:focus-visible:ring-ring/50 pay:cursor-pointer"
       aria-label=${t.label}
       @change=${t.onChange}
     >
       ${Ge.map(
-    (e) => x`
+    (e) => w`
           <option value=${e.code} ?selected=${e.code === t.value}>
             ${e.flag} ${e.code} ${e.dial}
           </option>
@@ -5816,14 +5816,24 @@ function ud(t) {
     </select>
   `;
 }
-var fd = Object.defineProperty, S = (t, e, r, n) => {
+function fd() {
+  return w`
+    <div
+      role="alert"
+      class="pay:bg-red-50 pay:border pay:border-red-400 pay:text-red-700 pay:p-4 pay:rounded-md"
+    >
+      <p>Something went wrong while loading the payment component.</p>
+    </div>
+  `;
+}
+var pd = Object.defineProperty, S = (t, e, r, n) => {
   for (var d = void 0, o = t.length - 1, i; o >= 0; o--)
     (i = t[o]) && (d = i(e, r, d) || d);
-  return d && fd(e, r, d), d;
+  return d && pd(e, r, d), d;
 };
 class E extends C2 {
   constructor() {
-    super(...arguments), this.token = "", this.currency = "EUR", this.defaultAmount = "", this.defaultReference = "", this.readOnlyAmount = !1, this.customerName = "", this.customerEmail = "", this.customerPhone = "", this.locale = "fr", this.payClientRef = "", this._amount = "", this._email = "", this._phone = "", this._paymentReference = "", this._method = "", this._channel = void 0, this._country = cn.code, this._loading = !1, this._success = !1, this._paymentMethods = [], this._methodsLoading = !0, this._methodsError = null, this._initialized = !1, this._t = o0("fr"), this._apiUrl = void 0;
+    super(...arguments), this.token = "", this.currency = "EUR", this.defaultAmount = "", this.defaultReference = "", this.readOnlyAmount = !1, this.customerName = "", this.customerEmail = "", this.customerPhone = "", this.locale = "fr", this.payClientRef = "", this._amount = "", this._email = "", this._phone = "", this._paymentReference = "", this._method = "", this._channel = void 0, this._country = cn.code, this._loading = !1, this._success = !1, this._paymentMethods = [], this._methodsLoading = !0, this._methodsError = null, this._initialized = !1, this._t = o0("fr"), this._apiUrl = "https://localhost:4004";
   }
   createRenderRoot() {
     return this;
@@ -5924,9 +5934,7 @@ class E extends C2 {
     );
   }
   _renderMethods() {
-    return this._methodsLoading ? dd() : this._methodsError ? x`<p class="pay:text-sm pay:text-destructive">
-        ${this._methodsError}
-      </p>` : this._paymentMethods.map(
+    return this._methodsLoading ? dd() : this._paymentMethods.map(
       (e) => sd({
         name: "payment-method",
         value: e.id,
@@ -5938,7 +5946,7 @@ class E extends C2 {
     );
   }
   _renderChannels() {
-    return x`
+    return w`
       ${Ee({
       name: "channel",
       value: "email",
@@ -5959,7 +5967,7 @@ class E extends C2 {
   }
   _renderForm() {
     const e = this._amount ? !this._validateAmount(this._amount) : !1, r = this._email ? !ue(this._email) : !1, n = this._phone ? !fe(this._country, this._phone) : !1;
-    return x`
+    return w`
       <form @submit=${this._onSubmit} class="pay:space-y-4">
         <p
           class="pay:text-xl pay:font-bold pay:text-accent-foreground pay:text-center"
@@ -6014,7 +6022,7 @@ class E extends C2 {
           <div class="pay:grid pay:gap-1">${this._renderMethods()}</div>
         </div>
 
-        ${this._method ? x`
+        ${this._method ? w`
               <div
                 class="pay:animate-in pay:fade-in pay:slide-in-from-bottom-1 pay:duration-300"
               >
@@ -6026,7 +6034,7 @@ class E extends C2 {
                 </div>
               </div>
             ` : P}
-        ${this._channel === "email" ? x`
+        ${this._channel === "email" ? w`
               <div
                 class="pay:flex pay:flex-col pay:gap-1 pay:animate-in pay:fade-in pay:slide-in-from-bottom-1 pay:duration-300"
               >
@@ -6048,7 +6056,7 @@ class E extends C2 {
                 ${a0(r && this._t.emailInvalid)}
               </div>
             ` : P}
-        ${this._channel === "sms" ? x`
+        ${this._channel === "sms" ? w`
               <div
                 class="pay:flex pay:flex-col pay:gap-1 pay:animate-in pay:fade-in pay:slide-in-from-bottom-1 pay:duration-300"
               >
@@ -6085,7 +6093,7 @@ class E extends C2 {
     `;
   }
   _renderSuccess() {
-    return x`
+    return w`
       <div
         class="pay:absolute pay:inset-0 pay:flex pay:items-center pay:justify-center pay:z-10 pay:bg-background pay:rounded-lg pay:px-6 pay:animate-in pay:fade-in pay:duration-300"
       >
@@ -6093,16 +6101,16 @@ class E extends C2 {
           <h2 class="pay:text-xl pay:font-bold pay:text-accent-foreground">
             ${this._t.paymentLinkSent}
           </h2>
-          ${this._channel === "email" ? x`<p>
+          ${this._channel === "email" ? w`<p>
                 ${this._t.emailSentTo} <strong>${this._email}</strong>
-              </p>` : x`<p>${this._t.smsSentTo} <strong>${this._phone}</strong></p>`}
+              </p>` : w`<p>${this._t.smsSentTo} <strong>${this._phone}</strong></p>`}
           ${Pe({ type: "button", onClick: this._onClose }, this._t.close)}
         </div>
       </div>
     `;
   }
   render() {
-    return x`
+    return !this._methodsLoading && this._methodsError ? w`<div class="pay:p-4">${fd()}</div>` : w`
       <div class="pay:relative pay:p-4 pay:space-y-6">
         ${this._renderForm()} ${this._success ? this._renderSuccess() : P}
       </div>
@@ -6176,7 +6184,7 @@ S([
   D()
 ], E.prototype, "_methodsError");
 customElements.get("openhive-pay") || customElements.define("openhive-pay", E);
-function gd({
+function bd({
   token: t,
   currency: e,
   defaultAmount: r,
@@ -6192,10 +6200,10 @@ function gd({
   className: u,
   style: g
 }) {
-  const b = k0(null), w = k0(l);
-  w.current = l;
+  const b = k0(null), x = k0(l);
+  x.current = l;
   const _ = lt((v) => {
-    b.current = v, v && w.current !== void 0 && (v.payClient = w.current);
+    b.current = v, v && x.current !== void 0 && (v.payClient = x.current);
   }, []);
   return O0(() => {
     b.current && (b.current.payClient = l);
@@ -6227,5 +6235,5 @@ function gd({
   );
 }
 export {
-  gd as Payment
+  bd as Payment
 };

package/dist/styles.css

@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}:root,:host{--pay-color-white:#fff;--pay-spacing:.25rem;--pay-text-sm:.875rem;--pay-text-sm--line-height:calc(1.25 / .875);--pay-text-xl:1.25rem;--pay-text-xl--line-height:calc(1.75 / 1.25);--pay-text-2xl:1.5rem;--pay-text-2xl--line-height:calc(2 / 1.5);--pay-text-3xl:1.875rem;--pay-text-3xl--line-height: 1.2 ;--pay-font-weight-normal:400;--pay-font-weight-medium:500;--pay-font-weight-bold:700;--pay-animate-spin:spin 1s linear infinite;--pay-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--pay-default-transition-duration:.15s;--pay-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pay\:pointer-events-none{pointer-events:none}.pay\:absolute{position:absolute}.pay\:relative{position:relative}.pay\:inset-0{inset:calc(var(--pay-spacing) * 0)}.pay\:top-1\/2{top:50%}.pay\:right-4{right:calc(var(--pay-spacing) * 4)}.pay\:left-1\/2{left:50%}.pay\:z-10{z-index:10}.pay\:mr-2{margin-right:calc(var(--pay-spacing) * 2)}.pay\:mb-1{margin-bottom:calc(var(--pay-spacing) * 1)}.pay\:mb-2{margin-bottom:calc(var(--pay-spacing) * 2)}.pay\:ml-2{margin-left:calc(var(--pay-spacing) * 2)}.pay\:block{display:block}.pay\:flex{display:flex}.pay\:grid{display:grid}.pay\:inline-flex{display:inline-flex}.pay\:size-2{width:calc(var(--pay-spacing) * 2);height:calc(var(--pay-spacing) * 2)}.pay\:size-4{width:calc(var(--pay-spacing) * 4);height:calc(var(--pay-spacing) * 4)}.pay\:size-8{width:calc(var(--pay-spacing) * 8);height:calc(var(--pay-spacing) * 8)}.pay\:size-9{width:calc(var(--pay-spacing) * 9);height:calc(var(--pay-spacing) * 9)}.pay\:size-10{width:calc(var(--pay-spacing) * 10);height:calc(var(--pay-spacing) * 10)}.pay\:h-4{height:calc(var(--pay-spacing) * 4)}.pay\:h-8{height:calc(var(--pay-spacing) * 8)}.pay\:h-9{height:calc(var(--pay-spacing) * 9)}.pay\:h-10{height:calc(var(--pay-spacing) * 10)}.pay\:h-16{height:calc(var(--pay-spacing) * 16)}.pay\:w-4{width:calc(var(--pay-spacing) * 4)}.pay\:w-auto{width:auto}.pay\:w-full{width:100%}.pay\:min-w-0{min-width:calc(var(--pay-spacing) * 0)}.pay\:flex-1{flex:1}.pay\:flex-shrink-0,.pay\:shrink-0{flex-shrink:0}.pay\:grow{flex-grow:1}.pay\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.pay\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.pay\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pay\:animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.pay\:animate-pulse{animation:var(--pay-animate-pulse)}.pay\:animate-spin{animation:var(--pay-animate-spin)}.pay\:cursor-pointer{cursor:pointer}.pay\:appearance-none{appearance:none}.pay\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pay\:flex-col{flex-direction:column}.pay\:items-center{align-items:center}.pay\:justify-between{justify-content:space-between}.pay\:justify-center{justify-content:center}.pay\:gap-1{gap:calc(var(--pay-spacing) * 1)}.pay\:gap-1\.5{gap:calc(var(--pay-spacing) * 1.5)}.pay\:gap-2{gap:calc(var(--pay-spacing) * 2)}:where(.pay\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pay-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pay-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.pay\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pay-spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pay-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.pay\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--pay-spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--pay-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.pay\:rounded-full{border-radius:3.40282e38px}.pay\:rounded-lg{border-radius:var(--pay-radius)}.pay\:rounded-md{border-radius:calc(var(--pay-radius) - 2px)}.pay\:rounded-xl{border-radius:calc(var(--pay-radius) + 4px)}.pay\:border{border-style:var(--tw-border-style);border-width:1px}.pay\:border-0{border-style:var(--tw-border-style);border-width:0}.pay\:border-input{border-color:var(--pay-input)}.pay\:bg-accent{background-color:var(--pay-accent)}.pay\:bg-background{background-color:var(--pay-background)}.pay\:bg-destructive{background-color:var(--pay-destructive)}.pay\:bg-foreground{background-color:var(--pay-foreground)}.pay\:bg-primary{background-color:var(--pay-primary)}.pay\:bg-secondary{background-color:var(--pay-secondary)}.pay\:bg-transparent{background-color:#0000}.pay\:p-4{padding:calc(var(--pay-spacing) * 4)}.pay\:px-3{padding-inline:calc(var(--pay-spacing) * 3)}.pay\:px-4{padding-inline:calc(var(--pay-spacing) * 4)}.pay\:px-6{padding-inline:calc(var(--pay-spacing) * 6)}.pay\:py-1{padding-block:calc(var(--pay-spacing) * 1)}.pay\:py-2{padding-block:calc(var(--pay-spacing) * 2)}.pay\:py-3{padding-block:calc(var(--pay-spacing) * 3)}.pay\:py-5{padding-block:calc(var(--pay-spacing) * 5)}.pay\:pr-12{padding-right:calc(var(--pay-spacing) * 12)}.pay\:text-center{text-align:center}.pay\:text-2xl{font-size:var(--pay-text-2xl);line-height:var(--tw-leading,var(--pay-text-2xl--line-height))}.pay\:text-3xl{font-size:var(--pay-text-3xl);line-height:var(--tw-leading,var(--pay-text-3xl--line-height))}.pay\:text-sm{font-size:var(--pay-text-sm);line-height:var(--tw-leading,var(--pay-text-sm--line-height))}.pay\:text-xl{font-size:var(--pay-text-xl);line-height:var(--tw-leading,var(--pay-text-xl--line-height))}.pay\:leading-none{--tw-leading:1;line-height:1}.pay\:font-bold{--tw-font-weight:var(--pay-font-weight-bold);font-weight:var(--pay-font-weight-bold)}.pay\:font-medium{--tw-font-weight:var(--pay-font-weight-medium);font-weight:var(--pay-font-weight-medium)}.pay\:font-normal{--tw-font-weight:var(--pay-font-weight-normal);font-weight:var(--pay-font-weight-normal)}.pay\:whitespace-nowrap{white-space:nowrap}.pay\:text-accent-foreground{color:var(--pay-accent-foreground)}.pay\:text-destructive{color:var(--pay-destructive)}.pay\:text-muted-foreground{color:var(--pay-muted-foreground)}.pay\:text-primary{color:var(--pay-primary)}.pay\:text-primary-foreground{color:var(--pay-primary-foreground)}.pay\:text-secondary-foreground{color:var(--pay-secondary-foreground)}.pay\:text-white{color:var(--pay-color-white)}.pay\:underline-offset-4{text-underline-offset:4px}.pay\:opacity-0{opacity:0}.pay\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pay\:ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pay\:ring-foreground\/10{--tw-ring-color:var(--pay-foreground)}@supports (color:color-mix(in lab,red,red)){.pay\:ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--pay-foreground) 10%, transparent)}}.pay\:transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--pay-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pay-default-transition-duration))}.pay\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--pay-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pay-default-transition-duration))}.pay\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--pay-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pay-default-transition-duration))}.pay\:duration-200{--tw-duration:.2s;transition-duration:.2s}.pay\:duration-300{--tw-duration:.3s;transition-duration:.3s}.pay\:outline-none{--tw-outline-style:none;outline-style:none}.pay\:select-none{-webkit-user-select:none;user-select:none}.pay\:fade-in{--tw-enter-opacity:0}.pay\:slide-in-from-bottom-1{--tw-enter-translate-y:calc(1*var(--spacing))}.pay\:peer-checked\:scale-100:is(:where(.pay\:peer):checked~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pay\:selection\:bg-primary ::selection{background-color:var(--pay-primary)}.pay\:selection\:bg-primary::selection{background-color:var(--pay-primary)}.pay\:selection\:text-primary-foreground ::selection{color:var(--pay-primary-foreground)}.pay\:selection\:text-primary-foreground::selection{color:var(--pay-primary-foreground)}.pay\:file\:text-foreground::file-selector-button{color:var(--pay-foreground)}.pay\:placeholder\:text-muted-foreground::placeholder{color:var(--pay-muted-foreground)}@media(hover:hover){.pay\:hover\:bg-accent:hover,.pay\:hover\:bg-accent\/50:hover{background-color:var(--pay-accent)}@supports (color:color-mix(in lab,red,red)){.pay\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--pay-accent) 50%,transparent)}}.pay\:hover\:bg-destructive\/90:hover{background-color:var(--pay-destructive)}@supports (color:color-mix(in lab,red,red)){.pay\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--pay-destructive) 90%,transparent)}}.pay\:hover\:bg-primary\/90:hover{background-color:var(--pay-primary)}@supports (color:color-mix(in lab,red,red)){.pay\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--pay-primary) 90%,transparent)}}.pay\:hover\:bg-secondary\/80:hover{background-color:var(--pay-secondary)}@supports (color:color-mix(in lab,red,red)){.pay\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--pay-secondary) 80%,transparent)}}.pay\:hover\:text-accent-foreground:hover{color:var(--pay-accent-foreground)}.pay\:hover\:underline:hover{text-decoration-line:underline}}.pay\:focus-visible\:border-ring:focus-visible{border-color:var(--pay-ring)}.pay\:focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pay\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--pay-destructive)}@supports (color:color-mix(in lab,red,red)){.pay\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pay-destructive) 20%, transparent)}}.pay\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--pay-ring)}@supports (color:color-mix(in lab,red,red)){.pay\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pay-ring) 50%, transparent)}}.pay\:active\:scale-\[0\.98\]:active{scale:.98}.pay\:disabled\:pointer-events-none:disabled{pointer-events:none}.pay\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.pay\:disabled\:opacity-50:disabled{opacity:.5}.pay\:has-\[input\:checked\]\:ring-2:has(:is(input:checked)){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pay\:has-\[input\:checked\]\:ring-primary:has(:is(input:checked)){--tw-ring-color:var(--pay-primary)}.pay\:aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--pay-destructive)}.pay\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--pay-destructive)}@supports (color:color-mix(in lab,red,red)){.pay\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--pay-destructive) 20%, transparent)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@layer base{:root{--openhive-radius:.65rem;--openhive-background:oklch(100% 0 0);--openhive-foreground:oklch(14.1% .005 285.823);--openhive-card:oklch(100% 0 0);--openhive-card-foreground:oklch(14.1% .005 285.823);--openhive-popover:oklch(100% 0 0);--openhive-popover-foreground:oklch(14.1% .005 285.823);--openhive-primary:oklch(54.1% .281 293.009);--openhive-primary-foreground:oklch(96.9% .016 293.756);--openhive-secondary:oklch(96.7% .001 286.375);--openhive-secondary-foreground:oklch(21% .006 285.885);--openhive-muted:oklch(96.7% .001 286.375);--openhive-muted-foreground:oklch(55.2% .016 285.938);--openhive-accent:oklch(96.7% .001 286.375);--openhive-accent-foreground:oklch(21% .006 285.885);--openhive-destructive:oklch(57.7% .245 27.325);--openhive-border:oklch(92% .004 286.32);--openhive-input:oklch(92% .004 286.32);--openhive-ring:oklch(70.2% .183 293.541)}@media(prefers-color-scheme:dark){:root{--openhive-background:oklch(14.1% .005 285.823);--openhive-foreground:oklch(98.5% 0 0);--openhive-card:oklch(21% .006 285.885);--openhive-card-foreground:oklch(98.5% 0 0);--openhive-popover:oklch(21% .006 285.885);--openhive-popover-foreground:oklch(98.5% 0 0);--openhive-primary:oklch(60.6% .25 292.717);--openhive-primary-foreground:oklch(96.9% .016 293.756);--openhive-secondary:oklch(27.4% .006 286.033);--openhive-secondary-foreground:oklch(98.5% 0 0);--openhive-muted:oklch(27.4% .006 286.033);--openhive-muted-foreground:oklch(70.5% .015 286.067);--openhive-accent:oklch(27.4% .006 286.033);--openhive-accent-foreground:oklch(98.5% 0 0);--openhive-destructive:oklch(70.4% .191 22.216);--openhive-border:oklch(100% 0 0/.1);--openhive-input:oklch(100% 0 0/.15);--openhive-ring:oklch(38% .189 293.745)}}openhive-pay{--pay-radius:var(--openhive-radius);--pay-background:var(--openhive-background);--pay-foreground:var(--openhive-foreground);--pay-card:var(--openhive-card);--pay-card-foreground:var(--openhive-card-foreground);--pay-popover:var(--openhive-popover);--pay-popover-foreground:var(--openhive-popover-foreground);--pay-primary:var(--openhive-primary);--pay-primary-foreground:var(--openhive-primary-foreground);--pay-secondary:var(--openhive-secondary);--pay-secondary-foreground:var(--openhive-secondary-foreground);--pay-muted:var(--openhive-muted);--pay-muted-foreground:var(--openhive-muted-foreground);--pay-accent:var(--openhive-accent);--pay-accent-foreground:var(--openhive-accent-foreground);--pay-destructive:var(--openhive-destructive);--pay-border:var(--openhive-border);--pay-input:var(--openhive-input);--pay-ring:var(--openhive-ring);background-color:var(--pay-background);color:var(--pay-foreground);font-family:system-ui,-apple-system,sans-serif;display:block}openhive-pay *,openhive-pay :before,openhive-pay :after{border-color:var(--pay-border);box-sizing:border-box;border-style:solid;border-width:0}openhive-pay button,openhive-pay input,openhive-pay select,openhive-pay textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}openhive-pay button{cursor:pointer}openhive-pay input:-webkit-autofill{background-color:var(--pay-input);color:var(--pay-foreground)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}:root,:host{--pay-color-red-50:oklch(97.1% .013 17.38);--pay-color-red-400:oklch(70.4% .191 22.216);--pay-color-red-700:oklch(50.5% .213 27.518);--pay-color-white:#fff;--pay-spacing:.25rem;--pay-text-sm:.875rem;--pay-text-sm--line-height:calc(1.25 / .875);--pay-text-xl:1.25rem;--pay-text-xl--line-height:calc(1.75 / 1.25);--pay-text-2xl:1.5rem;--pay-text-2xl--line-height:calc(2 / 1.5);--pay-text-3xl:1.875rem;--pay-text-3xl--line-height: 1.2 ;--pay-font-weight-normal:400;--pay-font-weight-medium:500;--pay-font-weight-bold:700;--pay-animate-spin:spin 1s linear infinite;--pay-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--pay-default-transition-duration:.15s;--pay-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pay\:pointer-events-none{pointer-events:none}.pay\:absolute{position:absolute}.pay\:relative{position:relative}.pay\:inset-0{inset:calc(var(--pay-spacing) * 0)}.pay\:top-1\/2{top:50%}.pay\:right-4{right:calc(var(--pay-spacing) * 4)}.pay\:left-1\/2{left:50%}.pay\:z-10{z-index:10}.pay\:mr-2{margin-right:calc(var(--pay-spacing) * 2)}.pay\:mb-1{margin-bottom:calc(var(--pay-spacing) * 1)}.pay\:mb-2{margin-bottom:calc(var(--pay-spacing) * 2)}.pay\:ml-2{margin-left:calc(var(--pay-spacing) * 2)}.pay\:block{display:block}.pay\:flex{display:flex}.pay\:grid{display:grid}.pay\:inline-flex{display:inline-flex}.pay\:size-2{width:calc(var(--pay-spacing) * 2);height:calc(var(--pay-spacing) * 2)}.pay\:size-4{width:calc(var(--pay-spacing) * 4);height:calc(var(--pay-spacing) * 4)}.pay\:size-8{width:calc(var(--pay-spacing) * 8);height:calc(var(--pay-spacing) * 8)}.pay\:size-9{width:calc(var(--pay-spacing) * 9);height:calc(var(--pay-spacing) * 9)}.pay\:size-10{width:calc(var(--pay-spacing) * 10);height:calc(var(--pay-spacing) * 10)}.pay\:h-4{height:calc(var(--pay-spacing) * 4)}.pay\:h-8{height:calc(var(--pay-spacing) * 8)}.pay\:h-9{height:calc(var(--pay-spacing) * 9)}.pay\:h-10{height:calc(var(--pay-spacing) * 10)}.pay\:h-16{height:calc(var(--pay-spacing) * 16)}.pay\:w-4{width:calc(var(--pay-spacing) * 4)}.pay\:w-auto{width:auto}.pay\:w-full{width:100%}.pay\:min-w-0{min-width:calc(var(--pay-spacing) * 0)}.pay\:flex-1{flex:1}.pay\:flex-shrink-0,.pay\:shrink-0{flex-shrink:0}.pay\:grow{flex-grow:1}.pay\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.pay\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.pay\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pay\:animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.pay\:animate-pulse{animation:var(--pay-animate-pulse)}.pay\:animate-spin{animation:var(--pay-animate-spin)}.pay\:cursor-pointer{cursor:pointer}.pay\:appearance-none{appearance:none}.pay\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pay\:flex-col{flex-direction:column}.pay\:items-center{align-items:center}.pay\:justify-between{justify-content:space-between}.pay\:justify-center{justify-content:center}.pay\:gap-1{gap:calc(var(--pay-spacing) * 1)}.pay\:gap-1\.5{gap:calc(var(--pay-spacing) * 1.5)}.pay\:gap-2{gap:calc(var(--pay-spacing) * 2)}:where(.pay\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pay-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pay-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.pay\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pay-spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pay-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.pay\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--pay-spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--pay-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.pay\:rounded-full{border-radius:3.40282e38px}.pay\:rounded-lg{border-radius:var(--pay-radius)}.pay\:rounded-md{border-radius:calc(var(--pay-radius) - 2px)}.pay\:rounded-xl{border-radius:calc(var(--pay-radius) + 4px)}.pay\:border{border-style:var(--tw-border-style);border-width:1px}.pay\:border-0{border-style:var(--tw-border-style);border-width:0}.pay\:border-input{border-color:var(--pay-input)}.pay\:border-red-400{border-color:var(--pay-color-red-400)}.pay\:bg-accent{background-color:var(--pay-accent)}.pay\:bg-background{background-color:var(--pay-background)}.pay\:bg-destructive{background-color:var(--pay-destructive)}.pay\:bg-foreground{background-color:var(--pay-foreground)}.pay\:bg-primary{background-color:var(--pay-primary)}.pay\:bg-red-50{background-color:var(--pay-color-red-50)}.pay\:bg-secondary{background-color:var(--pay-secondary)}.pay\:bg-transparent{background-color:#0000}.pay\:p-4{padding:calc(var(--pay-spacing) * 4)}.pay\:px-3{padding-inline:calc(var(--pay-spacing) * 3)}.pay\:px-4{padding-inline:calc(var(--pay-spacing) * 4)}.pay\:px-6{padding-inline:calc(var(--pay-spacing) * 6)}.pay\:py-1{padding-block:calc(var(--pay-spacing) * 1)}.pay\:py-2{padding-block:calc(var(--pay-spacing) * 2)}.pay\:py-3{padding-block:calc(var(--pay-spacing) * 3)}.pay\:py-5{padding-block:calc(var(--pay-spacing) * 5)}.pay\:pr-12{padding-right:calc(var(--pay-spacing) * 12)}.pay\:text-center{text-align:center}.pay\:text-2xl{font-size:var(--pay-text-2xl);line-height:var(--tw-leading,var(--pay-text-2xl--line-height))}.pay\:text-3xl{font-size:var(--pay-text-3xl);line-height:var(--tw-leading,var(--pay-text-3xl--line-height))}.pay\:text-sm{font-size:var(--pay-text-sm);line-height:var(--tw-leading,var(--pay-text-sm--line-height))}.pay\:text-xl{font-size:var(--pay-text-xl);line-height:var(--tw-leading,var(--pay-text-xl--line-height))}.pay\:leading-none{--tw-leading:1;line-height:1}.pay\:font-bold{--tw-font-weight:var(--pay-font-weight-bold);font-weight:var(--pay-font-weight-bold)}.pay\:font-medium{--tw-font-weight:var(--pay-font-weight-medium);font-weight:var(--pay-font-weight-medium)}.pay\:font-normal{--tw-font-weight:var(--pay-font-weight-normal);font-weight:var(--pay-font-weight-normal)}.pay\:whitespace-nowrap{white-space:nowrap}.pay\:text-accent-foreground{color:var(--pay-accent-foreground)}.pay\:text-destructive{color:var(--pay-destructive)}.pay\:text-muted-foreground{color:var(--pay-muted-foreground)}.pay\:text-primary{color:var(--pay-primary)}.pay\:text-primary-foreground{color:var(--pay-primary-foreground)}.pay\:text-red-700{color:var(--pay-color-red-700)}.pay\:text-secondary-foreground{color:var(--pay-secondary-foreground)}.pay\:text-white{color:var(--pay-color-white)}.pay\:underline-offset-4{text-underline-offset:4px}.pay\:opacity-0{opacity:0}.pay\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pay\:ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pay\:ring-foreground\/10{--tw-ring-color:var(--pay-foreground)}@supports (color:color-mix(in lab,red,red)){.pay\:ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--pay-foreground) 10%, transparent)}}.pay\:transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--pay-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pay-default-transition-duration))}.pay\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--pay-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pay-default-transition-duration))}.pay\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--pay-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pay-default-transition-duration))}.pay\:duration-200{--tw-duration:.2s;transition-duration:.2s}.pay\:duration-300{--tw-duration:.3s;transition-duration:.3s}.pay\:outline-none{--tw-outline-style:none;outline-style:none}.pay\:select-none{-webkit-user-select:none;user-select:none}.pay\:fade-in{--tw-enter-opacity:0}.pay\:slide-in-from-bottom-1{--tw-enter-translate-y:calc(1*var(--spacing))}.pay\:peer-checked\:scale-100:is(:where(.pay\:peer):checked~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pay\:selection\:bg-primary ::selection{background-color:var(--pay-primary)}.pay\:selection\:bg-primary::selection{background-color:var(--pay-primary)}.pay\:selection\:text-primary-foreground ::selection{color:var(--pay-primary-foreground)}.pay\:selection\:text-primary-foreground::selection{color:var(--pay-primary-foreground)}.pay\:file\:text-foreground::file-selector-button{color:var(--pay-foreground)}.pay\:placeholder\:text-muted-foreground::placeholder{color:var(--pay-muted-foreground)}@media(hover:hover){.pay\:hover\:bg-accent:hover,.pay\:hover\:bg-accent\/50:hover{background-color:var(--pay-accent)}@supports (color:color-mix(in lab,red,red)){.pay\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--pay-accent) 50%,transparent)}}.pay\:hover\:bg-destructive\/90:hover{background-color:var(--pay-destructive)}@supports (color:color-mix(in lab,red,red)){.pay\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--pay-destructive) 90%,transparent)}}.pay\:hover\:bg-primary\/90:hover{background-color:var(--pay-primary)}@supports (color:color-mix(in lab,red,red)){.pay\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--pay-primary) 90%,transparent)}}.pay\:hover\:bg-secondary\/80:hover{background-color:var(--pay-secondary)}@supports (color:color-mix(in lab,red,red)){.pay\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--pay-secondary) 80%,transparent)}}.pay\:hover\:text-accent-foreground:hover{color:var(--pay-accent-foreground)}.pay\:hover\:underline:hover{text-decoration-line:underline}}.pay\:focus-visible\:border-ring:focus-visible{border-color:var(--pay-ring)}.pay\:focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pay\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--pay-destructive)}@supports (color:color-mix(in lab,red,red)){.pay\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pay-destructive) 20%, transparent)}}.pay\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--pay-ring)}@supports (color:color-mix(in lab,red,red)){.pay\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pay-ring) 50%, transparent)}}.pay\:active\:scale-\[0\.98\]:active{scale:.98}.pay\:disabled\:pointer-events-none:disabled{pointer-events:none}.pay\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.pay\:disabled\:opacity-50:disabled{opacity:.5}.pay\:has-\[input\:checked\]\:ring-2:has(:is(input:checked)){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pay\:has-\[input\:checked\]\:ring-primary:has(:is(input:checked)){--tw-ring-color:var(--pay-primary)}.pay\:aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--pay-destructive)}.pay\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--pay-destructive)}@supports (color:color-mix(in lab,red,red)){.pay\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--pay-destructive) 20%, transparent)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@layer base{:root{--openhive-radius:.65rem;--openhive-background:oklch(100% 0 0);--openhive-foreground:oklch(14.1% .005 285.823);--openhive-card:oklch(100% 0 0);--openhive-card-foreground:oklch(14.1% .005 285.823);--openhive-popover:oklch(100% 0 0);--openhive-popover-foreground:oklch(14.1% .005 285.823);--openhive-primary:oklch(54.1% .281 293.009);--openhive-primary-foreground:oklch(96.9% .016 293.756);--openhive-secondary:oklch(96.7% .001 286.375);--openhive-secondary-foreground:oklch(21% .006 285.885);--openhive-muted:oklch(96.7% .001 286.375);--openhive-muted-foreground:oklch(55.2% .016 285.938);--openhive-accent:oklch(96.7% .001 286.375);--openhive-accent-foreground:oklch(21% .006 285.885);--openhive-destructive:oklch(57.7% .245 27.325);--openhive-border:oklch(92% .004 286.32);--openhive-input:oklch(92% .004 286.32);--openhive-ring:oklch(70.2% .183 293.541)}@media(prefers-color-scheme:dark){:root{--openhive-background:oklch(14.1% .005 285.823);--openhive-foreground:oklch(98.5% 0 0);--openhive-card:oklch(21% .006 285.885);--openhive-card-foreground:oklch(98.5% 0 0);--openhive-popover:oklch(21% .006 285.885);--openhive-popover-foreground:oklch(98.5% 0 0);--openhive-primary:oklch(60.6% .25 292.717);--openhive-primary-foreground:oklch(96.9% .016 293.756);--openhive-secondary:oklch(27.4% .006 286.033);--openhive-secondary-foreground:oklch(98.5% 0 0);--openhive-muted:oklch(27.4% .006 286.033);--openhive-muted-foreground:oklch(70.5% .015 286.067);--openhive-accent:oklch(27.4% .006 286.033);--openhive-accent-foreground:oklch(98.5% 0 0);--openhive-destructive:oklch(70.4% .191 22.216);--openhive-border:oklch(100% 0 0/.1);--openhive-input:oklch(100% 0 0/.15);--openhive-ring:oklch(38% .189 293.745)}}openhive-pay{--pay-radius:var(--openhive-radius);--pay-background:var(--openhive-background);--pay-foreground:var(--openhive-foreground);--pay-card:var(--openhive-card);--pay-card-foreground:var(--openhive-card-foreground);--pay-popover:var(--openhive-popover);--pay-popover-foreground:var(--openhive-popover-foreground);--pay-primary:var(--openhive-primary);--pay-primary-foreground:var(--openhive-primary-foreground);--pay-secondary:var(--openhive-secondary);--pay-secondary-foreground:var(--openhive-secondary-foreground);--pay-muted:var(--openhive-muted);--pay-muted-foreground:var(--openhive-muted-foreground);--pay-accent:var(--openhive-accent);--pay-accent-foreground:var(--openhive-accent-foreground);--pay-destructive:var(--openhive-destructive);--pay-border:var(--openhive-border);--pay-input:var(--openhive-input);--pay-ring:var(--openhive-ring);background-color:var(--pay-background);color:var(--pay-foreground);font-family:system-ui,-apple-system,sans-serif;display:block}openhive-pay *,openhive-pay :before,openhive-pay :after{border-color:var(--pay-border);box-sizing:border-box;border-style:solid;border-width:0}openhive-pay button,openhive-pay input,openhive-pay select,openhive-pay textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}openhive-pay button{cursor:pointer}openhive-pay input:-webkit-autofill{background-color:var(--pay-input);color:var(--pay-foreground)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openhive-eu/payment",
-  "version": "1.0.0-next.0",
+  "version": "1.0.0-next.8",
   "private": false,
   "description": "Payment terminal widget — web component + optional React wrapper",
   "license": "ISC",
@@ -39,7 +39,7 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "gen-api-types": "npx openapi-typescript http://localhost:14004/doc.json -o ./src/lib/gen/api-schema.d.ts",
-    "prepublishOnly": "npm run gen-api-types && npm run build"
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",