@loafmarkets/ui 0.1.356 → 0.1.358

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.d.mts CHANGED
@@ -772,8 +772,6 @@ type PropertyOverviewProps = {
772
772
  chain?: string;
773
773
  percentageTokenized?: number | null;
774
774
  volume24h?: number | null;
775
- openOrdersValue?: number | null;
776
- holderCount?: number | null;
777
775
  priceHistory?: {
778
776
  time: number;
779
777
  close: number;
@@ -788,7 +786,7 @@ type PropertyOverviewProps = {
788
786
  marketClosedDays: readonly string[];
789
787
  } | null;
790
788
  };
791
- declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
789
+ declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
792
790
 
793
791
  type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
794
792
  type PropertyOffer = {
package/dist/index.d.ts CHANGED
@@ -772,8 +772,6 @@ type PropertyOverviewProps = {
772
772
  chain?: string;
773
773
  percentageTokenized?: number | null;
774
774
  volume24h?: number | null;
775
- openOrdersValue?: number | null;
776
- holderCount?: number | null;
777
775
  priceHistory?: {
778
776
  time: number;
779
777
  close: number;
@@ -788,7 +786,7 @@ type PropertyOverviewProps = {
788
786
  marketClosedDays: readonly string[];
789
787
  } | null;
790
788
  };
791
- declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, openOrdersValue, holderCount, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
789
+ declare function PropertyOverview({ propertyName: _propertyName, location, midPrice, onTradeClick, onDocumentsClick, onPhotosClick, description: descriptionProp, tradeButtonLabel, images, galleryCategories, videoUrl, tokenName, landSizeSqm: landProp, buildingSizeSqm: buildingProp, features: featuresProp, propertyInfo: _propertyInfoProp, overviewData, bedrooms, bathrooms, carSpaces, propertyTypeLabel, tokensIssued: tokensIssuedProp, isLoading, ticker, contractAddress, chain, volume24h, priceHistory: priceHistoryProp, beta, marketHours, }: PropertyOverviewProps): react_jsx_runtime.JSX.Element;
792
790
 
793
791
  type OfferStatus = 'active' | 'rejected' | 'expired' | 'historical' | 'pending';
794
792
  type PropertyOffer = {
package/dist/index.js CHANGED
@@ -6845,30 +6845,6 @@ var LoginPopup = ({
6845
6845
  /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C9.79 2 8 3.79 8 6v4H6c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2h-2V6c0-2.21-1.79-4-4-4zm-2 4c0-1.1.9-2 2-2s2 .9 2 2v4h-4V6zm2 9a2 2 0 100 4 2 2 0 000-4z" }) }),
6846
6846
  "Sign in with Passkey"
6847
6847
  ] })
6848
- ] }),
6849
- /* @__PURE__ */ jsxRuntime.jsx(Divider, {}),
6850
- /* @__PURE__ */ jsxRuntime.jsxs(AnnotationContainer, { children: [
6851
- /* @__PURE__ */ jsxRuntime.jsxs(Annotation, { children: [
6852
- /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" }) }),
6853
- /* @__PURE__ */ jsxRuntime.jsxs(AnnotationText, { children: [
6854
- /* @__PURE__ */ jsxRuntime.jsx(AnnotationLabel, { children: "\u2190 Digital Asset users" }),
6855
- "Connect your Web3 wallet to access your assets"
6856
- ] })
6857
- ] }),
6858
- /* @__PURE__ */ jsxRuntime.jsxs(Annotation, { children: [
6859
- /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" }) }),
6860
- /* @__PURE__ */ jsxRuntime.jsxs(AnnotationText, { children: [
6861
- /* @__PURE__ */ jsxRuntime.jsx(AnnotationLabel, { children: "\u2190 Traditional Finance users" }),
6862
- "Sign in with email, no web3 experience needed"
6863
- ] })
6864
- ] }),
6865
- /* @__PURE__ */ jsxRuntime.jsxs(Annotation, { children: [
6866
- /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" }) }),
6867
- /* @__PURE__ */ jsxRuntime.jsxs(AnnotationText, { children: [
6868
- /* @__PURE__ */ jsxRuntime.jsx(AnnotationLabel, { children: "\u2190 Self custodial" }),
6869
- "We never have ownership of your assets. All units are self custodial"
6870
- ] })
6871
- ] })
6872
6848
  ] })
