@loafmarkets/ui 0.1.354 → 0.1.356

package/dist/index.mjs

@@ -4566,6 +4566,11 @@ var PriceChart = React5.forwardRef(
 );
 PriceChart.displayName = "PriceChart";
 var formatPrice3 = (value, currencySymbol) => {
+  const abs = Math.abs(value);
+  if (abs >= 1e6) {
+    const unit = abs >= 1e12 ? { v: 1e12, s: "T" } : abs >= 1e9 ? { v: 1e9, s: "B" } : { v: 1e6, s: "M" };
+    return `${currencySymbol}${(value / unit.v).toFixed(1)}${unit.s}`;
+  }
   return `${currencySymbol}${value.toLocaleString(void 0, {
     minimumFractionDigits: 0,
     maximumFractionDigits: 2
@@ -6794,8 +6799,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 +6820,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 +7486,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 +7494,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;
@@ -9041,7 +9058,7 @@ function PropertyOverview({
   ] });
   const tokenDetailsItems = [
     { label: "Chain", value: chainValue },
-    { label: "On-Chain Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0, copyValue: contractAddress },
+    { label: "On-Chain Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://sepolia.basescan.org/address/${contractAddress}` : void 0, copyValue: contractAddress },
     { label: "Token Ticker", value: ticker ?? "\u2014" },
     { label: "Total Circulating Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
     { label: "Legal Structuring", value: "See Documents", docLink: true },
@@ -9487,7 +9504,7 @@ function HoldersPopup({
     window.addEventListener("keydown", handleEsc);
     return () => window.removeEventListener("keydown", handleEsc);
   }, [onClose]);
-  const basescanUrl = contractAddress ? `https://basescan.org/token/${contractAddress}#balances` : "https://basescan.org";
+  const basescanUrl = contractAddress ? `https://sepolia.basescan.org/token/${contractAddress}#balances` : "https://sepolia.basescan.org";
   return /* @__PURE__ */ jsx(DivPopupOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxs(HoldersPanel, { onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxs(DivPopupHeader, { children: [
       /* @__PURE__ */ jsxs(DivPopupTitle, { children: [
@@ -9509,7 +9526,7 @@ function HoldersPopup({
       MOCK_HOLDERS.map((h) => /* @__PURE__ */ jsxs(HoldersTableRow, { children: [
         /* @__PURE__ */ jsx(HoldersColRank, { children: h.rank }),
         /* @__PURE__ */ jsxs(HoldersColAddr, { children: [
-          /* @__PURE__ */ jsx(HolderAddrLink, { href: `https://basescan.org/address/${h.address.replace("...", "")}`, target: "_blank", rel: "noopener noreferrer", children: h.address }),
+          /* @__PURE__ */ jsx(HolderAddrLink, { href: `https://sepolia.basescan.org/address/${h.address.replace("...", "")}`, target: "_blank", rel: "noopener noreferrer", children: h.address }),
           h.label && /* @__PURE__ */ jsx(HolderLabel, { children: h.label })
         ] }),
         /* @__PURE__ */ jsx(HoldersColTokens, { children: h.tokens.toLocaleString() }),