@loafmarkets/ui 0.1.231 → 0.1.233

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.
Files changed (5) hide show
  1. package/dist/index.js +193 -161
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +193 -161
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8395,44 +8395,48 @@ var FullMapFrame = styled9__default.default.div`
8395
8395
  min-height: 0;
8396
8396
  `;
8397
8397
  var BedIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", 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 8v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
8398
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7v11" }),
8399
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 7v11" }),
8400
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 18h18" }),
8401
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 11h18" }),
8402
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 11V7h14v4" }),
8403
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2" }),
8404
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 11V9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2" })
8402
8405
  ] });
8403
8406
  var BathIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8404
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12h20" }),
8405
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4" }),
8406
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12v4" }),
8407
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 12v4" }),
8408
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 20h20" })
8407
+ /* @__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" }),
8408
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12V5a2 2 0 0 1 2-2h1" }),
8409
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 20v2" }),
8410
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 20v2" })
8409
8411
  ] });
8410
8412
  var CarIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8411
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 17h10" }),
8412
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 21h14" }),
8413
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 13H7l-2 4h14l-2-4z" }),
8414
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 13l-1.5-5h-3L9 13" }),
8415
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "5", r: "2" })
8413
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 17h14v-5H5z" }),
8414
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12l2-5h8l2 5" }),
8415
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7.5", cy: "17", r: "1.5" }),
8416
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16.5", cy: "17", r: "1.5" }),
8417
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12H3v5h2" }),
8418
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 12h2v5h-2" })
8416
8419
  ] });
8417
8420
  var PoolIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8418
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4v5a7 7 0 0 0 14 0V4" }),
8419
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 4v1a3 3 0 0 0 6 0V4" }),
8420
- /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "2", y1: "4", x2: "22", y2: "4" }),
8421
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 16v4" }),
8422
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 20h8" })
8421
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 16c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2c1.3 0 1.9.5 2.5 1" }),
8422
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 20c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2s2.5 2 5 2 2.5-2 5-2c1.3 0 1.9.5 2.5 1" }),
8423
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 14V4" }),
8424
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14V8" }),
8425
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8h8" })
8423
8426
  ] });
8424
8427
  var GardenIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8425
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v18" }),
8426
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 6c0 0-4 2-4 6s4 6 4 6" }),
8427
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 6c0 0 4 2 4 6s-4 6-4 6" })
8428
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22V12" }),
8429
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12c-3 0-6-3-6-6 0 0 3 1 6 3" }),
8430
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12c3 0 6-3 6-6 0 0-3 1-6 3" }),
8431
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8c-2 0-4-2-4-4 0 0 2 .5 4 2" }),
8432
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8c2 0 4-2 4-4 0 0-2 .5-4 2" })
8428
8433
  ] });
8429
8434
  var GymIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8430
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12h12" }),
8431
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "12", r: "2" }),
8432
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "20", cy: "12", r: "2" }),
8433
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v8" }),
8434
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 6h4" }),
8435
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 18h4" })
8435
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.5 6.5h-2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h2" }),
8436
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.5 6.5h2a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-2" }),
8437
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.5 4v16" }),
8438
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.5 4v16" }),
8439
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.5 12h11" })
8436
8440
  ] });
8437
8441
  var DEFAULT_FEATURES = [
8438
8442
  { icon: BedIcon, value: "\u2014", label: "Beds" },
@@ -8736,87 +8740,103 @@ function PropertyOverview({
8736
8740
  /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsPanel, { children: [
8737
8741
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8738
8742
  /* @__PURE__ */ jsxRuntime.jsxs(CompAssetsGrid, { children: [
8739
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8740
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetThumbWrap, { children: [
8741
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8743
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStrip, { children: [
8744
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8745
+ e.target.style.display = "none";
8746
+ } }) }),
8747
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripInfo, { children: [
8748
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripName, { children: [
8749
+ "Boondabah ",
8750
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8751
+ ] }),
8752
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripAddr, { children: "200A Raglan St, Mosman" })
8753
+ ] }),
8754
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripRight, { children: [
8755
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripPrice, { children: "$16.07M" }),
8756
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+119%" })
8757
+ ] }),
8758
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltip, { children: [
8759
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipArrow, {}),
8760
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8742
8761
  e.target.style.display = "none";
8743
8762
  } }) }),