6873
6849
  ] }) });
6874
6850
  }
@@ -7581,57 +7557,12 @@ var LoginButton = styled9__default.default.button`
7581
7557
  color: var(--color-accent, #e6c656);
7582
7558
  }
7583
7559
  `;
7584
- var Divider = styled9__default.default.div`
7585
- display: flex;
7586
- align-items: center;
7587
- margin: 1.5rem 0;
7588
-
7589
- &::before,
7590
- &::after {
7591
- content: "";
7592
- flex: 1;
7593
- height: 1px;
7594
- background-color: rgba(230, 198, 86, 0.2);
7595
- }
7596
- `;
7597
7560
  var InfoText = styled9__default.default.p`
7598
7561
  color: var(--color-text-secondary, #848e9c);
7599
7562
  font-size: 0.875rem;
7600
7563
  text-align: center;
7601
7564
  line-height: 1.5;
7602
7565
  `;
7603
- var AnnotationContainer = styled9__default.default.div`
7604
- display: flex;
7605
- flex-direction: column;
7606
- gap: 0.75rem;
7607
- margin-top: 1.5rem;
7608
- padding-top: 1.5rem;
7609
- border-top: 1px solid rgba(230, 198, 86, 0.2);
7610
- `;
7611
- var Annotation = styled9__default.default.div`
7612
- display: flex;
7613
- align-items: flex-start;
7614
- gap: 1rem;
7615
- color: var(--color-text-secondary, #848e9c);
7616
- font-size: 0.8rem;
7617
-
7618
- svg {
7619
- width: 16px;
7620
- height: 16px;
7621
- flex-shrink: 0;
7622
- margin-top: 2px;
7623
- color: var(--color-accent, #e6c656);
7624
- }
7625
- `;
7626
- var AnnotationText = styled9__default.default.span`
7627
- flex: 1;
7628
- line-height: 1.4;
7629
- `;
7630
- var AnnotationLabel = styled9__default.default.span`
7631
- color: var(--color-text, #eaecef);
7632
- font-weight: 500;
7633
- margin-right: 0.25rem;
7634
- `;
7635
7566
  var EmailFormContainer = styled9__default.default.div`
7636
7567
  display: flex;
7637
7568
  flex-direction: column;
@@ -9038,15 +8969,12 @@ function PropertyOverview({
9038
8969
  contractAddress,
9039
8970
  chain = "Base (Ethereum L2)",
9040
8971
  volume24h,
9041
- openOrdersValue,
9042
- holderCount,
9043
8972
  priceHistory: priceHistoryProp,
9044
8973
  beta = false,
9045
8974
  marketHours
9046
8975
  }) {
9047
8976
  const [isDescExpanded, setDescExpanded] = React5.useState(false);
9048
8977
  const [showDividendHistory, setShowDividendHistory] = React5.useState(false);
9049
- const [showHolders, setShowHolders] = React5.useState(false);
9050
8978
  const [copiedAddress, setCopiedAddress] = React5.useState(false);
9051
8979
  const [statsTab, setStatsTab] = React5.useState("token");
9052
8980
  const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
@@ -9100,9 +9028,7 @@ function PropertyOverview({
9100
9028
  const tokenStats = [
9101
9029
  { label: "Token Price", value: isLoading && tokenPriceValue == null ? loadingSkeleton : tokenPriceValue ? `$${tokenPriceValue.toFixed(2)}` : "\u2014", gold: true },
9102
9030
  { label: "24h Volume", value: isLoading && vol24hDollar == null ? loadingSkeleton : vol24hDollar != null && vol24hDollar > 0 ? fmtDollar(vol24hDollar) : "\u2014" },
9103
- { label: "Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" },
9104
- { label: "Open Orders", value: isLoading && openOrdersValue == null ? loadingSkeleton : openOrdersValue != null && openOrdersValue > 0 ? fmtDollar(openOrdersValue) : "\u2014" },
9105
- { label: "Holders", value: isLoading && holderCount == null ? loadingSkeleton : holderCount != null ? holderCount.toLocaleString() : "\u2014" }
9031
+ { label: "Dividend Yield", value: isLoading && currentDividendYield == null ? loadingSkeleton : currentDividendYield ? `${currentDividendYield}%` : "\u2014" }
9106
9032
  ];
9107
9033
  const growthPct = overviewData?.growth5Yr;
9108
9034
  const propertyStats = [
@@ -9169,7 +9095,7 @@ function PropertyOverview({
9169
9095
  /* @__PURE__ */ jsxRuntime.jsx(StatsRowLabel, { children: "Token Performance" }),
9170
9096
  /* @__PURE__ */ jsxRuntime.jsx(StatsHRow, { children: tokenStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatsHCell, { children: [
9171
9097
  /* @__PURE__ */ jsxRuntime.jsx(StatsHCellLabel, { children: item.label }),
9172
- item.label === "Holders" && holderCount != null && !beta ? /* @__PURE__ */ jsxRuntime.jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsxRuntime.jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
9098
+ /* @__PURE__ */ jsxRuntime.jsx(StatsHCellValue, { $gold: !!item.gold, children: item.value })
9173
9099
  ] }, item.label)) })
9174
9100
  ] }),
9175
9101
  /* @__PURE__ */ jsxRuntime.jsxs(StatsRowSection, { children: [
@@ -9188,7 +9114,7 @@ function PropertyOverview({
9188
9114
  ] }),
9189
9115
  statsTab === "token" && /* @__PURE__ */ jsxRuntime.jsx(StatsTabContent, { children: tokenStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { $gold: !!item.gold, children: [
9190
9116
  /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: item.label }),
9191
- item.label === "Holders" && holderCount != null && !beta ? /* @__PURE__ */ jsxRuntime.jsx(StatValueClickable, { onClick: () => setShowHolders(true), children: item.value }) : /* @__PURE__ */ jsxRuntime.jsx(StatValue, { $gold: !!item.gold, children: item.value })
9117
+ /* @__PURE__ */ jsxRuntime.jsx(StatValue, { $gold: !!item.gold, children: item.value })
9192
9118
  ] }, item.label)) }),
9193
9119
  statsTab === "property" && /* @__PURE__ */ jsxRuntime.jsxs(StatsTabContent, { children: [
9194
9120
  propertyStats.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
@@ -9210,14 +9136,6 @@ function PropertyOverview({
9210
9136
  onClose: () => setShowDividendHistory(false)
9211
9137
  }
9212
9138
  ),
9213
- showHolders && /* @__PURE__ */ jsxRuntime.jsx(
9214
- HoldersPopup,
9215
- {
9216
- contractAddress,
9217
- ticker,
9218
- onClose: () => setShowHolders(false)
9219
- }
9220
- ),
9221
9139
  /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
9222
9140
  /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "The Asset" }),
9223
9141
  galleryImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -9274,14 +9192,6 @@ function PropertyOverview({
9274
9192
  /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Suburb Median" }),
9275
9193
  /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.suburbMedian != null ? fmtDollar(overviewData.suburbMedian) : "\u2014" })
9276
9194
  ] }),
9277
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
9278
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "5yr Property Growth" }),
9279
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { style: growthPct != null && growthPct > 0 ? { color: "#4ade80" } : void 0, children: growthPct != null ? `${growthPct > 0 ? "+" : ""}${growthPct}%` : "\u2014" })
9280
- ] }),
9281
- /* @__PURE__ */ jsxRuntime.jsxs(StatRow, { children: [
9282
- /* @__PURE__ */ jsxRuntime.jsx(StatLabel, { children: "Current Dividend" }),
9283
- /* @__PURE__ */ jsxRuntime.jsx(StatValue, { children: overviewData?.lastDividend != null ? `$${overviewData.lastDividend.toFixed(2)} / share / mo` : "\u2014" })
9284
- ] }),
9285
9195
  propertyHistory.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
9286
9196
  /* @__PURE__ */ jsxRuntime.jsx(StatsColumnHeader, { style: { marginTop: "1.25rem" }, children: "Capital History" }),
9287
9197
  /* @__PURE__ */ jsxRuntime.jsx(TimelineWrap, { children: propertyHistory.map((h, i) => {
@@ -9506,65 +9416,6 @@ function DividendHistoryPopup({
9506
9416
  ] }) })
9507
9417
  ] }) });
9508
9418
  }
9509
- var MOCK_HOLDERS = [
9510
- { rank: 1, address: "0xA1b2...9F3e", label: "Loaf Treasury", tokens: 12500, pct: 25 },
9511
- { rank: 2, address: "0xC4d5...1A7b", label: null, tokens: 6200, pct: 12.4 },
9512
- { rank: 3, address: "0xE8f9...3C2d", label: null, tokens: 4800, pct: 9.6 },
9513
- { rank: 4, address: "0x2B3c...7D4e", label: "Market Maker", tokens: 3500, pct: 7 },
9514
- { rank: 5, address: "0x5F6a...8E1c", label: null, tokens: 2900, pct: 5.8 },
9515
- { rank: 6, address: "0x7A8b...0F2d", label: null, tokens: 2400, pct: 4.8 },
9516
- { rank: 7, address: "0x9C0d...4A3e", label: null, tokens: 1800, pct: 3.6 },
9517
- { rank: 8, address: "0xB1e2...6C5f", label: null, tokens: 1500, pct: 3 },
9518
- { rank: 9, address: "0xD3f4...8E7a", label: null, tokens: 1200, pct: 2.4 },
9519
- { rank: 10, address: "0xF5a6...2B9c", label: null, tokens: 950, pct: 1.9 }
9520
- ];
9521
- function HoldersPopup({
9522
- contractAddress,
9523
- ticker,
9524
- onClose
9525
- }) {
9526
- React5.useEffect(() => {
9527
- const handleEsc = (e) => {
9528
- if (e.key === "Escape") onClose();
9529
- };
9530
- window.addEventListener("keydown", handleEsc);
9531
- return () => window.removeEventListener("keydown", handleEsc);
9532
- }, [onClose]);
9533
- const basescanUrl = contractAddress ? `https://sepolia.basescan.org/token/${contractAddress}#balances` : "https://sepolia.basescan.org";
9534
- return /* @__PURE__ */ jsxRuntime.jsx(DivPopupOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(HoldersPanel, { onClick: (e) => e.stopPropagation(), children: [
9535
- /* @__PURE__ */ jsxRuntime.jsxs(DivPopupHeader, { children: [
9536
- /* @__PURE__ */ jsxRuntime.jsxs(DivPopupTitle, { children: [
9537
- "Top Holders",
9538
- ticker ? ` (${ticker})` : ""
9539
- ] }),
9540
- /* @__PURE__ */ jsxRuntime.jsxs(HoldersHeaderRight, { children: [
9541
- /* @__PURE__ */ jsxRuntime.jsx(HoldersBasescanLink, { href: basescanUrl, target: "_blank", rel: "noopener noreferrer", children: "View on BaseScan\xA0\u2197" }),
9542
- /* @__PURE__ */ jsxRuntime.jsx(DivPopupClose, { onClick: onClose, "aria-label": "Close holders", children: "\u2715" })
9543
- ] })
9544
- ] }),
9545
- /* @__PURE__ */ jsxRuntime.jsxs(HoldersTableWrap, { children: [
9546
- /* @__PURE__ */ jsxRuntime.jsxs(HoldersTableHeader, { children: [
9547
- /* @__PURE__ */ jsxRuntime.jsx(HoldersColRank, { children: "#" }),
9548
- /* @__PURE__ */ jsxRuntime.jsx(HoldersColAddr, { children: "Address" }),
9549
- /* @__PURE__ */ jsxRuntime.jsx(HoldersColTokens, { children: "Tokens" }),
9550
- /* @__PURE__ */ jsxRuntime.jsx(HoldersColPct, { children: "%" })
9551
- ] }),
9552
- MOCK_HOLDERS.map((h) => /* @__PURE__ */ jsxRuntime.jsxs(HoldersTableRow, { children: [
9553
- /* @__PURE__ */ jsxRuntime.jsx(HoldersColRank, { children: h.rank }),
9554
- /* @__PURE__ */ jsxRuntime.jsxs(HoldersColAddr, { children: [
9555
- /* @__PURE__ */ jsxRuntime.jsx(HolderAddrLink, { href: `https://sepolia.basescan.org/address/${h.address.replace("...", "")}`, target: "_blank", rel: "noopener noreferrer", children: h.address }),
9556
- h.label && /* @__PURE__ */ jsxRuntime.jsx(HolderLabel, { children: h.label })
9557
- ] }),
9558
- /* @__PURE__ */ jsxRuntime.jsx(HoldersColTokens, { children: h.tokens.toLocaleString() }),
9559
- /* @__PURE__ */ jsxRuntime.jsxs(HoldersColPct, { children: [
9560
- h.pct.toFixed(1),
9561
- "%"
9562
- ] })
9563
- ] }, h.rank))
9564
- ] }),
9565
- /* @__PURE__ */ jsxRuntime.jsx(HoldersFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(HoldersFullListBtn, { href: basescanUrl, target: "_blank", rel: "noopener noreferrer", children: "See Full List of Holders\xA0\u2197" }) })
9566
- ] }) });
9567
- }
9568
9419
  var Wrapper = styled9__default.default.div`
9569
9420
  display: flex;
9570
9421
  flex-direction: column;
@@ -10174,133 +10025,6 @@ var DivTableTD = styled9__default.default.td`
10174
10025
  font-size: 0.82rem;
