@loafmarkets/ui 0.1.201 → 0.1.203

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 +70 -101
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +70 -101
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8740,7 +8740,7 @@ function PropertyOverview({
8740
8740
  /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8741
8741
  /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
8742
8742
  /* @__PURE__ */ jsxRuntime.jsx(NarrativeTitle, { children: "Generational Compounding" }),
8743
- /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000 \u2014 compounded through every market cycle to a current valuation exceeding A$20M." })
8743
+ /* @__PURE__ */ jsxRuntime.jsx(NarrativeDesc, { children: "Acquired in 1976 for \xA340,000, compounded through every market cycle to a current valuation exceeding A$20M." })
8744
8744
  ] }),
8745
8745
  /* @__PURE__ */ jsxRuntime.jsxs(NarrativeCard, { children: [
8746
8746
  /* @__PURE__ */ jsxRuntime.jsx(NarrativeIcon, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }),
@@ -8763,7 +8763,7 @@ function PropertyOverview({
8763
8763
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8764
8764
  /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1880s" }),
8765
8765
  /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8766
- /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built \u2014 c.1880, Pre-Federation" }) })
8766
+ /* @__PURE__ */ jsxRuntime.jsx(TimelineDetail, { children: /* @__PURE__ */ jsxRuntime.jsx(TimelineLabel, { children: "Built c.1880, Pre-Federation" }) })
8767
8767
  ] }),
8768
8768
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineEntry, { children: [
8769
8769
  /* @__PURE__ */ jsxRuntime.jsx(TimelineYear, { children: "1976" }),
@@ -8806,7 +8806,7 @@ function PropertyOverview({
8806
8806
  /* @__PURE__ */ jsxRuntime.jsx(TimelineDot, {}),
8807
8807
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineDetail, { children: [
8808
8808
  /* @__PURE__ */ jsxRuntime.jsxs(TimelineLabel, { children: [
8809
- "Sold \u2014 COVID correction ",
8809
+ "Sold (COVID correction) ",
8810
8810
  /* @__PURE__ */ jsxRuntime.jsx(TimelineHoldPeriod, { children: "15 yrs" })
8811
8811
  ] }),
8812
8812
  /* @__PURE__ */ jsxRuntime.jsxs(TimelinePriceWrap, { children: [
@@ -8845,7 +8845,7 @@ function PropertyOverview({
8845
8845
  /* @__PURE__ */ jsxRuntime.jsx(TimelineGain, { children: "+119%" }),
8846
8846
  /* @__PURE__ */ jsxRuntime.jsx(CompSalePriorDate, { children: "in 6 yrs" })
8847
8847
  ] }),
8848
- /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Boondabah \u2014 c.1905, 2,066 sqm" }) })
8848
+ /* @__PURE__ */ jsxRuntime.jsx(CompSalePrior, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Boondabah, c.1905, 2,066 sqm" }) })
8849
8849
  ] }),
8850
8850
  /* @__PURE__ */ jsxRuntime.jsxs(CompSaleCard, { children: [
8851
8851
  /* @__PURE__ */ jsxRuntime.jsxs(CompSaleHeader, { children: [
@@ -8922,88 +8922,69 @@ function PropertyOverview({
8922
8922
  ] }),
8923
8923
  /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursRow, { children: [
8924
8924
  /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Continuous Trading" }),
8925
- /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "10:00 \u2014 16:00" }),
8926
- /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Mon \u2014 Fri" })
8925
+ /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "10:00 \u2013 16:00" }),
8926
+ /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Mon \u2013 Fri" })
8927
8927
  ] }),
8928
8928
  /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursRow, { children: [
8929
8929
  /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "After Hours" }),
8930
- /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "16:00 \u2014 20:00" }),
8931
- /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Mon \u2014 Fri" })
8930
+ /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "16:00 \u2013 20:00" }),
8931
+ /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Mon \u2013 Fri" })
8932
8932
  ] }),
8933
8933
  /* @__PURE__ */ jsxRuntime.jsxs(TradingHoursRow, { $last: true, children: [
8934
8934
  /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Pre-Market" }),
8935
- /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "07:00 \u2014 10:00" }),
8936
- /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Mon \u2014 Fri" })
8935
+ /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "07:00 \u2013 10:00" }),
8936
+ /* @__PURE__ */ jsxRuntime.jsx(THValue, { children: "Mon \u2013 Fri" })
8937
8937
  ] }),
8938
8938
  /* @__PURE__ */ jsxRuntime.jsx(TradingHoursNote, { children: "All times are Australian Eastern Standard Time (AEST/AEDT). Markets are closed on Australian public holidays." })
8939
8939
  ] })
8940
8940
  ] }),
