@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.mjs CHANGED
@@ -9,6 +9,7 @@ import styled9, { keyframes, css } from 'styled-components';
9
9
  import * as ReactDOM from 'react-dom';
10
10
  import { Newspaper } from 'lucide-react';
11
11
  import * as LightweightCharts from 'lightweight-charts';
12
+ import { MdKingBed, MdBathtub, MdDirectionsCar, MdPool, MdYard, MdFitnessCenter } from 'react-icons/md';
12
13
  import { BiChevronUp, BiChevronDown, BiX, BiCoin, BiWallet, BiCreditCard, BiCalendar, BiInfoCircle, BiPencil, BiImages, BiVideo, BiMap } from 'react-icons/bi';
13
14
  import { FaChartLine, FaBitcoin } from 'react-icons/fa';
14
15
  import { FiEdit2 } from 'react-icons/fi';
@@ -8368,49 +8369,13 @@ var FullMapFrame = styled9.div`
8368
8369
  flex: 1;
8369
8370
  min-height: 0;
8370
8371
  `;
8371
- var BedIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8372
- /* @__PURE__ */ jsx("path", { d: "M2 4v16" }),
8373
- /* @__PURE__ */ jsx("path", { d: "M2 8h18a2 2 0 0 1 2 2v10" }),
8374
- /* @__PURE__ */ jsx("path", { d: "M2 17h20" }),
8375
- /* @__PURE__ */ jsx("path", { d: "M6 8v2" }),
8376
- /* @__PURE__ */ jsx("path", { d: "M10 8v2" })
8377
- ] });
8378
- var BathIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8379
- /* @__PURE__ */ 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" }),
8380
- /* @__PURE__ */ jsx("path", { d: "M6 12V5a2 2 0 0 1 2-2h1" }),
8381
- /* @__PURE__ */ jsx("path", { d: "M4 20v2" }),
8382
- /* @__PURE__ */ jsx("path", { d: "M20 20v2" })
8383
- ] });
8384
- var CarIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8385
- /* @__PURE__ */ jsx("path", { d: "M19 17H5l-2-6 3-4h12l3 4-2 6z" }),
8386
- /* @__PURE__ */ jsx("circle", { cx: "7.5", cy: "17", r: "2" }),
8387
- /* @__PURE__ */ jsx("circle", { cx: "16.5", cy: "17", r: "2" })
8388
- ] });
8389
- var PoolIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8390
- /* @__PURE__ */ 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" }),
8391
- /* @__PURE__ */ 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" })
8392
- ] });
8393
- var GardenIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8394
- /* @__PURE__ */ jsx("path", { d: "M7 20h10" }),
8395
- /* @__PURE__ */ jsx("path", { d: "M12 20v-6" }),
8396
- /* @__PURE__ */ jsx("path", { d: "M12 14c-3.3 0-6-2.7-6-6 0 3.3 2.7 6 6 6z" }),
8397
- /* @__PURE__ */ jsx("path", { d: "M12 14c3.3 0 6-2.7 6-6-3.3 0-6 2.7-6 6z" }),
8398
- /* @__PURE__ */ jsx("path", { d: "M12 14c-2-2-2-5 0-7 2 2 2 5 0 7z" })
8399
- ] });
8400
- var GymIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
8401
- /* @__PURE__ */ jsx("path", { d: "M6 7v10" }),
8402
- /* @__PURE__ */ jsx("path", { d: "M18 7v10" }),
8403
- /* @__PURE__ */ jsx("path", { d: "M6 12h12" }),
8404
- /* @__PURE__ */ jsx("rect", { x: "3", y: "9", width: "3", height: "6", rx: "1" }),
8405
- /* @__PURE__ */ jsx("rect", { x: "18", y: "9", width: "3", height: "6", rx: "1" })
8406
- ] });
8407
8372
  var DEFAULT_FEATURES = [
8408
- { icon: BedIcon, value: "\u2014", label: "Beds" },
8409
- { icon: BathIcon, value: "\u2014", label: "Baths" },
8410
- { icon: CarIcon, value: "\u2014", label: "Cars" },
8411
- { icon: PoolIcon, label: "Pool" },
8412
- { icon: GardenIcon, label: "Garden" },
8413
- { icon: GymIcon, label: "Gym" }
8373
+ { icon: /* @__PURE__ */ jsx(MdKingBed, { size: 18 }), value: "\u2014", label: "Beds" },
8374
+ { icon: /* @__PURE__ */ jsx(MdBathtub, { size: 18 }), value: "\u2014", label: "Baths" },
8375
+ { icon: /* @__PURE__ */ jsx(MdDirectionsCar, { size: 18 }), value: "\u2014", label: "Cars" },
8376
+ { icon: /* @__PURE__ */ jsx(MdPool, { size: 18 }), label: "Pool" },
8377
+ { icon: /* @__PURE__ */ jsx(MdYard, { size: 18 }), label: "Garden" },
8378
+ { icon: /* @__PURE__ */ jsx(MdFitnessCenter, { size: 18 }), label: "Gym" }
8414
8379
  ];
8415
8380
  var DEFAULT_PROPERTY_INFO = [
8416
8381
  { label: "Property Type", value: "N/A" },
@@ -8847,6 +8812,10 @@ function PropertyOverview({
8847
8812
  /* @__PURE__ */ jsx(StatLabel, { children: "5yr Property Growth" }),
8848
8813
  /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "+90%" })
8849
8814
  ] }),
8815
+ /* @__PURE__ */ jsxs(StatRow, { children: [
8816
+ /* @__PURE__ */ jsx(StatLabel, { children: "Dividend Yield" }),
8817
+ /* @__PURE__ */ jsx(StatValue, { style: { color: "#4ade80" }, children: "2% PA" })
8818
+ ] }),
8850
8819
  /* @__PURE__ */ jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
8851
8820
  /* @__PURE__ */ jsxs(TimelineWrap, { children: [
8852
8821
  /* @__PURE__ */ jsxs(TimelineEntry, { children: [
@@ -16590,11 +16559,11 @@ function PropertyValuation({
16590
16559
  /* @__PURE__ */ jsxs(SaleStatsBar, { children: [
16591
16560
  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
16592
16561
  /* @__PURE__ */ jsxs(SaleStatItem, { children: [
16593
- /* @__PURE__ */ jsx(BedIcon2, {}),
16562
+ /* @__PURE__ */ jsx(BedIcon, {}),
16594
16563
  formatBedroomLabel(sale.bedrooms)
16595
16564
  ] }),
16596
16565
  /* @__PURE__ */ jsxs(SaleStatItem, { children: [
16597
- /* @__PURE__ */ jsx(BathIcon2, {}),
16566
+ /* @__PURE__ */ jsx(BathIcon, {}),
16598
16567
  formatBathroomLabel(sale.bathrooms)
16599
16568
  ] })
16600
16569
  ] }),
@@ -17131,8 +17100,8 @@ var SwipeIndicator = styled9.div`
17131
17100
  }
17132
17101
  }
17133
17102
  `;
17134
- var BedIcon2 = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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" }) });
17135
- var BathIcon2 = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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" }) });
17103
+ var BedIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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" }) });
17104
+ var BathIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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" }) });
17136
17105
  var fadeIn = keyframes`
17137
17106
  from { opacity: 0; }
17138
17107
  to { opacity: 1; }