8744
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltip, { children: [
8745
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipArrow, {}),
8746
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8747
- e.target.style.display = "none";
8748
- } }) }),
8749
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipTitle, { children: [
8750
- "Boondabah ",
8751
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8763
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipTitle, { children: [
8764
+ "Boondabah ",
8765
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8766
+ ] }),
8767
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
8768
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipStats, { children: [
8769
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8770
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sale Price" }),
8771
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$16.07M" })
8752
8772
  ] }),
8753
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
8754
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipStats, { children: [
8755
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8756
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Land" }),
8757
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,066 sqm" })
8758
- ] }),
8759
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8760
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Era" }),
8761
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905" })
8762
- ] }),
8763
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8764
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Growth" }),
8765
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
8766
- ] }),
8767
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8768
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$/sqm" }),
8769
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7,780" })
8770
- ] })
8773
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8774
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Land" }),
8775
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,066 sqm" })
8776
+ ] }),
8777
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8778
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Era" }),
8779
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905" })
8780
+ ] }),
8781
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8782
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Growth" }),
8783
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
8784
+ ] }),
8785
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8786
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$/sqm" }),
8787
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$7,780" })
8771
8788
  ] })
8772
8789
  ] })
8790
+ ] })
8791
+ ] }),
8792
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStrip, { children: [
8793
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8794
+ e.target.style.display = "none";
8795
+ } }) }),
8796
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripInfo, { children: [
8797
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripName, { children: [
8798
+ "Dobroyd ",
8799
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8800
+ ] }),
8801
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripAddr, { children: "7 Bradleys Head Rd, Mosman" })
8773
8802
  ] }),
8774
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8775
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetName, { children: "Boondabah" }),
8776
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "200A Raglan St" })
8803
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetStripRight, { children: [
8804
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripPrice, { children: "$27.96M" }),
8805
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+617%" })
8777
8806
  ] }),
8778
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetPrice, { children: "$16.07M" })
8779
- ] }),
8780
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetRow, { children: [
8781
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetThumbWrap, { children: [
8782
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetThumb, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8807
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltip, { children: [
8808
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipArrow, {}),
8809
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8783
8810
  e.target.style.display = "none";
8784
8811
  } }) }),
8785
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltip, { children: [
8786
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipArrow, {}),
8787
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8788
- e.target.style.display = "none";
8789
- } }) }),
8790
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipTitle, { children: [
8791
- "Dobroyd ",
8792
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8812
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipTitle, { children: [
8813
+ "Dobroyd ",
8814
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetBadge, { children: "HERITAGE" })
8815
+ ] }),
8816
+ /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
8817
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipStats, { children: [
8818
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8819
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sale Price" }),
8820
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$27.96M" })
8793
8821
  ] }),
8794
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
8795
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipStats, { children: [
8796
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8797
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Land" }),
8798
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,592 sqm" })
8799
- ] }),
8800
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8801
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Era" }),
8802
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905" })
8803
- ] }),
8804
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8805
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Growth" }),
8806
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
8807
- ] }),
8808
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8809
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$/sqm" }),
8810
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$10,787" })
8811
- ] })
8822
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8823
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Land" }),
8824
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "2,592 sqm" })
8825
+ ] }),
8826
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8827
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Era" }),
8828
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "c.1905" })
8829
+ ] }),
8830
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8831
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Growth" }),
8832
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
8833
+ ] }),
8834
+ /* @__PURE__ */ jsxRuntime.jsxs(CompAssetTooltipRow, { children: [
8835
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$/sqm" }),
8836
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "$10,787" })
8812
8837
  ] })
8813
8838
  ] })
8814
- ] }),
8815
- /* @__PURE__ */ jsxRuntime.jsxs(CompAssetInfo, { children: [
8816
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetName, { children: "Dobroyd" }),
8817
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
8818
- ] }),
8819
- /* @__PURE__ */ jsxRuntime.jsx(CompAssetPrice, { children: "$27.96M" })
8839
+ ] })
8820
8840
  ] })
8821
8841
  ] })
8822
8842
  ] })
