@incodetech/web 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/browser-ponyfill-B6W6hHVY.js

@@ -0,0 +1,344 @@
+function z(c, y) {
+  for (var w = 0; w < y.length; w++) {
+    const p = y[w];
+    if (typeof p != "string" && !Array.isArray(p)) {
+      for (const l in p)
+        if (l !== "default" && !(l in c)) {
+          const b = Object.getOwnPropertyDescriptor(p, l);
+          b && Object.defineProperty(c, l, b.get ? b : {
+            enumerable: !0,
+            get: () => p[l]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(c, Symbol.toStringTag, { value: "Module" }));
+}
+var R = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function X(c) {
+  return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
+}
+var A = { exports: {} }, U;
+function J() {
+  return U || (U = 1, (function(c, y) {
+    var w = typeof globalThis < "u" && globalThis || typeof self < "u" && self || typeof R < "u" && R, p = (function() {
+      function b() {
+        this.fetch = !1, this.DOMException = w.DOMException;
+      }
+      return b.prototype = w, new b();
+    })();
+    (function(b) {
+      (function(u) {
+        var a = typeof b < "u" && b || typeof self < "u" && self || typeof a < "u" && a, f = {
+          searchParams: "URLSearchParams" in a,
+          iterable: "Symbol" in a && "iterator" in Symbol,
+          blob: "FileReader" in a && "Blob" in a && (function() {
+            try {
+              return new Blob(), !0;
+            } catch {
+              return !1;
+            }
+          })(),
+          formData: "FormData" in a,
+          arrayBuffer: "ArrayBuffer" in a
+        };
+        function S(e) {
+          return e && DataView.prototype.isPrototypeOf(e);
+        }
+        if (f.arrayBuffer)
+          var F = [
+            "[object Int8Array]",
+            "[object Uint8Array]",
+            "[object Uint8ClampedArray]",
+            "[object Int16Array]",
+            "[object Uint16Array]",
+            "[object Int32Array]",
+            "[object Uint32Array]",
+            "[object Float32Array]",
+            "[object Float64Array]"
+          ], M = ArrayBuffer.isView || function(e) {
+            return e && F.indexOf(Object.prototype.toString.call(e)) > -1;
+          };
+        function v(e) {
+          if (typeof e != "string" && (e = String(e)), /[^a-z0-9\-#$%&'*+.^_`|~!]/i.test(e) || e === "")
+            throw new TypeError('Invalid character in header field name: "' + e + '"');
+          return e.toLowerCase();
+        }
+        function E(e) {
+          return typeof e != "string" && (e = String(e)), e;
+        }
+        function T(e) {
+          var t = {
+            next: function() {
+              var r = e.shift();
+              return { done: r === void 0, value: r };
+            }
+          };
+          return f.iterable && (t[Symbol.iterator] = function() {
+            return t;
+          }), t;
+        }
+        function s(e) {
+          this.map = {}, e instanceof s ? e.forEach(function(t, r) {
+            this.append(r, t);
+          }, this) : Array.isArray(e) ? e.forEach(function(t) {
+            this.append(t[0], t[1]);
+          }, this) : e && Object.getOwnPropertyNames(e).forEach(function(t) {
+            this.append(t, e[t]);
+          }, this);
+        }
+        s.prototype.append = function(e, t) {
+          e = v(e), t = E(t);
+          var r = this.map[e];
+          this.map[e] = r ? r + ", " + t : t;
+        }, s.prototype.delete = function(e) {
+          delete this.map[v(e)];
+        }, s.prototype.get = function(e) {
+          return e = v(e), this.has(e) ? this.map[e] : null;
+        }, s.prototype.has = function(e) {
+          return this.map.hasOwnProperty(v(e));
+        }, s.prototype.set = function(e, t) {
+          this.map[v(e)] = E(t);
+        }, s.prototype.forEach = function(e, t) {
+          for (var r in this.map)
+            this.map.hasOwnProperty(r) && e.call(t, this.map[r], r, this);
+        }, s.prototype.keys = function() {
+          var e = [];
+          return this.forEach(function(t, r) {
+            e.push(r);
+          }), T(e);
+        }, s.prototype.values = function() {
+          var e = [];
+          return this.forEach(function(t) {
+            e.push(t);
+          }), T(e);
+        }, s.prototype.entries = function() {
+          var e = [];
+          return this.forEach(function(t, r) {
+            e.push([r, t]);
+          }), T(e);
+        }, f.iterable && (s.prototype[Symbol.iterator] = s.prototype.entries);
+        function B(e) {
+          if (e.bodyUsed)
+            return Promise.reject(new TypeError("Already read"));
+          e.bodyUsed = !0;
+        }
+        function P(e) {
+          return new Promise(function(t, r) {
+            e.onload = function() {
+              t(e.result);
+            }, e.onerror = function() {
+              r(e.error);
+            };
+          });
+        }
+        function I(e) {
+          var t = new FileReader(), r = P(t);
+          return t.readAsArrayBuffer(e), r;
+        }
+        function q(e) {
+          var t = new FileReader(), r = P(t);
+          return t.readAsText(e), r;
+        }
+        function H(e) {
+          for (var t = new Uint8Array(e), r = new Array(t.length), n = 0; n < t.length; n++)
+            r[n] = String.fromCharCode(t[n]);
+          return r.join("");
+        }
+        function D(e) {
+          if (e.slice)
+            return e.slice(0);
+          var t = new Uint8Array(e.byteLength);
+          return t.set(new Uint8Array(e)), t.buffer;
+        }
+        function x() {
+          return this.bodyUsed = !1, this._initBody = function(e) {
+            this.bodyUsed = this.bodyUsed, this._bodyInit = e, e ? typeof e == "string" ? this._bodyText = e : f.blob && Blob.prototype.isPrototypeOf(e) ? this._bodyBlob = e : f.formData && FormData.prototype.isPrototypeOf(e) ? this._bodyFormData = e : f.searchParams && URLSearchParams.prototype.isPrototypeOf(e) ? this._bodyText = e.toString() : f.arrayBuffer && f.blob && S(e) ? (this._bodyArrayBuffer = D(e.buffer), this._bodyInit = new Blob([this._bodyArrayBuffer])) : f.arrayBuffer && (ArrayBuffer.prototype.isPrototypeOf(e) || M(e)) ? this._bodyArrayBuffer = D(e) : this._bodyText = e = Object.prototype.toString.call(e) : this._bodyText = "", this.headers.get("content-type") || (typeof e == "string" ? this.headers.set("content-type", "text/plain;charset=UTF-8") : this._bodyBlob && this._bodyBlob.type ? this.headers.set("content-type", this._bodyBlob.type) : f.searchParams && URLSearchParams.prototype.isPrototypeOf(e) && this.headers.set("content-type", "application/x-www-form-urlencoded;charset=UTF-8"));
+          }, f.blob && (this.blob = function() {
+            var e = B(this);
+            if (e)
+              return e;
+            if (this._bodyBlob)
+              return Promise.resolve(this._bodyBlob);
+            if (this._bodyArrayBuffer)
+              return Promise.resolve(new Blob([this._bodyArrayBuffer]));
+            if (this._bodyFormData)
+              throw new Error("could not read FormData body as blob");
+            return Promise.resolve(new Blob([this._bodyText]));
+          }, this.arrayBuffer = function() {
+            if (this._bodyArrayBuffer) {
+              var e = B(this);
+              return e || (ArrayBuffer.isView(this._bodyArrayBuffer) ? Promise.resolve(
+                this._bodyArrayBuffer.buffer.slice(
+                  this._bodyArrayBuffer.byteOffset,
+                  this._bodyArrayBuffer.byteOffset + this._bodyArrayBuffer.byteLength
+                )
+              ) : Promise.resolve(this._bodyArrayBuffer));
+            } else
+              return this.blob().then(I);
+          }), this.text = function() {
+            var e = B(this);
+            if (e)
+              return e;
+            if (this._bodyBlob)
+              return q(this._bodyBlob);
+            if (this._bodyArrayBuffer)
+              return Promise.resolve(H(this._bodyArrayBuffer));
+            if (this._bodyFormData)
+              throw new Error("could not read FormData body as text");
+            return Promise.resolve(this._bodyText);
+          }, f.formData && (this.formData = function() {
+            return this.text().then(k);
+          }), this.json = function() {
+            return this.text().then(JSON.parse);
+          }, this;
+        }
+        var L = ["DELETE", "GET", "HEAD", "OPTIONS", "POST", "PUT"];
+        function C(e) {
+          var t = e.toUpperCase();
+          return L.indexOf(t) > -1 ? t : e;
+        }
+        function m(e, t) {
+          if (!(this instanceof m))
+            throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');
+          t = t || {};
+          var r = t.body;
+          if (e instanceof m) {
+            if (e.bodyUsed)
+              throw new TypeError("Already read");
+            this.url = e.url, this.credentials = e.credentials, t.headers || (this.headers = new s(e.headers)), this.method = e.method, this.mode = e.mode, this.signal = e.signal, !r && e._bodyInit != null && (r = e._bodyInit, e.bodyUsed = !0);
+          } else
+            this.url = String(e);
+          if (this.credentials = t.credentials || this.credentials || "same-origin", (t.headers || !this.headers) && (this.headers = new s(t.headers)), this.method = C(t.method || this.method || "GET"), this.mode = t.mode || this.mode || null, this.signal = t.signal || this.signal, this.referrer = null, (this.method === "GET" || this.method === "HEAD") && r)
+            throw new TypeError("Body not allowed for GET or HEAD requests");
+          if (this._initBody(r), (this.method === "GET" || this.method === "HEAD") && (t.cache === "no-store" || t.cache === "no-cache")) {
+            var n = /([?&])_=[^&]*/;
+            if (n.test(this.url))
+              this.url = this.url.replace(n, "$1_=" + (/* @__PURE__ */ new Date()).getTime());
+            else {
+              var i = /\?/;
+              this.url += (i.test(this.url) ? "&" : "?") + "_=" + (/* @__PURE__ */ new Date()).getTime();
+            }
+          }
+        }
+        m.prototype.clone = function() {
+          return new m(this, { body: this._bodyInit });
+        };
+        function k(e) {
+          var t = new FormData();
+          return e.trim().split("&").forEach(function(r) {
+            if (r) {
+              var n = r.split("="), i = n.shift().replace(/\+/g, " "), o = n.join("=").replace(/\+/g, " ");
+              t.append(decodeURIComponent(i), decodeURIComponent(o));
+            }
+          }), t;
+        }
+        function N(e) {
+          var t = new s(), r = e.replace(/\r?\n[\t ]+/g, " ");
+          return r.split("\r").map(function(n) {
+            return n.indexOf(`
+`) === 0 ? n.substr(1, n.length) : n;
+          }).forEach(function(n) {
+            var i = n.split(":"), o = i.shift().trim();
+            if (o) {
+              var _ = i.join(":").trim();
+              t.append(o, _);
+            }
+          }), t;
+        }
+        x.call(m.prototype);
+        function d(e, t) {
+          if (!(this instanceof d))
+            throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');
+          t || (t = {}), this.type = "default", this.status = t.status === void 0 ? 200 : t.status, this.ok = this.status >= 200 && this.status < 300, this.statusText = t.statusText === void 0 ? "" : "" + t.statusText, this.headers = new s(t.headers), this.url = t.url || "", this._initBody(e);
+        }
+        x.call(d.prototype), d.prototype.clone = function() {
+          return new d(this._bodyInit, {
+            status: this.status,
+            statusText: this.statusText,
+            headers: new s(this.headers),
+            url: this.url
+          });
+        }, d.error = function() {
+          var e = new d(null, { status: 0, statusText: "" });
+          return e.type = "error", e;
+        };
+        var G = [301, 302, 303, 307, 308];
+        d.redirect = function(e, t) {
+          if (G.indexOf(t) === -1)
+            throw new RangeError("Invalid status code");
+          return new d(null, { status: t, headers: { location: e } });
+        }, u.DOMException = a.DOMException;
+        try {
+          new u.DOMException();
+        } catch {
+          u.DOMException = function(t, r) {
+            this.message = t, this.name = r;
+            var n = Error(t);
+            this.stack = n.stack;
+          }, u.DOMException.prototype = Object.create(Error.prototype), u.DOMException.prototype.constructor = u.DOMException;
+        }
+        function O(e, t) {
+          return new Promise(function(r, n) {
+            var i = new m(e, t);
+            if (i.signal && i.signal.aborted)
+              return n(new u.DOMException("Aborted", "AbortError"));
+            var o = new XMLHttpRequest();
+            function _() {
+              o.abort();
+            }
+            o.onload = function() {
+              var h = {
+                status: o.status,
+                statusText: o.statusText,
+                headers: N(o.getAllResponseHeaders() || "")
+              };
+              h.url = "responseURL" in o ? o.responseURL : h.headers.get("X-Request-URL");
+              var g = "response" in o ? o.response : o.responseText;
+              setTimeout(function() {
+                r(new d(g, h));
+              }, 0);
+            }, o.onerror = function() {
+              setTimeout(function() {
+                n(new TypeError("Network request failed"));
+              }, 0);
+            }, o.ontimeout = function() {
+              setTimeout(function() {
+                n(new TypeError("Network request failed"));
+              }, 0);
+            }, o.onabort = function() {
+              setTimeout(function() {
+                n(new u.DOMException("Aborted", "AbortError"));
+              }, 0);
+            };
+            function V(h) {
+              try {
+                return h === "" && a.location.href ? a.location.href : h;
+              } catch {
+                return h;
+              }
+            }
+            o.open(i.method, V(i.url), !0), i.credentials === "include" ? o.withCredentials = !0 : i.credentials === "omit" && (o.withCredentials = !1), "responseType" in o && (f.blob ? o.responseType = "blob" : f.arrayBuffer && i.headers.get("Content-Type") && i.headers.get("Content-Type").indexOf("application/octet-stream") !== -1 && (o.responseType = "arraybuffer")), t && typeof t.headers == "object" && !(t.headers instanceof s) ? Object.getOwnPropertyNames(t.headers).forEach(function(h) {
+              o.setRequestHeader(h, E(t.headers[h]));
+            }) : i.headers.forEach(function(h, g) {
+              o.setRequestHeader(g, h);
+            }), i.signal && (i.signal.addEventListener("abort", _), o.onreadystatechange = function() {
+              o.readyState === 4 && i.signal.removeEventListener("abort", _);
+            }), o.send(typeof i._bodyInit > "u" ? null : i._bodyInit);
+          });
+        }
+        return O.polyfill = !0, a.fetch || (a.fetch = O, a.Headers = s, a.Request = m, a.Response = d), u.Headers = s, u.Request = m, u.Response = d, u.fetch = O, u;
+      })({});
+    })(p), p.fetch.ponyfill = !0, delete p.fetch.polyfill;
+    var l = w.fetch ? w : p;
+    y = l.fetch, y.default = l.fetch, y.fetch = l.fetch, y.Headers = l.Headers, y.Request = l.Request, y.Response = l.Response, c.exports = y;
+  })(A, A.exports)), A.exports;
+}
+var j = J();
+const K = /* @__PURE__ */ X(j), Q = /* @__PURE__ */ z({
+  __proto__: null,
+  default: K
+}, [j]);
+export {
+  Q as b
+};

package/dist/email/email.es.js

@@ -0,0 +1,145 @@
+import { u as e, S as g, r as h, a as v, B as O } from "../incodeModule-Dv8Qllrv.js";
+import { createEmailManager as y } from "@incodetech/core/email";
+import { d as f, y as b, k as V } from "../vendor-preact-CK0WeTOR.js";
+import { I as P, P as E } from "../page-Dh_Zw2ik.js";
+import { O as k } from "../otpInput-BtoZe0Wz.js";
+const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
+  prefilledEmail: i,
+  emailError: s,
+  disabled: r = !1,
+  onEmailChange: t
+}) => {
+  const [n, o] = f("");
+  b(() => {
+    if (i) {
+      o(i);
+      const a = I.test(i.trim());
+      t(i.trim(), a);
+    }
+  }, [i, t]);
+  const m = (a) => {
+    const u = a.target.value;
+    o(u);
+    const l = u.trim(), c = l.length > 0 && I.test(l);
+    t(l, c);
+  }, p = s ? "email-error" : void 0;
+  return /* @__PURE__ */ e("div", { class: "IncodeEmailInput", children: /* @__PURE__ */ e("div", { class: "IncodeEmailInputContainer", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        class: `IncodeEmailInputWrapper ${s ? "IncodeEmailInputWrapperError" : ""} ${r ? "IncodeEmailInputWrapperDisabled" : ""}`,
+        children: [
+          /* @__PURE__ */ e("label", { for: "email-input", class: "IncodeEmailInputLabel", children: "Email" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              id: "email-input",
+              type: "email",
+              value: n,
+              onInput: m,
+              placeholder: "Email",
+              disabled: r,
+              class: "IncodeEmailInputField",
+              "data-testid": "email-input",
+              "aria-label": "Email address",
+              "aria-invalid": s ? "true" : "false",
+              "aria-describedby": p,
+              autocomplete: "email"
+            }
+          )
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ e(V, { children: [
+      /* @__PURE__ */ e(g, { size: 8 }),
+      /* @__PURE__ */ e(
+        "p",
+        {
+          id: p,
+          class: "IncodeEmailInputError",
+          "data-testid": "email-error",
+          role: "alert",
+          children: s
+        }
+      )
+    ] })
+  ] }) });
+}, C = ({ config: i, onFinish: s, onError: r }) => {
+  const [t, n] = v(() => {
+    if (!i)
+      throw new Error("Email config is required");
+    return y({ config: i });
+  }), [o, m] = f(!1);
+  if (b(() => {
+    if (t.status === "idle" && n.load)
+      try {
+        n.load();
+      } catch (a) {
+        r?.(
+          a instanceof Error ? a.message : "Failed to initialize email verification"
+        );
+      }
+  }, []), t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingOtp") {
+    const a = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingOtp", d = t.status === "inputting" ? t.prefilledEmail : void 0, u = t.status === "inputting" ? t.emailError : void 0;
+    return /* @__PURE__ */ e(
+      E,
+      {
+        className: "IncodeEmailPage",
+        title: "Verify Email",
+        subtitle: i.otpVerification ? "We will send you a verification code" : void 0,
+        children: [
+          /* @__PURE__ */ e(
+            w,
+            {
+              prefilledEmail: d,
+              emailError: u,
+              disabled: a,
+              onEmailChange: (l, c) => {
+                n.setEmail(l, c), m(c);
+              }
+            }
+          ),
+          /* @__PURE__ */ e(g, {}),
+          /* @__PURE__ */ e(
+            O,
+            {
+              onClick: () => n.submit(),
+              disabled: !o,
+              isLoading: a,
+              "data-testid": "email-submit",
+              children: "Continue"
+            }
+          )
+        ]
+      }
+    );
+  }
+  if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError") {
+    const a = t.status === "verifyingOtp";
+    return /* @__PURE__ */ e(
+      E,
+      {
+        className: "IncodeEmailPage IncodeEmailOtpPage",
+        title: "Enter Verification Code",
+        children: /* @__PURE__ */ e(
+          k,
+          {
+            resendTimer: t.status === "awaitingOtp" ? t.resendTimer : 0,
+            canResend: t.status === "awaitingOtp" ? t.canResend : !1,
+            error: t.status === "otpError" ? t.error : void 0,
+            onSubmit: (d) => n.submitOtp(d),
+            onResend: () => n.resendOtp(),
+            onBack: () => n.back(),
+            backLinkText: "change email address",
+            isLoading: a
+          }
+        )
+      }
+    );
+  }
+  return t.status === "success" ? (s?.(), null) : (t.status === "error" && r?.(t.error), null);
+}, L = ({ config: i, onFinish: s, onError: r }) => /* @__PURE__ */ e(P, { children: i ? /* @__PURE__ */ e(C, { config: i, onFinish: s, onError: r }) : null });
+h(L, "incode-email");
+export {
+  L as Email
+};

package/dist/email/styles.css

@@ -0,0 +1,123 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@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-border-style: solid;
+      --tw-duration: initial;
+      --tw-font-weight: initial;
+    }
+  }
+}
+
+.IncodeEmailPage .IncodePageContent {
+  padding-top: var(--spacing-32, var(--spacing-32, 32px));
+  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
+}
+
+.IncodeEmailPage .IncodeEmailInput, .IncodeEmailPage .IncodeEmailInputContainer {
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeEmailPage .IncodeEmailInputWrapper {
+  border-radius: var(--radius-small, var(--border-radius-small));
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-input-border-default, var(--input-border-default));
+  background-color: var(--color-input-surface-default, var(--input-surface-default));
+  width: 100%;
+  max-width: 340px;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .2s;
+  flex-direction: column;
+  transition-duration: .2s;
+  display: flex;
+}
+
+.IncodeEmailPage .IncodeEmailInputWrapper:focus-within {
+  border-color: var(--color-input-border-active, var(--input-border-active));
+}
+
+.IncodeEmailPage .IncodeEmailInputWrapper.IncodeEmailInputWrapperError {
+  border-color: var(--color-input-border-negative, var(--input-border-negative));
+}
+
+.IncodeEmailPage .IncodeEmailInputWrapper.IncodeEmailInputWrapperDisabled {
+  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
+  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
+}
+
+.IncodeEmailPage .IncodeEmailInputLabel {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.IncodeEmailPage .IncodeEmailInputField {
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--border-none));
+  --tw-border-style: none;
+  width: 100%;
+  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  font-size: var(--text-18, var(--primitive-typography-size-18));
+  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  color: var(--color-input-text-field-default, var(--input-text-field-default));
+  --tw-outline-style: none;
+  border-radius: var(--radius-small, var(--border-radius-small));
+  background-color: #0000;
+  border-style: none;
+  outline-style: none;
+}
+
+.IncodeEmailPage .IncodeEmailInputField::placeholder {
+  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
+}
+
+.IncodeEmailPage .IncodeEmailInputField:disabled {
+  cursor: not-allowed;
+  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
+}
+
+.IncodeEmailPage .IncodeEmailInputField:focus {
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeEmailPage .IncodeEmailInputError {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  text-align: center;
+  font-size: var(--text-14, var(--primitive-typography-size-14));
+  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}