@loafmarkets/ui 0.1.154 → 0.1.155

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 +73 -218
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +73 -218
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8410,29 +8410,6 @@ var GymIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16"
8410
8410
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 6h4" }),
8411
8411
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 18h4" })
8412
8412
  ] });
8413
- var ShieldIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) });
8414
- var LockIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8415
- /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
8416
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
8417
- ] });
8418
- var FileCheckIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8419
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
8420
- /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14 2 14 8 20 8" }),
8421
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 15l2 2 4-4" })
8422
- ] });
8423
- var BuildingIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8424
- /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", ry: "2" }),
8425
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 22v-4h6v4" }),
8426
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 6h.01" }),
8427
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 6h.01" }),
8428
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6h.01" }),
8429
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 10h.01" }),
8430
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 14h.01" }),
8431
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 10h.01" }),
8432
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14h.01" }),
8433
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 10h.01" }),
8434
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 14h.01" })
8435
- ] });
8436
8413
  var DEFAULT_FEATURES = [
8437
8414
  { icon: BedIcon, value: "\u2014", label: "Beds" },
8438
8415
  { icon: BathIcon, value: "\u2014", label: "Baths" },
@@ -8450,12 +8427,6 @@ var DEFAULT_PROPERTY_INFO = [
8450
8427
  { label: "Status", value: "N/A" }
8451
8428
  ];
8452
8429
  var DEFAULT_DESCRIPTION = "Property description not available.";
8453
- var ScaleIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8454
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v18" }),
8455
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7l9-4 9 4" }),
8456
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7l3 5h-6l3-5z" }),
8457
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 7l3 5h-6l3-5z" })
8458
- ] });
8459
8430
  function truncateAddress(addr) {
8460
8431
  if (addr.length <= 12) return addr;
8461
8432
  return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
@@ -8756,97 +8727,57 @@ function PropertyOverview({
8756
8727
  ] }),
8757
8728
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
8758
8729
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Tokenholder Security" }),
8759
- /* @__PURE__ */ jsxRuntime.jsx(SecurityIntro, { children: "Every token issued by Loaf Markets is underpinned by institutional-grade legal and structural protections, independently verified and documented." }),
8760
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityTopRow, { children: [
8761
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadge, { children: [
8762
- /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeIcon, { children: ScaleIcon }),
8763
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadgeContent, { children: [
8764
- /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLabel, { children: "Legal Structuring by" }),
8765
- /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLogo, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: "28px", filter: "brightness(0) invert(1)", opacity: 0.85 } }) })
8766
- ] })
8730
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityTable, { children: [
8731
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
8732
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
8733
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Legal Structuring" }),
8734
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLogo, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: "22px", filter: "brightness(0) invert(1)", opacity: 0.8 } }) })
8735
+ ] }),
8736
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLinks, { children: [
8737
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Legal Opinion" }),
8738
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Structuring Memo" })
8739
+ ] }) })
8767
8740
  ] }),
8768
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadge, { children: [
8769
- /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeIcon, { children: FileCheckIcon }),
8770
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadgeContent, { children: [
8771
- /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLabel, { children: "Independent Valuation by" }),
8772
- /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeValuer, { children: "CBRE & Savills" })
8773
- ] })
8774
- ] })
8775
- ] }),
8776
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionsGrid, { children: [
8777
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
8778
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
8779
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: ShieldIcon }),
8780
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
8781
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Security Interest in Asset" }),
8782
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
8783
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
8784
- "Secured & Registered"
8785
- ] })
8741
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
8742
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
8743
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Security Interest in Asset" }),
8744
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowValue, { children: [
8745
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityStatusDot, {}),
8746
+ "Secured \u2014 NSW Land Registry"
8786
8747
  ] })
8787
8748
  ] }),
8788
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "A registered mortgage over the property is held on behalf of token holders, secured against the NSW Land Registry. This ensures token holders have a direct, enforceable claim over the underlying real estate." }),
8789
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
8790
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Mortgage Agreement" }),
8791
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Land Registry Filing" })
8792
- ] })
8749
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLinks, { children: [
8750
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Mortgage Agreement" }),
8751
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Registry Filing" })
8752
+ ] }) })
8793
8753
  ] }),
8794
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
8795
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
8796
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: LockIcon }),
8797
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
8798
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Bankruptcy Remote SPV" }),
8799
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
8800
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
8801
- "Active"
8802
- ] })
8754
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
8755
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
8756
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Bankruptcy Remote" }),
8757
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowValue, { children: [
8758
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityStatusDot, {}),
8759
+ "Active \u2014 Dedicated SPV"
8803
8760
  ] })
8804
8761
  ] }),
8805
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "The property is held within a dedicated Special Purpose Vehicle, legally isolated from Loaf Markets' operating entity. In the event of platform insolvency, token holder assets remain protected and ring-fenced." }),
8806
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
8807
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "SPV Constitution" }),
8808
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Legal Opinion" })
8809
- ] })
8762
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "SPV Constitution" }) }) })
8810
8763
  ] }),