@@ -9783,7 +9803,7 @@ var CompAssetsPanel = styled9__default.default.div`
9783
9803
  background: #111111;
9784
9804
  border: 1px solid rgba(255,255,255,0.1);
9785
9805
  border-radius: 12px;
9786
- padding: 1rem 1.25rem;
9806
+ padding: 0.75rem 1rem;
9787
9807
  display: flex;
9788
9808
  flex-direction: column;
9789
9809
  gap: 0.35rem;
@@ -9791,46 +9811,98 @@ var CompAssetsPanel = styled9__default.default.div`
9791
9811
  var CompAssetsGrid = styled9__default.default.div`
9792
9812
  display: flex;
9793
9813
  flex-direction: column;
9794
- gap: 0;
9814
+ gap: 0.5rem;
9795
9815
  `;
9796
- var CompAssetRow = styled9__default.default.div`
9816
+ var CompAssetStrip = styled9__default.default.div`
9817
+ position: relative;
9797
9818
  display: flex;
9798
9819
  align-items: center;
9799
- gap: 0.6rem;
9800
- padding: 0.5rem 0;
9801
- &:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.04); }
9802
- `;
9803
- var CompAssetThumbWrap = styled9__default.default.div`
9804
- position: relative;
9805
- flex-shrink: 0;
9820
+ gap: 0.75rem;
9821
+ background: rgba(255,255,255,0.02);
9822
+ border: 1px solid rgba(255,255,255,0.06);
9823
+ border-radius: 10px;
9824
+ padding: 0.6rem 1rem 0.6rem 0.6rem;
9825
+ transition: border-color 0.2s, background 0.2s;
9826
+ cursor: pointer;
9827
+ &:hover {
9828
+ border-color: rgba(212,175,55,0.3);
9829
+ background: rgba(255,255,255,0.03);
9830
+ }
9806
9831
  &:hover > div:last-child {
9807
9832
  display: block;
9808
9833
  }
9809
9834
  `;
9810
- var CompAssetThumb = styled9__default.default.div`
9811
- width: 32px;
9812
- height: 32px;
9813
- border-radius: 6px;
9835
+ var CompAssetStripImg = styled9__default.default.div`
9836
+ width: 52px;
9837
+ height: 52px;
9838
+ border-radius: 8px;
9814
9839
  overflow: hidden;
9815
9840
  flex-shrink: 0;
9816
9841
  background: rgba(255,255,255,0.05);
9817
- cursor: pointer;
9818
- transition: border-color 0.2s;
9819
- border: 1px solid rgba(255,255,255,0.06);
9820
- &:hover { border-color: rgba(212,175,55,0.4); }
9821
9842
  img {
9822
9843
  width: 100%;
9823
9844
  height: 100%;
9824
9845
  object-fit: cover;
9825
9846
  }
9826
9847
  `;
9848
+ var CompAssetStripInfo = styled9__default.default.div`
9849
+ flex: 1;
9850
+ min-width: 0;
9851
+ display: flex;
9852
+ flex-direction: column;
9853
+ gap: 2px;
9854
+ `;
9855
+ var CompAssetStripName = styled9__default.default.div`
9856
+ font-size: 0.9rem;
9857
+ font-weight: 600;
9858
+ color: #fff;
9859
+ display: flex;
9860
+ align-items: center;
9861
+ gap: 0.4rem;
9862
+ `;
9863
+ var CompAssetStripAddr = styled9__default.default.div`
9864
+ font-size: 0.72rem;
9865
+ color: rgba(255,255,255,0.4);
9866
+ `;
9867
+ var CompAssetStripRight = styled9__default.default.div`
9868
+ flex-shrink: 0;
9869
+ text-align: right;
9870
+ display: flex;
9871
+ flex-direction: column;
9872
+ align-items: flex-end;
9873
+ gap: 2px;
9874
+ `;
9875
+ var CompAssetStripPrice = styled9__default.default.div`
9876
+ font-size: 1rem;
9877
+ font-weight: 700;
9878
+ color: #fff;
9879
+ font-variant-numeric: tabular-nums;
9880
+ white-space: nowrap;
9881
+ `;
9882
+ var CompAssetStripGrowth = styled9__default.default.div`
9883
+ font-size: 0.72rem;
9884
+ font-weight: 500;
9885
+ font-variant-numeric: tabular-nums;
9886
+ `;
9887
+ var CompAssetBadge = styled9__default.default.span`
9888
+ font-size: 0.52rem;
9889
+ font-weight: 600;
9890
+ text-transform: uppercase;
9891
+ letter-spacing: 0.06em;
9892
+ color: #4ade80;
9893
+ background: rgba(74,222,128,0.1);
9894
+ border: 1px solid rgba(74,222,128,0.2);
9895
+ padding: 1px 6px;
9896
+ border-radius: 4px;
9897
+ white-space: nowrap;
9898
+ `;
9827
9899
  var CompAssetTooltip = styled9__default.default.div`
9828
9900
  display: none;
9829
9901
  position: absolute;
9830
- top: calc(100% + 10px);
9902
+ bottom: calc(100% + 10px);
9831
9903
  left: 50%;
9832
9904
  transform: translateX(-50%);
9833
- width: 260px;
9905
+ width: 280px;
9834
9906
  background: #1a1d24;
9835
9907
  border: 1px solid rgba(255,255,255,0.1);
9836
9908
  border-radius: 8px;
@@ -9841,18 +9913,18 @@ var CompAssetTooltip = styled9__default.default.div`
9841
9913
  `;
9842
9914
  var CompAssetTooltipArrow = styled9__default.default.div`
