@loafmarkets/ui 0.1.352 → 0.1.354

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(
@@ -9072,10 +9072,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 +9277,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 +11687,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()}`;
@@ -13438,8 +13438,14 @@ var Modal = styled9.div`
   padding: 2rem;
   max-width: 480px;
   width: 90%;
+  max-height: 90vh;
+  overflow-y: auto;
+  overflow-x: hidden;
   box-shadow: 0 20px 60px rgba(0,0,0,0.5);
-  overflow: hidden;
+
+  @media (max-width: 768px) {
+    padding: 1.5rem;
+  }
 `;
 var ModalHeader = styled9.div`
   display: flex;
@@ -13545,6 +13551,12 @@ var ModalFooter = styled9.div`
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
+
+  @media (max-width: 560px) {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 1rem;
+  }
 `;
 var DontShowLabel = styled9.label`
   display: flex;
@@ -13562,6 +13574,11 @@ var ButtonRow2 = styled9.div`
   gap: 1rem;
   justify-content: flex-end;
   flex-shrink: 0;
+
+  @media (max-width: 560px) {
+    width: 100%;
+    gap: 0.75rem;
+  }
 `;
 var BaseButton = styled9.button`
   padding: 0.75rem 1.5rem;
@@ -13579,6 +13596,11 @@ var BaseButton = styled9.button`
     cursor: not-allowed;
     opacity: 0.75;
   }
+
+  @media (max-width: 560px) {
+    flex: 1;
+    padding: 0.875rem 1rem;
+  }
 `;
 var SecondaryButton = styled9(BaseButton)`
   background: rgba(255,255,255,0.1);