8941
8941
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8942
8942
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Tokenholder Security" }),
8943
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardsGrid, { children: [
8944
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCard, { children: [
8945
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8946
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 12l2 2 4-4" }),
8947
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3l8 4.5v5c0 5-3.5 8.5-8 10.5-4.5-2-8-5.5-8-10.5v-5l8-4.5z" })
8948
- ] }) }),
8949
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardContent, { children: [
8950
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardTitle, { children: "Legal Structuring" }),
8951
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardProvider, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: 16, filter: "brightness(0) invert(1)", opacity: 0.7 } }) }),
8952
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardLinks, { children: [
8943
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityTable, { children: [
8944
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
8945
+ /* @__PURE__ */ jsxRuntime.jsx(SecuritySubject, { children: "Legal Structuring" }),
8946
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityAnswer, { children: [
8947
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityAnswerMain, { children: [
8948
+ /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: 14, filter: "brightness(0) invert(1)", opacity: 0.8 } }),
8949
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Baker McKenzie" })
8950
+ ] }),
8951
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityDocLinks, { children: [
8953
8952
  /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Legal Opinion" }),
8954
8953
  /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Structuring Memo" })
8955
8954
  ] })
8956
8955
  ] })
8957
8956
  ] }),
8958
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCard, { children: [
8959
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8960
- /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
8961
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
8962
- ] }) }),
8963
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardContent, { children: [
8964
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardTitle, { children: "Security Interest in Asset" }),
8965
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardStatus, { children: [
8957
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
8958
+ /* @__PURE__ */ jsxRuntime.jsx(SecuritySubject, { children: "Security Interest" }),
8959
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityAnswer, { children: [
8960
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityAnswerMain, { children: [
8966
8961
  /* @__PURE__ */ jsxRuntime.jsx(SecurityStatusDot, {}),
8967
- "Secured \u2014 NSW Land Registry"
8962
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Secured, NSW Land Registry" })
8968
8963
  ] }),
8969
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardLinks, { children: [
8964
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityDocLinks, { children: [
8970
8965
  /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Mortgage Agreement" }),
8971
8966
  /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Registry Filing" })
8972
8967
  ] })
8973
8968
  ] })
8974
8969
  ] }),
8975
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCard, { children: [
8976
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8977
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 21h18" }),
8978
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 21V7l8-4v18" }),
8979
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 21V11l-6-4" }),
8980
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 9v.01" }),
8981
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 12v.01" }),
8982
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 15v.01" }),
8983
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 18v.01" })
8984
- ] }) }),
8985
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardContent, { children: [
8986
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardTitle, { children: "Bankruptcy Remote" }),
8987
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardStatus, { children: [
8970
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
8971
+ /* @__PURE__ */ jsxRuntime.jsx(SecuritySubject, { children: "Bankruptcy Remote" }),
8972
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityAnswer, { children: [
8973
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityAnswerMain, { children: [
8988
8974
  /* @__PURE__ */ jsxRuntime.jsx(SecurityStatusDot, {}),
8989
- "Active \u2014 Dedicated SPV"
8975
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Active, Dedicated SPV" })
8990
8976
  ] }),
8991
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) })
8977
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) })
8992
8978
  ] })
8993
8979
  ] }),
8994
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCard, { children: [
8995
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8996
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3h5v5" }),
8997
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 3H3v5" }),
8998
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22l-4-4 4-4" }),
8999
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22l4-4-4-4" }),
9000
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 3l-9 9" }),
9001
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 3l9 9" })
9002
- ] }) }),
9003
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityCardContent, { children: [
9004
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardTitle, { children: "Independent Valuation" }),
9005
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardProvider, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/savills.png", alt: "Savills", style: { height: 14, filter: "brightness(0) invert(1)", opacity: 0.7 } }) }),
9006
- /* @__PURE__ */ jsxRuntime.jsx(SecurityCardLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) })
8980
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
8981
+ /* @__PURE__ */ jsxRuntime.jsx(SecuritySubject, { children: "Independent Valuation" }),
8982
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityAnswer, { children: [
8983
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityAnswerMain, { children: [
8984
+ /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/savills.png", alt: "Savills", style: { height: 12, filter: "brightness(0) invert(1)", opacity: 0.8 } }),
8985
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Savills" })
8986
+ ] }),
8987
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) })
9007
8988
  ] })
9008
8989
  ] })
9009
8990
  ] })
