@loafmarkets/ui 0.1.353 → 0.1.355

package/dist/index.mjs

@@ -4567,8 +4567,8 @@ var PriceChart = React5.forwardRef(
 PriceChart.displayName = "PriceChart";
 var formatPrice3 = (value, currencySymbol) => {
   return `${currencySymbol}${value.toLocaleString(void 0, {
-    minimumFractionDigits: 3,
-    maximumFractionDigits: 3
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
   })}`;
 };
 var PropertyHeroHeader = React5.forwardRef(
@@ -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;
@@ -9072,10 +9084,9 @@ function PropertyOverview({
   const ownershipLabel = overviewData?.ownership ? overviewData.ownership.charAt(0).toUpperCase() + overviewData.ownership.slice(1).toLowerCase() : null;
   const propertyHistory = overviewData?.propertyHistory ?? [];
   const closedDays = marketHours?.marketClosedDays.filter((d) => d.toLowerCase() !== "never") ?? [];
-  const tradingHoursValue = marketHours ? marketHours.marketOpenTime === marketHours.marketCloseTime ? "24 Hours" : `${marketHours.marketOpenTime} \u2013 ${marketHours.marketCloseTime}` : "";
-  const tradingDaysValue = marketHours ? closedDays.length ? `Closed ${closedDays.join(", ")}` : "Every day" : "";
-  const tradingHoursNote = marketHours ? `All times shown in ${marketHours.marketTimezone}.` : "";
-  const showTradingHours = marketHours != null;
+  const tradingHoursValue = marketHours ? marketHours.marketOpenTime === marketHours.marketCloseTime ? "24 Hours" : `${marketHours.marketOpenTime} \u2013 ${marketHours.marketCloseTime}` : "10:00 \u2013 16:00";
+  const tradingDaysValue = marketHours ? closedDays.length ? `Closed ${closedDays.join(", ")}` : "Every day" : "Mon \u2013 Fri";
+  const tradingHoursNote = marketHours ? `All times shown in ${marketHours.marketTimezone}.` : "Markets are closed on public holidays.";
   return /* @__PURE__ */ jsxs(Wrapper, { children: [
     /* @__PURE__ */ jsxs(Section, { children: [
       /* @__PURE__ */ jsx(SectionHeader, { children: "About" }),
@@ -9278,7 +9289,7 @@ function PropertyOverview({
         ] })
       ] })
     ] }),
-    showTradingHours && /* @__PURE__ */ jsxs(Section, { children: [
+    /* @__PURE__ */ jsxs(Section, { children: [
       /* @__PURE__ */ jsx(SectionHeader, { children: "Trading Hours" }),
       /* @__PURE__ */ jsxs(TradingHoursCard, { children: [
         /* @__PURE__ */ jsxs(TradingHoursRow, { children: [
@@ -11688,6 +11699,7 @@ function SlideDigit({ value }) {
   ] });
 }
 var formatCurrency3 = (amount) => {
+  if (amount >= 1e9) return `$${(amount / 1e9).toFixed(1)}B`;
   if (amount >= 1e6) return `$${(amount / 1e6).toFixed(1)}M`;
   if (amount >= 1e3) return `$${(amount / 1e3).toFixed(0)}K`;
   return `$${Math.round(amount).toLocaleString()}`;