@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.
Files changed (5) hide show
  1. package/dist/index.js +59 -90
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +59 -90
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -8914,70 +8914,51 @@ function PropertyOverview({
8914
8914
  ] }),
8915
8915
  /* @__PURE__ */ jsxs(Section, { children: [
8916
8916
  /* @__PURE__ */ jsx(SectionHeader, { children: "Tokenholder Security" }),
8917
- /* @__PURE__ */ jsxs(SecurityCardsGrid, { children: [
8918
- /* @__PURE__ */ jsxs(SecurityCard, { children: [
8919
- /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8920
- /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4" }),
8921
- /* @__PURE__ */ 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" })
8922
- ] }) }),
8923
- /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
8924
- /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Legal Structuring" }),
8925
- /* @__PURE__ */ jsx(SecurityCardProvider, { children: /* @__PURE__ */ jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: 16, filter: "brightness(0) invert(1)", opacity: 0.7 } }) }),
8926
- /* @__PURE__ */ jsxs(SecurityCardLinks, { children: [
8917
+ /* @__PURE__ */ jsxs(SecurityTable, { children: [
8918
+ /* @__PURE__ */ jsxs(SecurityRow, { children: [
8919
+ /* @__PURE__ */ jsx(SecuritySubject, { children: "Legal Structuring" }),
8920
+ /* @__PURE__ */ jsxs(SecurityAnswer, { children: [
8921
+ /* @__PURE__ */ jsxs(SecurityAnswerMain, { children: [
8922
+ /* @__PURE__ */ jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: 14, filter: "brightness(0) invert(1)", opacity: 0.8 } }),
8923
+ /* @__PURE__ */ jsx("span", { children: "Baker McKenzie" })
8924
+ ] }),
8925
+ /* @__PURE__ */ jsxs(SecurityDocLinks, { children: [
8927
8926
  /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Legal Opinion" }),
8928
8927
  /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Structuring Memo" })
8929
8928
  ] })
8930
8929
  ] })
8931
8930
  ] }),
8932
- /* @__PURE__ */ jsxs(SecurityCard, { children: [
8933
- /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8934
- /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
8935
- /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
8936
- ] }) }),
8937
- /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
8938
- /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Security Interest in Asset" }),
8939
- /* @__PURE__ */ jsxs(SecurityCardStatus, { children: [
8931
+ /* @__PURE__ */ jsxs(SecurityRow, { children: [
8932
+ /* @__PURE__ */ jsx(SecuritySubject, { children: "Security Interest" }),
8933
+ /* @__PURE__ */ jsxs(SecurityAnswer, { children: [
8934
+ /* @__PURE__ */ jsxs(SecurityAnswerMain, { children: [
8940
8935
  /* @__PURE__ */ jsx(SecurityStatusDot, {}),
8941
- "Secured via NSW Land Registry"
8936
+ /* @__PURE__ */ jsx("span", { children: "Secured, NSW Land Registry" })
8942
8937
  ] }),
8943
- /* @__PURE__ */ jsxs(SecurityCardLinks, { children: [
8938
+ /* @__PURE__ */ jsxs(SecurityDocLinks, { children: [
8944
8939
  /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Mortgage Agreement" }),
8945
8940
  /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Registry Filing" })
8946
8941
  ] })
8947
8942
  ] })
8948
8943
  ] }),
8949
- /* @__PURE__ */ jsxs(SecurityCard, { children: [
8950
- /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8951
- /* @__PURE__ */ jsx("path", { d: "M3 21h18" }),
8952
- /* @__PURE__ */ jsx("path", { d: "M5 21V7l8-4v18" }),
8953
- /* @__PURE__ */ jsx("path", { d: "M19 21V11l-6-4" }),
8954
- /* @__PURE__ */ jsx("path", { d: "M9 9v.01" }),
8955
- /* @__PURE__ */ jsx("path", { d: "M9 12v.01" }),
8956
- /* @__PURE__ */ jsx("path", { d: "M9 15v.01" }),
8957
- /* @__PURE__ */ jsx("path", { d: "M9 18v.01" })
8958
- ] }) }),
8959
- /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
8960
- /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Bankruptcy Remote" }),
8961
- /* @__PURE__ */ jsxs(SecurityCardStatus, { children: [
8944
+ /* @__PURE__ */ jsxs(SecurityRow, { children: [
8945
+ /* @__PURE__ */ jsx(SecuritySubject, { children: "Bankruptcy Remote" }),
8946
+ /* @__PURE__ */ jsxs(SecurityAnswer, { children: [
8947
+ /* @__PURE__ */ jsxs(SecurityAnswerMain, { children: [
8962
8948
  /* @__PURE__ */ jsx(SecurityStatusDot, {}),
8963
- "Active, Dedicated SPV"
8949
+ /* @__PURE__ */ jsx("span", { children: "Active, Dedicated SPV" })
8964
8950
  ] }),
8965
- /* @__PURE__ */ jsx(SecurityCardLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) })
8951
+ /* @__PURE__ */ jsx(SecurityDocLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) })
8966
8952
  ] })
8967
8953
  ] }),
8968
- /* @__PURE__ */ jsxs(SecurityCard, { children: [
8969
- /* @__PURE__ */ jsx(SecurityCardIcon, { children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8970
- /* @__PURE__ */ jsx("path", { d: "M16 3h5v5" }),
8971
- /* @__PURE__ */ jsx("path", { d: "M8 3H3v5" }),
8972
- /* @__PURE__ */ jsx("path", { d: "M12 22l-4-4 4-4" }),
8973
- /* @__PURE__ */ jsx("path", { d: "M12 22l4-4-4-4" }),
8974
- /* @__PURE__ */ jsx("path", { d: "M21 3l-9 9" }),
8975
- /* @__PURE__ */ jsx("path", { d: "M3 3l9 9" })
8976
- ] }) }),
8977
- /* @__PURE__ */ jsxs(SecurityCardContent, { children: [
8978
- /* @__PURE__ */ jsx(SecurityCardTitle, { children: "Independent Valuation" }),
8979
- /* @__PURE__ */ jsx(SecurityCardProvider, { children: /* @__PURE__ */ jsx("img", { src: "/savills.png", alt: "Savills", style: { height: 14, filter: "brightness(0) invert(1)", opacity: 0.7 } }) }),
8980
- /* @__PURE__ */ jsx(SecurityCardLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) })
8954
+ /* @__PURE__ */ jsxs(SecurityRow, { children: [
8955
+ /* @__PURE__ */ jsx(SecuritySubject, { children: "Independent Valuation" }),
8956
+ /* @__PURE__ */ jsxs(SecurityAnswer, { children: [
8957
+ /* @__PURE__ */ jsxs(SecurityAnswerMain, { children: [
8958
+ /* @__PURE__ */ jsx("img", { src: "/savills.png", alt: "Savills", style: { height: 12, filter: "brightness(0) invert(1)", opacity: 0.8 } }),
8959
+ /* @__PURE__ */ jsx("span", { children: "Savills" })
8960
+ ] }),
8961
+ /* @__PURE__ */ jsx(SecurityDocLinks, { children: /* @__PURE__ */ jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) })
8981
8962
  ] })
8982
8963
  ] })
8983
8964
  ] })
@@ -9649,56 +9630,45 @@ var TradingHoursNote = styled9.div`
9649
9630
  color: rgba(255,255,255,0.35);
9650
9631
  border-top: 1px solid rgba(255,255,255,0.04);
9651
9632
  `;
9652
- var SecurityCardsGrid = styled9.div`
9653
- display: grid;
9654
- grid-template-columns: 1fr 1fr;
9655
- gap: 0.75rem;
9656
- @media (max-width: 768px) { grid-template-columns: 1fr; }
9657
- `;
9658
- var SecurityCard = styled9.div`
9633
+ var SecurityTable = styled9.div`
9634
+ display: flex;
9635
+ flex-direction: column;
9659
9636
  background: rgba(255,255,255,0.025);
9660
9637
  border: 1px solid rgba(255,255,255,0.06);
9661
9638
  border-radius: 10px;
9662
- padding: 1.25rem;
9663
- display: flex;
9664
- gap: 1rem;
9665
- transition: border-color 0.2s ease;
9666
- &:hover { border-color: rgba(255,255,255,0.12); }
9639
+ overflow: hidden;
9667
9640
  `;
9668
- var SecurityCardIcon = styled9.div`
9669
- width: 40px;
9670
- height: 40px;
9671
- border-radius: 10px;
9672
- background: rgba(74,222,128,0.08);
9673
- border: 1px solid rgba(74,222,128,0.15);
9641
+ var SecurityRow = styled9.div`
9674
9642
  display: flex;
9675
- align-items: center;
9676
- justify-content: center;
9677
- flex-shrink: 0;
9678
- color: #4ade80;
9643
+ align-items: flex-start;
9644
+ justify-content: space-between;
9645
+ padding: 0.875rem 1.25rem;
9646
+ gap: 1.5rem;
9647
+ &:not(:last-child) {
9648
+ border-bottom: 1px solid rgba(255,255,255,0.04);
9649
+ }
9650
+ `;
9651
+ var SecuritySubject = styled9.div`
9652
+ font-size: 0.8rem;
9653
+ color: rgba(255,255,255,0.45);
9654
+ font-weight: 400;
9655
+ white-space: nowrap;
9656
+ min-width: 130px;
9657
+ padding-top: 1px;
9679
9658
  `;
9680
- var SecurityCardContent = styled9.div`
9659
+ var SecurityAnswer = styled9.div`
9681
9660
  display: flex;
9682
9661
  flex-direction: column;
9662
+ align-items: flex-end;
9683
9663
  gap: 4px;
9684
- min-width: 0;
9685
- `;
9686
- var SecurityCardTitle = styled9.div`
9687
- font-size: 0.85rem;
9688
- font-weight: 600;
9689
- color: #fff;
9690
9664
  `;
9691
- var SecurityCardStatus = styled9.div`
9665
+ var SecurityAnswerMain = styled9.div`
9692
9666
  display: flex;
9693
9667
  align-items: center;
9694
9668
  gap: 6px;
9695
- font-size: 0.75rem;
9696
- color: rgba(255,255,255,0.5);
9697
- `;
9698
- var SecurityCardProvider = styled9.div`
9699
- display: flex;
9700
- align-items: center;
9701
- margin-top: 1px;
9669
+ font-size: 0.8rem;
9670
+ font-weight: 500;
9671
+ color: #fff;
9702
9672
  `;
9703
9673
  var SecurityStatusDot = styled9.span`
9704
9674
  width: 6px;
@@ -9708,17 +9678,16 @@ var SecurityStatusDot = styled9.span`
9708
9678
  display: inline-block;
9709
9679
  flex-shrink: 0;
9710
9680
  `;
9711
- var SecurityCardLinks = styled9.div`
9681
+ var SecurityDocLinks = styled9.div`
9712
9682
  display: flex;
9713
9683
  gap: 0.75rem;
9714
- margin-top: 4px;
9715
9684
  `;
9716
9685
  var SecurityDocLink = styled9.a`
9717
- font-size: 0.72rem;
9718
- color: rgba(255,255,255,0.4);
9686
+ font-size: 0.68rem;
9687
+ color: rgba(255,255,255,0.3);
9719
9688
  text-decoration: underline;
9720
9689
  text-underline-offset: 3px;
9721
- text-decoration-color: rgba(255,255,255,0.15);
9690
+ text-decoration-color: rgba(255,255,255,0.12);
9722
9691
  cursor: pointer;
9723
9692
  transition: color 0.15s, text-decoration-color 0.15s;
9724
9693
  &:hover {