@loafmarkets/ui 0.1.235 → 0.1.237

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
@@ -10,6 +10,7 @@ var styled9 = require('styled-components');
10
10
  var ReactDOM = require('react-dom');
11
11
  var lucideReact = require('lucide-react');
12
12
  var LightweightCharts = require('lightweight-charts');
13
+ var md = require('react-icons/md');
13
14
  var bi = require('react-icons/bi');
14
15
  var fa = require('react-icons/fa');
15
16
  var fi = require('react-icons/fi');
@@ -8394,49 +8395,13 @@ var FullMapFrame = styled9__default.default.div`
8394
8395
  flex: 1;
8395
8396
  min-height: 0;
8396
8397
  `;
8397
- var BedIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8398
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 4v16" }),
8399
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 8h18a2 2 0 0 1 2 2v10" }),
8400
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 17h20" }),
8401
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 8v2" }),
8402
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 8v2" })
8403
- ] });
8404
- var BathIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8405
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12h16a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-3a1 1 0 0 1 1-1z" }),
8406
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12V5a2 2 0 0 1 2-2h1" }),
8407
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 20v2" }),
8408
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 20v2" })
8409
- ] });
8410
- var CarIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8411
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 17H5l-2-6 3-4h12l3 4-2 6z" }),
8412
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7.5", cy: "17", r: "2" }),
8413
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16.5", cy: "17", r: "2" })
8414
- ] });
8415
- var PoolIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8416
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12c1.5-1.5 3.5-1.5 5 0s3.5 1.5 5 0 3.5-1.5 5 0 3.5 1.5 5 0" }),
8417
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 17c1.5-1.5 3.5-1.5 5 0s3.5 1.5 5 0 3.5-1.5 5 0 3.5 1.5 5 0" })
8418
- ] });
8419
- var GardenIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8420
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 20h10" }),
8421
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20v-6" }),
8422
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 14c-3.3 0-6-2.7-6-6 0 3.3 2.7 6 6 6z" }),
8423
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 14c3.3 0 6-2.7 6-6-3.3 0-6 2.7-6 6z" }),
8424
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 14c-2-2-2-5 0-7 2 2 2 5 0 7z" })
8425
- ] });
8426
- var GymIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8427
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 7v10" }),
8428
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 7v10" }),
8429
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12h12" }),
8430
- /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "9", width: "3", height: "6", rx: "1" }),
8431
- /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "18", y: "9", width: "3", height: "6", rx: "1" })
8432
- ] });
8433
8398
  var DEFAULT_FEATURES = [
8434
- { icon: BedIcon, value: "\u2014", label: "Beds" },
8435
- { icon: BathIcon, value: "\u2014", label: "Baths" },
8436
- { icon: CarIcon, value: "\u2014", label: "Cars" },
8437
- { icon: PoolIcon, label: "Pool" },
8438
- { icon: GardenIcon, label: "Garden" },
8439
- { icon: GymIcon, label: "Gym" }
8399
+ { icon: /* @__PURE__ */ jsxRuntime.jsx(md.MdKingBed, { size: 18 }), value: "\u2014", label: "Beds" },
8400
+ { icon: /* @__PURE__ */ jsxRuntime.jsx(md.MdBathtub, { size: 18 }), value: "\u2014", label: "Baths" },
8401
+ { icon: /* @__PURE__ */ jsxRuntime.jsx(md.MdDirectionsCar, { size: 18 }), value: "\u2014", label: "Cars" },
8402
+ { icon: /* @__PURE__ */ jsxRuntime.jsx(md.MdPool, { size: 18 }), label: "Pool" },
8403
+ { icon: /* @__PURE__ */ jsxRuntime.jsx(md.MdYard, { size: 18 }), label: "Garden" },
8404
+ { icon: /* @__PURE__ */ jsxRuntime.jsx(md.MdFitnessCenter, { size: 18 }), label: "Gym" }
8440
8405
  ];
8441
8406
  var DEFAULT_PROPERTY_INFO = [
8442
8407
  { label: "Property Type", value: "N/A" },
@@ -8873,6 +8838,10 @@ function PropertyOverview({
8873
8838
  /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
8874
8839
  /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8875
8840
  ] }),
8841
+ /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
8842
+ /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Dividend Yield" }),
8843
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: { color: "#4ade80" }, children: "2% PA" })
8844
+ ] }),
8876
8845
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
8877
8846
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineWrap, { children: [
8878
8847
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
@@ -16616,11 +16585,11 @@ function PropertyValuation({
16616
16585
  /* @__PURE__ */ jsxRuntime.jsxs(SaleStatsBar, { children: [
16617
16586
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
16618
16587
  /* @__PURE__ */ jsxRuntime.jsxs(SaleStatItem, { children: [
16619
- /* @__PURE__ */ jsxRuntime.jsx(BedIcon2, {}),
16588
+ /* @__PURE__ */ jsxRuntime.jsx(BedIcon, {}),
16620
16589
  formatBedroomLabel(sale.bedrooms)
16621
16590
  ] }),
16622
16591
  /* @__PURE__ */ jsxRuntime.jsxs(SaleStatItem, { children: [
16623
- /* @__PURE__ */ jsxRuntime.jsx(BathIcon2, {}),
16592
+ /* @__PURE__ */ jsxRuntime.jsx(BathIcon, {}),
16624
16593
  formatBathroomLabel(sale.bathrooms)
16625
16594
  ] })
16626
16595
  ] }),
@@ -17157,8 +17126,8 @@ var SwipeIndicator = styled9__default.default.div`
17157
17126
  }
17158
17127
  }
17159
17128
  `;
17160
- var BedIcon2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 14c1.66 0 3-1.34 3-3S8.66 8 7 8s-3 1.34-3 3 1.34 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm12-3h-8v8H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4zm2 8h-8V9h6c1.1 0 2 .9 2 2v4z" }) });
17161
- var BathIcon2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm5 14H4v-2c0-2.21 1.79-4 4-4h2c2.21 0 4 1.79 4 4v2zm6-8h-2v-2h-2v2h-2v2h2v2h2v-2h2v-2z" }) });
17129
+ var BedIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 14c1.66 0 3-1.34 3-3S8.66 8 7 8s-3 1.34-3 3 1.34 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm12-3h-8v8H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4zm2 8h-8V9h6c1.1 0 2 .9 2 2v4z" }) });
17130
+ var BathIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm5 14H4v-2c0-2.21 1.79-4 4-4h2c2.21 0 4 1.79 4 4v2zm6-8h-2v-2h-2v2h-2v2h2v2h2v-2h2v-2z" }) });
17162
17131
  var fadeIn = styled9.keyframes`
17163
17132
  from { opacity: 0; }
17164
17133
  to { opacity: 1; }