@loafmarkets/ui 0.1.202 → 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.
package/dist/index.js CHANGED
@@ -8940,70 +8940,51 @@ function PropertyOverview({
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 via 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, 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
  ] })
@@ -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 {