@loafmarkets/ui 0.1.354 → 0.1.355

package/dist/index.js

@@ -6820,8 +6820,12 @@ var LoginPopup = ({
       /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(Title, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(LogoContainer3, { children: /* @__PURE__ */ jsxRuntime.jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
-        "Welcome to Loaf"
+        /* @__PURE__ */ jsxRuntime.jsxs(TitleText, { children: [
+          "Welcome to Loaf",
+          /* @__PURE__ */ jsxRuntime.jsx(BetaBadge, { children: "(Private Beta)" })
+        ] })
       ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Subtitle, { children: "Sign in to claim $100k in test USD." }),
       /* @__PURE__ */ jsxRuntime.jsxs(ButtonsContainer, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(LoginButton, { onClick: () => handleEmailClick(false), children: [
           /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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" }) }),
@@ -6837,19 +6841,6 @@ var LoginPopup = ({
           "Sign in with Passkey"
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", marginTop: "0.5rem", marginBottom: "1rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          onClick: () => handleEmailClick(true),
-          style: {
-            color: "var(--color-text-secondary, #848e9c)",
-            fontSize: "0.8rem",
-            cursor: "pointer",
-            textDecoration: "underline"
-          },
-          children: "Sign Up"
-        }
-      ) }),
       /* @__PURE__ */ jsxRuntime.jsx(Divider, {}),
       /* @__PURE__ */ jsxRuntime.jsxs(AnnotationContainer, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Annotation, { children: [
@@ -7516,7 +7507,7 @@ var Title = styled9__default.default.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;
@@ -7524,6 +7515,27 @@ var Title = styled9__default.default.h2`
   justify-content: center;
   gap: 1rem;
 `;
+var TitleText = styled9__default.default.span`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.35rem;
+  text-align: center;
+  line-height: 1.2;
+`;
+var BetaBadge = styled9__default.default.span`
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--color-accent, #e6c87e);
+  white-space: nowrap;
+`;
+var Subtitle = styled9__default.default.p`
+  font-size: 0.9rem;
+  font-weight: 400;
+  color: var(--color-text-secondary, #848e9c);
+  text-align: center;
+  margin: 0 0 2rem;
+`;
 var LogoContainer3 = styled9__default.default.div`
   display: flex;
   justify-content: center;