@loafmarkets/ui 0.1.352 → 0.1.354

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -4593,8 +4593,8 @@ var PriceChart = React5__namespace.forwardRef(
4593
4593
  PriceChart.displayName = "PriceChart";
4594
4594
  var formatPrice3 = (value, currencySymbol) => {
4595
4595
  return `${currencySymbol}${value.toLocaleString(void 0, {
4596
- minimumFractionDigits: 3,
4597
- maximumFractionDigits: 3
4596
+ minimumFractionDigits: 0,
4597
+ maximumFractionDigits: 2
4598
4598
  })}`;
4599
4599
  };
4600
4600
  var PropertyHeroHeader = React5__namespace.forwardRef(
@@ -9098,10 +9098,9 @@ function PropertyOverview({
9098
9098
  const ownershipLabel = overviewData?.ownership ? overviewData.ownership.charAt(0).toUpperCase() + overviewData.ownership.slice(1).toLowerCase() : null;
9099
9099
  const propertyHistory = overviewData?.propertyHistory ?? [];
9100
9100
  const closedDays = marketHours?.marketClosedDays.filter((d) => d.toLowerCase() !== "never") ?? [];
9101
- const tradingHoursValue = marketHours ? marketHours.marketOpenTime === marketHours.marketCloseTime ? "24 Hours" : `${marketHours.marketOpenTime} \u2013 ${marketHours.marketCloseTime}` : "";
9102
- const tradingDaysValue = marketHours ? closedDays.length ? `Closed ${closedDays.join(", ")}` : "Every day" : "";
9103
- const tradingHoursNote = marketHours ? `All times shown in ${marketHours.marketTimezone}.` : "";
9104
- const showTradingHours = marketHours != null;
9101
+ const tradingHoursValue = marketHours ? marketHours.marketOpenTime === marketHours.marketCloseTime ? "24 Hours" : `${marketHours.marketOpenTime} \u2013 ${marketHours.marketCloseTime}` : "10:00 \u2013 16:00";
9102
+ const tradingDaysValue = marketHours ? closedDays.length ? `Closed ${closedDays.join(", ")}` : "Every day" : "Mon \u2013 Fri";
9103
+ const tradingHoursNote = marketHours ? `All times shown in ${marketHours.marketTimezone}.` : "Markets are closed on public holidays.";
9105
9104
  return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { children: [
9106
9105
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
9107
9106
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "About" }),
@@ -9304,7 +9303,7 @@ function PropertyOverview({
9304
9303
  ] })
9305
9304
  ] })
9306
9305
  ] }),
9307
- showTradingHours && /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
9306
+ /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
9308
9307
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Trading Hours" }),
9309
9308
  /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursCard, { children: [
9310
9309
  /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursRow, { children: [
@@ -11714,6 +11713,7 @@ function SlideDigit({ value }) {
11714
11713
  ] });
11715
11714
  }
11716
11715
  var formatCurrency3 = (amount) => {
11716
+ if (amount >= 1e9) return `$${(amount / 1e9).toFixed(1)}B`;
11717
11717
  if (amount >= 1e6) return `$${(amount / 1e6).toFixed(1)}M`;
11718
11718
  if (amount >= 1e3) return `$${(amount / 1e3).toFixed(0)}K`;
11719
11719
  return `$${Math.round(amount).toLocaleString()}`;
@@ -13464,8 +13464,14 @@ var Modal = styled9__default.default.div`
13464
13464
  padding: 2rem;
13465
13465
  max-width: 480px;
13466
13466
  width: 90%;
13467
+ max-height: 90vh;
13468
+ overflow-y: auto;
13469
+ overflow-x: hidden;
13467
13470
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
13468
- overflow: hidden;
13471
+
13472
+ @media (max-width: 768px) {
13473
+ padding: 1.5rem;
13474
+ }
13469
13475
  `;
13470
13476
  var ModalHeader = styled9__default.default.div`
13471
13477
  display: flex;
@@ -13571,6 +13577,12 @@ var ModalFooter = styled9__default.default.div`
13571
13577
  align-items: center;
13572
13578
  justify-content: space-between;
13573
13579
  gap: 0.75rem;
13580
+
13581
+ @media (max-width: 560px) {
13582
+ flex-direction: column;
13583
+ align-items: stretch;
13584
+ gap: 1rem;
13585
+ }
13574
13586
  `;
13575
13587
  var DontShowLabel = styled9__default.default.label`
13576
13588
  display: flex;
@@ -13588,6 +13600,11 @@ var ButtonRow2 = styled9__default.default.div`
13588
13600
  gap: 1rem;
13589
13601
  justify-content: flex-end;
13590
13602
  flex-shrink: 0;
13603
+
13604
+ @media (max-width: 560px) {
13605
+ width: 100%;
13606
+ gap: 0.75rem;
13607
+ }
13591
13608
  `;
13592
13609
  var BaseButton = styled9__default.default.button`
13593
13610
  padding: 0.75rem 1.5rem;
@@ -13605,6 +13622,11 @@ var BaseButton = styled9__default.default.button`
13605
13622
  cursor: not-allowed;
13606
13623
  opacity: 0.75;
13607
13624
  }
13625
+
13626
+ @media (max-width: 560px) {
13627
+ flex: 1;
13628
+ padding: 0.875rem 1rem;
13629
+ }
13608
13630
  `;
13609
13631
  var SecondaryButton = styled9__default.default(BaseButton)`
13610
13632
  background: rgba(255,255,255,0.1);