9843
9915
  position: absolute;
9844
- top: -5px;
9916
+ bottom: -5px;
9845
9917
  left: 50%;
9846
9918
  transform: translateX(-50%) rotate(45deg);
9847
9919
  width: 8px;
9848
9920
  height: 8px;
9849
9921
  background: #1a1d24;
9850
- border-left: 1px solid rgba(255,255,255,0.1);
9851
- border-top: 1px solid rgba(255,255,255,0.1);
9922
+ border-right: 1px solid rgba(255,255,255,0.1);
9923
+ border-bottom: 1px solid rgba(255,255,255,0.1);
9852
9924
  `;
9853
9925
  var CompAssetTooltipImg = styled9__default.default.div`
9854
9926
  width: 100%;
9855
- height: 110px;
9927
+ height: 120px;
9856
9928
  border-radius: 6px;
9857
9929
  overflow: hidden;
9858
9930
  margin-bottom: 0.6rem;
@@ -9900,46 +9972,6 @@ var CompAssetTooltipRow = styled9__default.default.div`
9900
9972
  font-variant-numeric: tabular-nums;
9901
9973
  }
9902
9974
  `;
9903
- var CompAssetInfo = styled9__default.default.div`
9904
- flex: 1;
9905
- min-width: 0;
9906
- `;
9907
- var CompAssetName = styled9__default.default.div`
9908
- font-size: 0.78rem;
9909
- font-weight: 600;
9910
- color: #fff;
9911
- white-space: nowrap;
9912
- `;
9913
- var CompAssetBadge = styled9__default.default.span`
9914
- font-size: 0.5rem;
9915
- font-weight: 600;
9916
- text-transform: uppercase;
9917
- letter-spacing: 0.06em;
9918
- color: #4ade80;
9919
- background: rgba(74,222,128,0.1);
9920
- border: 1px solid rgba(74,222,128,0.2);
9921
- padding: 1px 5px;
9922
- border-radius: 3px;
9923
- white-space: nowrap;
9924
- vertical-align: middle;
9925
- margin-left: 0.3rem;
9926
- `;
9927
- var CompAssetAddr = styled9__default.default.div`
9928
- font-size: 0.62rem;
9929
- color: rgba(255,255,255,0.35);
9930
- margin-top: 1px;
9931
- white-space: nowrap;
9932
- overflow: hidden;
9933
- text-overflow: ellipsis;
9934
- `;
9935
- var CompAssetPrice = styled9__default.default.div`
9936
- font-size: 0.8rem;
9937
- font-weight: 600;
9938
- color: #fff;
9939
- font-variant-numeric: tabular-nums;
9940
- white-space: nowrap;
9941
- flex-shrink: 0;
9942
- `;
9943
9975
  styled9__default.default.div`
9944
9976
  font-size: 0.65rem;
9945
9977
  color: rgba(255,255,255,0.35);