@@ -9069,7 +9050,7 @@ function DividendHistoryPopup({
9069
9050
  /* @__PURE__ */ jsxRuntime.jsxs(DivPopupHeader, { children: [
9070
9051
  /* @__PURE__ */ jsxRuntime.jsxs(DivPopupTitle, { children: [
9071
9052
  "Dividend History",
9072
- ticker ? ` \u2014 ${ticker}` : ""
9053
+ ticker ? ` (${ticker})` : ""
9073
9054
  ] }),
9074
9055
  /* @__PURE__ */ jsxRuntime.jsx(DivPopupClose, { onClick: onClose, "aria-label": "Close dividend history", children: "\u2715" })
9075
9056
  ] }),
@@ -9675,56 +9656,45 @@ var TradingHoursNote = styled9__default.default.div`
9675
9656
  color: rgba(255,255,255,0.35);
9676
9657
  border-top: 1px solid rgba(255,255,255,0.04);
9677
9658
  `;
9678
- var SecurityCardsGrid = styled9__default.default.div`
9679
- display: grid;
9680
- grid-template-columns: 1fr 1fr;
9681
- gap: 0.75rem;
9682
- @media (max-width: 768px) { grid-template-columns: 1fr; }
9683
- `;
9684
- var SecurityCard = styled9__default.default.div`
9659
+ var SecurityTable = styled9__default.default.div`
9660
+ display: flex;
9661
+ flex-direction: column;
9685
9662
  background: rgba(255,255,255,0.025);
9686
9663
  border: 1px solid rgba(255,255,255,0.06);
9687
9664
  border-radius: 10px;
9688
- padding: 1.25rem;
9689
- display: flex;
9690
- gap: 1rem;
9691
- transition: border-color 0.2s ease;
9692
- &:hover { border-color: rgba(255,255,255,0.12); }
9665
+ overflow: hidden;
9693
9666
  `;
9694
- var SecurityCardIcon = styled9__default.default.div`
9695
- width: 40px;
9696
- height: 40px;
9697
- border-radius: 10px;
9698
- background: rgba(74,222,128,0.08);
9699
- border: 1px solid rgba(74,222,128,0.15);
9667
+ var SecurityRow = styled9__default.default.div`
9700
9668
  display: flex;
9701
- align-items: center;
9702
- justify-content: center;
9703
- flex-shrink: 0;
9704
- color: #4ade80;
9669
+ align-items: flex-start;
9670
+ justify-content: space-between;
9671
+ padding: 0.875rem 1.25rem;
9672
+ gap: 1.5rem;
9673
+ &:not(:last-child) {
9674
+ border-bottom: 1px solid rgba(255,255,255,0.04);
9675
+ }
9676
+ `;
9677
+ var SecuritySubject = styled9__default.default.div`
9678
+ font-size: 0.8rem;
9679
+ color: rgba(255,255,255,0.45);
9680
+ font-weight: 400;
9681
+ white-space: nowrap;
9682
+ min-width: 130px;
9683
+ padding-top: 1px;
9705
9684
  `;
9706
- var SecurityCardContent = styled9__default.default.div`
9685
+ var SecurityAnswer = styled9__default.default.div`
9707
9686
  display: flex;
9708
9687
  flex-direction: column;
9688
+ align-items: flex-end;
9709
9689
  gap: 4px;
9710
- min-width: 0;
9711
- `;
9712
- var SecurityCardTitle = styled9__default.default.div`
9713
- font-size: 0.85rem;
9714
- font-weight: 600;
9715
- color: #fff;
9716
9690
  `;
9717
- var SecurityCardStatus = styled9__default.default.div`
9691
+ var SecurityAnswerMain = styled9__default.default.div`
9718
9692
  display: flex;
9719
9693
  align-items: center;
9720
9694
  gap: 6px;
9721
- font-size: 0.75rem;
9722
- color: rgba(255,255,255,0.5);
9723
- `;
9724
- var SecurityCardProvider = styled9__default.default.div`
9725
- display: flex;
9726
- align-items: center;
9727
- margin-top: 1px;
9695
+ font-size: 0.8rem;
9696
+ font-weight: 500;
9697
+ color: #fff;
9728
9698
  `;
9729
9699
  var SecurityStatusDot = styled9__default.default.span`
9730
9700
  width: 6px;
@@ -9734,17 +9704,16 @@ var SecurityStatusDot = styled9__default.default.span`
9734
9704
  display: inline-block;
9735
9705
  flex-shrink: 0;
9736
9706
  `;
9737
- var SecurityCardLinks = styled9__default.default.div`
9707
+ var SecurityDocLinks = styled9__default.default.div`
9738
9708
  display: flex;
9739
9709
  gap: 0.75rem;
9740
- margin-top: 4px;
9741
9710
  `;
9742
9711
  var SecurityDocLink = styled9__default.default.a`
9743
- font-size: 0.72rem;
9744
- color: rgba(255,255,255,0.4);
9712
+ font-size: 0.68rem;
9713
+ color: rgba(255,255,255,0.3);
9745
9714
  text-decoration: underline;
9746
9715
  text-underline-offset: 3px;
9747
- text-decoration-color: rgba(255,255,255,0.15);
9716
+ text-decoration-color: rgba(255,255,255,0.12);
9748
9717
  cursor: pointer;
9749
9718
  transition: color 0.15s, text-decoration-color 0.15s;
9750
9719
  &:hover {