@loafmarkets/ui 0.1.354 → 0.1.355

package/dist/index.mjs

@@ -6794,8 +6794,12 @@ var LoginPopup = ({
       /* @__PURE__ */ jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
       /* @__PURE__ */ jsxs(Title, { children: [
         /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
-        "Welcome to Loaf"
+        /* @__PURE__ */ jsxs(TitleText, { children: [
+          "Welcome to Loaf",
+          /* @__PURE__ */ jsx(BetaBadge, { children: "(Private Beta)" })
+        ] })
       ] }),
+      /* @__PURE__ */ jsx(Subtitle, { children: "Sign in to claim $100k in test USD." }),
       /* @__PURE__ */ jsxs(ButtonsContainer, { children: [
         /* @__PURE__ */ jsxs(LoginButton, { onClick: () => handleEmailClick(false), children: [
           /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" }) }),
@@ -6811,19 +6815,6 @@ var LoginPopup = ({
           "Sign in with Passkey"
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginTop: "0.5rem", marginBottom: "1rem" }, children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          onClick: () => handleEmailClick(true),
-          style: {
-            color: "var(--color-text-secondary, #848e9c)",
-            fontSize: "0.8rem",
-            cursor: "pointer",
-            textDecoration: "underline"
-          },
-          children: "Sign Up"
-        }
-      ) }),
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsxs(AnnotationContainer, { children: [
         /* @__PURE__ */ jsxs(Annotation, { children: [
@@ -7490,7 +7481,7 @@ var Title = styled9.h2`
   font-size: 1.75rem;
   font-weight: 600;
   color: var(--color-text, #eaecef);
-  margin-bottom: 2rem;
+  margin-bottom: 0.5rem;
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -7498,6 +7489,27 @@ var Title = styled9.h2`
   justify-content: center;
   gap: 1rem;
 `;
+var TitleText = styled9.span`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.35rem;
+  text-align: center;
+  line-height: 1.2;
+`;
+var BetaBadge = styled9.span`
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--color-accent, #e6c87e);
+  white-space: nowrap;
+`;
+var Subtitle = styled9.p`
+  font-size: 0.9rem;
+  font-weight: 400;
+  color: var(--color-text-secondary, #848e9c);
+  text-align: center;
+  margin: 0 0 2rem;
+`;
 var LogoContainer3 = styled9.div`
   display: flex;
   justify-content: center;