@loafmarkets/ui 0.1.82 → 0.1.84

package/dist/index.js

@@ -13758,7 +13758,7 @@ function PropertyValuation({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(PricingModelDetail, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(PropertyDetailLabel, { children: "Last Price" }),
-              /* @__PURE__ */ jsxRuntime.jsx(PricingDetailValue, { children: formatCurrency6(lastPrice) })
+              /* @__PURE__ */ jsxRuntime.jsx(PricingDetailValue, { children: formatCompact(lastPrice) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(PricingModelDetail, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%" }, children: [
@@ -13769,11 +13769,11 @@ function PropertyValuation({
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(PricingDetailValue, { style: { color: "var(--color-accent)", fontWeight: "bold" }, children: [
-                formatCurrency6(fairValue),
+                formatCompact(fairValue),
                 " ",
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "0.85em", fontWeight: "normal", opacity: 0.8 }, children: [
                   "(",
-                  formatMillions(fairValue * tokensOutstanding),
+                  formatCompact(fairValue * tokensOutstanding),
                   ")"
                 ] })
               ] })
@@ -13790,7 +13790,7 @@ function PropertyValuation({
               /* @__PURE__ */ jsxRuntime.jsx(GaugeIndicator, { type: "fairValue", position: 50 }),
               /* @__PURE__ */ jsxRuntime.jsxs(GaugePriceTag, { position: gaugePosition, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Last Price" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCurrency6(lastPrice) })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCompact(lastPrice) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(GaugeIndicator, { type: "lastPrice", position: gaugePosition })
             ] }),
@@ -13798,36 +13798,36 @@ function PropertyValuation({
               /* @__PURE__ */ jsxRuntime.jsx(ValuationItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(ValuationValue, { style: { color: "#4CAF50" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                   "< ",
-                  formatCurrency6(undervaluedThreshold)
+                  formatCompact(undervaluedThreshold)
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(undervaluedThreshold * tokensOutstanding),
+                  formatCompact(undervaluedThreshold * tokensOutstanding),
                   ")"
                 ] })
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(ValuationItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(ValuationValue, { style: { color: "var(--color-accent)" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCurrency6(fairValue) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCompact(fairValue) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(fairValue * tokensOutstanding),
+                  formatCompact(fairValue * tokensOutstanding),
                   ")"
                 ] })
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(ValuationItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(ValuationValue, { style: { color: "#F44336" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                   "> ",
-                  formatCurrency6(overvaluedThreshold)
+                  formatCompact(overvaluedThreshold)
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(overvaluedThreshold * tokensOutstanding),
+                  formatCompact(overvaluedThreshold * tokensOutstanding),
                   ")"
                 ] })
               ] }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(HiddenMobileChart, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "1rem", fontSize: "1.1rem", color: "#fff" }, children: "Historical Valuation" }),
             /* @__PURE__ */ jsxRuntime.jsx(ChartContainer, { children: /* @__PURE__ */ jsxRuntime.jsxs(ChartBackground, { children: [
               axisLabels.map((label, index) => /* @__PURE__ */ jsxRuntime.jsx(YAxisLabel, { style: { top: `${10 + index * 22}%` }, children: label }, `${label}-${index}`)),
@@ -13946,15 +13946,7 @@ function PropertyValuation({
               ] })
             ] }) })
           ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "desktop-only-historical-chart", style: { marginBottom: "1rem", fontSize: "1.1rem", color: "#fff" }, children: "Historical Valuation" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ChartContainer, { className: "desktop-only-historical-chart", children: /* @__PURE__ */ jsxRuntime.jsxs(ChartBackground, { children: [
-          axisLabels.map((label, index) => /* @__PURE__ */ jsxRuntime.jsx(YAxisLabel, { style: { top: `${10 + index * 22}%` }, children: label }, `${label}-${index}`)),
-          /* @__PURE__ */ jsxRuntime.jsxs(ValuationSvg, { viewBox: `0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`, preserveAspectRatio: "none", children: [
-            valuationPath ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: valuationPath, fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) : null,
-            fairValuePath ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: fairValuePath, fill: "none", stroke: "#FFFFFF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) : null
-          ] })
-        ] }) })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(RecentSalesSection, { children: [
@@ -14028,6 +14020,14 @@ function formatMillions(value) {
   }
   return `$${(value / 1e6).toFixed(2)}m`;
 }
+function formatCompact(value) {
+  if (value == null || !Number.isFinite(value)) return "\u2014";
+  const abs = Math.abs(value);
+  if (abs >= 1e9) return `$${(value / 1e9).toFixed(2)}B`;
+  if (abs >= 1e6) return `$${(value / 1e6).toFixed(2)}M`;
+  if (abs >= 1e3) return `$${(value / 1e3).toFixed(1)}K`;
+  return formatCurrency6(value);
+}
 function formatBedroomLabel(bedrooms) {
   if (!Number.isFinite(bedrooms)) return "\u2014";
   return `${bedrooms} Bed`;
@@ -14151,12 +14151,6 @@ var GaugePriceTag = styled25__default.default.div`
     color: var(--color-accent);
   }
 `;
-var HiddenMobileChart = styled25__default.default.div`
-  display: none;
-  @media (max-width: 480px) {
-    display: block;
-  }
-`;
 var ValuationWrapper = styled25__default.default.div`
   display: flex;
   flex-direction: column;
@@ -14308,7 +14302,7 @@ var ValuationValue = styled25__default.default.div`
     font-size: 0.72rem;
 
     .valuation-amount-span {
-      font-size: 0.68rem !important;
+      display: none;
     }
   }
 `;