8811
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
8812
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
8813
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: FileCheckIcon }),
8814
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
8815
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Data Protection & Compliance" }),
8816
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
8817
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
8818
- "Compliant"
8819
- ] })
8820
- ] })
8764
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { children: [
8765
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
8766
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Independent Valuation" }),
8767
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowValue, { children: "CBRE & Savills" })
8821
8768
  ] }),
8822
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "All investor data is handled under executed Data Processing Agreements compliant with Australian Privacy Act and GDPR standards. KYC/AML procedures follow AUSTRAC reporting obligations." }),
8823
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
8824
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "DPA Agreement" }),
8825
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Privacy Policy" })
8826
- ] })
8769
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "Valuation Report" }) }) })
8827
8770
  ] }),
8828
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
8829
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
8830
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: BuildingIcon }),
8831
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
8832
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Independent Valuation" }),
8833
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
8834
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
8835
- "Current"
8836
- ] })
8771
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRow, { $noBorder: true, children: [
8772
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowLeft, { children: [
8773
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLabel, { children: "Data Protection" }),
8774
+ /* @__PURE__ */ jsxRuntime.jsxs(SecurityRowValue, { children: [
8775
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityStatusDot, {}),
8776
+ "Compliant \u2014 Australian Privacy Act"
8837
8777
  ] })
8838
8778
  ] }),
8839
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "Property valuations are conducted by independent, internationally recognised firms (CBRE, Savills) at regular intervals. Reports are available for review in the Documents tab." }),
8840
- /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
8841
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Valuation Report" }),
8842
- /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Methodology" })
8843
- ] })
8779
+ /* @__PURE__ */ jsxRuntime.jsx(SecurityRowRight, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityRowLinks, { children: /* @__PURE__ */ jsxRuntime.jsx(SecurityDocLink, { href: "#documents", children: "DPA Agreement" }) }) })
8844
8780
  ] })
8845
- ] }),
8846
- /* @__PURE__ */ jsxRuntime.jsxs(SecurityFooter, { children: [
8847
- "Full documentation including legal opinions, mortgage instruments, SPV constitutions, and valuation reports is available in the ",
8848
- /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Documents" }),
8849
- " tab."
8850
8781
  ] })
8851
8782
  ] })
8852
8783
  ] });
@@ -9221,145 +9152,69 @@ var TradingHoursNote = styled9__default.default.div`
9221
9152
  color: rgba(255,255,255,0.35);
9222
9153
  border-top: 1px solid rgba(255,255,255,0.04);
9223
9154
  `;
9224
- var SecurityIntro = styled9__default.default.p`
9225
- font-size: 0.85rem;
9226
- color: rgba(255,255,255,0.5);
9227
- line-height: 1.6;
9228
- margin: 0 0 1.5rem;
9229
- max-width: 720px;
9230
- `;
9231
- var SecurityTopRow = styled9__default.default.div`
9155
+ var SecurityTable = styled9__default.default.div`
9232
9156
  display: flex;
9233
- gap: 1rem;
9234
- margin-bottom: 1.25rem;
9235
- @media (max-width: 768px) { flex-direction: column; }
9157
+ flex-direction: column;
9236
9158
  `;
9237
- var SecurityBadge = styled9__default.default.div`
9238
- flex: 1;
9159
+ var SecurityRow = styled9__default.default.div`
9239
9160
  display: flex;
9240
9161
  align-items: center;
9162
+ justify-content: space-between;
9163
+ padding: 1rem 0;
9164
+ border-bottom: ${({ $noBorder }) => $noBorder ? "none" : "1px solid rgba(255,255,255,0.06)"};
9241
9165
  gap: 1rem;
9242
- background: rgba(212,175,55,0.04);
9243
- border: 1px solid rgba(212,175,55,0.15);
9244
- border-radius: 10px;
9245
- padding: 1rem 1.25rem;
9166
+ @media (max-width: 640px) { flex-direction: column; align-items: flex-start; }
9246
9167
  `;
9247
- var SecurityBadgeIcon = styled9__default.default.div`
9248
- width: 40px;
9249
- height: 40px;
9250
- border-radius: 8px;
9251
- background: rgba(212,175,55,0.1);
9252
- display: flex;
9253
- align-items: center;
9254
- justify-content: center;
9255
- flex-shrink: 0;
9256
- `;
9257
- var SecurityBadgeContent = styled9__default.default.div`
9168
+ var SecurityRowLeft = styled9__default.default.div`
9258
9169
  display: flex;
9259
9170
  flex-direction: column;
9260
9171
  gap: 4px;