10175
10026
  color: rgba(255,255,255,0.75);
10176
10027
  `;
10177
- var HoldersPanel = styled9__default.default.div`
10178
- background: #111;
10179
- border: 1px solid rgba(255,255,255,0.08);
10180
- border-radius: 14px;
10181
- width: 90%;
10182
- max-width: 520px;
10183
- max-height: 85vh;
10184
- overflow-y: auto;
10185
- display: flex;
10186
- flex-direction: column;
10187
- `;
10188
- var HoldersHeaderRight = styled9__default.default.div`
10189
- display: flex;
10190
- align-items: center;
10191
- gap: 1rem;
10192
- `;
10193
- var HoldersBasescanLink = styled9__default.default.a`
10194
- font-size: 0.75rem;
10195
- color: rgba(255,255,255,0.4);
10196
- text-decoration: none;
10197
- transition: color 0.15s;
10198
- &:hover { color: rgba(212,175,55,0.9); }
10199
- `;
10200
- var HoldersTableWrap = styled9__default.default.div`
10201
- padding: 0 1.5rem;
10202
- `;
10203
- var HoldersTableHeader = styled9__default.default.div`
10204
- display: flex;
10205
- align-items: center;
10206
- padding: 0.6rem 0;
10207
- border-bottom: 1px solid rgba(255,255,255,0.08);
10208
- font-size: 0.65rem;
10209
- font-weight: 500;
10210
- color: rgba(255,255,255,0.4);
10211
- text-transform: uppercase;
10212
- letter-spacing: 0.06em;
10213
- `;
10214
- var HoldersTableRow = styled9__default.default.div`
10215
- display: flex;
10216
- align-items: center;
10217
- padding: 0.6rem 0;
10218
- border-bottom: 1px solid rgba(255,255,255,0.03);
10219
- font-size: 0.82rem;
10220
- color: rgba(255,255,255,0.75);
10221
- border-radius: 6px;
10222
- transition: background 0.15s;
10223
- &:hover { background: rgba(255,255,255,0.03); }
10224
- &:last-child { border-bottom: none; }
10225
- `;
10226
- var HoldersColRank = styled9__default.default.span`
10227
- width: 32px;
10228
- flex-shrink: 0;
10229
- color: rgba(255,255,255,0.35);
10230
- font-size: 0.75rem;
10231
- `;
10232
- var HoldersColAddr = styled9__default.default.span`
10233
- flex: 1;
10234
- min-width: 0;
10235
- display: flex;
10236
- align-items: center;
10237
- gap: 0.5rem;
10238
- `;
10239
- var HolderAddrLink = styled9__default.default.a`
10240
- font-family: monospace;
10241
- font-size: 0.8rem;
10242
- color: rgba(255,255,255,0.7);
10243
- text-decoration: none;
10244
- &:hover { color: rgba(212,175,55,0.9); }
10245
- `;
10246
- var HolderLabel = styled9__default.default.span`
10247
- font-size: 0.68rem;
10248
- color: rgba(212,175,55,0.7);
10249
- background: rgba(212,175,55,0.08);
10250
- padding: 1px 6px;
10251
- border-radius: 4px;
10252
- white-space: nowrap;
10253
- `;
10254
- var HoldersColTokens = styled9__default.default.span`
10255
- width: 90px;
10256
- text-align: right;
10257
- flex-shrink: 0;
10258
- font-variant-numeric: tabular-nums;
10259
- `;
10260
- var HoldersColPct = styled9__default.default.span`
10261
- width: 55px;
10262
- text-align: right;
10263
- flex-shrink: 0;
10264
- font-variant-numeric: tabular-nums;
10265
- color: rgba(255,255,255,0.5);
10266
- `;
10267
- var HoldersFooter = styled9__default.default.div`
10268
- padding: 1rem 1.5rem 1.25rem;
10269
- display: flex;
10270
- justify-content: center;
10271
- `;
10272
- var HoldersFullListBtn = styled9__default.default.a`
10273
- display: inline-flex;
10274
- align-items: center;
10275
- padding: 0.55rem 1.5rem;
10276
- border: 1px solid rgba(255,255,255,0.1);
10277
- border-radius: 8px;
10278
- background: rgba(255,255,255,0.03);
10279
- color: rgba(255,255,255,0.6);
10280
- font-size: 0.78rem;
10281
- font-weight: 500;
10282
- text-decoration: none;
10283
- transition: border-color 0.15s, color 0.15s, background 0.15s;
10284
- &:hover {
10285
- border-color: rgba(212,175,55,0.4);
10286
- color: rgba(212,175,55,0.9);
10287
- background: rgba(212,175,55,0.05);
10288
- }
10289
- `;
10290
- var StatValueClickable = styled9__default.default.span`
10291
- font-size: 0.88rem;
10292
- font-weight: 500;
10293
- color: #fff;
10294
- cursor: pointer;
10295
- text-decoration: underline;
10296
- text-underline-offset: 3px;
10297
- text-decoration-color: rgba(255,255,255,0.15);
10298
- transition: color 0.15s, text-decoration-color 0.15s;
10299
- &:hover {
10300
- color: rgba(212,175,55,0.9);
10301
- text-decoration-color: rgba(212,175,55,0.5);
10302
- }
10303
- `;
10304
10028
  var STATUS_BG = {
10305
10029
  active: "rgba(14,203,129,0.18)",
10306
10030
  rejected: "rgba(246,70,93,0.18)",
@@ -12405,7 +12129,7 @@ function OrderPanel({
12405
12129
  ] })
12406
12130
  ] })
12407
12131
  ] }),
12408
- /* @__PURE__ */ jsxRuntime.jsx(Divider2, { children: "\u2193" }),
12132
+ /* @__PURE__ */ jsxRuntime.jsx(Divider, { children: "\u2193" }),
12409
12133
  /* @__PURE__ */ jsxRuntime.jsxs(ReadyChecklist, { children: [
12410
12134
  /* @__PURE__ */ jsxRuntime.jsx(ChecklistTitle, { children: "Get ready to invest" }),
12411
12135
  /* @__PURE__ */ jsxRuntime.jsx(ChecklistSub, { children: "Complete these steps to be first in line" }),
@@ -12579,7 +12303,7 @@ function OrderPanel({
12579
12303
  }
12580
12304
  )
12581
12305
  ] }),
12582
- /* @__PURE__ */ jsxRuntime.jsx(Divider2, { children: "\u2193" }),
12306
+ /* @__PURE__ */ jsxRuntime.jsx(Divider, { children: "\u2193" }),
12583
12307
  /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
12584
12308
  /* @__PURE__ */ jsxRuntime.jsxs(CardTopRow, { children: [
12585
12309
  /* @__PURE__ */ jsxRuntime.jsx(CardLabel, { children: ipoStarted ? "You Receive" : "You'll Receive" }),
@@ -12878,7 +12602,7 @@ var DepositButton2 = styled9__default.default.button`
12878
12602
  cursor: pointer;
12879
12603
  font-weight: 500;
12880
12604
  `;
12881
- var Divider2 = styled9__default.default.div`
12605
+ var Divider = styled9__default.default.div`
12882
12606
  text-align: center;
12883
12607
  margin: 0.25rem 0;
12884
12608
  color: var(--color-text-secondary);