@loafmarkets/ui 0.1.407 → 0.1.408

package/dist/index.mjs

@@ -7551,7 +7551,6 @@ var LoginPopup = ({
       ] })
     ] });
     if (gate) {
-      const codeAccepted = codeStatus === "valid";
       const showSignIn = signInMode || signInRevealed;
       return /* @__PURE__ */ jsxs(GateShell, { children: [
         /* @__PURE__ */ jsx(GateTint, { $reveal: showSignIn ? 1 : 0 }),
@@ -7577,35 +7576,30 @@ var LoginPopup = ({
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs(CodeInputWrapper, { $status: codeStatus, children: [
               /* @__PURE__ */ jsx(CodePrefix, { children: CODE_PREFIX }),
-              codeInput,
-              /* @__PURE__ */ jsx(
-                GateSubmit,
-                {
-                  type: "button",
-                  "aria-label": "Submit access code",
-                  $status: codeStatus,
-                  disabled: codeStatus === "checking" || !codeComplete,
-                  onClick: () => void runCodeValidation(referralCode),
-                  children: codeAccepted ? /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) }) : codeStatus === "checking" ? /* @__PURE__ */ jsx(GateSpinner, {}) : /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) })
-                }
-              )
+              codeInput
             ] }),
             (codeStatus === "invalid" || error && !signInRevealed) && /* @__PURE__ */ jsx(StatusMessage, { $error: true, children: error || "That code isn't valid. Double-check and try again." }),
-            signInRevealed ? signInStep : /* @__PURE__ */ jsxs(GateResendText, { children: [
-              "Already have an account?",
-              " ",
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    setError("");
-                    setIsSignUp(false);
-                    setSignInMode(true);
-                  },
-                  children: "Sign in"
-                }
-              )
+            signInRevealed ? signInStep : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(GateResendText, { children: [
+                "Already have an account?",
+                " ",
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      setError("");
+                      setIsSignUp(false);
+                      setSignInMode(true);
+                    },
+                    children: "Sign in"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(GateEarlyAccess, { href: "https://loafmarkets.com/?waitlist=1", children: [
+                "Signup for early access",
+                /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) })
+              ] })
             ] })
           ] })
         ] })
@@ -8228,6 +8222,33 @@ var GateResendText = styled10.p`
     font-size: inherit;
   }
 `;
+var GateEarlyAccess = styled10.a`
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  margin-top: 0.15rem;
+  color: var(--color-text-secondary, #848e9c);
+  font-size: 0.8rem;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  text-decoration: none;
+  cursor: pointer;
+  transition: color 0.15s ease;
+
+  svg {
+    width: 13px;
+    height: 13px;
+    transition: transform 0.15s ease;
+  }
+
+  &:hover {
+    color: var(--color-accent, #E6C87E);
+  }
+
+  &:hover svg {
+    transform: translateX(3px);
+  }
+`;
 var GateSubmit = styled10.button`
   display: flex;
   align-items: center;