9261
9172
  `;
9262
- var SecurityBadgeLabel = styled9__default.default.span`
9263
- font-size: 0.72rem;
9264
- color: rgba(255,255,255,0.45);
9265
- text-transform: uppercase;
9266
- letter-spacing: 0.04em;
9267
- font-weight: 500;
9268
- `;
9269
- var SecurityBadgeLogo = styled9__default.default.div`
9270
- display: flex;
9271
- align-items: center;
9272
- height: 28px;
9273
- `;
9274
- var SecurityBadgeValuer = styled9__default.default.div`
9275
- font-size: 1rem;
9173
+ var SecurityRowLabel = styled9__default.default.div`
9174
+ font-size: 0.88rem;
9276
9175
  font-weight: 600;
9277
9176
  color: #fff;
9278
- letter-spacing: 0.02em;
9279
- `;
9280
- var ProtectionsGrid = styled9__default.default.div`
9281
- display: grid;
9282
- grid-template-columns: 1fr 1fr;
9283
- gap: 1rem;
9284
- @media (max-width: 768px) { grid-template-columns: 1fr; }
9285
- `;
9286
- var ProtectionCard = styled9__default.default.div`
9287
- background: rgba(255,255,255,0.025);
9288
- border: 1px solid rgba(255,255,255,0.06);
9289
- border-radius: 10px;
9290
- padding: 1.25rem;
9291
- display: flex;
9292
- flex-direction: column;
9293
- gap: 0.75rem;
9294
- `;
9295
- var ProtectionCardHeader = styled9__default.default.div`
9296
- display: flex;
9297
- align-items: flex-start;
9298
- gap: 0.75rem;
9299
9177
  `;
9300
- var ProtectionIconWrap = styled9__default.default.div`
9301
- width: 36px;
9302
- height: 36px;
9303
- border-radius: 8px;
9304
- background: rgba(212,175,55,0.1);
9178
+ var SecurityRowValue = styled9__default.default.div`
9305
9179
  display: flex;
9306
9180
  align-items: center;
9307
- justify-content: center;
9308
- flex-shrink: 0;
9309
- `;
9310
- var ProtectionTitle = styled9__default.default.div`
9311
- font-size: 0.92rem;
9312
- font-weight: 600;
9313
- color: #fff;
9314
- margin-bottom: 2px;
9181
+ gap: 6px;
9182
+ font-size: 0.78rem;
9183
+ color: rgba(255,255,255,0.5);
9315
9184
  `;
9316
- var ProtectionStatus = styled9__default.default.div`
9185
+ var SecurityRowLogo = styled9__default.default.div`
9317
9186
  display: flex;
9318
9187
  align-items: center;
9319
- gap: 5px;
9320
- font-size: 0.72rem;
9321
- color: #4ade80;
9322
- font-weight: 500;
9188
+ margin-top: 2px;
9323
9189
  `;
9324
- var ProtectionStatusDot = styled9__default.default.span`
9190
+ var SecurityStatusDot = styled9__default.default.span`
9325
9191
  width: 6px;
9326
9192
  height: 6px;
9327
9193
  border-radius: 50%;
9328
9194
  background: #4ade80;
9329
9195
  display: inline-block;
9196
+ flex-shrink: 0;
9330
9197
  `;
9331
- var ProtectionDesc = styled9__default.default.div`
9332
- font-size: 0.8rem;
9333
- color: rgba(255,255,255,0.5);
9334
- line-height: 1.6;
9335
- `;
9336
- var ProtectionDocs = styled9__default.default.div`
9198
+ var SecurityRowRight = styled9__default.default.div`
9337
9199
  display: flex;
9338
- flex-wrap: wrap;
9339
- gap: 6px;
9340
- margin-top: auto;
9200
+ align-items: center;
9201
+ flex-shrink: 0;
9341
9202
  `;
9342
- var ProtectionDocTag = styled9__default.default.span`
9343
- font-size: 0.68rem;
9344
- color: rgba(212,175,55,0.8);
9345
- background: rgba(212,175,55,0.08);
9346
- border: 1px solid rgba(212,175,55,0.12);
9347
- border-radius: 4px;
9348
- padding: 3px 8px;
9349
- font-weight: 500;
9203
+ var SecurityRowLinks = styled9__default.default.div`
9204
+ display: flex;
9205
+ gap: 1.25rem;
9350
9206
  `;
9351
- var SecurityFooter = styled9__default.default.div`
9352
- margin-top: 1.25rem;
9353
- padding: 0.85rem 1rem;
9354
- background: rgba(255,255,255,0.02);
9355
- border: 1px solid rgba(255,255,255,0.05);
9356
- border-radius: 8px;
9207
+ var SecurityDocLink = styled9__default.default.a`
9357
9208
  font-size: 0.78rem;
9358
- color: rgba(255,255,255,0.4);
9359
- line-height: 1.5;
9360
- strong {
9361
- color: rgba(212,175,55,0.8);
9362
- font-weight: 600;
9209
+ color: rgba(255,255,255,0.45);
9210
+ text-decoration: underline;
9211
+ text-underline-offset: 3px;
9212
+ text-decoration-color: rgba(255,255,255,0.2);
9213
+ cursor: pointer;
9214
+ transition: color 0.15s, text-decoration-color 0.15s;
9215
+ &:hover {
9216
+ color: rgba(212,175,55,0.9);
9217
+ text-decoration-color: rgba(212,175,55,0.5);
9363
9218
  }
9364
9219
  `;
9365
9220
  var HoldRatioWrap = styled9__default.default.div`