@loafmarkets/ui 0.1.353 → 0.1.355

package/dist/index.js

@@ -4593,8 +4593,8 @@ var PriceChart = React5__namespace.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__namespace.forwardRef(
@@ -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;
@@ -9098,10 +9110,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__ */ jsxRuntime.jsxs(Wrapper, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "About" }),
@@ -9304,7 +9315,7 @@ function PropertyOverview({
         ] })
       ] })
     ] }),
-    showTradingHours && /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Trading Hours" }),
       /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursCard, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursRow, { children: [
@@ -11714,6 +11725,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()}`;