@loafmarkets/ui 0.1.142 → 0.1.144

package/dist/index.js

@@ -8133,8 +8133,7 @@ var Track = styled19__default.default.div`
 `;
 var Slide = styled19__default.default.div`
   min-width: 100%; position: relative; cursor: pointer;
-  img { width: 100%; height: 500px; object-fit: cover; border-radius: 8px; }
-  @media (max-width: 768px) { img { height: 280px; } }
+  img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }
 `;
 var SlideCaption = styled19__default.default.div`
   position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem;
@@ -8362,6 +8361,9 @@ function PropertyOverview({
   const weeklyRent = overviewData?.weeklyRent ?? 0;
   const annualRent = weeklyRent * 52;
   const dividendYield = resolvedValuation && annualRent > 0 ? (annualRent / resolvedValuation * 100).toFixed(2) : null;
+  const monthlyCoupon = annualRent / 12;
+  const tokenMarketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
+  const currentDividendYield = tokenMarketCap && monthlyCoupon > 0 ? (monthlyCoupon * 12 / tokenMarketCap * 100).toFixed(2) : null;
   const loadingSkeleton = /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 90, height: 18 });
   const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
   const galleryImages = images ?? [];
@@ -8382,7 +8384,7 @@ function PropertyOverview({
   ];
   const propertyStats = [
     { label: "Offering Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
-    { label: "Weekly Rent", value: isLoading && !overviewData ? loadingSkeleton : weeklyRent > 0 ? `$${weeklyRent.toLocaleString()}/wk` : "\u2014", badge: weeklyRent > 0 ? "Rented" : void 0 },
+    { label: "Current Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" },
     { label: "Annual Rent", value: isLoading && !overviewData ? loadingSkeleton : annualRent > 0 ? `$${annualRent.toLocaleString()}/yr` : "\u2014" },
     { label: "Year Built", value: isLoading && !overviewData ? loadingSkeleton : overviewData?.yearBuilt ? String(overviewData.yearBuilt) : "\u2014" }
   ];
@@ -8422,13 +8424,7 @@ function PropertyOverview({
         /* @__PURE__ */ jsxRuntime.jsxs(StatsColumn, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Property Fundamentals" }),
           propertyStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(StatLabel, { children: [
-              item.label,
-              item.badge && /* @__PURE__ */ jsxRuntime.jsxs(StatBadge, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { width: 5, height: 5, borderRadius: "50%", backgroundColor: "#4CAF50", display: "inline-block" } }),
-                item.badge
-              ] })
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: item.label }),
             /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: item.value })
           ] }, item.label))
         ] })
@@ -8670,7 +8666,7 @@ var StatLabel = styled19__default.default.span`
   align-items: center;
   gap: 0.5rem;
 `;
-var StatBadge = styled19__default.default.span`
+styled19__default.default.span`
   font-size: 0.6rem;
   color: #4CAF50;
   display: inline-flex;