@loafmarkets/ui 0.1.145 → 0.1.147
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 +749 -486
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +728 -465
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
|
|
|
5
5
|
import { clsx } from 'clsx';
|
|
6
6
|
import { twMerge } from 'tailwind-merge';
|
|
7
7
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
8
|
-
import
|
|
8
|
+
import styled9, { keyframes, css } from 'styled-components';
|
|
9
9
|
import * as ReactDOM from 'react-dom';
|
|
10
10
|
import { Newspaper } from 'lucide-react';
|
|
11
11
|
import * as LightweightCharts from 'lightweight-charts';
|
|
@@ -1544,7 +1544,7 @@ var breathe = keyframes`
|
|
|
1544
1544
|
box-shadow: 0 0 6px rgba(14, 203, 129, 0.7), 0 0 12px rgba(14, 203, 129, 0.3);
|
|
1545
1545
|
}
|
|
1546
1546
|
`;
|
|
1547
|
-
var LogoContainer =
|
|
1547
|
+
var LogoContainer = styled9.span`
|
|
1548
1548
|
display: inline-flex;
|
|
1549
1549
|
align-items: center;
|
|
1550
1550
|
gap: 0.4rem;
|
|
@@ -1581,12 +1581,12 @@ var LogoContainer = styled19.span`
|
|
|
1581
1581
|
}
|
|
1582
1582
|
}
|
|
1583
1583
|
`;
|
|
1584
|
-
var LogoText =
|
|
1584
|
+
var LogoText = styled9.span`
|
|
1585
1585
|
display: inline-flex;
|
|
1586
1586
|
align-items: center;
|
|
1587
1587
|
gap: 0.25rem;
|
|
1588
1588
|
`;
|
|
1589
|
-
var LoafLogoImage =
|
|
1589
|
+
var LoafLogoImage = styled9.img`
|
|
1590
1590
|
height: 18px;
|
|
1591
1591
|
display: block;
|
|
1592
1592
|
|
|
@@ -1594,7 +1594,7 @@ var LoafLogoImage = styled19.img`
|
|
|
1594
1594
|
height: 16px;
|
|
1595
1595
|
}
|
|
1596
1596
|
`;
|
|
1597
|
-
var LiquidityText =
|
|
1597
|
+
var LiquidityText = styled9.span`
|
|
1598
1598
|
font-size: 0.65rem;
|
|
1599
1599
|
font-weight: 500;
|
|
1600
1600
|
background: linear-gradient(135deg, #e6c87e 0%, #d4af5c 100%);
|
|
@@ -1608,7 +1608,7 @@ var LiquidityText = styled19.span`
|
|
|
1608
1608
|
font-size: 0.55rem;
|
|
1609
1609
|
}
|
|
1610
1610
|
`;
|
|
1611
|
-
var StatusDot =
|
|
1611
|
+
var StatusDot = styled9.span`
|
|
1612
1612
|
width: 6px;
|
|
1613
1613
|
height: 6px;
|
|
1614
1614
|
border-radius: 50%;
|
|
@@ -3216,7 +3216,7 @@ var TradingSlider = React5.forwardRef(
|
|
|
3216
3216
|
}
|
|
3217
3217
|
);
|
|
3218
3218
|
TradingSlider.displayName = "TradingSlider";
|
|
3219
|
-
var MobileToggleContainer =
|
|
3219
|
+
var MobileToggleContainer = styled9.div`
|
|
3220
3220
|
display: none;
|
|
3221
3221
|
|
|
3222
3222
|
@media (max-width: 1024px) {
|
|
@@ -3234,7 +3234,7 @@ var MobileToggleContainer = styled19.div`
|
|
|
3234
3234
|
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
|
|
3235
3235
|
}
|
|
3236
3236
|
`;
|
|
3237
|
-
var MobileToggleButton =
|
|
3237
|
+
var MobileToggleButton = styled9.button`
|
|
3238
3238
|
flex: 1;
|
|
3239
3239
|
padding: 0.75rem;
|
|
3240
3240
|
background-color: ${(props) => props.active ? "var(--color-accent)" : "transparent"};
|
|
@@ -3579,7 +3579,7 @@ var breathe2 = keyframes`
|
|
|
3579
3579
|
box-shadow: 0 0 6px rgba(14, 203, 129, 0.7), 0 0 12px rgba(14, 203, 129, 0.3);
|
|
3580
3580
|
}
|
|
3581
3581
|
`;
|
|
3582
|
-
var LogoContainer2 =
|
|
3582
|
+
var LogoContainer2 = styled9.span`
|
|
3583
3583
|
display: inline-flex;
|
|
3584
3584
|
align-items: center;
|
|
3585
3585
|
gap: 0.4rem;
|
|
@@ -3616,12 +3616,12 @@ var LogoContainer2 = styled19.span`
|
|
|
3616
3616
|
}
|
|
3617
3617
|
}
|
|
3618
3618
|
`;
|
|
3619
|
-
var LogoText2 =
|
|
3619
|
+
var LogoText2 = styled9.span`
|
|
3620
3620
|
display: inline-flex;
|
|
3621
3621
|
align-items: center;
|
|
3622
3622
|
gap: 0.25rem;
|
|
3623
3623
|
`;
|
|
3624
|
-
var LoafLogoImage2 =
|
|
3624
|
+
var LoafLogoImage2 = styled9.img`
|
|
3625
3625
|
height: 18px;
|
|
3626
3626
|
display: block;
|
|
3627
3627
|
|
|
@@ -3629,7 +3629,7 @@ var LoafLogoImage2 = styled19.img`
|
|
|
3629
3629
|
height: 16px;
|
|
3630
3630
|
}
|
|
3631
3631
|
`;
|
|
3632
|
-
var LiquidityText2 =
|
|
3632
|
+
var LiquidityText2 = styled9.span`
|
|
3633
3633
|
font-size: 0.65rem;
|
|
3634
3634
|
font-weight: 500;
|
|
3635
3635
|
background: linear-gradient(135deg, #e6c87e 0%, #d4af5c 100%);
|
|
@@ -3643,7 +3643,7 @@ var LiquidityText2 = styled19.span`
|
|
|
3643
3643
|
font-size: 0.55rem;
|
|
3644
3644
|
}
|
|
3645
3645
|
`;
|
|
3646
|
-
var StatusDot2 =
|
|
3646
|
+
var StatusDot2 = styled9.span`
|
|
3647
3647
|
width: 6px;
|
|
3648
3648
|
height: 6px;
|
|
3649
3649
|
border-radius: 50%;
|
|
@@ -4643,14 +4643,14 @@ var PropertyHeroHeader = React5.forwardRef(
|
|
|
4643
4643
|
}
|
|
4644
4644
|
);
|
|
4645
4645
|
PropertyHeroHeader.displayName = "PropertyHeroHeader";
|
|
4646
|
-
var OuterWrapper =
|
|
4646
|
+
var OuterWrapper = styled9.div`
|
|
4647
4647
|
width: 100%;
|
|
4648
4648
|
margin: 0 auto;
|
|
4649
4649
|
display: flex;
|
|
4650
4650
|
flex-direction: column;
|
|
4651
4651
|
gap: 0.5rem;
|
|
4652
4652
|
`;
|
|
4653
|
-
var HeroContainer =
|
|
4653
|
+
var HeroContainer = styled9.div`
|
|
4654
4654
|
position: relative;
|
|
4655
4655
|
width: calc(100vw - 1.5rem);
|
|
4656
4656
|
left: 50%;
|
|
@@ -4682,7 +4682,7 @@ var HeroContainer = styled19.div`
|
|
|
4682
4682
|
border-radius: 6px;
|
|
4683
4683
|
}
|
|
4684
4684
|
`;
|
|
4685
|
-
var HeroImage =
|
|
4685
|
+
var HeroImage = styled9.img`
|
|
4686
4686
|
width: 100%;
|
|
4687
4687
|
height: 100%;
|
|
4688
4688
|
object-fit: cover;
|
|
@@ -4696,7 +4696,7 @@ var HeroImage = styled19.img`
|
|
|
4696
4696
|
transform: scale(1.0);
|
|
4697
4697
|
transform-origin: center;
|
|
4698
4698
|
`;
|
|
4699
|
-
var ActionButtons =
|
|
4699
|
+
var ActionButtons = styled9.div`
|
|
4700
4700
|
display: flex;
|
|
4701
4701
|
flex-wrap: wrap;
|
|
4702
4702
|
align-items: center;
|
|
@@ -4711,7 +4711,7 @@ var ActionButtons = styled19.div`
|
|
|
4711
4711
|
display: none;
|
|
4712
4712
|
}
|
|
4713
4713
|
`;
|
|
4714
|
-
var CardLayout =
|
|
4714
|
+
var CardLayout = styled9.div`
|
|
4715
4715
|
display: flex;
|
|
4716
4716
|
align-items: center;
|
|
4717
4717
|
gap: 1rem;
|
|
@@ -4720,7 +4720,7 @@ var CardLayout = styled19.div`
|
|
|
4720
4720
|
gap: 0.75rem;
|
|
4721
4721
|
}
|
|
4722
4722
|
`;
|
|
4723
|
-
var Thumbnail =
|
|
4723
|
+
var Thumbnail = styled9.img`
|
|
4724
4724
|
width: 72px;
|
|
4725
4725
|
height: 72px;
|
|
4726
4726
|
border-radius: 8px;
|
|
@@ -4739,11 +4739,11 @@ var Thumbnail = styled19.img`
|
|
|
4739
4739
|
height: 48px;
|
|
4740
4740
|
}
|
|
4741
4741
|
`;
|
|
4742
|
-
var CardContent2 =
|
|
4742
|
+
var CardContent2 = styled9.div`
|
|
4743
4743
|
min-width: 0;
|
|
4744
4744
|
flex: 1;
|
|
4745
4745
|
`;
|
|
4746
|
-
var InfoCard =
|
|
4746
|
+
var InfoCard = styled9.div`
|
|
4747
4747
|
border-radius: 12px;
|
|
4748
4748
|
background: rgba(0, 0, 0, 0.15);
|
|
4749
4749
|
padding: 1rem 1.5rem;
|
|
@@ -4761,14 +4761,14 @@ var InfoCard = styled19.div`
|
|
|
4761
4761
|
padding: 0.65rem 0.85rem;
|
|
4762
4762
|
}
|
|
4763
4763
|
`;
|
|
4764
|
-
var NameGroup =
|
|
4764
|
+
var NameGroup = styled9.div`
|
|
4765
4765
|
display: flex;
|
|
4766
4766
|
align-items: center;
|
|
4767
4767
|
gap: 0.75rem;
|
|
4768
4768
|
min-width: 0;
|
|
4769
4769
|
flex-wrap: wrap;
|
|
4770
4770
|
`;
|
|
4771
|
-
var TypeBadge =
|
|
4771
|
+
var TypeBadge = styled9.span`
|
|
4772
4772
|
display: inline-flex;
|
|
4773
4773
|
align-items: center;
|
|
4774
4774
|
padding: 0.2rem 0.5rem;
|
|
@@ -4783,19 +4783,19 @@ var TypeBadge = styled19.span`
|
|
|
4783
4783
|
white-space: nowrap;
|
|
4784
4784
|
flex-shrink: 0;
|
|
4785
4785
|
`;
|
|
4786
|
-
var InfoRow =
|
|
4786
|
+
var InfoRow = styled9.div`
|
|
4787
4787
|
display: flex;
|
|
4788
4788
|
align-items: baseline;
|
|
4789
4789
|
justify-content: space-between;
|
|
4790
4790
|
gap: 1rem;
|
|
4791
4791
|
`;
|
|
4792
|
-
var PriceGroup =
|
|
4792
|
+
var PriceGroup = styled9.div`
|
|
4793
4793
|
display: flex;
|
|
4794
4794
|
flex-direction: column;
|
|
4795
4795
|
align-items: flex-end;
|
|
4796
4796
|
flex-shrink: 0;
|
|
4797
4797
|
`;
|
|
4798
|
-
var PriceRow =
|
|
4798
|
+
var PriceRow = styled9.span`
|
|
4799
4799
|
display: inline-flex;
|
|
4800
4800
|
align-items: baseline;
|
|
4801
4801
|
font-size: clamp(1.3rem, 3vw, 1.8rem);
|
|
@@ -4806,18 +4806,18 @@ var PriceRow = styled19.span`
|
|
|
4806
4806
|
white-space: nowrap;
|
|
4807
4807
|
flex-shrink: 0;
|
|
4808
4808
|
`;
|
|
4809
|
-
var CurrencyLabel =
|
|
4809
|
+
var CurrencyLabel = styled9.span`
|
|
4810
4810
|
font-size: 0.55em;
|
|
4811
4811
|
font-weight: 500;
|
|
4812
4812
|
color: rgba(255, 255, 255, 0.4);
|
|
4813
4813
|
margin-right: 0.3em;
|
|
4814
4814
|
`;
|
|
4815
|
-
var PriceArrow =
|
|
4815
|
+
var PriceArrow = styled9.span`
|
|
4816
4816
|
color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
|
|
4817
4817
|
font-size: 0.65em;
|
|
4818
4818
|
margin: 0 0.1em;
|
|
4819
4819
|
`;
|
|
4820
|
-
var AddressText =
|
|
4820
|
+
var AddressText = styled9.p`
|
|
4821
4821
|
font-size: 1.1rem;
|
|
4822
4822
|
color: rgba(255, 255, 255, 0.7);
|
|
4823
4823
|
font-weight: 400;
|
|
@@ -4831,7 +4831,7 @@ var AddressText = styled19.p`
|
|
|
4831
4831
|
font-size: 0.9rem;
|
|
4832
4832
|
}
|
|
4833
4833
|
`;
|
|
4834
|
-
var PriceChangeRow =
|
|
4834
|
+
var PriceChangeRow = styled9.span`
|
|
4835
4835
|
display: inline-flex;
|
|
4836
4836
|
align-items: center;
|
|
4837
4837
|
white-space: nowrap;
|
|
@@ -4841,7 +4841,7 @@ var PriceChangeRow = styled19.span`
|
|
|
4841
4841
|
font-variant-numeric: tabular-nums;
|
|
4842
4842
|
color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
|
|
4843
4843
|
`;
|
|
4844
|
-
var StatusBadge =
|
|
4844
|
+
var StatusBadge = styled9.div`
|
|
4845
4845
|
position: absolute;
|
|
4846
4846
|
top: 1rem;
|
|
4847
4847
|
left: 1rem;
|
|
@@ -4858,7 +4858,7 @@ var StatusBadge = styled19.div`
|
|
|
4858
4858
|
border: ${({ $isLive }) => $isLive ? "1px solid rgba(240, 185, 11, 0.5)" : "none"};
|
|
4859
4859
|
backdrop-filter: blur(8px);
|
|
4860
4860
|
`;
|
|
4861
|
-
var PulsingDot =
|
|
4861
|
+
var PulsingDot = styled9.span`
|
|
4862
4862
|
display: inline-block;
|
|
4863
4863
|
width: 8px;
|
|
4864
4864
|
height: 8px;
|
|
@@ -5531,7 +5531,7 @@ var Header = ({
|
|
|
5531
5531
|
] });
|
|
5532
5532
|
};
|
|
5533
5533
|
Header.displayName = "Header";
|
|
5534
|
-
var SafeAreaCover =
|
|
5534
|
+
var SafeAreaCover = styled9.div`
|
|
5535
5535
|
position: fixed;
|
|
5536
5536
|
top: 0;
|
|
5537
5537
|
left: 0;
|
|
@@ -5542,7 +5542,7 @@ var SafeAreaCover = styled19.div`
|
|
|
5542
5542
|
z-index: 1001;
|
|
5543
5543
|
pointer-events: none;
|
|
5544
5544
|
`;
|
|
5545
|
-
var Overlay =
|
|
5545
|
+
var Overlay = styled9.div`
|
|
5546
5546
|
display: ${(props) => props.$isOpen ? "block" : "none"};
|
|
5547
5547
|
position: fixed;
|
|
5548
5548
|
top: 0;
|
|
@@ -5553,7 +5553,7 @@ var Overlay = styled19.div`
|
|
|
5553
5553
|
backdrop-filter: blur(3px);
|
|
5554
5554
|
z-index: 999;
|
|
5555
5555
|
`;
|
|
5556
|
-
var MobileOnlyButton =
|
|
5556
|
+
var MobileOnlyButton = styled9.button.attrs({ type: "button" })`
|
|
5557
5557
|
display: none;
|
|
5558
5558
|
background-color: ${(props) => props.$isOpen ? "rgba(240, 185, 11, 0.2)" : "#f0b90b"};
|
|
5559
5559
|
color: ${(props) => props.$isOpen ? "#ffffff" : "#0b0e11"};
|
|
@@ -5584,7 +5584,7 @@ var MobileOnlyButton = styled19.button.attrs({ type: "button" })`
|
|
|
5584
5584
|
display: flex;
|
|
5585
5585
|
}
|
|
5586
5586
|
`;
|
|
5587
|
-
var HeaderContainer =
|
|
5587
|
+
var HeaderContainer = styled9.header`
|
|
5588
5588
|
display: flex;
|
|
5589
5589
|
justify-content: space-between;
|
|
5590
5590
|
align-items: center;
|
|
@@ -5621,7 +5621,7 @@ var HeaderContainer = styled19.header`
|
|
|
5621
5621
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
|
5622
5622
|
}
|
|
5623
5623
|
`;
|
|
5624
|
-
var HeaderSpacer =
|
|
5624
|
+
var HeaderSpacer = styled9.div`
|
|
5625
5625
|
width: 100%;
|
|
5626
5626
|
min-height: 56px;
|
|
5627
5627
|
min-height: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
|
|
@@ -5631,7 +5631,7 @@ var HeaderSpacer = styled19.div`
|
|
|
5631
5631
|
min-height: calc(46px + 0.5rem);
|
|
5632
5632
|
}
|
|
5633
5633
|
`;
|
|
5634
|
-
var Logo =
|
|
5634
|
+
var Logo = styled9.div`
|
|
5635
5635
|
display: flex;
|
|
5636
5636
|
align-items: center;
|
|
5637
5637
|
margin-right: 24px;
|
|
@@ -5652,11 +5652,11 @@ var Logo = styled19.div`
|
|
|
5652
5652
|
}
|
|
5653
5653
|
}
|
|
5654
5654
|
`;
|
|
5655
|
-
var LogoLink =
|
|
5655
|
+
var LogoLink = styled9.a`
|
|
5656
5656
|
display: inline-flex;
|
|
5657
5657
|
align-items: center;
|
|
5658
5658
|
`;
|
|
5659
|
-
var Nav =
|
|
5659
|
+
var Nav = styled9.nav`
|
|
5660
5660
|
display: flex;
|
|
5661
5661
|
flex-direction: column;
|
|
5662
5662
|
|
|
@@ -5708,7 +5708,7 @@ var Nav = styled19.nav`
|
|
|
5708
5708
|
}
|
|
5709
5709
|
}
|
|
5710
5710
|
`;
|
|
5711
|
-
var NavLink =
|
|
5711
|
+
var NavLink = styled9.a`
|
|
5712
5712
|
margin: 0 12px;
|
|
5713
5713
|
color: #eaecef;
|
|
5714
5714
|
font-weight: 500;
|
|
@@ -5767,7 +5767,7 @@ var NavLink = styled19.a`
|
|
|
5767
5767
|
}
|
|
5768
5768
|
}
|
|
5769
5769
|
`;
|
|
5770
|
-
var Button2 =
|
|
5770
|
+
var Button2 = styled9.button.attrs({ type: "button" })`
|
|
5771
5771
|
padding: 0.5rem 1rem;
|
|
5772
5772
|
border-radius: 6px;
|
|
5773
5773
|
font-weight: 500;
|
|
@@ -5805,7 +5805,7 @@ var Button2 = styled19.button.attrs({ type: "button" })`
|
|
|
5805
5805
|
margin-left: 0.5rem;
|
|
5806
5806
|
}
|
|
5807
5807
|
`;
|
|
5808
|
-
var UserMenu =
|
|
5808
|
+
var UserMenu = styled9.div`
|
|
5809
5809
|
position: relative;
|
|
5810
5810
|
margin-left: 0.75rem;
|
|
5811
5811
|
height: 56px;
|
|
@@ -5816,7 +5816,7 @@ var UserMenu = styled19.div`
|
|
|
5816
5816
|
margin-left: auto;
|
|
5817
5817
|
}
|
|
5818
5818
|
`;
|
|
5819
|
-
var UserButton =
|
|
5819
|
+
var UserButton = styled9.button.attrs({ type: "button" })`
|
|
5820
5820
|
display: flex;
|
|
5821
5821
|
align-items: center;
|
|
5822
5822
|
background: transparent;
|
|
@@ -5841,7 +5841,7 @@ var UserButton = styled19.button.attrs({ type: "button" })`
|
|
|
5841
5841
|
transform: ${(props) => props.$isOpen ? "rotate(180deg)" : "rotate(0)"};
|
|
5842
5842
|
}
|
|
5843
5843
|
`;
|
|
5844
|
-
var DropdownMenu =
|
|
5844
|
+
var DropdownMenu = styled9.div`
|
|
5845
5845
|
position: absolute;
|
|
5846
5846
|
top: 100%;
|
|
5847
5847
|
/* Anchor to the button's right edge so a short label (narrow button) near
|
|
@@ -5869,7 +5869,7 @@ var DropdownMenu = styled19.div`
|
|
|
5869
5869
|
display: block;
|
|
5870
5870
|
}
|
|
5871
5871
|
`;
|
|
5872
|
-
var MenuItem =
|
|
5872
|
+
var MenuItem = styled9.div`
|
|
5873
5873
|
padding: 0.75rem 1.25rem;
|
|
5874
5874
|
cursor: pointer;
|
|
5875
5875
|
transition: all 0.2s ease;
|
|
@@ -5889,7 +5889,7 @@ var MenuItem = styled19.div`
|
|
|
5889
5889
|
color: #f6465d;
|
|
5890
5890
|
}
|
|
5891
5891
|
`;
|
|
5892
|
-
var MobileMenuHeader =
|
|
5892
|
+
var MobileMenuHeader = styled9.div`
|
|
5893
5893
|
display: flex;
|
|
5894
5894
|
justify-content: flex-end;
|
|
5895
5895
|
align-items: center;
|
|
@@ -5898,7 +5898,7 @@ var MobileMenuHeader = styled19.div`
|
|
|
5898
5898
|
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
|
5899
5899
|
background: rgba(0, 0, 0, 0.2);
|
|
5900
5900
|
`;
|
|
5901
|
-
var MobileMenuClose =
|
|
5901
|
+
var MobileMenuClose = styled9.button.attrs({ type: "button" })`
|
|
5902
5902
|
background: none;
|
|
5903
5903
|
border: none;
|
|
5904
5904
|
color: #eaecef;
|
|
@@ -5909,7 +5909,7 @@ var MobileMenuClose = styled19.button.attrs({ type: "button" })`
|
|
|
5909
5909
|
align-items: center;
|
|
5910
5910
|
justify-content: center;
|
|
5911
5911
|
`;
|
|
5912
|
-
var SearchBar =
|
|
5912
|
+
var SearchBar = styled9.div`
|
|
5913
5913
|
display: flex;
|
|
5914
5914
|
align-items: center;
|
|
5915
5915
|
background: rgba(255, 255, 255, 0.03);
|
|
@@ -5945,7 +5945,7 @@ var SearchBar = styled19.div`
|
|
|
5945
5945
|
}
|
|
5946
5946
|
}
|
|
5947
5947
|
`;
|
|
5948
|
-
var MobileNavItem =
|
|
5948
|
+
var MobileNavItem = styled9.div`
|
|
5949
5949
|
display: flex;
|
|
5950
5950
|
align-items: center;
|
|
5951
5951
|
padding: 14px 20px;
|
|
@@ -5967,7 +5967,7 @@ var pbShimmer = keyframes`
|
|
|
5967
5967
|
0% { background-position: -200% 0; }
|
|
5968
5968
|
100% { background-position: 200% 0; }
|
|
5969
5969
|
`;
|
|
5970
|
-
var PortfolioEyeButton =
|
|
5970
|
+
var PortfolioEyeButton = styled9.button`
|
|
5971
5971
|
background: ${(p) => p.$active ? "rgba(212, 175, 55, 0.15)" : "transparent"};
|
|
5972
5972
|
border: none;
|
|
5973
5973
|
border-radius: 6px;
|
|
@@ -5992,7 +5992,7 @@ var PortfolioEyeButton = styled19.button`
|
|
|
5992
5992
|
margin-right: 6px;
|
|
5993
5993
|
}
|
|
5994
5994
|
`;
|
|
5995
|
-
var DepositButton =
|
|
5995
|
+
var DepositButton = styled9.button`
|
|
5996
5996
|
background: #e6c87e;
|
|
5997
5997
|
color: #1a1a1a;
|
|
5998
5998
|
border: none;
|
|
@@ -6016,7 +6016,7 @@ var DepositButton = styled19.button`
|
|
|
6016
6016
|
margin-right: 4px;
|
|
6017
6017
|
}
|
|
6018
6018
|
`;
|
|
6019
|
-
var PortfolioBarContainer =
|
|
6019
|
+
var PortfolioBarContainer = styled9.div`
|
|
6020
6020
|
position: fixed;
|
|
6021
6021
|
top: 56px;
|
|
6022
6022
|
top: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
|
|
@@ -6054,7 +6054,7 @@ var PortfolioBarContainer = styled19.div`
|
|
|
6054
6054
|
}
|
|
6055
6055
|
}
|
|
6056
6056
|
`;
|
|
6057
|
-
var PortfolioBarPill =
|
|
6057
|
+
var PortfolioBarPill = styled9.div`
|
|
6058
6058
|
pointer-events: auto;
|
|
6059
6059
|
display: flex;
|
|
6060
6060
|
align-items: center;
|
|
@@ -6090,7 +6090,7 @@ var PortfolioBarPill = styled19.div`
|
|
|
6090
6090
|
border-radius: 0 0 16px 16px;
|
|
6091
6091
|
}
|
|
6092
6092
|
`;
|
|
6093
|
-
var PortfolioBarArrow =
|
|
6093
|
+
var PortfolioBarArrow = styled9.div`
|
|
6094
6094
|
position: absolute;
|
|
6095
6095
|
top: -7px;
|
|
6096
6096
|
width: 14px;
|
|
@@ -6102,7 +6102,7 @@ var PortfolioBarArrow = styled19.div`
|
|
|
6102
6102
|
box-shadow: -2px -2px 6px rgba(0, 0, 0, 0.25);
|
|
6103
6103
|
pointer-events: none;
|
|
6104
6104
|
`;
|
|
6105
|
-
var PortfolioInline =
|
|
6105
|
+
var PortfolioInline = styled9.div`
|
|
6106
6106
|
display: flex;
|
|
6107
6107
|
align-items: center;
|
|
6108
6108
|
gap: 1rem;
|
|
@@ -6112,34 +6112,34 @@ var PortfolioInline = styled19.div`
|
|
|
6112
6112
|
display: none;
|
|
6113
6113
|
}
|
|
6114
6114
|
`;
|
|
6115
|
-
var PBMetric =
|
|
6115
|
+
var PBMetric = styled9.div`
|
|
6116
6116
|
display: flex;
|
|
6117
6117
|
flex-direction: column;
|
|
6118
6118
|
align-items: center;
|
|
6119
6119
|
gap: 1px;
|
|
6120
6120
|
white-space: nowrap;
|
|
6121
6121
|
`;
|
|
6122
|
-
var PBMetricLabel =
|
|
6122
|
+
var PBMetricLabel = styled9.span`
|
|
6123
6123
|
font-size: 0.55rem;
|
|
6124
6124
|
color: rgba(255, 255, 255, 0.6);
|
|
6125
6125
|
text-transform: uppercase;
|
|
6126
6126
|
letter-spacing: 0.5px;
|
|
6127
6127
|
font-weight: 500;
|
|
6128
6128
|
`;
|
|
6129
|
-
var PBMetricValue =
|
|
6129
|
+
var PBMetricValue = styled9.span`
|
|
6130
6130
|
font-size: 0.75rem;
|
|
6131
6131
|
font-weight: 600;
|
|
6132
6132
|
color: ${(p) => p.$positive ? "#0ecb81" : p.$negative ? "#f6465d" : "#eaecef"};
|
|
6133
6133
|
font-variant-numeric: tabular-nums;
|
|
6134
6134
|
`;
|
|
6135
|
-
var PBDot =
|
|
6135
|
+
var PBDot = styled9.div`
|
|
6136
6136
|
width: 3px;
|
|
6137
6137
|
height: 3px;
|
|
6138
6138
|
border-radius: 50%;
|
|
6139
6139
|
background: rgba(212, 175, 55, 0.25);
|
|
6140
6140
|
flex-shrink: 0;
|
|
6141
6141
|
`;
|
|
6142
|
-
var PBOperator =
|
|
6142
|
+
var PBOperator = styled9.span`
|
|
6143
6143
|
font-size: 0.7rem;
|
|
6144
6144
|
font-weight: 500;
|
|
6145
6145
|
color: rgba(255, 255, 255, 0.35);
|
|
@@ -6887,7 +6887,7 @@ var LoginPopup = ({
|
|
|
6887
6887
|
}
|
|
6888
6888
|
return null;
|
|
6889
6889
|
};
|
|
6890
|
-
var Overlay2 =
|
|
6890
|
+
var Overlay2 = styled9.div`
|
|
6891
6891
|
position: fixed;
|
|
6892
6892
|
top: 0;
|
|
6893
6893
|
left: 0;
|
|
@@ -6910,7 +6910,7 @@ var Overlay2 = styled19.div`
|
|
|
6910
6910
|
}
|
|
6911
6911
|
}
|
|
6912
6912
|
`;
|
|
6913
|
-
var PopupContainer =
|
|
6913
|
+
var PopupContainer = styled9.div`
|
|
6914
6914
|
background-color: var(--color-background, #0a0a0a);
|
|
6915
6915
|
border: 1px solid rgba(230, 198, 86, 0.3);
|
|
6916
6916
|
border-radius: var(--border-radius, 12px);
|
|
@@ -6937,7 +6937,7 @@ var PopupContainer = styled19.div`
|
|
|
6937
6937
|
max-width: 90%;
|
|
6938
6938
|
}
|
|
6939
6939
|
`;
|
|
6940
|
-
var KycPopupContainer =
|
|
6940
|
+
var KycPopupContainer = styled9.div`
|
|
6941
6941
|
background-color: var(--color-background, #0a0a0a);
|
|
6942
6942
|
border: 1px solid rgba(230, 198, 86, 0.3);
|
|
6943
6943
|
border-radius: var(--border-radius, 12px);
|
|
@@ -6965,7 +6965,7 @@ var KycPopupContainer = styled19.div`
|
|
|
6965
6965
|
max-width: 95%;
|
|
6966
6966
|
}
|
|
6967
6967
|
`;
|
|
6968
|
-
var KycWidgetContainer =
|
|
6968
|
+
var KycWidgetContainer = styled9.div`
|
|
6969
6969
|
min-height: 500px;
|
|
6970
6970
|
width: 100%;
|
|
6971
6971
|
display: flex;
|
|
@@ -6973,7 +6973,7 @@ var KycWidgetContainer = styled19.div`
|
|
|
6973
6973
|
position: relative;
|
|
6974
6974
|
gap: 0.75rem;
|
|
6975
6975
|
`;
|
|
6976
|
-
var InlineCloseButton =
|
|
6976
|
+
var InlineCloseButton = styled9.button`
|
|
6977
6977
|
position: absolute;
|
|
6978
6978
|
top: -12px;
|
|
6979
6979
|
right: -12px;
|
|
@@ -6999,7 +6999,7 @@ var InlineCloseButton = styled19.button`
|
|
|
6999
6999
|
height: 18px;
|
|
7000
7000
|
}
|
|
7001
7001
|
`;
|
|
7002
|
-
var CloseButton =
|
|
7002
|
+
var CloseButton = styled9.button`
|
|
7003
7003
|
position: absolute;
|
|
7004
7004
|
top: 1rem;
|
|
7005
7005
|
right: 1rem;
|
|
@@ -7018,7 +7018,7 @@ var CloseButton = styled19.button`
|
|
|
7018
7018
|
color: var(--color-accent, #e6c656);
|
|
7019
7019
|
}
|
|
7020
7020
|
`;
|
|
7021
|
-
var Title =
|
|
7021
|
+
var Title = styled9.h2`
|
|
7022
7022
|
font-size: 1.75rem;
|
|
7023
7023
|
font-weight: 600;
|
|
7024
7024
|
color: var(--color-text, #eaecef);
|
|
@@ -7030,21 +7030,21 @@ var Title = styled19.h2`
|
|
|
7030
7030
|
justify-content: center;
|
|
7031
7031
|
gap: 1rem;
|
|
7032
7032
|
`;
|
|
7033
|
-
var LogoContainer3 =
|
|
7033
|
+
var LogoContainer3 = styled9.div`
|
|
7034
7034
|
display: flex;
|
|
7035
7035
|
justify-content: center;
|
|
7036
7036
|
margin-bottom: 0.5rem;
|
|
7037
7037
|
`;
|
|
7038
|
-
var LogoImage =
|
|
7038
|
+
var LogoImage = styled9.img`
|
|
7039
7039
|
height: 60px;
|
|
7040
7040
|
`;
|
|
7041
|
-
var ButtonsContainer =
|
|
7041
|
+
var ButtonsContainer = styled9.div`
|
|
7042
7042
|
display: flex;
|
|
7043
7043
|
flex-direction: column;
|
|
7044
7044
|
gap: 1rem;
|
|
7045
7045
|
margin-bottom: 1.5rem;
|
|
7046
7046
|
`;
|
|
7047
|
-
var LoginButton =
|
|
7047
|
+
var LoginButton = styled9.button`
|
|
7048
7048
|
display: flex;
|
|
7049
7049
|
align-items: center;
|
|
7050
7050
|
justify-content: center;
|
|
@@ -7070,7 +7070,7 @@ var LoginButton = styled19.button`
|
|
|
7070
7070
|
color: var(--color-accent, #e6c656);
|
|
7071
7071
|
}
|
|
7072
7072
|
`;
|
|
7073
|
-
var Divider =
|
|
7073
|
+
var Divider = styled9.div`
|
|
7074
7074
|
display: flex;
|
|
7075
7075
|
align-items: center;
|
|
7076
7076
|
margin: 1.5rem 0;
|
|
@@ -7083,13 +7083,13 @@ var Divider = styled19.div`
|
|
|
7083
7083
|
background-color: rgba(230, 198, 86, 0.2);
|
|
7084
7084
|
}
|
|
7085
7085
|
`;
|
|
7086
|
-
var InfoText =
|
|
7086
|
+
var InfoText = styled9.p`
|
|
7087
7087
|
color: var(--color-text-secondary, #848e9c);
|
|
7088
7088
|
font-size: 0.875rem;
|
|
7089
7089
|
text-align: center;
|
|
7090
7090
|
line-height: 1.5;
|
|
7091
7091
|
`;
|
|
7092
|
-
var AnnotationContainer =
|
|
7092
|
+
var AnnotationContainer = styled9.div`
|
|
7093
7093
|
display: flex;
|
|
7094
7094
|
flex-direction: column;
|
|
7095
7095
|
gap: 0.75rem;
|
|
@@ -7097,7 +7097,7 @@ var AnnotationContainer = styled19.div`
|
|
|
7097
7097
|
padding-top: 1.5rem;
|
|
7098
7098
|
border-top: 1px solid rgba(230, 198, 86, 0.2);
|
|
7099
7099
|
`;
|
|
7100
|
-
var Annotation =
|
|
7100
|
+
var Annotation = styled9.div`
|
|
7101
7101
|
display: flex;
|
|
7102
7102
|
align-items: flex-start;
|
|
7103
7103
|
gap: 1rem;
|
|
@@ -7112,22 +7112,22 @@ var Annotation = styled19.div`
|
|
|
7112
7112
|
color: var(--color-accent, #e6c656);
|
|
7113
7113
|
}
|
|
7114
7114
|
`;
|
|
7115
|
-
var AnnotationText =
|
|
7115
|
+
var AnnotationText = styled9.span`
|
|
7116
7116
|
flex: 1;
|
|
7117
7117
|
line-height: 1.4;
|
|
7118
7118
|
`;
|
|
7119
|
-
var AnnotationLabel =
|
|
7119
|
+
var AnnotationLabel = styled9.span`
|
|
7120
7120
|
color: var(--color-text, #eaecef);
|
|
7121
7121
|
font-weight: 500;
|
|
7122
7122
|
margin-right: 0.25rem;
|
|
7123
7123
|
`;
|
|
7124
|
-
var EmailFormContainer =
|
|
7124
|
+
var EmailFormContainer = styled9.div`
|
|
7125
7125
|
display: flex;
|
|
7126
7126
|
flex-direction: column;
|
|
7127
7127
|
gap: 1rem;
|
|
7128
7128
|
margin-bottom: 1.5rem;
|
|
7129
7129
|
`;
|
|
7130
|
-
var EmailInput =
|
|
7130
|
+
var EmailInput = styled9.input`
|
|
7131
7131
|
width: 100%;
|
|
7132
7132
|
padding: 1rem 1.25rem;
|
|
7133
7133
|
background-color: var(--color-background-light, #1a1a1a);
|
|
@@ -7146,12 +7146,12 @@ var EmailInput = styled19.input`
|
|
|
7146
7146
|
color: var(--color-text-secondary, #848e9c);
|
|
7147
7147
|
}
|
|
7148
7148
|
`;
|
|
7149
|
-
var OTPContainer =
|
|
7149
|
+
var OTPContainer = styled9.div`
|
|
7150
7150
|
display: flex;
|
|
7151
7151
|
gap: 0.5rem;
|
|
7152
7152
|
justify-content: center;
|
|
7153
7153
|
`;
|
|
7154
|
-
var OTPInput =
|
|
7154
|
+
var OTPInput = styled9.input`
|
|
7155
7155
|
width: 48px;
|
|
7156
7156
|
height: 56px;
|
|
7157
7157
|
text-align: center;
|
|
@@ -7169,7 +7169,7 @@ var OTPInput = styled19.input`
|
|
|
7169
7169
|
box-shadow: 0 0 0 2px rgba(230, 198, 86, 0.2);
|
|
7170
7170
|
}
|
|
7171
7171
|
`;
|
|
7172
|
-
var SubmitButton =
|
|
7172
|
+
var SubmitButton = styled9.button`
|
|
7173
7173
|
width: 100%;
|
|
7174
7174
|
padding: 0.85rem;
|
|
7175
7175
|
background-color: var(--color-accent, #e6c656);
|
|
@@ -7192,7 +7192,7 @@ var SubmitButton = styled19.button`
|
|
|
7192
7192
|
cursor: not-allowed;
|
|
7193
7193
|
}
|
|
7194
7194
|
`;
|
|
7195
|
-
var BackButton =
|
|
7195
|
+
var BackButton = styled9.button`
|
|
7196
7196
|
background: none;
|
|
7197
7197
|
border: none;
|
|
7198
7198
|
color: var(--color-text-secondary, #848e9c);
|
|
@@ -7207,13 +7207,13 @@ var BackButton = styled19.button`
|
|
|
7207
7207
|
color: var(--color-accent, #e6c656);
|
|
7208
7208
|
}
|
|
7209
7209
|
`;
|
|
7210
|
-
var StatusMessage =
|
|
7210
|
+
var StatusMessage = styled9.p`
|
|
7211
7211
|
color: ${(props) => props.$error ? "#f6465d" : "#0ecb81"};
|
|
7212
7212
|
font-size: 0.875rem;
|
|
7213
7213
|
text-align: center;
|
|
7214
7214
|
margin-top: 0.5rem;
|
|
7215
7215
|
`;
|
|
7216
|
-
var OnboardingStepContainer =
|
|
7216
|
+
var OnboardingStepContainer = styled9.div`
|
|
7217
7217
|
display: flex;
|
|
7218
7218
|
flex-direction: column;
|
|
7219
7219
|
align-items: center;
|
|
@@ -7221,25 +7221,25 @@ var OnboardingStepContainer = styled19.div`
|
|
|
7221
7221
|
padding: 0.25rem 0;
|
|
7222
7222
|
gap: 0.5rem;
|
|
7223
7223
|
`;
|
|
7224
|
-
var OnboardingHeading =
|
|
7224
|
+
var OnboardingHeading = styled9.h2`
|
|
7225
7225
|
font-size: 1.2rem;
|
|
7226
7226
|
font-weight: 600;
|
|
7227
7227
|
color: var(--color-text, #eaecef);
|
|
7228
7228
|
margin: 0;
|
|
7229
7229
|
`;
|
|
7230
|
-
var OnboardingSubtext =
|
|
7230
|
+
var OnboardingSubtext = styled9.p`
|
|
7231
7231
|
font-size: 0.95rem;
|
|
7232
7232
|
color: var(--color-text-secondary, #848e9c);
|
|
7233
7233
|
line-height: 1.6;
|
|
7234
7234
|
margin-bottom: 2rem;
|
|
7235
7235
|
`;
|
|
7236
|
-
var OnboardingButtonGroup =
|
|
7236
|
+
var OnboardingButtonGroup = styled9.div`
|
|
7237
7237
|
display: flex;
|
|
7238
7238
|
flex-direction: column;
|
|
7239
7239
|
gap: 0.75rem;
|
|
7240
7240
|
width: 100%;
|
|
7241
7241
|
`;
|
|
7242
|
-
var OnboardingSkipButton =
|
|
7242
|
+
var OnboardingSkipButton = styled9.button`
|
|
7243
7243
|
width: 100%;
|
|
7244
7244
|
padding: 0.75rem 0.9rem;
|
|
7245
7245
|
background-color: rgba(255, 255, 255, 0.05);
|
|
@@ -7256,7 +7256,7 @@ var OnboardingSkipButton = styled19.button`
|
|
|
7256
7256
|
color: var(--color-text, #eaecef);
|
|
7257
7257
|
}
|
|
7258
7258
|
`;
|
|
7259
|
-
var ModalOptionCard =
|
|
7259
|
+
var ModalOptionCard = styled9.button`
|
|
7260
7260
|
display: flex;
|
|
7261
7261
|
align-items: center;
|
|
7262
7262
|
gap: 1rem;
|
|
@@ -7279,7 +7279,7 @@ var ModalOptionCard = styled19.button`
|
|
|
7279
7279
|
cursor: not-allowed;
|
|
7280
7280
|
}
|
|
7281
7281
|
`;
|
|
7282
|
-
var FundingPopupContainer =
|
|
7282
|
+
var FundingPopupContainer = styled9.div`
|
|
7283
7283
|
background-color: var(--color-background, #0a0a0a);
|
|
7284
7284
|
border: 1px solid rgba(230, 198, 86, 0.3);
|
|
7285
7285
|
border-radius: var(--border-radius, 12px);
|
|
@@ -7307,7 +7307,7 @@ var FundingPopupContainer = styled19.div`
|
|
|
7307
7307
|
max-width: 95%;
|
|
7308
7308
|
}
|
|
7309
7309
|
`;
|
|
7310
|
-
var TransakWidgetContainer =
|
|
7310
|
+
var TransakWidgetContainer = styled9.div`
|
|
7311
7311
|
width: 100%;
|
|
7312
7312
|
height: 700px;
|
|
7313
7313
|
display: flex;
|
|
@@ -7319,7 +7319,7 @@ var TransakWidgetContainer = styled19.div`
|
|
|
7319
7319
|
height: 600px;
|
|
7320
7320
|
}
|
|
7321
7321
|
`;
|
|
7322
|
-
var TransakIframe =
|
|
7322
|
+
var TransakIframe = styled9.iframe`
|
|
7323
7323
|
width: 100%;
|
|
7324
7324
|
height: 100%;
|
|
7325
7325
|
border: none;
|
|
@@ -7656,7 +7656,7 @@ var PropertyCompareBar = React5.forwardRef(
|
|
|
7656
7656
|
}
|
|
7657
7657
|
);
|
|
7658
7658
|
PropertyCompareBar.displayName = "PropertyCompareBar";
|
|
7659
|
-
var PropertySelectorContainer =
|
|
7659
|
+
var PropertySelectorContainer = styled9.div`
|
|
7660
7660
|
display: flex;
|
|
7661
7661
|
align-items: center;
|
|
7662
7662
|
justify-content: space-between;
|
|
@@ -7710,7 +7710,7 @@ var PropertySelectorContainer = styled19.div`
|
|
|
7710
7710
|
`};
|
|
7711
7711
|
}
|
|
7712
7712
|
`;
|
|
7713
|
-
var PropertySelector =
|
|
7713
|
+
var PropertySelector = styled9.div`
|
|
7714
7714
|
position: relative;
|
|
7715
7715
|
display: flex;
|
|
7716
7716
|
align-items: center;
|
|
@@ -7724,7 +7724,7 @@ var PropertySelector = styled19.div`
|
|
|
7724
7724
|
}
|
|
7725
7725
|
}
|
|
7726
7726
|
`;
|
|
7727
|
-
var PropertyAddress =
|
|
7727
|
+
var PropertyAddress = styled9.div`
|
|
7728
7728
|
font-size: 1.125rem;
|
|
7729
7729
|
font-weight: 600;
|
|
7730
7730
|
display: flex;
|
|
@@ -7745,7 +7745,7 @@ var PropertyAddress = styled19.div`
|
|
|
7745
7745
|
white-space: normal;
|
|
7746
7746
|
}
|
|
7747
7747
|
`;
|
|
7748
|
-
var PropertySelectorDropdown =
|
|
7748
|
+
var PropertySelectorDropdown = styled9.div`
|
|
7749
7749
|
position: absolute;
|
|
7750
7750
|
top: calc(100% + 12px);
|
|
7751
7751
|
left: 0;
|
|
@@ -7765,7 +7765,7 @@ var PropertySelectorDropdown = styled19.div`
|
|
|
7765
7765
|
to { opacity: 1; transform: translateY(0); }
|
|
7766
7766
|
}
|
|
7767
7767
|
`;
|
|
7768
|
-
var PropertySelectorOption =
|
|
7768
|
+
var PropertySelectorOption = styled9.div`
|
|
7769
7769
|
padding: 1.25rem 1.5rem;
|
|
7770
7770
|
transition: all 0.2s ease;
|
|
7771
7771
|
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
|
|
@@ -7791,13 +7791,13 @@ var PropertySelectorOption = styled19.div`
|
|
|
7791
7791
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
|
|
7792
7792
|
}
|
|
7793
7793
|
`;
|
|
7794
|
-
var PropertySelectorName =
|
|
7794
|
+
var PropertySelectorName = styled9.div`
|
|
7795
7795
|
font-weight: 600;
|
|
7796
7796
|
font-size: 1rem;
|
|
7797
7797
|
color: #ffffff;
|
|
7798
7798
|
margin-bottom: 0.15rem;
|
|
7799
7799
|
`;
|
|
7800
|
-
var PropertySelectorSubtitle =
|
|
7800
|
+
var PropertySelectorSubtitle = styled9.div`
|
|
7801
7801
|
font-size: 0.875rem;
|
|
7802
7802
|
color: rgba(255, 255, 255, 0.5);
|
|
7803
7803
|
span {
|
|
@@ -7806,7 +7806,7 @@ var PropertySelectorSubtitle = styled19.div`
|
|
|
7806
7806
|
font-size: 0.75rem;
|
|
7807
7807
|
}
|
|
7808
7808
|
`;
|
|
7809
|
-
var PropertyValueBlock =
|
|
7809
|
+
var PropertyValueBlock = styled9.div`
|
|
7810
7810
|
display: flex;
|
|
7811
7811
|
align-items: center;
|
|
7812
7812
|
gap: 0.5rem;
|
|
@@ -7874,7 +7874,7 @@ var PropertyValueBlock = styled19.div`
|
|
|
7874
7874
|
white-space: normal;
|
|
7875
7875
|
}
|
|
7876
7876
|
`;
|
|
7877
|
-
var PropertyValueLabel =
|
|
7877
|
+
var PropertyValueLabel = styled9.span`
|
|
7878
7878
|
font-size: 0.7rem;
|
|
7879
7879
|
color: var(--color-text-secondary, rgba(255, 255, 255, 0.6));
|
|
7880
7880
|
text-transform: uppercase;
|
|
@@ -7885,7 +7885,7 @@ var PropertyValueLabel = styled19.span`
|
|
|
7885
7885
|
letter-spacing: 0.4px;
|
|
7886
7886
|
}
|
|
7887
7887
|
`;
|
|
7888
|
-
var PropertyValueAmount =
|
|
7888
|
+
var PropertyValueAmount = styled9.span`
|
|
7889
7889
|
font-size: 1.1rem;
|
|
7890
7890
|
font-weight: 600;
|
|
7891
7891
|
color: #fff;
|
|
@@ -7894,7 +7894,7 @@ var PropertyValueAmount = styled19.span`
|
|
|
7894
7894
|
font-size: 0.95rem;
|
|
7895
7895
|
}
|
|
7896
7896
|
`;
|
|
7897
|
-
var PropertyValueChange =
|
|
7897
|
+
var PropertyValueChange = styled9.span`
|
|
7898
7898
|
font-size: 0.75rem;
|
|
7899
7899
|
font-weight: 500;
|
|
7900
7900
|
color: ${(props) => props.$isPositive == null ? "var(--color-text-secondary, rgba(255, 255, 255, 0.6))" : props.$isPositive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
|
|
@@ -7903,7 +7903,7 @@ var PropertyValueChange = styled19.span`
|
|
|
7903
7903
|
font-size: 0.65rem;
|
|
7904
7904
|
}
|
|
7905
7905
|
`;
|
|
7906
|
-
var PriceBlock =
|
|
7906
|
+
var PriceBlock = styled9.div`
|
|
7907
7907
|
display: none;
|
|
7908
7908
|
|
|
7909
7909
|
${({ $variant }) => $variant === "pill" && css`
|
|
@@ -7918,13 +7918,13 @@ var PriceBlock = styled19.div`
|
|
|
7918
7918
|
}
|
|
7919
7919
|
`}
|
|
7920
7920
|
`;
|
|
7921
|
-
var PriceAmount =
|
|
7921
|
+
var PriceAmount = styled9.span`
|
|
7922
7922
|
font-size: 1.6rem;
|
|
7923
7923
|
font-weight: 600;
|
|
7924
7924
|
color: #fff;
|
|
7925
7925
|
letter-spacing: 0.2px;
|
|
7926
7926
|
`;
|
|
7927
|
-
var PriceChange =
|
|
7927
|
+
var PriceChange = styled9.span`
|
|
7928
7928
|
font-size: 0.85rem;
|
|
7929
7929
|
font-weight: 500;
|
|
7930
7930
|
display: inline-flex;
|
|
@@ -8059,7 +8059,7 @@ function GalleryMapSection({
|
|
|
8059
8059
|
] })
|
|
8060
8060
|
] });
|
|
8061
8061
|
}
|
|
8062
|
-
var Row =
|
|
8062
|
+
var Row = styled9.div`
|
|
8063
8063
|
display: grid;
|
|
8064
8064
|
grid-template-columns: 2fr 1fr;
|
|
8065
8065
|
gap: 1.5rem;
|
|
@@ -8070,14 +8070,14 @@ var Row = styled19.div`
|
|
|
8070
8070
|
width: 100%;
|
|
8071
8071
|
@media (max-width: 1024px) { grid-template-columns: 1fr; }
|
|
8072
8072
|
`;
|
|
8073
|
-
var PanelBase =
|
|
8073
|
+
var PanelBase = styled9.div`
|
|
8074
8074
|
background: var(--color-card-darker, #111);
|
|
8075
8075
|
border-radius: 8px;
|
|
8076
8076
|
padding: 1rem;
|
|
8077
8077
|
display: flex;
|
|
8078
8078
|
flex-direction: column;
|
|
8079
8079
|
`;
|
|
8080
|
-
var PanelHeader =
|
|
8080
|
+
var PanelHeader = styled9.div`
|
|
8081
8081
|
display: flex;
|
|
8082
8082
|
justify-content: space-between;
|
|
8083
8083
|
align-items: center;
|
|
@@ -8092,31 +8092,31 @@ var PanelHeader = styled19.div`
|
|
|
8092
8092
|
}
|
|
8093
8093
|
span { font-size: 0.75rem; color: var(--color-text-secondary); }
|
|
8094
8094
|
`;
|
|
8095
|
-
var GalleryPanel =
|
|
8095
|
+
var GalleryPanel = styled9(PanelBase)`
|
|
8096
8096
|
min-width: 0; overflow: hidden;
|
|
8097
8097
|
`;
|
|
8098
|
-
var Carousel =
|
|
8098
|
+
var Carousel = styled9.div`
|
|
8099
8099
|
position: relative; width: 100%; overflow: hidden; border-radius: 8px;
|
|
8100
8100
|
`;
|
|
8101
|
-
var VideoOverlay =
|
|
8101
|
+
var VideoOverlay = styled9.div`
|
|
8102
8102
|
position: absolute; inset: 0; z-index: 3; background: #000; border-radius: 8px;
|
|
8103
8103
|
display: flex; align-items: center; justify-content: center;
|
|
8104
8104
|
`;
|
|
8105
|
-
var Track =
|
|
8105
|
+
var Track = styled9.div`
|
|
8106
8106
|
display: flex; transition: transform 0.4s ease;
|
|
8107
8107
|
`;
|
|
8108
|
-
var Slide =
|
|
8108
|
+
var Slide = styled9.div`
|
|
8109
8109
|
min-width: 100%; position: relative; cursor: pointer;
|
|
8110
8110
|
img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }
|
|
8111
8111
|
`;
|
|
8112
|
-
var SlideCaption =
|
|
8112
|
+
var SlideCaption = styled9.div`
|
|
8113
8113
|
position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem;
|
|
8114
8114
|
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
|
|
8115
8115
|
border-radius: 0 0 8px 8px;
|
|
8116
8116
|
h4 { margin: 0; font-size: 0.95rem; font-weight: 600; color: #fff; }
|
|
8117
8117
|
p { margin: 0.25rem 0 0; font-size: 0.75rem; color: rgba(255,255,255,0.7); }
|
|
8118
8118
|
`;
|
|
8119
|
-
var CarouselButton =
|
|
8119
|
+
var CarouselButton = styled9.button`
|
|
8120
8120
|
position: absolute; top: 50%; transform: translateY(-50%);
|
|
8121
8121
|
background: rgba(0,0,0,0.8); border: 2px solid rgba(255,255,255,0.3);
|
|
8122
8122
|
color: white; width: 56px; height: 56px; border-radius: 50%;
|
|
@@ -8127,30 +8127,30 @@ var CarouselButton = styled19.button`
|
|
|
8127
8127
|
svg { width: 28px; height: 28px; stroke: #fff; }
|
|
8128
8128
|
@media (max-width: 768px) { width: 36px; height: 36px; svg { width: 18px; height: 18px; } }
|
|
8129
8129
|
`;
|
|
8130
|
-
var ThumbStrip =
|
|
8130
|
+
var ThumbStrip = styled9.div`
|
|
8131
8131
|
display: flex; align-items: center; gap: 0; margin-top: 1rem;
|
|
8132
8132
|
`;
|
|
8133
|
-
var ThumbScroll =
|
|
8133
|
+
var ThumbScroll = styled9.div`
|
|
8134
8134
|
display: flex; gap: 0.5rem; overflow-x: auto; flex: 1; min-width: 0;
|
|
8135
8135
|
padding-bottom: 0.5rem;
|
|
8136
8136
|
scrollbar-width: none;
|
|
8137
8137
|
&::-webkit-scrollbar { display: none; }
|
|
8138
8138
|
`;
|
|
8139
|
-
var Thumbnail2 =
|
|
8139
|
+
var Thumbnail2 = styled9.div`
|
|
8140
8140
|
min-width: 60px; height: 45px; border-radius: 4px; overflow: hidden;
|
|
8141
8141
|
cursor: pointer; border: 2px solid transparent; opacity: 0.6;
|
|
8142
8142
|
transition: all 0.2s ease; flex-shrink: 0;
|
|
8143
8143
|
&[data-active='true'] { border-color: #D4AF37; opacity: 1; }
|
|
8144
8144
|
img { width: 100%; height: 100%; object-fit: cover; }
|
|
8145
8145
|
`;
|
|
8146
|
-
var ThumbDivider =
|
|
8146
|
+
var ThumbDivider = styled9.div`
|
|
8147
8147
|
width: 1px; height: 36px; background: rgba(255,255,255,0.15);
|
|
8148
8148
|
margin: 0 0.5rem; flex-shrink: 0; align-self: center;
|
|
8149
8149
|
`;
|
|
8150
|
-
var FixedButtons =
|
|
8150
|
+
var FixedButtons = styled9.div`
|
|
8151
8151
|
display: flex; gap: 0.4rem; flex-shrink: 0; align-self: center;
|
|
8152
8152
|
`;
|
|
8153
|
-
var FixedBtn =
|
|
8153
|
+
var FixedBtn = styled9.button`
|
|
8154
8154
|
height: 45px; padding: 0 0.75rem; border-radius: 4px;
|
|
8155
8155
|
display: flex; align-items: center; justify-content: center; gap: 0.4rem;
|
|
8156
8156
|
cursor: pointer; transition: all 0.2s ease;
|
|
@@ -8159,7 +8159,7 @@ var FixedBtn = styled19.button`
|
|
|
8159
8159
|
color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.7)"};
|
|
8160
8160
|
font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; white-space: nowrap;
|
|
8161
8161
|
`;
|
|
8162
|
-
var CategoryRow =
|
|
8162
|
+
var CategoryRow = styled9.div`
|
|
8163
8163
|
display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.75rem;
|
|
8164
8164
|
overflow-x: auto; -webkit-overflow-scrolling: touch;
|
|
8165
8165
|
scrollbar-width: none; &::-webkit-scrollbar { display: none; }
|
|
@@ -8171,14 +8171,14 @@ var CategoryRow = styled19.div`
|
|
|
8171
8171
|
}
|
|
8172
8172
|
button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
|
|
8173
8173
|
`;
|
|
8174
|
-
var MapPanel =
|
|
8174
|
+
var MapPanel = styled9(PanelBase)`
|
|
8175
8175
|
min-height: 500px; padding: 1.5rem;
|
|
8176
8176
|
min-width: 0; overflow: hidden;
|
|
8177
8177
|
`;
|
|
8178
|
-
var MapFrame =
|
|
8178
|
+
var MapFrame = styled9.div`
|
|
8179
8179
|
flex: 1; border-radius: 6px; overflow: hidden; min-height: 500px; position: relative;
|
|
8180
8180
|
`;
|
|
8181
|
-
var IframeShield =
|
|
8181
|
+
var IframeShield = styled9.div`
|
|
8182
8182
|
position: absolute; inset: 0; z-index: 1; cursor: pointer;
|
|
8183
8183
|
`;
|
|
8184
8184
|
var BedIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
@@ -8271,6 +8271,35 @@ function truncateAddress(addr) {
|
|
|
8271
8271
|
if (addr.length <= 12) return addr;
|
|
8272
8272
|
return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
|
|
8273
8273
|
}
|
|
8274
|
+
function generateMockDividendHistory(annualRent, totalTokens, tokenPrice) {
|
|
8275
|
+
if (annualRent <= 0 || !totalTokens || !tokenPrice) return [];
|
|
8276
|
+
const monthlyDiv = annualRent / 12 / totalTokens;
|
|
8277
|
+
const records = [];
|
|
8278
|
+
const now = /* @__PURE__ */ new Date();
|
|
8279
|
+
for (let i = 11; i >= 0; i--) {
|
|
8280
|
+
const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
|
|
8281
|
+
const priceAtTime = tokenPrice * (0.85 + Math.random() * 0.3);
|
|
8282
|
+
records.push({
|
|
8283
|
+
exDate: d.toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }),
|
|
8284
|
+
payDate: new Date(d.getFullYear(), d.getMonth(), 15).toLocaleDateString("en-AU", { day: "2-digit", month: "short", year: "numeric" }),
|
|
8285
|
+
perShare: monthlyDiv,
|
|
8286
|
+
yieldPct: monthlyDiv * 12 / priceAtTime * 100
|
|
8287
|
+
});
|
|
8288
|
+
}
|
|
8289
|
+
return records;
|
|
8290
|
+
}
|
|
8291
|
+
function generateMockPriceHistory() {
|
|
8292
|
+
const points = [];
|
|
8293
|
+
const now = Date.now();
|
|
8294
|
+
let price = 210;
|
|
8295
|
+
for (let i = 365; i >= 0; i--) {
|
|
8296
|
+
const t = now - i * 864e5;
|
|
8297
|
+
price += (Math.random() - 0.47) * 1.2;
|
|
8298
|
+
price = Math.max(180, price);
|
|
8299
|
+
points.push({ time: t, price: Math.round(price * 100) / 100 });
|
|
8300
|
+
}
|
|
8301
|
+
return points;
|
|
8302
|
+
}
|
|
8274
8303
|
function PropertyOverview({
|
|
8275
8304
|
propertyName,
|
|
8276
8305
|
location,
|
|
@@ -8303,6 +8332,7 @@ function PropertyOverview({
|
|
|
8303
8332
|
holderCount
|
|
8304
8333
|
}) {
|
|
8305
8334
|
const [isDescExpanded, setDescExpanded] = useState(false);
|
|
8335
|
+
const [showDividendHistory, setShowDividendHistory] = useState(false);
|
|
8306
8336
|
const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
|
|
8307
8337
|
const landSize = landProp ?? overviewData?.landSizeSqm ?? null;
|
|
8308
8338
|
const buildingSize = buildingProp ?? overviewData?.buildingSizeSqm ?? null;
|
|
@@ -8367,11 +8397,13 @@ function PropertyOverview({
|
|
|
8367
8397
|
{ label: "Open Orders", value: isLoading && openOrdersValue == null ? loadingSkeleton : openOrdersValue != null && openOrdersValue > 0 ? `$${Math.round(openOrdersValue).toLocaleString()}` : "\u2014" },
|
|
8368
8398
|
{ label: "Holders", value: isLoading && holderCount == null ? loadingSkeleton : holderCount != null ? holderCount.toLocaleString() : "\u2014" }
|
|
8369
8399
|
];
|
|
8400
|
+
const cashFlowPerShare = annualRent > 0 && resolvedTokensIssued ? annualRent / resolvedTokensIssued : null;
|
|
8370
8401
|
const propertyStats = [
|
|
8371
|
-
{ label: "
|
|
8372
|
-
{ label: "
|
|
8373
|
-
{ label: "
|
|
8374
|
-
{ label: "
|
|
8402
|
+
{ label: "Last Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
|
|
8403
|
+
{ label: "Number of Offers", value: "\u2014" },
|
|
8404
|
+
{ label: "Growth (Past 5 Years)", value: "\u2014" },
|
|
8405
|
+
{ label: "Security Interest in Asset", value: "Yes, secured to Land Registry" },
|
|
8406
|
+
{ label: "Cash Flow Per Share", value: isLoading && cashFlowPerShare == null ? loadingSkeleton : cashFlowPerShare != null ? `$${cashFlowPerShare.toFixed(4)}/yr` : "\u2014" }
|
|
8375
8407
|
];
|
|
8376
8408
|
return /* @__PURE__ */ jsxs(Wrapper, { children: [
|
|
8377
8409
|
/* @__PURE__ */ jsxs(Section, { children: [
|
|
@@ -8434,10 +8466,21 @@ function PropertyOverview({
|
|
|
8434
8466
|
propertyStats.map((item) => /* @__PURE__ */ jsxs(StatRow, { children: [
|
|
8435
8467
|
/* @__PURE__ */ jsx(StatLabel, { children: item.label }),
|
|
8436
8468
|
/* @__PURE__ */ jsx(StatValue, { children: item.value })
|
|
8437
|
-
] }, item.label))
|
|
8469
|
+
] }, item.label)),
|
|
8470
|
+
/* @__PURE__ */ jsx(DividendHistoryBtn, { onClick: () => setShowDividendHistory(true), children: "See Dividend History \u2192" })
|
|
8438
8471
|
] })
|
|
8439
8472
|
] })
|
|
8440
8473
|
] }),
|
|
8474
|
+
showDividendHistory && /* @__PURE__ */ jsx(
|
|
8475
|
+
DividendHistoryPopup,
|
|
8476
|
+
{
|
|
8477
|
+
annualRent,
|
|
8478
|
+
totalTokens: resolvedTokensIssued,
|
|
8479
|
+
tokenPrice: tokenPriceValue,
|
|
8480
|
+
ticker,
|
|
8481
|
+
onClose: () => setShowDividendHistory(false)
|
|
8482
|
+
}
|
|
8483
|
+
),
|
|
8441
8484
|
galleryImages.length > 0 && /* @__PURE__ */ jsx(
|
|
8442
8485
|
GalleryMapSection,
|
|
8443
8486
|
{
|
|
@@ -8525,58 +8568,171 @@ function PropertyOverview({
|
|
|
8525
8568
|
] })
|
|
8526
8569
|
] });
|
|
8527
8570
|
}
|
|
8528
|
-
|
|
8571
|
+
function DividendHistoryPopup({
|
|
8572
|
+
annualRent,
|
|
8573
|
+
totalTokens,
|
|
8574
|
+
tokenPrice,
|
|
8575
|
+
ticker,
|
|
8576
|
+
onClose
|
|
8577
|
+
}) {
|
|
8578
|
+
const records = generateMockDividendHistory(annualRent, totalTokens ?? 0, tokenPrice ?? 0);
|
|
8579
|
+
const priceHistory = generateMockPriceHistory();
|
|
8580
|
+
useEffect(() => {
|
|
8581
|
+
const handleEsc = (e) => {
|
|
8582
|
+
if (e.key === "Escape") onClose();
|
|
8583
|
+
};
|
|
8584
|
+
window.addEventListener("keydown", handleEsc);
|
|
8585
|
+
return () => window.removeEventListener("keydown", handleEsc);
|
|
8586
|
+
}, [onClose]);
|
|
8587
|
+
const dividendDates = records.map((r) => {
|
|
8588
|
+
const parts = r.exDate.split(" ");
|
|
8589
|
+
const months = { Jan: 0, Feb: 1, Mar: 2, Apr: 3, May: 4, Jun: 5, Jul: 6, Aug: 7, Sep: 8, Oct: 9, Nov: 10, Dec: 11 };
|
|
8590
|
+
return new Date(parseInt(parts[2]), months[parts[1]] ?? 0, parseInt(parts[0])).getTime();
|
|
8591
|
+
});
|
|
8592
|
+
const chartW = 680;
|
|
8593
|
+
const chartH = 220;
|
|
8594
|
+
const pad = { top: 20, right: 40, bottom: 30, left: 50 };
|
|
8595
|
+
const w = chartW - pad.left - pad.right;
|
|
8596
|
+
const h = chartH - pad.top - pad.bottom;
|
|
8597
|
+
const minTime = priceHistory[0]?.time ?? 0;
|
|
8598
|
+
const maxTime = priceHistory[priceHistory.length - 1]?.time ?? 1;
|
|
8599
|
+
const prices = priceHistory.map((p) => p.price);
|
|
8600
|
+
const minP = Math.floor(Math.min(...prices) - 5);
|
|
8601
|
+
const maxP = Math.ceil(Math.max(...prices) + 5);
|
|
8602
|
+
const toX = (t) => pad.left + (t - minTime) / (maxTime - minTime) * w;
|
|
8603
|
+
const toY = (p) => pad.top + (1 - (p - minP) / (maxP - minP)) * h;
|
|
8604
|
+
const linePath = priceHistory.map((p, i) => `${i === 0 ? "M" : "L"}${toX(p.time).toFixed(1)},${toY(p.price).toFixed(1)}`).join(" ");
|
|
8605
|
+
const areaPath = `${linePath} L${toX(priceHistory[priceHistory.length - 1].time).toFixed(1)},${(pad.top + h).toFixed(1)} L${toX(priceHistory[0].time).toFixed(1)},${(pad.top + h).toFixed(1)} Z`;
|
|
8606
|
+
const yTicks = Array.from({ length: 5 }, (_, i) => minP + (maxP - minP) / 4 * i);
|
|
8607
|
+
const monthLabels = [];
|
|
8608
|
+
const seen = /* @__PURE__ */ new Set();
|
|
8609
|
+
for (const p of priceHistory) {
|
|
8610
|
+
const d = new Date(p.time);
|
|
8611
|
+
const key = `${d.getFullYear()}-${d.getMonth()}`;
|
|
8612
|
+
if (!seen.has(key)) {
|
|
8613
|
+
seen.add(key);
|
|
8614
|
+
monthLabels.push({ time: p.time, label: d.toLocaleDateString("en-AU", { month: "short" }) });
|
|
8615
|
+
}
|
|
8616
|
+
}
|
|
8617
|
+
const divMarkers = dividendDates.filter((t) => t >= minTime && t <= maxTime).map((t) => {
|
|
8618
|
+
const closest = priceHistory.reduce((best, p) => Math.abs(p.time - t) < Math.abs(best.time - t) ? p : best);
|
|
8619
|
+
return { x: toX(t), y: toY(closest.price), price: closest.price };
|
|
8620
|
+
});
|
|
8621
|
+
return /* @__PURE__ */ jsx(DivPopupOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxs(DivPopupPanel, { onClick: (e) => e.stopPropagation(), children: [
|
|
8622
|
+
/* @__PURE__ */ jsxs(DivPopupHeader, { children: [
|
|
8623
|
+
/* @__PURE__ */ jsxs(DivPopupTitle, { children: [
|
|
8624
|
+
"Dividend History",
|
|
8625
|
+
ticker ? ` \u2014 ${ticker}` : ""
|
|
8626
|
+
] }),
|
|
8627
|
+
/* @__PURE__ */ jsx(DivPopupClose, { onClick: onClose, "aria-label": "Close dividend history", children: "\u2715" })
|
|
8628
|
+
] }),
|
|
8629
|
+
/* @__PURE__ */ jsxs(DivChartWrap, { children: [
|
|
8630
|
+
/* @__PURE__ */ jsxs("svg", { width: "100%", viewBox: `0 0 ${chartW} ${chartH}`, preserveAspectRatio: "xMidYMid meet", children: [
|
|
8631
|
+
yTicks.map((v) => /* @__PURE__ */ jsxs("g", { children: [
|
|
8632
|
+
/* @__PURE__ */ jsx("line", { x1: pad.left, x2: chartW - pad.right, y1: toY(v), y2: toY(v), stroke: "rgba(255,255,255,0.06)" }),
|
|
8633
|
+
/* @__PURE__ */ jsxs("text", { x: pad.left - 6, y: toY(v) + 3, fill: "rgba(255,255,255,0.3)", fontSize: "9", textAnchor: "end", children: [
|
|
8634
|
+
"$",
|
|
8635
|
+
v.toFixed(0)
|
|
8636
|
+
] })
|
|
8637
|
+
] }, v)),
|
|
8638
|
+
monthLabels.map((m) => /* @__PURE__ */ jsx("text", { x: toX(m.time), y: chartH - 6, fill: "rgba(255,255,255,0.3)", fontSize: "9", textAnchor: "middle", children: m.label }, m.time)),
|
|
8639
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "divAreaGrad", x1: "0", y1: "0", x2: "0", y2: "1", children: [
|
|
8640
|
+
/* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "rgba(230,200,126,0.2)" }),
|
|
8641
|
+
/* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "rgba(230,200,126,0)" })
|
|
8642
|
+
] }) }),
|
|
8643
|
+
/* @__PURE__ */ jsx("path", { d: areaPath, fill: "url(#divAreaGrad)" }),
|
|
8644
|
+
/* @__PURE__ */ jsx("path", { d: linePath, fill: "none", stroke: "#e6c87e", strokeWidth: "1.5" }),
|
|
8645
|
+
divMarkers.map((m, i) => /* @__PURE__ */ jsxs("g", { children: [
|
|
8646
|
+
/* @__PURE__ */ jsx("line", { x1: m.x, x2: m.x, y1: m.y, y2: pad.top + h, stroke: "rgba(14,203,129,0.25)", strokeWidth: "1", strokeDasharray: "3,3" }),
|
|
8647
|
+
/* @__PURE__ */ jsx("circle", { cx: m.x, cy: m.y, r: "4", fill: "#111", stroke: "#0ecb81", strokeWidth: "1.5" }),
|
|
8648
|
+
/* @__PURE__ */ jsx("text", { x: m.x, y: m.y - 8, fill: "#0ecb81", fontSize: "8", fontWeight: "600", textAnchor: "middle", children: "$" })
|
|
8649
|
+
] }, i))
|
|
8650
|
+
] }),
|
|
8651
|
+
/* @__PURE__ */ jsxs(DivChartLegend, { children: [
|
|
8652
|
+
/* @__PURE__ */ jsxs(DivChartLegendItem, { children: [
|
|
8653
|
+
/* @__PURE__ */ jsx(DivChartLegendDot, { $color: "#e6c87e" }),
|
|
8654
|
+
" Token Price"
|
|
8655
|
+
] }),
|
|
8656
|
+
/* @__PURE__ */ jsxs(DivChartLegendItem, { children: [
|
|
8657
|
+
/* @__PURE__ */ jsx(DivChartLegendDot, { $color: "#0ecb81" }),
|
|
8658
|
+
" Ex-Dividend Date"
|
|
8659
|
+
] })
|
|
8660
|
+
] })
|
|
8661
|
+
] }),
|
|
8662
|
+
/* @__PURE__ */ jsx(DivTableWrap, { children: /* @__PURE__ */ jsxs(DivTable, { children: [
|
|
8663
|
+
/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs(DivTableHeaderRow, { children: [
|
|
8664
|
+
/* @__PURE__ */ jsx(DivTableTH, { children: "Ex-Dividend Date" }),
|
|
8665
|
+
/* @__PURE__ */ jsx(DivTableTH, { children: "Pay Date" }),
|
|
8666
|
+
/* @__PURE__ */ jsx(DivTableTH, { style: { textAlign: "right" }, children: "Dividend/Share" }),
|
|
8667
|
+
/* @__PURE__ */ jsx(DivTableTH, { style: { textAlign: "right" }, children: "Annualised Yield" })
|
|
8668
|
+
] }) }),
|
|
8669
|
+
/* @__PURE__ */ jsx("tbody", { children: records.map((r, i) => /* @__PURE__ */ jsxs(DivTableRow, { children: [
|
|
8670
|
+
/* @__PURE__ */ jsx(DivTableTD, { children: r.exDate }),
|
|
8671
|
+
/* @__PURE__ */ jsx(DivTableTD, { children: r.payDate }),
|
|
8672
|
+
/* @__PURE__ */ jsxs(DivTableTD, { style: { textAlign: "right", fontVariantNumeric: "tabular-nums" }, children: [
|
|
8673
|
+
"$",
|
|
8674
|
+
r.perShare.toFixed(4)
|
|
8675
|
+
] }),
|
|
8676
|
+
/* @__PURE__ */ jsxs(DivTableTD, { style: { textAlign: "right", fontVariantNumeric: "tabular-nums" }, children: [
|
|
8677
|
+
r.yieldPct.toFixed(2),
|
|
8678
|
+
"%"
|
|
8679
|
+
] })
|
|
8680
|
+
] }, i)) })
|
|
8681
|
+
] }) })
|
|
8682
|
+
] }) });
|
|
8683
|
+
}
|
|
8684
|
+
var Wrapper = styled9.div`
|
|
8529
8685
|
display: flex;
|
|
8530
8686
|
flex-direction: column;
|
|
8531
8687
|
gap: 1.5rem;
|
|
8532
8688
|
`;
|
|
8533
|
-
var Section =
|
|
8689
|
+
var Section = styled9.div`
|
|
8534
8690
|
background: #111;
|
|
8535
8691
|
border-radius: 12px;
|
|
8536
8692
|
padding: 1.75rem;
|
|
8537
8693
|
`;
|
|
8538
|
-
var SectionHeader =
|
|
8694
|
+
var SectionHeader = styled9.h2`
|
|
8539
8695
|
font-size: 1.2rem;
|
|
8540
8696
|
font-weight: 600;
|
|
8541
8697
|
color: #fff;
|
|
8542
8698
|
margin: 0 0 1.25rem 0;
|
|
8543
8699
|
letter-spacing: -0.01em;
|
|
8544
8700
|
`;
|
|
8545
|
-
var AboutGrid =
|
|
8701
|
+
var AboutGrid = styled9.div`
|
|
8546
8702
|
display: grid;
|
|
8547
8703
|
grid-template-columns: 1fr 340px;
|
|
8548
8704
|
gap: 2rem;
|
|
8549
8705
|
@media (max-width: 900px) { grid-template-columns: 1fr; }
|
|
8550
8706
|
`;
|
|
8551
|
-
var AboutLeft =
|
|
8707
|
+
var AboutLeft = styled9.div`
|
|
8552
8708
|
min-width: 0;
|
|
8553
8709
|
`;
|
|
8554
|
-
var DescriptionWrap =
|
|
8710
|
+
var DescriptionWrap = styled9.div`
|
|
8555
8711
|
position: relative;
|
|
8556
8712
|
max-height: ${(p) => p.$expanded ? "2000px" : "150px"};
|
|
8557
8713
|
overflow: hidden;
|
|
8558
8714
|
transition: max-height 0.3s ease;
|
|
8559
8715
|
`;
|
|
8560
|
-
var DescParagraph =
|
|
8716
|
+
var DescParagraph = styled9.p`
|
|
8561
8717
|
color: rgba(255,255,255,0.65);
|
|
8562
8718
|
line-height: 1.7;
|
|
8563
8719
|
font-size: 0.92rem;
|
|
8564
8720
|
margin: 0;
|
|
8565
8721
|
margin-top: ${(p) => p.$first ? 0 : "0.85rem"};
|
|
8566
8722
|
`;
|
|
8567
|
-
var DescFade =
|
|
8723
|
+
var DescFade = styled9.div`
|
|
8568
8724
|
position: absolute;
|
|
8569
8725
|
bottom: 0; left: 0; right: 0;
|
|
8570
8726
|
height: 60px;
|
|
8571
8727
|
background: linear-gradient(to bottom, rgba(17,17,17,0), #111);
|
|
8572
8728
|
pointer-events: none;
|
|
8573
8729
|
`;
|
|
8574
|
-
var ButtonRow =
|
|
8730
|
+
var ButtonRow = styled9.div`
|
|
8575
8731
|
margin-top: 1.25rem;
|
|
8576
8732
|
display: flex;
|
|
8577
8733
|
gap: 0.75rem;
|
|
8578
8734
|
`;
|
|
8579
|
-
var OutlineBtn =
|
|
8735
|
+
var OutlineBtn = styled9.button`
|
|
8580
8736
|
padding: 0.5rem 1.25rem;
|
|
8581
8737
|
border-radius: 8px;
|
|
8582
8738
|
border: 1px solid rgba(255,255,255,0.2);
|
|
@@ -8588,7 +8744,7 @@ var OutlineBtn = styled19.button`
|
|
|
8588
8744
|
transition: border-color 0.15s;
|
|
8589
8745
|
&:hover { border-color: rgba(255,255,255,0.4); }
|
|
8590
8746
|
`;
|
|
8591
|
-
var PrimaryBtn =
|
|
8747
|
+
var PrimaryBtn = styled9.button`
|
|
8592
8748
|
padding: 0.5rem 1.5rem;
|
|
8593
8749
|
border-radius: 8px;
|
|
8594
8750
|
border: none;
|
|
@@ -8600,13 +8756,13 @@ var PrimaryBtn = styled19.button`
|
|
|
8600
8756
|
transition: background 0.15s;
|
|
8601
8757
|
&:hover { background: #d4b86a; }
|
|
8602
8758
|
`;
|
|
8603
|
-
var TokenDetailsCard =
|
|
8759
|
+
var TokenDetailsCard = styled9.div`
|
|
8604
8760
|
background: rgba(255,255,255,0.025);
|
|
8605
8761
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8606
8762
|
border-radius: 10px;
|
|
8607
8763
|
padding: 1.25rem;
|
|
8608
8764
|
`;
|
|
8609
|
-
var TokenDetailsTitle =
|
|
8765
|
+
var TokenDetailsTitle = styled9.div`
|
|
8610
8766
|
font-size: 0.65rem;
|
|
8611
8767
|
color: #D4AF37;
|
|
8612
8768
|
text-transform: uppercase;
|
|
@@ -8616,7 +8772,7 @@ var TokenDetailsTitle = styled19.div`
|
|
|
8616
8772
|
padding-bottom: 0.75rem;
|
|
8617
8773
|
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
8618
8774
|
`;
|
|
8619
|
-
var TokenDetailRow =
|
|
8775
|
+
var TokenDetailRow = styled9.div`
|
|
8620
8776
|
display: flex;
|
|
8621
8777
|
justify-content: space-between;
|
|
8622
8778
|
align-items: center;
|
|
@@ -8625,30 +8781,30 @@ var TokenDetailRow = styled19.div`
|
|
|
8625
8781
|
&:last-child { border-bottom: none; padding-bottom: 0; }
|
|
8626
8782
|
&:first-of-type { padding-top: 0; }
|
|
8627
8783
|
`;
|
|
8628
|
-
var TokenDetailLabel =
|
|
8784
|
+
var TokenDetailLabel = styled9.span`
|
|
8629
8785
|
font-size: 0.82rem;
|
|
8630
8786
|
color: rgba(255,255,255,0.5);
|
|
8631
8787
|
font-weight: 400;
|
|
8632
8788
|
`;
|
|
8633
|
-
var TokenDetailValue =
|
|
8789
|
+
var TokenDetailValue = styled9.span`
|
|
8634
8790
|
font-size: 0.88rem;
|
|
8635
8791
|
color: #fff;
|
|
8636
8792
|
font-weight: 500;
|
|
8637
8793
|
font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
|
|
8638
8794
|
`;
|
|
8639
|
-
var StatsGrid =
|
|
8795
|
+
var StatsGrid = styled9.div`
|
|
8640
8796
|
display: grid;
|
|
8641
8797
|
grid-template-columns: 1fr 1fr;
|
|
8642
8798
|
gap: 1rem;
|
|
8643
8799
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8644
8800
|
`;
|
|
8645
|
-
var StatsColumn =
|
|
8801
|
+
var StatsColumn = styled9.div`
|
|
8646
8802
|
background: rgba(255,255,255,0.025);
|
|
8647
8803
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8648
8804
|
border-radius: 10px;
|
|
8649
8805
|
padding: 1.25rem;
|
|
8650
8806
|
`;
|
|
8651
|
-
var StatsColumnHeader =
|
|
8807
|
+
var StatsColumnHeader = styled9.div`
|
|
8652
8808
|
font-size: 0.65rem;
|
|
8653
8809
|
color: #D4AF37;
|
|
8654
8810
|
text-transform: uppercase;
|
|
@@ -8658,7 +8814,7 @@ var StatsColumnHeader = styled19.div`
|
|
|
8658
8814
|
padding-bottom: 0.75rem;
|
|
8659
8815
|
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
8660
8816
|
`;
|
|
8661
|
-
var StatRow =
|
|
8817
|
+
var StatRow = styled9.div`
|
|
8662
8818
|
display: flex;
|
|
8663
8819
|
justify-content: space-between;
|
|
8664
8820
|
align-items: center;
|
|
@@ -8666,7 +8822,7 @@ var StatRow = styled19.div`
|
|
|
8666
8822
|
border-bottom: 1px solid rgba(255,255,255,0.04);
|
|
8667
8823
|
&:last-child { border-bottom: none; padding-bottom: 0; }
|
|
8668
8824
|
`;
|
|
8669
|
-
var StatLabel =
|
|
8825
|
+
var StatLabel = styled9.span`
|
|
8670
8826
|
font-size: 0.82rem;
|
|
8671
8827
|
color: rgba(255,255,255,0.5);
|
|
8672
8828
|
font-weight: 400;
|
|
@@ -8674,34 +8830,34 @@ var StatLabel = styled19.span`
|
|
|
8674
8830
|
align-items: center;
|
|
8675
8831
|
gap: 0.5rem;
|
|
8676
8832
|
`;
|
|
8677
|
-
|
|
8833
|
+
styled9.span`
|
|
8678
8834
|
font-size: 0.6rem;
|
|
8679
8835
|
color: #4CAF50;
|
|
8680
8836
|
display: inline-flex;
|
|
8681
8837
|
align-items: center;
|
|
8682
8838
|
gap: 3px;
|
|
8683
8839
|
`;
|
|
8684
|
-
var StatValue =
|
|
8840
|
+
var StatValue = styled9.span`
|
|
8685
8841
|
font-size: 1rem;
|
|
8686
8842
|
font-weight: 600;
|
|
8687
8843
|
color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
|
|
8688
8844
|
font-variant-numeric: tabular-nums;
|
|
8689
8845
|
`;
|
|
8690
|
-
var AssetPanelsGrid =
|
|
8846
|
+
var AssetPanelsGrid = styled9.div`
|
|
8691
8847
|
display: grid;
|
|
8692
8848
|
grid-template-columns: 1fr 1fr;
|
|
8693
8849
|
gap: 1rem;
|
|
8694
8850
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8695
8851
|
`;
|
|
8696
|
-
var MetricsPanel =
|
|
8852
|
+
var MetricsPanel = styled9.div`
|
|
8697
8853
|
background: rgba(255,255,255,0.025);
|
|
8698
8854
|
border-radius: 10px;
|
|
8699
8855
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8700
8856
|
padding: 1.25rem 1.5rem;
|
|
8701
8857
|
overflow: hidden;
|
|
8702
8858
|
`;
|
|
8703
|
-
var InfoPanel =
|
|
8704
|
-
var MetricsPanelTitle =
|
|
8859
|
+
var InfoPanel = styled9(MetricsPanel)``;
|
|
8860
|
+
var MetricsPanelTitle = styled9.div`
|
|
8705
8861
|
font-size: 0.65rem;
|
|
8706
8862
|
color: #D4AF37;
|
|
8707
8863
|
text-transform: uppercase;
|
|
@@ -8711,7 +8867,7 @@ var MetricsPanelTitle = styled19.div`
|
|
|
8711
8867
|
padding-bottom: 0.75rem;
|
|
8712
8868
|
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
8713
8869
|
`;
|
|
8714
|
-
var LandFloorCard =
|
|
8870
|
+
var LandFloorCard = styled9.div`
|
|
8715
8871
|
background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
|
|
8716
8872
|
border-radius: 10px;
|
|
8717
8873
|
padding: 0.85rem 1rem;
|
|
@@ -8720,7 +8876,7 @@ var LandFloorCard = styled19.div`
|
|
|
8720
8876
|
gap: 1rem;
|
|
8721
8877
|
margin-bottom: 0.75rem;
|
|
8722
8878
|
`;
|
|
8723
|
-
var MetricLabel =
|
|
8879
|
+
var MetricLabel = styled9.div`
|
|
8724
8880
|
font-size: 0.65rem;
|
|
8725
8881
|
color: #D4AF37;
|
|
8726
8882
|
text-transform: uppercase;
|
|
@@ -8728,35 +8884,35 @@ var MetricLabel = styled19.div`
|
|
|
8728
8884
|
margin-bottom: 0.4rem;
|
|
8729
8885
|
font-weight: 500;
|
|
8730
8886
|
`;
|
|
8731
|
-
var MetricValueRow =
|
|
8887
|
+
var MetricValueRow = styled9.div`
|
|
8732
8888
|
display: flex;
|
|
8733
8889
|
align-items: baseline;
|
|
8734
8890
|
gap: 0.25rem;
|
|
8735
8891
|
`;
|
|
8736
|
-
var MetricBig =
|
|
8892
|
+
var MetricBig = styled9.span`
|
|
8737
8893
|
font-size: 1.5rem;
|
|
8738
8894
|
font-weight: 700;
|
|
8739
8895
|
color: #D4AF37;
|
|
8740
8896
|
line-height: 1;
|
|
8741
8897
|
`;
|
|
8742
|
-
var MetricUnit =
|
|
8898
|
+
var MetricUnit = styled9.span`
|
|
8743
8899
|
font-size: 0.7rem;
|
|
8744
8900
|
color: rgba(212,175,55,0.7);
|
|
8745
8901
|
font-weight: 500;
|
|
8746
8902
|
`;
|
|
8747
|
-
var FeaturesGrid =
|
|
8903
|
+
var FeaturesGrid = styled9.div`
|
|
8748
8904
|
display: grid;
|
|
8749
8905
|
grid-template-columns: repeat(3, 1fr);
|
|
8750
8906
|
gap: 0.75rem;
|
|
8751
8907
|
@media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
|
|
8752
8908
|
`;
|
|
8753
|
-
var TradingHoursCard =
|
|
8909
|
+
var TradingHoursCard = styled9.div`
|
|
8754
8910
|
background: rgba(255,255,255,0.025);
|
|
8755
8911
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8756
8912
|
border-radius: 10px;
|
|
8757
8913
|
overflow: hidden;
|
|
8758
8914
|
`;
|
|
8759
|
-
var TradingHoursRow =
|
|
8915
|
+
var TradingHoursRow = styled9.div`
|
|
8760
8916
|
display: grid;
|
|
8761
8917
|
grid-template-columns: 1fr 1fr 1fr;
|
|
8762
8918
|
padding: 0.75rem 1.25rem;
|
|
@@ -8765,37 +8921,37 @@ var TradingHoursRow = styled19.div`
|
|
|
8765
8921
|
border-bottom: 1px solid rgba(255,255,255,0.08);
|
|
8766
8922
|
}
|
|
8767
8923
|
`;
|
|
8768
|
-
var THLabel =
|
|
8924
|
+
var THLabel = styled9.span`
|
|
8769
8925
|
font-size: 0.7rem;
|
|
8770
8926
|
color: rgba(255,255,255,0.4);
|
|
8771
8927
|
text-transform: uppercase;
|
|
8772
8928
|
letter-spacing: 0.08em;
|
|
8773
8929
|
font-weight: 500;
|
|
8774
8930
|
`;
|
|
8775
|
-
var THValue =
|
|
8931
|
+
var THValue = styled9.span`
|
|
8776
8932
|
font-size: 0.85rem;
|
|
8777
8933
|
color: rgba(255,255,255,0.8);
|
|
8778
8934
|
font-weight: 400;
|
|
8779
8935
|
`;
|
|
8780
|
-
var TradingHoursNote =
|
|
8936
|
+
var TradingHoursNote = styled9.div`
|
|
8781
8937
|
padding: 0.75rem 1.25rem;
|
|
8782
8938
|
font-size: 0.75rem;
|
|
8783
8939
|
color: rgba(255,255,255,0.35);
|
|
8784
8940
|
border-top: 1px solid rgba(255,255,255,0.04);
|
|
8785
8941
|
`;
|
|
8786
|
-
var ProtectionsGrid =
|
|
8942
|
+
var ProtectionsGrid = styled9.div`
|
|
8787
8943
|
display: grid;
|
|
8788
8944
|
grid-template-columns: 1fr 1fr;
|
|
8789
8945
|
gap: 1rem;
|
|
8790
8946
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8791
8947
|
`;
|
|
8792
|
-
var ProtectionCard =
|
|
8948
|
+
var ProtectionCard = styled9.div`
|
|
8793
8949
|
background: rgba(255,255,255,0.025);
|
|
8794
8950
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8795
8951
|
border-radius: 10px;
|
|
8796
8952
|
padding: 1.25rem;
|
|
8797
8953
|
`;
|
|
8798
|
-
var ProtectionIconWrap =
|
|
8954
|
+
var ProtectionIconWrap = styled9.div`
|
|
8799
8955
|
width: 36px;
|
|
8800
8956
|
height: 36px;
|
|
8801
8957
|
border-radius: 8px;
|
|
@@ -8805,18 +8961,18 @@ var ProtectionIconWrap = styled19.div`
|
|
|
8805
8961
|
justify-content: center;
|
|
8806
8962
|
margin-bottom: 0.75rem;
|
|
8807
8963
|
`;
|
|
8808
|
-
var ProtectionTitle =
|
|
8964
|
+
var ProtectionTitle = styled9.div`
|
|
8809
8965
|
font-size: 0.92rem;
|
|
8810
8966
|
font-weight: 600;
|
|
8811
8967
|
color: #fff;
|
|
8812
8968
|
margin-bottom: 0.4rem;
|
|
8813
8969
|
`;
|
|
8814
|
-
var ProtectionDesc =
|
|
8970
|
+
var ProtectionDesc = styled9.div`
|
|
8815
8971
|
font-size: 0.8rem;
|
|
8816
8972
|
color: rgba(255,255,255,0.5);
|
|
8817
8973
|
line-height: 1.5;
|
|
8818
8974
|
`;
|
|
8819
|
-
var HoldRatioWrap =
|
|
8975
|
+
var HoldRatioWrap = styled9.div`
|
|
8820
8976
|
display: flex;
|
|
8821
8977
|
flex-direction: column;
|
|
8822
8978
|
gap: 6px;
|
|
@@ -8824,19 +8980,19 @@ var HoldRatioWrap = styled19.div`
|
|
|
8824
8980
|
margin-top: 0.5rem;
|
|
8825
8981
|
border-top: 1px solid rgba(255,255,255,0.04);
|
|
8826
8982
|
`;
|
|
8827
|
-
var HoldRatioTitle =
|
|
8983
|
+
var HoldRatioTitle = styled9.div`
|
|
8828
8984
|
display: flex;
|
|
8829
8985
|
align-items: center;
|
|
8830
8986
|
gap: 5px;
|
|
8831
8987
|
`;
|
|
8832
|
-
var HoldRatioTitleText =
|
|
8988
|
+
var HoldRatioTitleText = styled9.span`
|
|
8833
8989
|
font-size: 0.65rem;
|
|
8834
8990
|
font-weight: 600;
|
|
8835
8991
|
text-transform: uppercase;
|
|
8836
8992
|
letter-spacing: 0.06em;
|
|
8837
8993
|
color: rgba(255,255,255,0.4);
|
|
8838
8994
|
`;
|
|
8839
|
-
var HoldRatioInfo =
|
|
8995
|
+
var HoldRatioInfo = styled9.span`
|
|
8840
8996
|
position: relative;
|
|
8841
8997
|
display: inline-flex;
|
|
8842
8998
|
align-items: center;
|
|
@@ -8879,38 +9035,145 @@ var HoldRatioInfo = styled19.span`
|
|
|
8879
9035
|
opacity: 1;
|
|
8880
9036
|
}
|
|
8881
9037
|
`;
|
|
8882
|
-
var HoldRatioHeader =
|
|
9038
|
+
var HoldRatioHeader = styled9.div`
|
|
8883
9039
|
display: flex;
|
|
8884
9040
|
align-items: center;
|
|
8885
9041
|
justify-content: space-between;
|
|
8886
9042
|
`;
|
|
8887
|
-
var HoldRatioLabel =
|
|
9043
|
+
var HoldRatioLabel = styled9.span`
|
|
8888
9044
|
font-size: 0.7rem;
|
|
8889
9045
|
font-weight: 600;
|
|
8890
9046
|
text-transform: uppercase;
|
|
8891
9047
|
letter-spacing: 0.05em;
|
|
8892
9048
|
color: ${(p) => p.$side === "trade" ? "rgba(246, 70, 93, 0.6)" : "rgba(14, 203, 129, 0.6)"};
|
|
8893
9049
|
`;
|
|
8894
|
-
var HoldRatioValue =
|
|
9050
|
+
var HoldRatioValue = styled9.span`
|
|
8895
9051
|
font-size: 0.75rem;
|
|
8896
9052
|
font-weight: 600;
|
|
8897
9053
|
font-variant-numeric: tabular-nums;
|
|
8898
9054
|
color: ${(p) => p.$side === "trade" ? "rgba(246, 70, 93, 0.7)" : "rgba(14, 203, 129, 0.7)"};
|
|
8899
9055
|
`;
|
|
8900
|
-
var HoldRatioTrack =
|
|
9056
|
+
var HoldRatioTrack = styled9.div`
|
|
8901
9057
|
height: 6px;
|
|
8902
9058
|
border-radius: 3px;
|
|
8903
9059
|
background: rgba(246, 70, 93, 0.15);
|
|
8904
9060
|
overflow: hidden;
|
|
8905
9061
|
position: relative;
|
|
8906
9062
|
`;
|
|
8907
|
-
var HoldRatioFill =
|
|
9063
|
+
var HoldRatioFill = styled9.div`
|
|
8908
9064
|
height: 100%;
|
|
8909
9065
|
width: ${(p) => p.$pct}%;
|
|
8910
9066
|
border-radius: 3px;
|
|
8911
9067
|
background: rgba(14, 203, 129, 0.35);
|
|
8912
9068
|
transition: width 0.6s ease;
|
|
8913
9069
|
`;
|
|
9070
|
+
var DividendHistoryBtn = styled9.button`
|
|
9071
|
+
margin-top: 0.75rem;
|
|
9072
|
+
padding: 0.5rem 0;
|
|
9073
|
+
background: none;
|
|
9074
|
+
border: none;
|
|
9075
|
+
color: #D4AF37;
|
|
9076
|
+
font-size: 0.78rem;
|
|
9077
|
+
font-weight: 500;
|
|
9078
|
+
cursor: pointer;
|
|
9079
|
+
text-align: left;
|
|
9080
|
+
transition: color 0.15s;
|
|
9081
|
+
&:hover { color: #e6c87e; }
|
|
9082
|
+
`;
|
|
9083
|
+
var DivPopupOverlay = styled9.div`
|
|
9084
|
+
position: fixed;
|
|
9085
|
+
inset: 0;
|
|
9086
|
+
background: rgba(0,0,0,0.7);
|
|
9087
|
+
z-index: 9999;
|
|
9088
|
+
display: flex;
|
|
9089
|
+
align-items: center;
|
|
9090
|
+
justify-content: center;
|
|
9091
|
+
backdrop-filter: blur(4px);
|
|
9092
|
+
`;
|
|
9093
|
+
var DivPopupPanel = styled9.div`
|
|
9094
|
+
background: #111;
|
|
9095
|
+
border: 1px solid rgba(255,255,255,0.08);
|
|
9096
|
+
border-radius: 14px;
|
|
9097
|
+
width: 90%;
|
|
9098
|
+
max-width: 760px;
|
|
9099
|
+
max-height: 85vh;
|
|
9100
|
+
overflow-y: auto;
|
|
9101
|
+
display: flex;
|
|
9102
|
+
flex-direction: column;
|
|
9103
|
+
`;
|
|
9104
|
+
var DivPopupHeader = styled9.div`
|
|
9105
|
+
display: flex;
|
|
9106
|
+
align-items: center;
|
|
9107
|
+
justify-content: space-between;
|
|
9108
|
+
padding: 1.25rem 1.5rem;
|
|
9109
|
+
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
9110
|
+
`;
|
|
9111
|
+
var DivPopupTitle = styled9.h3`
|
|
9112
|
+
margin: 0;
|
|
9113
|
+
font-size: 1.1rem;
|
|
9114
|
+
font-weight: 600;
|
|
9115
|
+
color: #fff;
|
|
9116
|
+
`;
|
|
9117
|
+
var DivPopupClose = styled9.button`
|
|
9118
|
+
background: none;
|
|
9119
|
+
border: none;
|
|
9120
|
+
color: rgba(255,255,255,0.4);
|
|
9121
|
+
font-size: 1.1rem;
|
|
9122
|
+
cursor: pointer;
|
|
9123
|
+
padding: 0.25rem;
|
|
9124
|
+
line-height: 1;
|
|
9125
|
+
&:hover { color: #fff; }
|
|
9126
|
+
`;
|
|
9127
|
+
var DivChartWrap = styled9.div`
|
|
9128
|
+
padding: 1.25rem 1.5rem 0.75rem;
|
|
9129
|
+
`;
|
|
9130
|
+
var DivChartLegend = styled9.div`
|
|
9131
|
+
display: flex;
|
|
9132
|
+
gap: 1.25rem;
|
|
9133
|
+
padding-top: 0.5rem;
|
|
9134
|
+
`;
|
|
9135
|
+
var DivChartLegendItem = styled9.span`
|
|
9136
|
+
display: flex;
|
|
9137
|
+
align-items: center;
|
|
9138
|
+
gap: 5px;
|
|
9139
|
+
font-size: 0.7rem;
|
|
9140
|
+
color: rgba(255,255,255,0.45);
|
|
9141
|
+
`;
|
|
9142
|
+
var DivChartLegendDot = styled9.span`
|
|
9143
|
+
width: 8px;
|
|
9144
|
+
height: 8px;
|
|
9145
|
+
border-radius: 50%;
|
|
9146
|
+
background: ${(p) => p.$color};
|
|
9147
|
+
`;
|
|
9148
|
+
var DivTableWrap = styled9.div`
|
|
9149
|
+
padding: 0 1.5rem 1.5rem;
|
|
9150
|
+
overflow-x: auto;
|
|
9151
|
+
`;
|
|
9152
|
+
var DivTable = styled9.table`
|
|
9153
|
+
width: 100%;
|
|
9154
|
+
border-collapse: collapse;
|
|
9155
|
+
`;
|
|
9156
|
+
var DivTableHeaderRow = styled9.tr`
|
|
9157
|
+
border-bottom: 1px solid rgba(255,255,255,0.08);
|
|
9158
|
+
`;
|
|
9159
|
+
var DivTableTH = styled9.th`
|
|
9160
|
+
padding: 0.6rem 0.5rem;
|
|
9161
|
+
font-size: 0.65rem;
|
|
9162
|
+
font-weight: 500;
|
|
9163
|
+
color: rgba(255,255,255,0.4);
|
|
9164
|
+
text-transform: uppercase;
|
|
9165
|
+
letter-spacing: 0.06em;
|
|
9166
|
+
text-align: left;
|
|
9167
|
+
`;
|
|
9168
|
+
var DivTableRow = styled9.tr`
|
|
9169
|
+
border-bottom: 1px solid rgba(255,255,255,0.03);
|
|
9170
|
+
&:last-child { border-bottom: none; }
|
|
9171
|
+
`;
|
|
9172
|
+
var DivTableTD = styled9.td`
|
|
9173
|
+
padding: 0.55rem 0.5rem;
|
|
9174
|
+
font-size: 0.82rem;
|
|
9175
|
+
color: rgba(255,255,255,0.75);
|
|
9176
|
+
`;
|
|
8914
9177
|
var STATUS_BG = {
|
|
8915
9178
|
active: "rgba(14,203,129,0.18)",
|
|
8916
9179
|
rejected: "rgba(246,70,93,0.18)",
|
|
@@ -9005,7 +9268,7 @@ function PropertyOffers({ offers, totalShares }) {
|
|
|
9005
9268
|
)) })
|
|
9006
9269
|
] });
|
|
9007
9270
|
}
|
|
9008
|
-
var OfferPricePulse =
|
|
9271
|
+
var OfferPricePulse = styled9.span`
|
|
9009
9272
|
width: 8px;
|
|
9010
9273
|
height: 8px;
|
|
9011
9274
|
border-radius: 999px;
|
|
@@ -9407,7 +9670,7 @@ function generateMockPastSales() {
|
|
|
9407
9670
|
}
|
|
9408
9671
|
];
|
|
9409
9672
|
}
|
|
9410
|
-
var FilterButtonsContainer =
|
|
9673
|
+
var FilterButtonsContainer = styled9.div`
|
|
9411
9674
|
display: flex;
|
|
9412
9675
|
gap: 0.5rem;
|
|
9413
9676
|
flex-wrap: wrap;
|
|
@@ -9416,7 +9679,7 @@ var FilterButtonsContainer = styled19.div`
|
|
|
9416
9679
|
gap: 0.25rem;
|
|
9417
9680
|
}
|
|
9418
9681
|
`;
|
|
9419
|
-
var FilterButton =
|
|
9682
|
+
var FilterButton = styled9.button`
|
|
9420
9683
|
background-color: ${(props) => props.$active ? "var(--color-accent, #f0b90b)" : "transparent"};
|
|
9421
9684
|
color: ${(props) => props.$active ? "#000" : "#fff"};
|
|
9422
9685
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9435,7 +9698,7 @@ var FilterButton = styled19.button`
|
|
|
9435
9698
|
font-size: 0.75rem;
|
|
9436
9699
|
}
|
|
9437
9700
|
`;
|
|
9438
|
-
var HistoryContainer =
|
|
9701
|
+
var HistoryContainer = styled9.div`
|
|
9439
9702
|
display: flex;
|
|
9440
9703
|
flex-direction: column;
|
|
9441
9704
|
gap: 1.5rem;
|
|
@@ -9452,7 +9715,7 @@ var HistoryContainer = styled19.div`
|
|
|
9452
9715
|
z-index: 0;
|
|
9453
9716
|
}
|
|
9454
9717
|
`;
|
|
9455
|
-
var HistoryPanel =
|
|
9718
|
+
var HistoryPanel = styled9.div`
|
|
9456
9719
|
margin-bottom: 1.5rem;
|
|
9457
9720
|
margin-left: 2rem;
|
|
9458
9721
|
border: 1px solid rgba(240, 185, 11, 0.15);
|
|
@@ -9494,7 +9757,7 @@ var HistoryPanel = styled19.div`
|
|
|
9494
9757
|
}
|
|
9495
9758
|
`}
|
|
9496
9759
|
`;
|
|
9497
|
-
var LeaseSection =
|
|
9760
|
+
var LeaseSection = styled9.div`
|
|
9498
9761
|
margin: 0.3rem 1rem;
|
|
9499
9762
|
padding: 0.3rem 1rem 0.3rem;
|
|
9500
9763
|
background-color: rgba(30, 32, 38, 0.2);
|
|
@@ -9512,7 +9775,7 @@ var LeaseSection = styled19.div`
|
|
|
9512
9775
|
background-color: rgba(255, 255, 255, 0.15);
|
|
9513
9776
|
}
|
|
9514
9777
|
`;
|
|
9515
|
-
var HistoryRow =
|
|
9778
|
+
var HistoryRow = styled9.tr`
|
|
9516
9779
|
background-color: ${(props) => props.$isOwnershipStart ? "rgba(240, 185, 11, 0.05)" : "transparent"};
|
|
9517
9780
|
|
|
9518
9781
|
td {
|
|
@@ -9529,7 +9792,7 @@ var HistoryRow = styled19.tr`
|
|
|
9529
9792
|
background-color: rgba(255, 255, 255, 0.08);
|
|
9530
9793
|
}
|
|
9531
9794
|
`;
|
|
9532
|
-
var TypeBadge2 =
|
|
9795
|
+
var TypeBadge2 = styled9.span`
|
|
9533
9796
|
display: inline-block;
|
|
9534
9797
|
padding: 0.25rem 0.5rem;
|
|
9535
9798
|
border-radius: 4px;
|
|
@@ -9579,13 +9842,13 @@ var TypeBadge2 = styled19.span`
|
|
|
9579
9842
|
font-size: 0.65rem;
|
|
9580
9843
|
}
|
|
9581
9844
|
`;
|
|
9582
|
-
var PastSalesSection =
|
|
9845
|
+
var PastSalesSection = styled9.div`
|
|
9583
9846
|
background-color: rgba(30, 32, 38, 0.95);
|
|
9584
9847
|
border-radius: 8px;
|
|
9585
9848
|
padding: 1.25rem;
|
|
9586
9849
|
margin-bottom: 1.5rem;
|
|
9587
9850
|
`;
|
|
9588
|
-
var SalesTable =
|
|
9851
|
+
var SalesTable = styled9.table`
|
|
9589
9852
|
width: 100%;
|
|
9590
9853
|
border-collapse: collapse;
|
|
9591
9854
|
table-layout: fixed;
|
|
@@ -9663,13 +9926,13 @@ function PropertyDocuments({ documentsData }) {
|
|
|
9663
9926
|
}) })
|
|
9664
9927
|
] });
|
|
9665
9928
|
}
|
|
9666
|
-
var Section2 =
|
|
9929
|
+
var Section2 = styled9.section`
|
|
9667
9930
|
background: var(--color-card, rgba(30, 35, 41, 0.8));
|
|
9668
9931
|
border-radius: 12px;
|
|
9669
9932
|
padding: 1.5rem;
|
|
9670
9933
|
margin-bottom: 1.5rem;
|
|
9671
9934
|
`;
|
|
9672
|
-
var SectionHeading =
|
|
9935
|
+
var SectionHeading = styled9.h2`
|
|
9673
9936
|
font-size: 0.9rem;
|
|
9674
9937
|
font-weight: 600;
|
|
9675
9938
|
padding-bottom: 0.75rem;
|
|
@@ -9680,12 +9943,12 @@ var SectionHeading = styled19.h2`
|
|
|
9680
9943
|
align-items: center;
|
|
9681
9944
|
gap: 0.5rem;
|
|
9682
9945
|
`;
|
|
9683
|
-
var DocList =
|
|
9946
|
+
var DocList = styled9.ul`
|
|
9684
9947
|
list-style: none;
|
|
9685
9948
|
padding: 0;
|
|
9686
9949
|
margin: 0;
|
|
9687
9950
|
`;
|
|
9688
|
-
var DocItem =
|
|
9951
|
+
var DocItem = styled9.li`
|
|
9689
9952
|
padding: 0.75rem 0;
|
|
9690
9953
|
border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
|
|
9691
9954
|
|
|
@@ -9693,7 +9956,7 @@ var DocItem = styled19.li`
|
|
|
9693
9956
|
border-bottom: none;
|
|
9694
9957
|
}
|
|
9695
9958
|
`;
|
|
9696
|
-
var DocLink =
|
|
9959
|
+
var DocLink = styled9.a`
|
|
9697
9960
|
display: flex;
|
|
9698
9961
|
align-items: center;
|
|
9699
9962
|
color: var(--color-text);
|
|
@@ -9704,19 +9967,19 @@ var DocLink = styled19.a`
|
|
|
9704
9967
|
color: var(--color-accent);
|
|
9705
9968
|
}
|
|
9706
9969
|
`;
|
|
9707
|
-
var DocItemDisabled =
|
|
9970
|
+
var DocItemDisabled = styled9.div`
|
|
9708
9971
|
display: flex;
|
|
9709
9972
|
align-items: center;
|
|
9710
9973
|
color: var(--color-text-secondary);
|
|
9711
9974
|
cursor: not-allowed;
|
|
9712
9975
|
opacity: 0.6;
|
|
9713
9976
|
`;
|
|
9714
|
-
var DocIconWrapper =
|
|
9977
|
+
var DocIconWrapper = styled9.span`
|
|
9715
9978
|
margin-right: 0.75rem;
|
|
9716
9979
|
flex-shrink: 0;
|
|
9717
9980
|
color: var(--color-text-secondary);
|
|
9718
9981
|
`;
|
|
9719
|
-
var ComingSoonBadge =
|
|
9982
|
+
var ComingSoonBadge = styled9.span`
|
|
9720
9983
|
margin-left: auto;
|
|
9721
9984
|
padding: 0.25rem 0.5rem;
|
|
9722
9985
|
background: rgba(212, 175, 55, 0.1);
|
|
@@ -9798,13 +10061,13 @@ function PropertyInspectionTimes({
|
|
|
9798
10061
|
] })
|
|
9799
10062
|
] });
|
|
9800
10063
|
}
|
|
9801
|
-
var Section3 =
|
|
10064
|
+
var Section3 = styled9.section`
|
|
9802
10065
|
background: var(--color-card, rgba(30, 35, 41, 0.8));
|
|
9803
10066
|
border-radius: 12px;
|
|
9804
10067
|
padding: 1.5rem;
|
|
9805
10068
|
margin-bottom: 1.5rem;
|
|
9806
10069
|
`;
|
|
9807
|
-
var SectionHeading2 =
|
|
10070
|
+
var SectionHeading2 = styled9.h2`
|
|
9808
10071
|
font-size: 0.9rem;
|
|
9809
10072
|
font-weight: 600;
|
|
9810
10073
|
padding-bottom: 0.75rem;
|
|
@@ -9815,17 +10078,17 @@ var SectionHeading2 = styled19.h2`
|
|
|
9815
10078
|
align-items: center;
|
|
9816
10079
|
gap: 0.5rem;
|
|
9817
10080
|
`;
|
|
9818
|
-
var Intro =
|
|
10081
|
+
var Intro = styled9.p`
|
|
9819
10082
|
font-size: 0.9rem;
|
|
9820
10083
|
color: var(--color-text-secondary);
|
|
9821
10084
|
margin-bottom: 1.5rem;
|
|
9822
10085
|
`;
|
|
9823
|
-
var SlotList =
|
|
10086
|
+
var SlotList = styled9.div`
|
|
9824
10087
|
display: flex;
|
|
9825
10088
|
flex-direction: column;
|
|
9826
10089
|
gap: 0.75rem;
|
|
9827
10090
|
`;
|
|
9828
|
-
var SlotRow =
|
|
10091
|
+
var SlotRow = styled9.div`
|
|
9829
10092
|
display: flex;
|
|
9830
10093
|
justify-content: space-between;
|
|
9831
10094
|
align-items: center;
|
|
@@ -9834,27 +10097,27 @@ var SlotRow = styled19.div`
|
|
|
9834
10097
|
border-radius: 8px;
|
|
9835
10098
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
9836
10099
|
`;
|
|
9837
|
-
var SlotInfo =
|
|
9838
|
-
var SlotDate =
|
|
10100
|
+
var SlotInfo = styled9.div``;
|
|
10101
|
+
var SlotDate = styled9.div`
|
|
9839
10102
|
font-size: 0.9rem;
|
|
9840
10103
|
font-weight: 600;
|
|
9841
10104
|
color: var(--color-text);
|
|
9842
10105
|
margin-bottom: 0.25rem;
|
|
9843
10106
|
`;
|
|
9844
|
-
var SlotTime =
|
|
10107
|
+
var SlotTime = styled9.div`
|
|
9845
10108
|
font-size: 0.8rem;
|
|
9846
10109
|
color: var(--color-text-secondary);
|
|
9847
10110
|
`;
|
|
9848
|
-
var SlotActions =
|
|
10111
|
+
var SlotActions = styled9.div`
|
|
9849
10112
|
display: flex;
|
|
9850
10113
|
align-items: center;
|
|
9851
10114
|
gap: 1rem;
|
|
9852
10115
|
`;
|
|
9853
|
-
var SpotsLeft =
|
|
10116
|
+
var SpotsLeft = styled9.span`
|
|
9854
10117
|
font-size: 0.75rem;
|
|
9855
10118
|
color: ${({ $low }) => $low ? "#f6465d" : "var(--color-text-secondary)"};
|
|
9856
10119
|
`;
|
|
9857
|
-
var BookButton =
|
|
10120
|
+
var BookButton = styled9.button`
|
|
9858
10121
|
padding: 0.4rem 1rem;
|
|
9859
10122
|
background: transparent;
|
|
9860
10123
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9874,7 +10137,7 @@ var BookButton = styled19.button`
|
|
|
9874
10137
|
cursor: not-allowed;
|
|
9875
10138
|
}
|
|
9876
10139
|
`;
|
|
9877
|
-
var StatusMessage2 =
|
|
10140
|
+
var StatusMessage2 = styled9.div`
|
|
9878
10141
|
font-size: 0.85rem;
|
|
9879
10142
|
padding: 0.75rem 1rem;
|
|
9880
10143
|
border-radius: 6px;
|
|
@@ -9882,7 +10145,7 @@ var StatusMessage2 = styled19.div`
|
|
|
9882
10145
|
background: ${({ $error }) => $error ? "rgba(246,70,93,0.08)" : "rgba(255,255,255,0.03)"};
|
|
9883
10146
|
border: 1px solid ${({ $error }) => $error ? "rgba(246,70,93,0.2)" : "rgba(255,255,255,0.06)"};
|
|
9884
10147
|
`;
|
|
9885
|
-
var RetryButton =
|
|
10148
|
+
var RetryButton = styled9.button`
|
|
9886
10149
|
margin-left: 0.5rem;
|
|
9887
10150
|
text-decoration: underline;
|
|
9888
10151
|
cursor: pointer;
|
|
@@ -9890,13 +10153,13 @@ var RetryButton = styled19.button`
|
|
|
9890
10153
|
border: none;
|
|
9891
10154
|
color: inherit;
|
|
9892
10155
|
`;
|
|
9893
|
-
var Disclaimer =
|
|
10156
|
+
var Disclaimer = styled9.p`
|
|
9894
10157
|
font-size: 0.75rem;
|
|
9895
10158
|
color: var(--color-text-secondary);
|
|
9896
10159
|
margin-top: 0.5rem;
|
|
9897
10160
|
text-align: center;
|
|
9898
10161
|
`;
|
|
9899
|
-
var SignInPrompt =
|
|
10162
|
+
var SignInPrompt = styled9.div`
|
|
9900
10163
|
display: flex;
|
|
9901
10164
|
align-items: center;
|
|
9902
10165
|
justify-content: space-between;
|
|
@@ -9905,18 +10168,18 @@ var SignInPrompt = styled19.div`
|
|
|
9905
10168
|
border-radius: 8px;
|
|
9906
10169
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
9907
10170
|
`;
|
|
9908
|
-
var SignInText =
|
|
9909
|
-
var SignInTitle =
|
|
10171
|
+
var SignInText = styled9.div``;
|
|
10172
|
+
var SignInTitle = styled9.div`
|
|
9910
10173
|
font-size: 0.95rem;
|
|
9911
10174
|
font-weight: 600;
|
|
9912
10175
|
color: var(--color-text);
|
|
9913
10176
|
margin-bottom: 0.25rem;
|
|
9914
10177
|
`;
|
|
9915
|
-
var SignInSub =
|
|
10178
|
+
var SignInSub = styled9.div`
|
|
9916
10179
|
font-size: 0.8rem;
|
|
9917
10180
|
color: var(--color-text-secondary);
|
|
9918
10181
|
`;
|
|
9919
|
-
var SignInButton =
|
|
10182
|
+
var SignInButton = styled9.button`
|
|
9920
10183
|
padding: 0.5rem 1.25rem;
|
|
9921
10184
|
background: transparent;
|
|
9922
10185
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -10015,10 +10278,10 @@ function AssetSelectorBar({
|
|
|
10015
10278
|
}) })
|
|
10016
10279
|
] }) });
|
|
10017
10280
|
}
|
|
10018
|
-
var AssetSelectorWrapper =
|
|
10281
|
+
var AssetSelectorWrapper = styled9.div`
|
|
10019
10282
|
width: 100%;
|
|
10020
10283
|
`;
|
|
10021
|
-
var IPOAssetSelector =
|
|
10284
|
+
var IPOAssetSelector = styled9.div`
|
|
10022
10285
|
position: relative;
|
|
10023
10286
|
display: flex;
|
|
10024
10287
|
justify-content: space-between;
|
|
@@ -10043,7 +10306,7 @@ var IPOAssetSelector = styled19.div`
|
|
|
10043
10306
|
padding: 0.6rem 0.75rem;
|
|
10044
10307
|
}
|
|
10045
10308
|
`;
|
|
10046
|
-
var AssetThumbnail =
|
|
10309
|
+
var AssetThumbnail = styled9.img`
|
|
10047
10310
|
width: 40px;
|
|
10048
10311
|
height: 40px;
|
|
10049
10312
|
border-radius: 8px;
|
|
@@ -10057,7 +10320,7 @@ var AssetThumbnail = styled19.img`
|
|
|
10057
10320
|
border-radius: 6px;
|
|
10058
10321
|
}
|
|
10059
10322
|
`;
|
|
10060
|
-
var AssetSelectorDropdown =
|
|
10323
|
+
var AssetSelectorDropdown = styled9.div`
|
|
10061
10324
|
display: flex;
|
|
10062
10325
|
align-items: center;
|
|
10063
10326
|
cursor: pointer;
|
|
@@ -10066,7 +10329,7 @@ var AssetSelectorDropdown = styled19.div`
|
|
|
10066
10329
|
transition: all 0.2s ease;
|
|
10067
10330
|
&:hover { background-color: rgba(255,255,255,0.05); }
|
|
10068
10331
|
`;
|
|
10069
|
-
var AssetName =
|
|
10332
|
+
var AssetName = styled9.div`
|
|
10070
10333
|
display: flex;
|
|
10071
10334
|
align-items: center;
|
|
10072
10335
|
font-weight: 600;
|
|
@@ -10085,7 +10348,7 @@ var AssetName = styled19.div`
|
|
|
10085
10348
|
svg { margin-left: 0.4rem; width: 16px; height: 16px; }
|
|
10086
10349
|
}
|
|
10087
10350
|
`;
|
|
10088
|
-
var SelectorMetrics =
|
|
10351
|
+
var SelectorMetrics = styled9.div`
|
|
10089
10352
|
display: flex;
|
|
10090
10353
|
align-items: center;
|
|
10091
10354
|
gap: 1rem;
|
|
@@ -10110,7 +10373,7 @@ var SelectorMetrics = styled19.div`
|
|
|
10110
10373
|
gap: 0.5rem;
|
|
10111
10374
|
}
|
|
10112
10375
|
`;
|
|
10113
|
-
var MetricLabel2 =
|
|
10376
|
+
var MetricLabel2 = styled9.span`
|
|
10114
10377
|
font-size: 0.75rem;
|
|
10115
10378
|
color: var(--color-text-secondary);
|
|
10116
10379
|
text-transform: uppercase;
|
|
@@ -10123,7 +10386,7 @@ var MetricLabel2 = styled19.span`
|
|
|
10123
10386
|
margin-right: 0.35rem;
|
|
10124
10387
|
}
|
|
10125
10388
|
`;
|
|
10126
|
-
var MetricValue =
|
|
10389
|
+
var MetricValue = styled9.span`
|
|
10127
10390
|
font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
|
|
10128
10391
|
font-weight: ${(p) => p.$secondary ? "600" : "700"};
|
|
10129
10392
|
color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
|
|
@@ -10136,7 +10399,7 @@ var MetricValue = styled19.span`
|
|
|
10136
10399
|
font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
|
|
10137
10400
|
}
|
|
10138
10401
|
`;
|
|
10139
|
-
var MetricChange =
|
|
10402
|
+
var MetricChange = styled9.span`
|
|
10140
10403
|
font-size: 0.85rem;
|
|
10141
10404
|
font-weight: 600;
|
|
10142
10405
|
color: ${(p) => p.$positive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
|
|
@@ -10148,12 +10411,12 @@ var MetricChange = styled19.span`
|
|
|
10148
10411
|
font-size: 0.75rem;
|
|
10149
10412
|
}
|
|
10150
10413
|
`;
|
|
10151
|
-
var Separator =
|
|
10414
|
+
var Separator = styled9.span`
|
|
10152
10415
|
font-size: 1rem;
|
|
10153
10416
|
color: rgba(255,255,255,0.2);
|
|
10154
10417
|
font-weight: 300;
|
|
10155
10418
|
`;
|
|
10156
|
-
var IPODropdown =
|
|
10419
|
+
var IPODropdown = styled9.div`
|
|
10157
10420
|
position: absolute;
|
|
10158
10421
|
top: calc(100% + 6px);
|
|
10159
10422
|
left: 0;
|
|
@@ -10182,7 +10445,7 @@ var IPODropdown = styled19.div`
|
|
|
10182
10445
|
to { opacity: 1; transform: translateY(0); }
|
|
10183
10446
|
}
|
|
10184
10447
|
`;
|
|
10185
|
-
var IPOOption =
|
|
10448
|
+
var IPOOption = styled9.div`
|
|
10186
10449
|
padding: 0.6rem 0.75rem;
|
|
10187
10450
|
transition: background 0.15s ease;
|
|
10188
10451
|
border-radius: 7px;
|
|
@@ -10190,25 +10453,25 @@ var IPOOption = styled19.div`
|
|
|
10190
10453
|
&:hover { background: rgba(255,255,255,0.06); }
|
|
10191
10454
|
${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
|
|
10192
10455
|
`;
|
|
10193
|
-
var IPOOptionInner =
|
|
10456
|
+
var IPOOptionInner = styled9.div`
|
|
10194
10457
|
display: flex;
|
|
10195
10458
|
align-items: center;
|
|
10196
10459
|
gap: 0.65rem;
|
|
10197
10460
|
`;
|
|
10198
|
-
var IPOOptionThumb =
|
|
10461
|
+
var IPOOptionThumb = styled9.img`
|
|
10199
10462
|
width: 28px;
|
|
10200
10463
|
height: 28px;
|
|
10201
10464
|
border-radius: 5px;
|
|
10202
10465
|
object-fit: cover;
|
|
10203
10466
|
flex-shrink: 0;
|
|
10204
10467
|
`;
|
|
10205
|
-
var IPOOptionName =
|
|
10468
|
+
var IPOOptionName = styled9.div`
|
|
10206
10469
|
font-weight: 500;
|
|
10207
10470
|
font-size: 0.82rem;
|
|
10208
10471
|
color: ${(p) => "#ebebeb"};
|
|
10209
10472
|
line-height: 1.3;
|
|
10210
10473
|
`;
|
|
10211
|
-
var IPOOptionLocation =
|
|
10474
|
+
var IPOOptionLocation = styled9.div`
|
|
10212
10475
|
font-size: 0.72rem;
|
|
10213
10476
|
color: rgba(255,255,255,0.38);
|
|
10214
10477
|
margin-top: 1px;
|
|
@@ -10474,7 +10737,7 @@ function OfferingProgressCard({
|
|
|
10474
10737
|
] })
|
|
10475
10738
|
] });
|
|
10476
10739
|
}
|
|
10477
|
-
var Container =
|
|
10740
|
+
var Container = styled9.div`
|
|
10478
10741
|
background-color: var(--color-card-darker, #111);
|
|
10479
10742
|
border-radius: 8px;
|
|
10480
10743
|
padding: 1.5rem;
|
|
@@ -10487,7 +10750,7 @@ var Container = styled19.div`
|
|
|
10487
10750
|
padding: 1rem;
|
|
10488
10751
|
}
|
|
10489
10752
|
`;
|
|
10490
|
-
var Header2 =
|
|
10753
|
+
var Header2 = styled9.div`
|
|
10491
10754
|
display: flex;
|
|
10492
10755
|
align-items: center;
|
|
10493
10756
|
justify-content: space-between;
|
|
@@ -10504,7 +10767,7 @@ var Header2 = styled19.div`
|
|
|
10504
10767
|
margin: 0;
|
|
10505
10768
|
}
|
|
10506
10769
|
`;
|
|
10507
|
-
var StatusSpan =
|
|
10770
|
+
var StatusSpan = styled9.span`
|
|
10508
10771
|
display: flex;
|
|
10509
10772
|
align-items: center;
|
|
10510
10773
|
gap: 0.35rem;
|
|
@@ -10520,7 +10783,7 @@ var StatusSpan = styled19.span`
|
|
|
10520
10783
|
letter-spacing: 0.05em;
|
|
10521
10784
|
}
|
|
10522
10785
|
`;
|
|
10523
|
-
var StatusDot3 =
|
|
10786
|
+
var StatusDot3 = styled9.span`
|
|
10524
10787
|
width: 6px;
|
|
10525
10788
|
height: 6px;
|
|
10526
10789
|
border-radius: 50%;
|
|
@@ -10532,10 +10795,10 @@ var StatusDot3 = styled19.span`
|
|
|
10532
10795
|
100% { opacity: 0.4; }
|
|
10533
10796
|
}
|
|
10534
10797
|
`;
|
|
10535
|
-
var PreLiveBody =
|
|
10798
|
+
var PreLiveBody = styled9.div`
|
|
10536
10799
|
padding: 1.25rem 0;
|
|
10537
10800
|
`;
|
|
10538
|
-
var PreLiveStatus =
|
|
10801
|
+
var PreLiveStatus = styled9.div`
|
|
10539
10802
|
font-size: 0.7rem;
|
|
10540
10803
|
color: ${(p) => p.$statusColor};
|
|
10541
10804
|
text-transform: uppercase;
|
|
@@ -10544,33 +10807,33 @@ var PreLiveStatus = styled19.div`
|
|
|
10544
10807
|
text-align: center;
|
|
10545
10808
|
margin-bottom: 1.25rem;
|
|
10546
10809
|
`;
|
|
10547
|
-
var MetricsRow =
|
|
10810
|
+
var MetricsRow = styled9.div`
|
|
10548
10811
|
display: flex;
|
|
10549
10812
|
justify-content: space-between;
|
|
10550
10813
|
align-items: flex-start;
|
|
10551
10814
|
border-top: 1px solid rgba(255,255,255,0.06);
|
|
10552
10815
|
padding-top: 1rem;
|
|
10553
10816
|
`;
|
|
10554
|
-
var MetricLabel3 =
|
|
10817
|
+
var MetricLabel3 = styled9.div`
|
|
10555
10818
|
font-size: 0.6rem;
|
|
10556
10819
|
color: var(--color-text-secondary);
|
|
10557
10820
|
text-transform: uppercase;
|
|
10558
10821
|
letter-spacing: 0.1em;
|
|
10559
10822
|
margin-bottom: 0.25rem;
|
|
10560
10823
|
`;
|
|
10561
|
-
var MetricValue2 =
|
|
10824
|
+
var MetricValue2 = styled9.div`
|
|
10562
10825
|
font-size: 1.5rem;
|
|
10563
10826
|
font-weight: 700;
|
|
10564
10827
|
color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
|
|
10565
10828
|
`;
|
|
10566
|
-
var CountdownCenter =
|
|
10829
|
+
var CountdownCenter = styled9.div`
|
|
10567
10830
|
text-align: center;
|
|
10568
10831
|
display: flex;
|
|
10569
10832
|
flex-direction: column;
|
|
10570
10833
|
align-items: center;
|
|
10571
10834
|
margin-bottom: 1.25rem;
|
|
10572
10835
|
`;
|
|
10573
|
-
var CountdownLabel =
|
|
10836
|
+
var CountdownLabel = styled9.div`
|
|
10574
10837
|
font-size: 0.7rem;
|
|
10575
10838
|
color: #D4AF37;
|
|
10576
10839
|
text-transform: uppercase;
|
|
@@ -10578,13 +10841,13 @@ var CountdownLabel = styled19.div`
|
|
|
10578
10841
|
margin-bottom: 0.5rem;
|
|
10579
10842
|
font-weight: 600;
|
|
10580
10843
|
`;
|
|
10581
|
-
var CountdownDigits =
|
|
10844
|
+
var CountdownDigits = styled9.div`
|
|
10582
10845
|
display: flex;
|
|
10583
10846
|
align-items: baseline;
|
|
10584
10847
|
justify-content: center;
|
|
10585
10848
|
gap: 0.35rem;
|
|
10586
10849
|
`;
|
|
10587
|
-
var CountdownNumber =
|
|
10850
|
+
var CountdownNumber = styled9.span`
|
|
10588
10851
|
font-size: 2.5rem;
|
|
10589
10852
|
font-weight: 700;
|
|
10590
10853
|
font-family: monospace;
|
|
@@ -10593,26 +10856,26 @@ var CountdownNumber = styled19.span`
|
|
|
10593
10856
|
font-size: 1.75rem;
|
|
10594
10857
|
}
|
|
10595
10858
|
`;
|
|
10596
|
-
var CountdownUnitLabel =
|
|
10859
|
+
var CountdownUnitLabel = styled9.span`
|
|
10597
10860
|
font-size: 0.85rem;
|
|
10598
10861
|
color: var(--color-text-secondary);
|
|
10599
10862
|
`;
|
|
10600
|
-
var CountdownSeparator =
|
|
10863
|
+
var CountdownSeparator = styled9.span`
|
|
10601
10864
|
color: rgba(255,255,255,0.2);
|
|
10602
10865
|
margin: 0 0.2rem;
|
|
10603
10866
|
font-size: 1.5rem;
|
|
10604
10867
|
`;
|
|
10605
|
-
var LiveBody =
|
|
10868
|
+
var LiveBody = styled9.div`
|
|
10606
10869
|
display: flex;
|
|
10607
10870
|
flex-direction: column;
|
|
10608
10871
|
gap: 1rem;
|
|
10609
10872
|
`;
|
|
10610
|
-
var LiveTopRow =
|
|
10873
|
+
var LiveTopRow = styled9.div`
|
|
10611
10874
|
display: flex;
|
|
10612
10875
|
justify-content: space-between;
|
|
10613
10876
|
align-items: flex-start;
|
|
10614
10877
|
`;
|
|
10615
|
-
var LiveLabel =
|
|
10878
|
+
var LiveLabel = styled9.div`
|
|
10616
10879
|
font-size: 0.875rem;
|
|
10617
10880
|
color: var(--color-text-secondary);
|
|
10618
10881
|
margin-bottom: 0.25rem;
|
|
@@ -10625,7 +10888,7 @@ var LiveLabel = styled19.div`
|
|
|
10625
10888
|
opacity: 0.7;
|
|
10626
10889
|
}
|
|
10627
10890
|
`;
|
|
10628
|
-
var LivePercent =
|
|
10891
|
+
var LivePercent = styled9.div`
|
|
10629
10892
|
font-size: 2rem;
|
|
10630
10893
|
font-weight: 600;
|
|
10631
10894
|
color: #D4AF37;
|
|
@@ -10638,14 +10901,14 @@ var LivePercent = styled19.div`
|
|
|
10638
10901
|
opacity: 0.8;
|
|
10639
10902
|
}
|
|
10640
10903
|
`;
|
|
10641
|
-
var UnitsValue =
|
|
10904
|
+
var UnitsValue = styled9.div`
|
|
10642
10905
|
font-size: clamp(1.25rem, 4vw, 1.75rem);
|
|
10643
10906
|
font-weight: 700;
|
|
10644
10907
|
white-space: nowrap;
|
|
10645
10908
|
span { color: #D4AF37; }
|
|
10646
10909
|
small { color: rgba(255,255,255,0.3); font-weight: 700; margin-left: 0.35rem; font-size: inherit; }
|
|
10647
10910
|
`;
|
|
10648
|
-
var ProgressBarOuter =
|
|
10911
|
+
var ProgressBarOuter = styled9.div`
|
|
10649
10912
|
width: 100%;
|
|
10650
10913
|
height: 12px;
|
|
10651
10914
|
background: rgba(255,255,255,0.1);
|
|
@@ -10653,58 +10916,58 @@ var ProgressBarOuter = styled19.div`
|
|
|
10653
10916
|
overflow: hidden;
|
|
10654
10917
|
position: relative;
|
|
10655
10918
|
`;
|
|
10656
|
-
var ProgressBarInner =
|
|
10919
|
+
var ProgressBarInner = styled9.div`
|
|
10657
10920
|
height: 100%;
|
|
10658
10921
|
background: linear-gradient(90deg, #D4AF37, #f0b90b);
|
|
10659
10922
|
border-radius: 6px;
|
|
10660
10923
|
transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
|
|
10661
10924
|
will-change: width;
|
|
10662
10925
|
`;
|
|
10663
|
-
var ProgressInfo =
|
|
10926
|
+
var ProgressInfo = styled9.div`
|
|
10664
10927
|
display: flex;
|
|
10665
10928
|
justify-content: space-between;
|
|
10666
10929
|
font-size: 0.875rem;
|
|
10667
10930
|
`;
|
|
10668
|
-
var ProgressSubscribers =
|
|
10931
|
+
var ProgressSubscribers = styled9.div`
|
|
10669
10932
|
color: var(--color-text-secondary);
|
|
10670
10933
|
font-weight: 500;
|
|
10671
10934
|
`;
|
|
10672
|
-
var ProgressAmounts =
|
|
10935
|
+
var ProgressAmounts = styled9.div`
|
|
10673
10936
|
font-weight: 600;
|
|
10674
10937
|
.raised { color: #D4AF37; }
|
|
10675
10938
|
.target { color: rgba(255,255,255,0.3); }
|
|
10676
10939
|
`;
|
|
10677
|
-
var CompactContainer =
|
|
10940
|
+
var CompactContainer = styled9.div`
|
|
10678
10941
|
width: 100%;
|
|
10679
10942
|
margin: 1.5rem 0;
|
|
10680
10943
|
display: flex;
|
|
10681
10944
|
flex-direction: column;
|
|
10682
10945
|
gap: 0.5rem;
|
|
10683
10946
|
`;
|
|
10684
|
-
var HomePreLiveRow =
|
|
10947
|
+
var HomePreLiveRow = styled9.div`
|
|
10685
10948
|
display: flex;
|
|
10686
10949
|
align-items: center;
|
|
10687
10950
|
justify-content: space-between;
|
|
10688
10951
|
padding-top: 1rem;
|
|
10689
10952
|
`;
|
|
10690
|
-
var HomeCountdownSide =
|
|
10953
|
+
var HomeCountdownSide = styled9.div`
|
|
10691
10954
|
display: flex;
|
|
10692
10955
|
flex-direction: column;
|
|
10693
10956
|
align-items: center;
|
|
10694
10957
|
flex: 1;
|
|
10695
10958
|
`;
|
|
10696
|
-
var HomeUnitsSide =
|
|
10959
|
+
var HomeUnitsSide = styled9.div`
|
|
10697
10960
|
text-align: center;
|
|
10698
10961
|
flex-shrink: 0;
|
|
10699
10962
|
`;
|
|
10700
|
-
var HomeUnitsLabel =
|
|
10963
|
+
var HomeUnitsLabel = styled9.div`
|
|
10701
10964
|
font-size: 0.6rem;
|
|
10702
10965
|
color: var(--color-text-secondary);
|
|
10703
10966
|
text-transform: uppercase;
|
|
10704
10967
|
letter-spacing: 0.1em;
|
|
10705
10968
|
margin-bottom: 0.2rem;
|
|
10706
10969
|
`;
|
|
10707
|
-
var HomeUnitsValue =
|
|
10970
|
+
var HomeUnitsValue = styled9.div`
|
|
10708
10971
|
font-size: 1.1rem;
|
|
10709
10972
|
font-weight: 700;
|
|
10710
10973
|
font-family: monospace;
|
|
@@ -10713,7 +10976,7 @@ var HomeUnitsValue = styled19.div`
|
|
|
10713
10976
|
font-weight: 400;
|
|
10714
10977
|
}
|
|
10715
10978
|
`;
|
|
10716
|
-
var HomeSpinner =
|
|
10979
|
+
var HomeSpinner = styled9.span`
|
|
10717
10980
|
display: inline-block;
|
|
10718
10981
|
width: 14px;
|
|
10719
10982
|
height: 14px;
|
|
@@ -10807,7 +11070,7 @@ function VideoActivitySection({
|
|
|
10807
11070
|
] })
|
|
10808
11071
|
] });
|
|
10809
11072
|
}
|
|
10810
|
-
var Section4 =
|
|
11073
|
+
var Section4 = styled9.div`
|
|
10811
11074
|
display: flex;
|
|
10812
11075
|
gap: 1.5rem;
|
|
10813
11076
|
align-items: stretch;
|
|
@@ -10816,7 +11079,7 @@ var Section4 = styled19.div`
|
|
|
10816
11079
|
gap: 1rem;
|
|
10817
11080
|
}
|
|
10818
11081
|
`;
|
|
10819
|
-
var VideoPanel =
|
|
11082
|
+
var VideoPanel = styled9.div`
|
|
10820
11083
|
flex: 1;
|
|
10821
11084
|
background-color: var(--color-card-darker, #111);
|
|
10822
11085
|
border-radius: 8px;
|
|
@@ -10860,7 +11123,7 @@ var VideoPanel = styled19.div`
|
|
|
10860
11123
|
}
|
|
10861
11124
|
}
|
|
10862
11125
|
`;
|
|
10863
|
-
var ActivityPanel =
|
|
11126
|
+
var ActivityPanel = styled9.div`
|
|
10864
11127
|
flex: 0 0 auto;
|
|
10865
11128
|
min-width: 450px;
|
|
10866
11129
|
max-width: 520px;
|
|
@@ -10941,7 +11204,7 @@ var ActivityPanel = styled19.div`
|
|
|
10941
11204
|
to { transform: rotate(360deg); }
|
|
10942
11205
|
}
|
|
10943
11206
|
`;
|
|
10944
|
-
var SkeletonFeedRow =
|
|
11207
|
+
var SkeletonFeedRow = styled9.div`
|
|
10945
11208
|
padding: 0.625rem 0.75rem;
|
|
10946
11209
|
border-bottom: 1px solid rgba(255,255,255,0.04);
|
|
10947
11210
|
display: flex;
|
|
@@ -10965,7 +11228,7 @@ var SkeletonFeedRow = styled19.div`
|
|
|
10965
11228
|
padding: 0.4rem 0.6rem;
|
|
10966
11229
|
}
|
|
10967
11230
|
`;
|
|
10968
|
-
var EndedBanner =
|
|
11231
|
+
var EndedBanner = styled9.div`
|
|
10969
11232
|
font-size: 0.7rem;
|
|
10970
11233
|
font-weight: 600;
|
|
10971
11234
|
letter-spacing: 0.04em;
|
|
@@ -10978,7 +11241,7 @@ var EndedBanner = styled19.div`
|
|
|
10978
11241
|
margin-bottom: 0.5rem;
|
|
10979
11242
|
text-align: center;
|
|
10980
11243
|
`;
|
|
10981
|
-
var FeedList =
|
|
11244
|
+
var FeedList = styled9.div`
|
|
10982
11245
|
width: 100%;
|
|
10983
11246
|
overflow-y: auto;
|
|
10984
11247
|
scrollbar-width: none;
|
|
@@ -10987,7 +11250,7 @@ var FeedList = styled19.div`
|
|
|
10987
11250
|
display: none;
|
|
10988
11251
|
}
|
|
10989
11252
|
`;
|
|
10990
|
-
var PurchaseItem =
|
|
11253
|
+
var PurchaseItem = styled9.div`
|
|
10991
11254
|
padding: 0.625rem 0.75rem;
|
|
10992
11255
|
border-bottom: 1px solid rgba(255,255,255,0.05);
|
|
10993
11256
|
display: flex;
|
|
@@ -11016,12 +11279,12 @@ var PurchaseItem = styled19.div`
|
|
|
11016
11279
|
padding: 0.4rem 0.6rem;
|
|
11017
11280
|
}
|
|
11018
11281
|
`;
|
|
11019
|
-
var PurchaseInfo =
|
|
11282
|
+
var PurchaseInfo = styled9.div`
|
|
11020
11283
|
display: flex;
|
|
11021
11284
|
flex-direction: column;
|
|
11022
11285
|
min-width: 0;
|
|
11023
11286
|
`;
|
|
11024
|
-
var PurchaseName =
|
|
11287
|
+
var PurchaseName = styled9.div`
|
|
11025
11288
|
font-weight: 500;
|
|
11026
11289
|
font-size: 0.875rem;
|
|
11027
11290
|
color: #fff;
|
|
@@ -11029,19 +11292,19 @@ var PurchaseName = styled19.div`
|
|
|
11029
11292
|
overflow: hidden;
|
|
11030
11293
|
text-overflow: ellipsis;
|
|
11031
11294
|
`;
|
|
11032
|
-
var PurchaseTime =
|
|
11295
|
+
var PurchaseTime = styled9.div`
|
|
11033
11296
|
font-size: 0.7rem;
|
|
11034
11297
|
color: var(--color-text-secondary);
|
|
11035
11298
|
margin-top: 0.125rem;
|
|
11036
11299
|
`;
|
|
11037
|
-
var PurchaseAmount =
|
|
11300
|
+
var PurchaseAmount = styled9.div`
|
|
11038
11301
|
font-weight: 600;
|
|
11039
11302
|
font-size: 0.875rem;
|
|
11040
11303
|
color: #fff;
|
|
11041
11304
|
white-space: nowrap;
|
|
11042
11305
|
margin-left: 1rem;
|
|
11043
11306
|
`;
|
|
11044
|
-
var LiveIndicatorDot =
|
|
11307
|
+
var LiveIndicatorDot = styled9.span`
|
|
11045
11308
|
display: inline-block;
|
|
11046
11309
|
width: 8px;
|
|
11047
11310
|
height: 8px;
|
|
@@ -11081,7 +11344,7 @@ var VARIANT_COLORS = {
|
|
|
11081
11344
|
info: { accent: "#E6C656", icon: "\u2139" },
|
|
11082
11345
|
pending: { accent: "#7EB3E6", icon: "\u25CC" }
|
|
11083
11346
|
};
|
|
11084
|
-
var Wrapper2 =
|
|
11347
|
+
var Wrapper2 = styled9.div`
|
|
11085
11348
|
position: relative;
|
|
11086
11349
|
display: flex;
|
|
11087
11350
|
flex-direction: column;
|
|
@@ -11095,13 +11358,13 @@ var Wrapper2 = styled19.div`
|
|
|
11095
11358
|
animation: ${({ $exiting }) => $exiting ? css`${slideOut} 0.28s cubic-bezier(0.4,0,1,1) forwards` : css`${slideIn} 0.32s cubic-bezier(0,0,0.2,1) forwards`};
|
|
11096
11359
|
pointer-events: all;
|
|
11097
11360
|
`;
|
|
11098
|
-
var Body =
|
|
11361
|
+
var Body = styled9.div`
|
|
11099
11362
|
display: flex;
|
|
11100
11363
|
align-items: flex-start;
|
|
11101
11364
|
gap: 12px;
|
|
11102
11365
|
padding: 14px 16px 12px;
|
|
11103
11366
|
`;
|
|
11104
|
-
var IconDot =
|
|
11367
|
+
var IconDot = styled9.div`
|
|
11105
11368
|
flex-shrink: 0;
|
|
11106
11369
|
width: 28px;
|
|
11107
11370
|
height: 28px;
|
|
@@ -11116,25 +11379,25 @@ var IconDot = styled19.div`
|
|
|
11116
11379
|
color: ${({ $color }) => $color};
|
|
11117
11380
|
margin-top: 1px;
|
|
11118
11381
|
`;
|
|
11119
|
-
var Content =
|
|
11382
|
+
var Content = styled9.div`
|
|
11120
11383
|
flex: 1;
|
|
11121
11384
|
min-width: 0;
|
|
11122
11385
|
`;
|
|
11123
|
-
var Title2 =
|
|
11386
|
+
var Title2 = styled9.p`
|
|
11124
11387
|
margin: 0 0 2px;
|
|
11125
11388
|
font-size: 0.8rem;
|
|
11126
11389
|
font-weight: 600;
|
|
11127
11390
|
color: #fff;
|
|
11128
11391
|
letter-spacing: 0.01em;
|
|
11129
11392
|
`;
|
|
11130
|
-
var Amount =
|
|
11393
|
+
var Amount = styled9.p`
|
|
11131
11394
|
margin: 0 0 6px;
|
|
11132
11395
|
font-size: 1.05rem;
|
|
11133
11396
|
font-weight: 700;
|
|
11134
11397
|
color: #E6C656;
|
|
11135
11398
|
letter-spacing: -0.01em;
|
|
11136
11399
|
`;
|
|
11137
|
-
var TxRow =
|
|
11400
|
+
var TxRow = styled9.a`
|
|
11138
11401
|
display: inline-flex;
|
|
11139
11402
|
align-items: center;
|
|
11140
11403
|
gap: 5px;
|
|
@@ -11147,11 +11410,11 @@ var TxRow = styled19.a`
|
|
|
11147
11410
|
color: #7EB3E6;
|
|
11148
11411
|
}
|
|
11149
11412
|
`;
|
|
11150
|
-
var TxArrow =
|
|
11413
|
+
var TxArrow = styled9.span`
|
|
11151
11414
|
font-size: 0.6rem;
|
|
11152
11415
|
opacity: 0.6;
|
|
11153
11416
|
`;
|
|
11154
|
-
var CloseBtn =
|
|
11417
|
+
var CloseBtn = styled9.button`
|
|
11155
11418
|
flex-shrink: 0;
|
|
11156
11419
|
background: none;
|
|
11157
11420
|
border: none;
|
|
@@ -11163,7 +11426,7 @@ var CloseBtn = styled19.button`
|
|
|
11163
11426
|
transition: color 0.15s;
|
|
11164
11427
|
&:hover { color: rgba(255, 255, 255, 0.7); }
|
|
11165
11428
|
`;
|
|
11166
|
-
var ProgressBar =
|
|
11429
|
+
var ProgressBar = styled9.div`
|
|
11167
11430
|
height: 2px;
|
|
11168
11431
|
background: rgba(255, 255, 255, 0.06);
|
|
11169
11432
|
position: relative;
|
|
@@ -11177,7 +11440,7 @@ var ProgressBar = styled19.div`
|
|
|
11177
11440
|
animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
|
|
11178
11441
|
}
|
|
11179
11442
|
`;
|
|
11180
|
-
var Container2 =
|
|
11443
|
+
var Container2 = styled9.div`
|
|
11181
11444
|
position: fixed;
|
|
11182
11445
|
bottom: 24px;
|
|
11183
11446
|
right: 24px;
|
|
@@ -11627,7 +11890,7 @@ function OrderPanel({
|
|
|
11627
11890
|
] })
|
|
11628
11891
|
] });
|
|
11629
11892
|
}
|
|
11630
|
-
var Panel =
|
|
11893
|
+
var Panel = styled9.div`
|
|
11631
11894
|
background-color: var(--color-card-darker, #111);
|
|
11632
11895
|
border-radius: 8px;
|
|
11633
11896
|
padding: 1.5rem;
|
|
@@ -11654,7 +11917,7 @@ var Panel = styled19.div`
|
|
|
11654
11917
|
border-radius: 6px;
|
|
11655
11918
|
}
|
|
11656
11919
|
`;
|
|
11657
|
-
var PanelHeader2 =
|
|
11920
|
+
var PanelHeader2 = styled9.div`
|
|
11658
11921
|
display: flex;
|
|
11659
11922
|
justify-content: space-between;
|
|
11660
11923
|
align-items: center;
|
|
@@ -11667,7 +11930,7 @@ var PanelHeader2 = styled19.div`
|
|
|
11667
11930
|
color: var(--color-text);
|
|
11668
11931
|
}
|
|
11669
11932
|
`;
|
|
11670
|
-
var StatusBadge2 =
|
|
11933
|
+
var StatusBadge2 = styled9.span`
|
|
11671
11934
|
font-size: 0.7rem;
|
|
11672
11935
|
font-weight: 600;
|
|
11673
11936
|
display: inline-flex;
|
|
@@ -11680,7 +11943,7 @@ var StatusBadge2 = styled19.span`
|
|
|
11680
11943
|
display: inline-block;
|
|
11681
11944
|
}
|
|
11682
11945
|
`;
|
|
11683
|
-
var Card2 =
|
|
11946
|
+
var Card2 = styled9.div`
|
|
11684
11947
|
background: rgba(0,0,0,0.4);
|
|
11685
11948
|
border: 1px solid rgba(255,255,255,0.15);
|
|
11686
11949
|
border-radius: 12px;
|
|
@@ -11691,12 +11954,12 @@ var Card2 = styled19.div`
|
|
|
11691
11954
|
border-radius: 10px;
|
|
11692
11955
|
}
|
|
11693
11956
|
`;
|
|
11694
|
-
var CardLabel =
|
|
11957
|
+
var CardLabel = styled9.div`
|
|
11695
11958
|
font-size: 0.75rem;
|
|
11696
11959
|
color: var(--color-text-secondary);
|
|
11697
11960
|
margin-bottom: 0.5rem;
|
|
11698
11961
|
`;
|
|
11699
|
-
var CardInputRow =
|
|
11962
|
+
var CardInputRow = styled9.div`
|
|
11700
11963
|
display: flex;
|
|
11701
11964
|
align-items: center;
|
|
11702
11965
|
justify-content: space-between;
|
|
@@ -11721,7 +11984,7 @@ var CardInputRow = styled19.div`
|
|
|
11721
11984
|
white-space: nowrap;
|
|
11722
11985
|
}
|
|
11723
11986
|
`;
|
|
11724
|
-
var QuickSelectRow =
|
|
11987
|
+
var QuickSelectRow = styled9.div`
|
|
11725
11988
|
display: flex;
|
|
11726
11989
|
gap: 0.5rem;
|
|
11727
11990
|
margin-top: 0.75rem;
|
|
@@ -11750,7 +12013,7 @@ var QuickSelectRow = styled19.div`
|
|
|
11750
12013
|
button { font-size: 0.7rem; padding: 0.35rem 0; }
|
|
11751
12014
|
}
|
|
11752
12015
|
`;
|
|
11753
|
-
var FundsRow =
|
|
12016
|
+
var FundsRow = styled9.div`
|
|
11754
12017
|
display: flex;
|
|
11755
12018
|
align-items: center;
|
|
11756
12019
|
gap: 0.5rem;
|
|
@@ -11761,7 +12024,7 @@ var FundsRow = styled19.div`
|
|
|
11761
12024
|
color: #fff;
|
|
11762
12025
|
}
|
|
11763
12026
|
`;
|
|
11764
|
-
var DepositButton2 =
|
|
12027
|
+
var DepositButton2 = styled9.button`
|
|
11765
12028
|
background: transparent;
|
|
11766
12029
|
border: 1px solid rgba(212,175,55,0.4);
|
|
11767
12030
|
border-radius: 4px;
|
|
@@ -11771,23 +12034,23 @@ var DepositButton2 = styled19.button`
|
|
|
11771
12034
|
cursor: pointer;
|
|
11772
12035
|
font-weight: 500;
|
|
11773
12036
|
`;
|
|
11774
|
-
var Divider2 =
|
|
12037
|
+
var Divider2 = styled9.div`
|
|
11775
12038
|
text-align: center;
|
|
11776
12039
|
margin: 0.5rem 0;
|
|
11777
12040
|
color: var(--color-text-secondary);
|
|
11778
12041
|
`;
|
|
11779
|
-
var CardTopRow =
|
|
12042
|
+
var CardTopRow = styled9.div`
|
|
11780
12043
|
display: flex;
|
|
11781
12044
|
justify-content: space-between;
|
|
11782
12045
|
align-items: center;
|
|
11783
12046
|
margin-bottom: 0.5rem;
|
|
11784
12047
|
`;
|
|
11785
|
-
var CardHint =
|
|
12048
|
+
var CardHint = styled9.span`
|
|
11786
12049
|
font-size: 0.7rem;
|
|
11787
12050
|
color: var(--color-text-secondary);
|
|
11788
12051
|
opacity: 0.7;
|
|
11789
12052
|
`;
|
|
11790
|
-
var OrderSummary =
|
|
12053
|
+
var OrderSummary = styled9.div`
|
|
11791
12054
|
border-top: 1px solid rgba(255,255,255,0.08);
|
|
11792
12055
|
padding-top: 1rem;
|
|
11793
12056
|
margin-top: 0.5rem;
|
|
@@ -11796,13 +12059,13 @@ var OrderSummary = styled19.div`
|
|
|
11796
12059
|
flex-direction: column;
|
|
11797
12060
|
gap: 0.5rem;
|
|
11798
12061
|
`;
|
|
11799
|
-
var SummaryRow =
|
|
12062
|
+
var SummaryRow = styled9.div`
|
|
11800
12063
|
display: flex;
|
|
11801
12064
|
justify-content: space-between;
|
|
11802
12065
|
color: var(--color-text-secondary);
|
|
11803
12066
|
strong { color: #fff; }
|
|
11804
12067
|
`;
|
|
11805
|
-
var SummaryTotal =
|
|
12068
|
+
var SummaryTotal = styled9(SummaryRow)`
|
|
11806
12069
|
padding-top: 0.5rem;
|
|
11807
12070
|
border-top: 1px solid rgba(255,255,255,0.08);
|
|
11808
12071
|
color: #fff;
|
|
@@ -11810,12 +12073,12 @@ var SummaryTotal = styled19(SummaryRow)`
|
|
|
11810
12073
|
font-weight: 600;
|
|
11811
12074
|
}
|
|
11812
12075
|
`;
|
|
11813
|
-
var FormBody =
|
|
12076
|
+
var FormBody = styled9.div`
|
|
11814
12077
|
display: flex;
|
|
11815
12078
|
flex-direction: column;
|
|
11816
12079
|
gap: 0.75rem;
|
|
11817
12080
|
`;
|
|
11818
|
-
var SubscribeButton =
|
|
12081
|
+
var SubscribeButton = styled9.button`
|
|
11819
12082
|
width: 100%;
|
|
11820
12083
|
margin-top: 1rem;
|
|
11821
12084
|
padding: 0.875rem;
|
|
@@ -11840,13 +12103,13 @@ var SubscribeButton = styled19.button`
|
|
|
11840
12103
|
color: #0a0a0a;
|
|
11841
12104
|
}
|
|
11842
12105
|
`;
|
|
11843
|
-
var BalanceCards =
|
|
12106
|
+
var BalanceCards = styled9.div`
|
|
11844
12107
|
display: flex;
|
|
11845
12108
|
gap: 1rem;
|
|
11846
12109
|
margin-top: 1rem;
|
|
11847
12110
|
flex-wrap: wrap;
|
|
11848
12111
|
`;
|
|
11849
|
-
var BalanceCard =
|
|
12112
|
+
var BalanceCard = styled9.div`
|
|
11850
12113
|
flex: 1;
|
|
11851
12114
|
background: rgba(255,255,255,0.03);
|
|
11852
12115
|
border-radius: 12px;
|
|
@@ -11854,14 +12117,14 @@ var BalanceCard = styled19.div`
|
|
|
11854
12117
|
text-align: center;
|
|
11855
12118
|
position: relative;
|
|
11856
12119
|
`;
|
|
11857
|
-
var BalanceLabel =
|
|
12120
|
+
var BalanceLabel = styled9.div`
|
|
11858
12121
|
font-size: 0.75rem;
|
|
11859
12122
|
color: var(--color-text-secondary);
|
|
11860
12123
|
text-transform: uppercase;
|
|
11861
12124
|
letter-spacing: 0.5px;
|
|
11862
12125
|
margin-bottom: 0.5rem;
|
|
11863
12126
|
`;
|
|
11864
|
-
var BalanceValue =
|
|
12127
|
+
var BalanceValue = styled9.div`
|
|
11865
12128
|
font-size: 1.5rem;
|
|
11866
12129
|
font-weight: 700;
|
|
11867
12130
|
color: #fff;
|
|
@@ -11877,20 +12140,20 @@ var BalanceValue = styled19.div`
|
|
|
11877
12140
|
font-size: 1.2rem;
|
|
11878
12141
|
}
|
|
11879
12142
|
`;
|
|
11880
|
-
var BalanceAction =
|
|
12143
|
+
var BalanceAction = styled9.div`
|
|
11881
12144
|
font-size: 0.75rem;
|
|
11882
12145
|
color: #D4AF37;
|
|
11883
12146
|
cursor: pointer;
|
|
11884
12147
|
font-weight: 500;
|
|
11885
12148
|
margin-top: 0.5rem;
|
|
11886
12149
|
`;
|
|
11887
|
-
var BalanceSub =
|
|
12150
|
+
var BalanceSub = styled9.div`
|
|
11888
12151
|
font-size: 0.85rem;
|
|
11889
12152
|
font-weight: 500;
|
|
11890
12153
|
color: var(--color-text-secondary);
|
|
11891
12154
|
margin-top: 0.25rem;
|
|
11892
12155
|
`;
|
|
11893
|
-
var OrderPendingCard =
|
|
12156
|
+
var OrderPendingCard = styled9.div`
|
|
11894
12157
|
margin-bottom: 1.5rem;
|
|
11895
12158
|
background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
|
|
11896
12159
|
border: 1px solid rgba(212,175,55,0.08);
|
|
@@ -11994,7 +12257,7 @@ var OrderPendingCard = styled19.div`
|
|
|
11994
12257
|
animation: pulse 2s ease-in-out infinite;
|
|
11995
12258
|
}
|
|
11996
12259
|
`;
|
|
11997
|
-
var OrderSuccessCard =
|
|
12260
|
+
var OrderSuccessCard = styled9.div`
|
|
11998
12261
|
margin-bottom: 1.5rem;
|
|
11999
12262
|
background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
|
|
12000
12263
|
border: 1px solid rgba(212,175,55,0.12);
|
|
@@ -12098,7 +12361,7 @@ var OrderSuccessCard = styled19.div`
|
|
|
12098
12361
|
transition: all 0.2s ease;
|
|
12099
12362
|
}
|
|
12100
12363
|
`;
|
|
12101
|
-
var InsufficientFunds =
|
|
12364
|
+
var InsufficientFunds = styled9.div`
|
|
12102
12365
|
margin-top: 1rem;
|
|
12103
12366
|
padding: 0.75rem 1rem;
|
|
12104
12367
|
border-radius: 8px;
|
|
@@ -12616,14 +12879,14 @@ function PortfolioActivityPanel({
|
|
|
12616
12879
|
] }) })
|
|
12617
12880
|
] });
|
|
12618
12881
|
}
|
|
12619
|
-
var Container3 =
|
|
12620
|
-
var PanelTitle =
|
|
12882
|
+
var Container3 = styled9.div``;
|
|
12883
|
+
var PanelTitle = styled9.h3`
|
|
12621
12884
|
font-size: 1rem;
|
|
12622
12885
|
font-weight: 600;
|
|
12623
12886
|
color: var(--color-text, #fff);
|
|
12624
12887
|
margin: 0 0 0.75rem;
|
|
12625
12888
|
`;
|
|
12626
|
-
var TabContainer =
|
|
12889
|
+
var TabContainer = styled9.div`
|
|
12627
12890
|
display: flex;
|
|
12628
12891
|
gap: 0;
|
|
12629
12892
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
@@ -12634,7 +12897,7 @@ var TabContainer = styled19.div`
|
|
|
12634
12897
|
scrollbar-width: none;
|
|
12635
12898
|
&::-webkit-scrollbar { display: none; }
|
|
12636
12899
|
`;
|
|
12637
|
-
var Tab =
|
|
12900
|
+
var Tab = styled9.button`
|
|
12638
12901
|
background: transparent;
|
|
12639
12902
|
border: none;
|
|
12640
12903
|
padding: 0.6rem 1rem;
|
|
@@ -12663,12 +12926,12 @@ var Tab = styled19.button`
|
|
|
12663
12926
|
color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
|
|
12664
12927
|
}
|
|
12665
12928
|
`;
|
|
12666
|
-
var TabCount =
|
|
12929
|
+
var TabCount = styled9.span`
|
|
12667
12930
|
color: #E6C656;
|
|
12668
12931
|
font-weight: 600;
|
|
12669
12932
|
margin-left: 2px;
|
|
12670
12933
|
`;
|
|
12671
|
-
|
|
12934
|
+
styled9.div`
|
|
12672
12935
|
display: grid;
|
|
12673
12936
|
grid-template-columns: auto 1fr auto auto;
|
|
12674
12937
|
align-items: center;
|
|
@@ -12684,7 +12947,7 @@ styled19.div`
|
|
|
12684
12947
|
background: rgba(255, 255, 255, 0.015);
|
|
12685
12948
|
}
|
|
12686
12949
|
`;
|
|
12687
|
-
|
|
12950
|
+
styled9.span`
|
|
12688
12951
|
font-size: 0.6rem;
|
|
12689
12952
|
font-weight: 700;
|
|
12690
12953
|
text-transform: uppercase;
|
|
@@ -12696,21 +12959,21 @@ styled19.span`
|
|
|
12696
12959
|
color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
|
|
12697
12960
|
background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
|
|
12698
12961
|
`;
|
|
12699
|
-
|
|
12962
|
+
styled9.div`
|
|
12700
12963
|
display: flex;
|
|
12701
12964
|
flex-direction: column;
|
|
12702
12965
|
gap: 0.1rem;
|
|
12703
12966
|
`;
|
|
12704
|
-
|
|
12967
|
+
styled9.span`
|
|
12705
12968
|
font-size: 0.8rem;
|
|
12706
12969
|
color: #fff;
|
|
12707
12970
|
font-weight: 500;
|
|
12708
12971
|
`;
|
|
12709
|
-
|
|
12972
|
+
styled9.span`
|
|
12710
12973
|
font-size: 0.6rem;
|
|
12711
12974
|
color: rgba(255, 255, 255, 0.35);
|
|
12712
12975
|
`;
|
|
12713
|
-
var ActivityTag =
|
|
12976
|
+
var ActivityTag = styled9.span`
|
|
12714
12977
|
font-size: 0.58rem;
|
|
12715
12978
|
font-weight: 600;
|
|
12716
12979
|
padding: 0.15rem 0.45rem;
|
|
@@ -12719,20 +12982,20 @@ var ActivityTag = styled19.span`
|
|
|
12719
12982
|
background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
|
|
12720
12983
|
white-space: nowrap;
|
|
12721
12984
|
`;
|
|
12722
|
-
|
|
12985
|
+
styled9.span`
|
|
12723
12986
|
font-size: 0.8rem;
|
|
12724
12987
|
font-weight: 600;
|
|
12725
12988
|
color: #fff;
|
|
12726
12989
|
text-align: right;
|
|
12727
12990
|
white-space: nowrap;
|
|
12728
12991
|
`;
|
|
12729
|
-
|
|
12992
|
+
styled9.div`
|
|
12730
12993
|
display: flex;
|
|
12731
12994
|
align-items: center;
|
|
12732
12995
|
justify-content: flex-end;
|
|
12733
12996
|
gap: 0.35rem;
|
|
12734
12997
|
`;
|
|
12735
|
-
|
|
12998
|
+
styled9.a`
|
|
12736
12999
|
display: inline-flex;
|
|
12737
13000
|
align-items: center;
|
|
12738
13001
|
justify-content: center;
|
|
@@ -12754,13 +13017,13 @@ styled19.a`
|
|
|
12754
13017
|
outline-offset: 2px;
|
|
12755
13018
|
}
|
|
12756
13019
|
`;
|
|
12757
|
-
var EmptyState =
|
|
13020
|
+
var EmptyState = styled9.div`
|
|
12758
13021
|
padding: 1.5rem 0.75rem;
|
|
12759
13022
|
text-align: center;
|
|
12760
13023
|
font-size: 0.8rem;
|
|
12761
13024
|
color: rgba(255, 255, 255, 0.45);
|
|
12762
13025
|
`;
|
|
12763
|
-
var PaginationRow =
|
|
13026
|
+
var PaginationRow = styled9.div`
|
|
12764
13027
|
display: flex;
|
|
12765
13028
|
align-items: center;
|
|
12766
13029
|
justify-content: center;
|
|
@@ -12769,7 +13032,7 @@ var PaginationRow = styled19.div`
|
|
|
12769
13032
|
padding-top: 1rem;
|
|
12770
13033
|
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
|
12771
13034
|
`;
|
|
12772
|
-
var PaginationButton =
|
|
13035
|
+
var PaginationButton = styled9.button`
|
|
12773
13036
|
background: transparent;
|
|
12774
13037
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12775
13038
|
border-radius: 8px;
|
|
@@ -12783,25 +13046,25 @@ var PaginationButton = styled19.button`
|
|
|
12783
13046
|
cursor: default;
|
|
12784
13047
|
}
|
|
12785
13048
|
`;
|
|
12786
|
-
var PaginationLabel =
|
|
13049
|
+
var PaginationLabel = styled9.span`
|
|
12787
13050
|
font-size: 0.8rem;
|
|
12788
13051
|
color: rgba(255, 255, 255, 0.4);
|
|
12789
13052
|
`;
|
|
12790
|
-
var PositionsHeader =
|
|
13053
|
+
var PositionsHeader = styled9.div`
|
|
12791
13054
|
display: grid;
|
|
12792
13055
|
grid-template-columns: ${(p) => p.$hasClose ? "1.4fr 0.8fr 1fr 1fr 1fr 1.1fr 110px" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
|
|
12793
13056
|
gap: 0 0.75rem;
|
|
12794
13057
|
padding: 0.4rem 0.5rem;
|
|
12795
13058
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
12796
13059
|
`;
|
|
12797
|
-
var PositionsHeaderCell =
|
|
13060
|
+
var PositionsHeaderCell = styled9.div`
|
|
12798
13061
|
font-size: 0.68rem;
|
|
12799
13062
|
font-weight: 500;
|
|
12800
13063
|
color: rgba(255, 255, 255, 0.4);
|
|
12801
13064
|
text-align: ${(p) => p.$align || "left"};
|
|
12802
13065
|
white-space: nowrap;
|
|
12803
13066
|
`;
|
|
12804
|
-
var SortableHeaderCell =
|
|
13067
|
+
var SortableHeaderCell = styled9.div`
|
|
12805
13068
|
font-size: 0.68rem;
|
|
12806
13069
|
font-weight: 500;
|
|
12807
13070
|
color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
|
|
@@ -12811,7 +13074,7 @@ var SortableHeaderCell = styled19.div`
|
|
|
12811
13074
|
transition: color 0.15s ease;
|
|
12812
13075
|
&:hover { color: rgba(255, 255, 255, 0.7); }
|
|
12813
13076
|
`;
|
|
12814
|
-
var PositionsRow =
|
|
13077
|
+
var PositionsRow = styled9.div`
|
|
12815
13078
|
display: grid;
|
|
12816
13079
|
grid-template-columns: ${(p) => p.$hasClose ? "1.4fr 0.8fr 1fr 1fr 1fr 1.1fr 110px" : "1.2fr 0.8fr 1fr 1fr 1fr 1.2fr"};
|
|
12817
13080
|
align-items: center;
|
|
@@ -12824,29 +13087,29 @@ var PositionsRow = styled19.div`
|
|
|
12824
13087
|
&:hover { background: rgba(255, 255, 255, 0.04); }
|
|
12825
13088
|
&:last-child { border-bottom: none; }
|
|
12826
13089
|
`;
|
|
12827
|
-
var PositionsCell =
|
|
13090
|
+
var PositionsCell = styled9.div`
|
|
12828
13091
|
display: flex;
|
|
12829
13092
|
flex-direction: column;
|
|
12830
13093
|
align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
|
|
12831
13094
|
gap: 0.1rem;
|
|
12832
13095
|
`;
|
|
12833
|
-
var HoldingsPropertyLink =
|
|
13096
|
+
var HoldingsPropertyLink = styled9.span`
|
|
12834
13097
|
font-size: 0.8rem;
|
|
12835
13098
|
font-weight: 600;
|
|
12836
13099
|
color: #fff;
|
|
12837
13100
|
cursor: grab;
|
|
12838
13101
|
&:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
|
|
12839
13102
|
`;
|
|
12840
|
-
var PnLAmount =
|
|
13103
|
+
var PnLAmount = styled9.div`
|
|
12841
13104
|
font-size: 0.85rem;
|
|
12842
13105
|
font-weight: 600;
|
|
12843
13106
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
12844
13107
|
`;
|
|
12845
|
-
var PnLPercentage =
|
|
13108
|
+
var PnLPercentage = styled9.div`
|
|
12846
13109
|
font-size: 0.7rem;
|
|
12847
13110
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
12848
13111
|
`;
|
|
12849
|
-
var CancelButton =
|
|
13112
|
+
var CancelButton = styled9.button`
|
|
12850
13113
|
background: transparent;
|
|
12851
13114
|
border: 1px solid rgba(246, 70, 93, 0.3);
|
|
12852
13115
|
border-radius: 4px;
|
|
@@ -12868,20 +13131,20 @@ var CancelButton = styled19.button`
|
|
|
12868
13131
|
cursor: not-allowed;
|
|
12869
13132
|
}
|
|
12870
13133
|
`;
|
|
12871
|
-
var GridHeader =
|
|
13134
|
+
var GridHeader = styled9.div`
|
|
12872
13135
|
display: grid;
|
|
12873
13136
|
grid-template-columns: ${(p) => p.$columns};
|
|
12874
13137
|
gap: 0 0.75rem;
|
|
12875
13138
|
padding: 0.4rem 0.5rem;
|
|
12876
13139
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
12877
13140
|
`;
|
|
12878
|
-
var GridHeaderCell =
|
|
13141
|
+
var GridHeaderCell = styled9.div`
|
|
12879
13142
|
font-size: 0.68rem;
|
|
12880
13143
|
font-weight: 500;
|
|
12881
13144
|
color: rgba(255, 255, 255, 0.4);
|
|
12882
13145
|
white-space: nowrap;
|
|
12883
13146
|
`;
|
|
12884
|
-
var GridRow =
|
|
13147
|
+
var GridRow = styled9.div`
|
|
12885
13148
|
display: grid;
|
|
12886
13149
|
grid-template-columns: ${(p) => p.$columns};
|
|
12887
13150
|
align-items: center;
|
|
@@ -12891,12 +13154,12 @@ var GridRow = styled19.div`
|
|
|
12891
13154
|
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
|
|
12892
13155
|
&:last-child { border-bottom: none; }
|
|
12893
13156
|
`;
|
|
12894
|
-
var GridCell =
|
|
13157
|
+
var GridCell = styled9.div`
|
|
12895
13158
|
display: flex;
|
|
12896
13159
|
align-items: center;
|
|
12897
13160
|
min-width: 0;
|
|
12898
13161
|
`;
|
|
12899
|
-
var CellText =
|
|
13162
|
+
var CellText = styled9.span`
|
|
12900
13163
|
font-size: 0.8rem;
|
|
12901
13164
|
font-weight: ${(p) => p.$primary ? 600 : 400};
|
|
12902
13165
|
color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
|
|
@@ -12904,12 +13167,12 @@ var CellText = styled19.span`
|
|
|
12904
13167
|
overflow: hidden;
|
|
12905
13168
|
text-overflow: ellipsis;
|
|
12906
13169
|
`;
|
|
12907
|
-
var SideBadge =
|
|
13170
|
+
var SideBadge = styled9.span`
|
|
12908
13171
|
font-size: 0.68rem;
|
|
12909
13172
|
font-weight: 600;
|
|
12910
13173
|
color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
|
|
12911
13174
|
`;
|
|
12912
|
-
var EditableCellWrap =
|
|
13175
|
+
var EditableCellWrap = styled9.span`
|
|
12913
13176
|
display: inline-flex;
|
|
12914
13177
|
align-items: center;
|
|
12915
13178
|
gap: 0.35rem;
|
|
@@ -12926,7 +13189,7 @@ var EditableCellWrap = styled19.span`
|
|
|
12926
13189
|
color: var(--color-accent, #E6C87E);
|
|
12927
13190
|
}
|
|
12928
13191
|
`;
|
|
12929
|
-
var EditInput =
|
|
13192
|
+
var EditInput = styled9.input`
|
|
12930
13193
|
width: 5rem;
|
|
12931
13194
|
background: rgba(255, 255, 255, 0.06);
|
|
12932
13195
|
border: 1px solid rgba(255, 255, 255, 0.15);
|
|
@@ -12948,7 +13211,7 @@ var EditInput = styled19.input`
|
|
|
12948
13211
|
}
|
|
12949
13212
|
-moz-appearance: textfield;
|
|
12950
13213
|
`;
|
|
12951
|
-
var CancelConfirmOverlay =
|
|
13214
|
+
var CancelConfirmOverlay = styled9.div`
|
|
12952
13215
|
position: fixed;
|
|
12953
13216
|
inset: 0;
|
|
12954
13217
|
background: rgba(0, 0, 0, 0.6);
|
|
@@ -12957,7 +13220,7 @@ var CancelConfirmOverlay = styled19.div`
|
|
|
12957
13220
|
justify-content: center;
|
|
12958
13221
|
z-index: 1000;
|
|
12959
13222
|
`;
|
|
12960
|
-
var CancelConfirmModal =
|
|
13223
|
+
var CancelConfirmModal = styled9.div`
|
|
12961
13224
|
background: #1a1a1a;
|
|
12962
13225
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12963
13226
|
border-radius: 12px;
|
|
@@ -12968,22 +13231,22 @@ var CancelConfirmModal = styled19.div`
|
|
|
12968
13231
|
flex-direction: column;
|
|
12969
13232
|
gap: 0.75rem;
|
|
12970
13233
|
`;
|
|
12971
|
-
var CancelConfirmTitle =
|
|
13234
|
+
var CancelConfirmTitle = styled9.div`
|
|
12972
13235
|
font-size: 1rem;
|
|
12973
13236
|
font-weight: 600;
|
|
12974
13237
|
color: #fff;
|
|
12975
13238
|
`;
|
|
12976
|
-
var CancelConfirmBody =
|
|
13239
|
+
var CancelConfirmBody = styled9.div`
|
|
12977
13240
|
font-size: 0.85rem;
|
|
12978
13241
|
color: rgba(255, 255, 255, 0.6);
|
|
12979
13242
|
line-height: 1.5;
|
|
12980
13243
|
`;
|
|
12981
|
-
var CancelConfirmActions =
|
|
13244
|
+
var CancelConfirmActions = styled9.div`
|
|
12982
13245
|
display: flex;
|
|
12983
13246
|
gap: 0.5rem;
|
|
12984
13247
|
margin-top: 0.25rem;
|
|
12985
13248
|
`;
|
|
12986
|
-
var CancelConfirmDismiss =
|
|
13249
|
+
var CancelConfirmDismiss = styled9.button`
|
|
12987
13250
|
flex: 1;
|
|
12988
13251
|
background: rgba(255, 255, 255, 0.06);
|
|
12989
13252
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
@@ -12999,7 +13262,7 @@ var CancelConfirmDismiss = styled19.button`
|
|
|
12999
13262
|
background: rgba(255, 255, 255, 0.1);
|
|
13000
13263
|
}
|
|
13001
13264
|
`;
|
|
13002
|
-
var CancelConfirmProceed =
|
|
13265
|
+
var CancelConfirmProceed = styled9.button`
|
|
13003
13266
|
flex: 1;
|
|
13004
13267
|
background: rgba(246, 70, 93, 0.15);
|
|
13005
13268
|
border: 1px solid rgba(246, 70, 93, 0.4);
|
|
@@ -13020,12 +13283,12 @@ var CancelConfirmProceed = styled19.button`
|
|
|
13020
13283
|
cursor: not-allowed;
|
|
13021
13284
|
}
|
|
13022
13285
|
`;
|
|
13023
|
-
var CloseActions =
|
|
13286
|
+
var CloseActions = styled9.div`
|
|
13024
13287
|
display: flex;
|
|
13025
13288
|
gap: 0.35rem;
|
|
13026
13289
|
align-items: center;
|
|
13027
13290
|
`;
|
|
13028
|
-
var CloseBtn2 =
|
|
13291
|
+
var CloseBtn2 = styled9.button`
|
|
13029
13292
|
background: transparent;
|
|
13030
13293
|
border: 1px solid rgba(230, 200, 126, 0.25);
|
|
13031
13294
|
border-radius: 4px;
|
|
@@ -13045,7 +13308,7 @@ var CloseBtn2 = styled19.button`
|
|
|
13045
13308
|
border-color: rgba(230, 200, 126, 0.5);
|
|
13046
13309
|
}
|
|
13047
13310
|
`;
|
|
13048
|
-
var CloseAllHeaderBtn =
|
|
13311
|
+
var CloseAllHeaderBtn = styled9.button`
|
|
13049
13312
|
background: rgba(230, 200, 126, 0.1);
|
|
13050
13313
|
border: 1px solid rgba(230, 200, 126, 0.3);
|
|
13051
13314
|
border-radius: 4px;
|
|
@@ -13062,7 +13325,7 @@ var CloseAllHeaderBtn = styled19.button`
|
|
|
13062
13325
|
border-color: rgba(230, 200, 126, 0.5);
|
|
13063
13326
|
}
|
|
13064
13327
|
`;
|
|
13065
|
-
var CloseAllOverlay =
|
|
13328
|
+
var CloseAllOverlay = styled9.div`
|
|
13066
13329
|
position: fixed;
|
|
13067
13330
|
inset: 0;
|
|
13068
13331
|
background: rgba(0, 0, 0, 0.6);
|
|
@@ -13071,7 +13334,7 @@ var CloseAllOverlay = styled19.div`
|
|
|
13071
13334
|
justify-content: center;
|
|
13072
13335
|
z-index: 1000;
|
|
13073
13336
|
`;
|
|
13074
|
-
var CloseAllModal =
|
|
13337
|
+
var CloseAllModal = styled9.div`
|
|
13075
13338
|
background: #1a1a1a;
|
|
13076
13339
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
13077
13340
|
border-radius: 12px;
|
|
@@ -13080,7 +13343,7 @@ var CloseAllModal = styled19.div`
|
|
|
13080
13343
|
width: 90%;
|
|
13081
13344
|
position: relative;
|
|
13082
13345
|
`;
|
|
13083
|
-
var CloseAllModalX =
|
|
13346
|
+
var CloseAllModalX = styled9.button`
|
|
13084
13347
|
position: absolute;
|
|
13085
13348
|
top: 0.75rem;
|
|
13086
13349
|
right: 0.75rem;
|
|
@@ -13095,19 +13358,19 @@ var CloseAllModalX = styled19.button`
|
|
|
13095
13358
|
|
|
13096
13359
|
&:hover { color: #fff; }
|
|
13097
13360
|
`;
|
|
13098
|
-
var CloseAllTitle =
|
|
13361
|
+
var CloseAllTitle = styled9.div`
|
|
13099
13362
|
font-size: 1rem;
|
|
13100
13363
|
font-weight: 600;
|
|
13101
13364
|
color: #fff;
|
|
13102
13365
|
margin-bottom: 0.5rem;
|
|
13103
13366
|
`;
|
|
13104
|
-
var CloseAllDesc =
|
|
13367
|
+
var CloseAllDesc = styled9.div`
|
|
13105
13368
|
font-size: 0.8rem;
|
|
13106
13369
|
color: rgba(255, 255, 255, 0.5);
|
|
13107
13370
|
line-height: 1.45;
|
|
13108
13371
|
margin-bottom: 1rem;
|
|
13109
13372
|
`;
|
|
13110
|
-
var CloseAllOption =
|
|
13373
|
+
var CloseAllOption = styled9.div`
|
|
13111
13374
|
display: flex;
|
|
13112
13375
|
align-items: center;
|
|
13113
13376
|
gap: 0.6rem;
|
|
@@ -13121,7 +13384,7 @@ var CloseAllOption = styled19.div`
|
|
|
13121
13384
|
|
|
13122
13385
|
&:hover { background: rgba(255, 255, 255, 0.04); }
|
|
13123
13386
|
`;
|
|
13124
|
-
var CloseAllRadio =
|
|
13387
|
+
var CloseAllRadio = styled9.div`
|
|
13125
13388
|
width: 16px;
|
|
13126
13389
|
height: 16px;
|
|
13127
13390
|
border-radius: 50%;
|
|
@@ -13143,7 +13406,7 @@ var CloseAllRadio = styled19.div`
|
|
|
13143
13406
|
transition: background 0.15s;
|
|
13144
13407
|
}
|
|
13145
13408
|
`;
|
|
13146
|
-
var CloseAllConfirmBtn =
|
|
13409
|
+
var CloseAllConfirmBtn = styled9.button`
|
|
13147
13410
|
width: 100%;
|
|
13148
13411
|
margin-top: 0.75rem;
|
|
13149
13412
|
background: rgba(246, 70, 93, 0.15);
|
|
@@ -13189,7 +13452,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
|
|
|
13189
13452
|
) })
|
|
13190
13453
|
] });
|
|
13191
13454
|
}
|
|
13192
|
-
var Row2 =
|
|
13455
|
+
var Row2 = styled9.div`
|
|
13193
13456
|
display: grid;
|
|
13194
13457
|
grid-template-columns: 1fr 2fr;
|
|
13195
13458
|
gap: 1.5rem;
|
|
@@ -13207,7 +13470,7 @@ var Row2 = styled19.div`
|
|
|
13207
13470
|
overflow: hidden;
|
|
13208
13471
|
}
|
|
13209
13472
|
`;
|
|
13210
|
-
var ActivityWrapper =
|
|
13473
|
+
var ActivityWrapper = styled9.div`
|
|
13211
13474
|
background-color: var(--color-card-darker, #111);
|
|
13212
13475
|
border-radius: 8px;
|
|
13213
13476
|
padding: 1.5rem;
|
|
@@ -13323,7 +13586,7 @@ function OrderConfirmationModal({
|
|
|
13323
13586
|
] })
|
|
13324
13587
|
] }) });
|
|
13325
13588
|
}
|
|
13326
|
-
var Overlay3 =
|
|
13589
|
+
var Overlay3 = styled9.div`
|
|
13327
13590
|
position: fixed;
|
|
13328
13591
|
top: 0;
|
|
13329
13592
|
left: 0;
|
|
@@ -13336,7 +13599,7 @@ var Overlay3 = styled19.div`
|
|
|
13336
13599
|
z-index: 10000;
|
|
13337
13600
|
backdrop-filter: blur(4px);
|
|
13338
13601
|
`;
|
|
13339
|
-
var Modal =
|
|
13602
|
+
var Modal = styled9.div`
|
|
13340
13603
|
background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
|
|
13341
13604
|
border: 1px solid rgba(255,255,255,0.1);
|
|
13342
13605
|
border-radius: 16px;
|
|
@@ -13345,7 +13608,7 @@ var Modal = styled19.div`
|
|
|
13345
13608
|
width: 90%;
|
|
13346
13609
|
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
|
|
13347
13610
|
`;
|
|
13348
|
-
var ModalHeader =
|
|
13611
|
+
var ModalHeader = styled9.div`
|
|
13349
13612
|
display: flex;
|
|
13350
13613
|
align-items: center;
|
|
13351
13614
|
margin-bottom: 1.5rem;
|
|
@@ -13361,7 +13624,7 @@ var ModalHeader = styled19.div`
|
|
|
13361
13624
|
gap: 0.5rem;
|
|
13362
13625
|
}
|
|
13363
13626
|
`;
|
|
13364
|
-
var Badge2 =
|
|
13627
|
+
var Badge2 = styled9.span`
|
|
13365
13628
|
padding: 0.25rem 0.75rem;
|
|
13366
13629
|
border-radius: 6px;
|
|
13367
13630
|
font-size: 0.75rem;
|
|
@@ -13372,12 +13635,12 @@ var Badge2 = styled19.span`
|
|
|
13372
13635
|
color: #D4AF37;
|
|
13373
13636
|
border: 1px solid rgba(212,175,55,0.3);
|
|
13374
13637
|
`;
|
|
13375
|
-
var ModalBody =
|
|
13638
|
+
var ModalBody = styled9.div`
|
|
13376
13639
|
margin-bottom: 1.5rem;
|
|
13377
13640
|
display: flex;
|
|
13378
13641
|
flex-direction: column;
|
|
13379
13642
|
`;
|
|
13380
|
-
var ModalRow =
|
|
13643
|
+
var ModalRow = styled9.div`
|
|
13381
13644
|
display: flex;
|
|
13382
13645
|
justify-content: space-between;
|
|
13383
13646
|
align-items: center;
|
|
@@ -13400,7 +13663,7 @@ var ModalRow = styled19.div`
|
|
|
13400
13663
|
font-weight: 600;
|
|
13401
13664
|
}
|
|
13402
13665
|
`;
|
|
13403
|
-
var Warning =
|
|
13666
|
+
var Warning = styled9.div`
|
|
13404
13667
|
background: rgba(246,70,93,0.1);
|
|
13405
13668
|
border: 1px solid rgba(246,70,93,0.3);
|
|
13406
13669
|
border-radius: 8px;
|
|
@@ -13420,7 +13683,7 @@ var Warning = styled19.div`
|
|
|
13420
13683
|
line-height: 1.5;
|
|
13421
13684
|
}
|
|
13422
13685
|
`;
|
|
13423
|
-
var Summary =
|
|
13686
|
+
var Summary = styled9.div`
|
|
13424
13687
|
background: rgba(255,255,255,0.03);
|
|
13425
13688
|
border: 1px solid rgba(255,255,255,0.08);
|
|
13426
13689
|
border-radius: 8px;
|
|
@@ -13433,7 +13696,7 @@ var Summary = styled19.div`
|
|
|
13433
13696
|
var spin = keyframes`
|
|
13434
13697
|
to { transform: rotate(360deg); }
|
|
13435
13698
|
`;
|
|
13436
|
-
var Spinner =
|
|
13699
|
+
var Spinner = styled9.span`
|
|
13437
13700
|
display: inline-block;
|
|
13438
13701
|
width: 14px;
|
|
13439
13702
|
height: 14px;
|
|
@@ -13444,7 +13707,7 @@ var Spinner = styled19.span`
|
|
|
13444
13707
|
margin-right: 0.5rem;
|
|
13445
13708
|
vertical-align: -2px;
|
|
13446
13709
|
`;
|
|
13447
|
-
var ButtonRow2 =
|
|
13710
|
+
var ButtonRow2 = styled9.div`
|
|
13448
13711
|
display: flex;
|
|
13449
13712
|
gap: 1rem;
|
|
13450
13713
|
justify-content: flex-end;
|
|
@@ -13766,7 +14029,7 @@ function PropertyBuy({
|
|
|
13766
14029
|
)
|
|
13767
14030
|
] });
|
|
13768
14031
|
}
|
|
13769
|
-
var HeroGrid =
|
|
14032
|
+
var HeroGrid = styled9.div`
|
|
13770
14033
|
display: grid;
|
|
13771
14034
|
grid-template-columns: 1fr auto;
|
|
13772
14035
|
grid-template-rows: auto auto minmax(450px, 520px);
|
|
@@ -13835,7 +14098,7 @@ var HeroGrid = styled19.div`
|
|
|
13835
14098
|
gap: 0.5rem;
|
|
13836
14099
|
}
|
|
13837
14100
|
`;
|
|
13838
|
-
var PaymentOption =
|
|
14101
|
+
var PaymentOption = styled9.div`
|
|
13839
14102
|
display: flex;
|
|
13840
14103
|
align-items: center;
|
|
13841
14104
|
padding: 1rem;
|
|
@@ -13852,7 +14115,7 @@ var PaymentOption = styled19.div`
|
|
|
13852
14115
|
border-color: rgba(0, 123, 255, 0.5);
|
|
13853
14116
|
}
|
|
13854
14117
|
`;
|
|
13855
|
-
var RadioIndicator =
|
|
14118
|
+
var RadioIndicator = styled9.div`
|
|
13856
14119
|
width: 20px;
|
|
13857
14120
|
height: 20px;
|
|
13858
14121
|
border-radius: 50%;
|
|
@@ -13872,7 +14135,7 @@ var RadioIndicator = styled19.div`
|
|
|
13872
14135
|
transition: opacity 0.2s;
|
|
13873
14136
|
}
|
|
13874
14137
|
`;
|
|
13875
|
-
var PaymentMethodDetails =
|
|
14138
|
+
var PaymentMethodDetails = styled9.div`
|
|
13876
14139
|
background: rgba(0, 0, 0, 0.2);
|
|
13877
14140
|
border-radius: 8px;
|
|
13878
14141
|
padding: 1rem;
|
|
@@ -13891,7 +14154,7 @@ var PaymentMethodDetails = styled19.div`
|
|
|
13891
14154
|
}
|
|
13892
14155
|
}
|
|
13893
14156
|
`;
|
|
13894
|
-
var ConfirmButton =
|
|
14157
|
+
var ConfirmButton = styled9.button`
|
|
13895
14158
|
background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
|
|
13896
14159
|
border: none;
|
|
13897
14160
|
border-radius: 8px;
|
|
@@ -14609,7 +14872,7 @@ var OwnerBooking = ({ propertyName, token }) => {
|
|
|
14609
14872
|
] });
|
|
14610
14873
|
};
|
|
14611
14874
|
var owner_booking_default = OwnerBooking;
|
|
14612
|
-
var DateSelectorDropdown =
|
|
14875
|
+
var DateSelectorDropdown = styled9.div`
|
|
14613
14876
|
position: absolute;
|
|
14614
14877
|
top: calc(100% + 0.5rem);
|
|
14615
14878
|
left: 0;
|
|
@@ -14623,7 +14886,7 @@ var DateSelectorDropdown = styled19.div`
|
|
|
14623
14886
|
display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
|
|
14624
14887
|
z-index: 10;
|
|
14625
14888
|
`;
|
|
14626
|
-
var MonthButton =
|
|
14889
|
+
var MonthButton = styled9.button`
|
|
14627
14890
|
background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
|
|
14628
14891
|
border: 1px solid
|
|
14629
14892
|
${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
|
|
@@ -14639,7 +14902,7 @@ var MonthButton = styled19.button`
|
|
|
14639
14902
|
border-color: rgba(212, 175, 55, 0.5);
|
|
14640
14903
|
}
|
|
14641
14904
|
`;
|
|
14642
|
-
var DayCell =
|
|
14905
|
+
var DayCell = styled9.div`
|
|
14643
14906
|
aspect-ratio: 1;
|
|
14644
14907
|
display: flex;
|
|
14645
14908
|
align-items: center;
|
|
@@ -14673,7 +14936,7 @@ var DayCell = styled19.div`
|
|
|
14673
14936
|
opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
|
|
14674
14937
|
}
|
|
14675
14938
|
`;
|
|
14676
|
-
var AddDateRangeButton =
|
|
14939
|
+
var AddDateRangeButton = styled9.button`
|
|
14677
14940
|
flex: 1;
|
|
14678
14941
|
min-width: 180px;
|
|
14679
14942
|
background: rgba(212, 175, 55, 0.18);
|
|
@@ -14695,21 +14958,21 @@ var AddDateRangeButton = styled19.button`
|
|
|
14695
14958
|
cursor: not-allowed;
|
|
14696
14959
|
}
|
|
14697
14960
|
`;
|
|
14698
|
-
var ConfirmButton2 =
|
|
14961
|
+
var ConfirmButton2 = styled9(AddDateRangeButton)`
|
|
14699
14962
|
flex: 0 0 auto;
|
|
14700
14963
|
min-width: 140px;
|
|
14701
14964
|
background: rgba(212, 175, 55, 0.35);
|
|
14702
14965
|
border-color: rgba(212, 175, 55, 0.6);
|
|
14703
14966
|
font-weight: 600;
|
|
14704
14967
|
`;
|
|
14705
|
-
var ReservationCard =
|
|
14968
|
+
var ReservationCard = styled9.div`
|
|
14706
14969
|
background: rgba(0, 0, 0, 0.4);
|
|
14707
14970
|
border-radius: 12px;
|
|
14708
14971
|
padding: 1rem;
|
|
14709
14972
|
margin-top: 1rem;
|
|
14710
14973
|
border-left: 4px solid ${({ $accent }) => $accent};
|
|
14711
14974
|
`;
|
|
14712
|
-
var ActionButton =
|
|
14975
|
+
var ActionButton = styled9.button`
|
|
14713
14976
|
background: none;
|
|
14714
14977
|
border: none;
|
|
14715
14978
|
color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
|
|
@@ -15159,7 +15422,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
|
|
|
15159
15422
|
}
|
|
15160
15423
|
return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
|
|
15161
15424
|
}
|
|
15162
|
-
var ValuationIndicator =
|
|
15425
|
+
var ValuationIndicator = styled9.div`
|
|
15163
15426
|
background-color: rgba(50, 52, 58, 0.95);
|
|
15164
15427
|
border-radius: 6px;
|
|
15165
15428
|
padding: 1rem;
|
|
@@ -15181,7 +15444,7 @@ var ValuationIndicator = styled19.div`
|
|
|
15181
15444
|
}
|
|
15182
15445
|
}
|
|
15183
15446
|
`;
|
|
15184
|
-
var GaugeIndicator =
|
|
15447
|
+
var GaugeIndicator = styled9.div`
|
|
15185
15448
|
position: absolute;
|
|
15186
15449
|
left: ${(props) => props.position}%;
|
|
15187
15450
|
top: 0.35rem;
|
|
@@ -15192,7 +15455,7 @@ var GaugeIndicator = styled19.div`
|
|
|
15192
15455
|
background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
|
|
15193
15456
|
box-shadow: ${(props) => props.type === "lastPrice" ? "0 6px 18px rgba(0, 0, 0, 0.65)" : "0 6px 16px rgba(0, 0, 0, 0.45)"};
|
|
15194
15457
|
`;
|
|
15195
|
-
var GaugePriceTag =
|
|
15458
|
+
var GaugePriceTag = styled9.div`
|
|
15196
15459
|
position: absolute;
|
|
15197
15460
|
left: ${(props) => props.position}%;
|
|
15198
15461
|
top: -46px;
|
|
@@ -15217,18 +15480,18 @@ var GaugePriceTag = styled19.div`
|
|
|
15217
15480
|
color: var(--color-accent);
|
|
15218
15481
|
}
|
|
15219
15482
|
`;
|
|
15220
|
-
var HiddenMobileChart =
|
|
15483
|
+
var HiddenMobileChart = styled9.div`
|
|
15221
15484
|
display: none;
|
|
15222
15485
|
@media (max-width: 480px) {
|
|
15223
15486
|
display: block;
|
|
15224
15487
|
}
|
|
15225
15488
|
`;
|
|
15226
|
-
var ValuationWrapper =
|
|
15489
|
+
var ValuationWrapper = styled9.div`
|
|
15227
15490
|
display: flex;
|
|
15228
15491
|
flex-direction: column;
|
|
15229
15492
|
gap: 2rem;
|
|
15230
15493
|
`;
|
|
15231
|
-
var LoadingOverlay =
|
|
15494
|
+
var LoadingOverlay = styled9.div`
|
|
15232
15495
|
margin-top: 1rem;
|
|
15233
15496
|
padding: 0.75rem 1rem;
|
|
15234
15497
|
border-radius: 8px;
|
|
@@ -15236,7 +15499,7 @@ var LoadingOverlay = styled19.div`
|
|
|
15236
15499
|
color: rgba(255, 255, 255, 0.8);
|
|
15237
15500
|
font-size: 0.9rem;
|
|
15238
15501
|
`;
|
|
15239
|
-
var ErrorMessage =
|
|
15502
|
+
var ErrorMessage = styled9.div`
|
|
15240
15503
|
margin-top: 1rem;
|
|
15241
15504
|
padding: 0.75rem 1rem;
|
|
15242
15505
|
border-radius: 8px;
|
|
@@ -15245,33 +15508,33 @@ var ErrorMessage = styled19.div`
|
|
|
15245
15508
|
font-size: 0.9rem;
|
|
15246
15509
|
border: 1px solid rgba(244, 67, 54, 0.4);
|
|
15247
15510
|
`;
|
|
15248
|
-
var SectionTitle =
|
|
15511
|
+
var SectionTitle = styled9.h2`
|
|
15249
15512
|
margin: 0;
|
|
15250
15513
|
font-size: clamp(1.75rem, 2.5vw, 2.25rem);
|
|
15251
15514
|
font-weight: 600;
|
|
15252
15515
|
color: #fff;
|
|
15253
15516
|
letter-spacing: 0.01em;
|
|
15254
15517
|
`;
|
|
15255
|
-
var LoafPricingSection =
|
|
15518
|
+
var LoafPricingSection = styled9.div`
|
|
15256
15519
|
background-color: rgba(30, 32, 38, 0.95);
|
|
15257
15520
|
border-radius: 8px;
|
|
15258
15521
|
padding: 1.25rem;
|
|
15259
15522
|
margin-bottom: 1.5rem;
|
|
15260
15523
|
`;
|
|
15261
|
-
var SectionSubheading =
|
|
15524
|
+
var SectionSubheading = styled9.h2`
|
|
15262
15525
|
margin: 0;
|
|
15263
15526
|
font-size: 1.1rem;
|
|
15264
15527
|
font-weight: 600;
|
|
15265
15528
|
color: #fff;
|
|
15266
15529
|
letter-spacing: 0.02em;
|
|
15267
15530
|
`;
|
|
15268
|
-
var PricingModelCard =
|
|
15531
|
+
var PricingModelCard = styled9.div`
|
|
15269
15532
|
background-color: rgba(40, 42, 48, 0.95);
|
|
15270
15533
|
border-radius: 8px;
|
|
15271
15534
|
padding: 1.5rem;
|
|
15272
15535
|
margin-top: 1rem;
|
|
15273
15536
|
`;
|
|
15274
|
-
var PricingModelHeader =
|
|
15537
|
+
var PricingModelHeader = styled9.div`
|
|
15275
15538
|
display: flex;
|
|
15276
15539
|
justify-content: space-between;
|
|
15277
15540
|
align-items: center;
|
|
@@ -15286,13 +15549,13 @@ var PricingModelHeader = styled19.div`
|
|
|
15286
15549
|
color: rgba(255, 255, 255, 0.75);
|
|
15287
15550
|
}
|
|
15288
15551
|
`;
|
|
15289
|
-
var PricingModelTitle =
|
|
15552
|
+
var PricingModelTitle = styled9.h3`
|
|
15290
15553
|
margin: 0;
|
|
15291
15554
|
font-size: 1.2rem;
|
|
15292
15555
|
font-weight: 600;
|
|
15293
15556
|
color: #fff;
|
|
15294
15557
|
`;
|
|
15295
|
-
var PricingModelValue =
|
|
15558
|
+
var PricingModelValue = styled9.div`
|
|
15296
15559
|
font-size: 1.4rem;
|
|
15297
15560
|
font-weight: 700;
|
|
15298
15561
|
color: var(--color-primary);
|
|
@@ -15301,43 +15564,43 @@ var PricingModelValue = styled19.div`
|
|
|
15301
15564
|
font-size: 1.2rem;
|
|
15302
15565
|
}
|
|
15303
15566
|
`;
|
|
15304
|
-
var PricingModelDetails =
|
|
15567
|
+
var PricingModelDetails = styled9.div`
|
|
15305
15568
|
display: grid;
|
|
15306
15569
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
15307
15570
|
gap: 1.5rem;
|
|
15308
15571
|
margin-bottom: 1.5rem;
|
|
15309
15572
|
`;
|
|
15310
|
-
var PricingModelDetail =
|
|
15573
|
+
var PricingModelDetail = styled9.div`
|
|
15311
15574
|
background-color: rgba(50, 52, 58, 0.95);
|
|
15312
15575
|
border-radius: 6px;
|
|
15313
15576
|
padding: 1rem;
|
|
15314
15577
|
`;
|
|
15315
|
-
var PropertyDetailLabel =
|
|
15578
|
+
var PropertyDetailLabel = styled9.div`
|
|
15316
15579
|
font-size: 0.85rem;
|
|
15317
15580
|
color: rgba(255, 255, 255, 0.7);
|
|
15318
15581
|
margin-bottom: 0.5rem;
|
|
15319
15582
|
`;
|
|
15320
|
-
var PricingDetailValue =
|
|
15583
|
+
var PricingDetailValue = styled9.div`
|
|
15321
15584
|
font-size: 1rem;
|
|
15322
15585
|
color: #fff;
|
|
15323
15586
|
font-weight: 500;
|
|
15324
15587
|
`;
|
|
15325
|
-
var ValuationHeader =
|
|
15588
|
+
var ValuationHeader = styled9.div`
|
|
15326
15589
|
display: flex;
|
|
15327
15590
|
justify-content: space-between;
|
|
15328
15591
|
margin-bottom: 0.75rem;
|
|
15329
15592
|
`;
|
|
15330
|
-
var ValuationTitle =
|
|
15593
|
+
var ValuationTitle = styled9.div`
|
|
15331
15594
|
font-size: 0.9rem;
|
|
15332
15595
|
color: rgba(255, 255, 255, 0.7);
|
|
15333
15596
|
`;
|
|
15334
|
-
var ValuationGauge =
|
|
15597
|
+
var ValuationGauge = styled9.div`
|
|
15335
15598
|
position: relative;
|
|
15336
15599
|
width: 100%;
|
|
15337
15600
|
padding: 1.1rem 0 2rem;
|
|
15338
15601
|
margin: 0.75rem 0 1rem;
|
|
15339
15602
|
`;
|
|
15340
|
-
var GaugeBackground =
|
|
15603
|
+
var GaugeBackground = styled9.div`
|
|
15341
15604
|
width: 100%;
|
|
15342
15605
|
height: 18px;
|
|
15343
15606
|
border-radius: 999px;
|
|
@@ -15346,21 +15609,21 @@ var GaugeBackground = styled19.div`
|
|
|
15346
15609
|
overflow: hidden;
|
|
15347
15610
|
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
|
|
15348
15611
|
`;
|
|
15349
|
-
var ValuationDetails =
|
|
15612
|
+
var ValuationDetails = styled9.div`
|
|
15350
15613
|
display: flex;
|
|
15351
15614
|
justify-content: space-between;
|
|
15352
15615
|
margin-top: 1rem;
|
|
15353
15616
|
`;
|
|
15354
|
-
var ValuationItem =
|
|
15617
|
+
var ValuationItem = styled9.div`
|
|
15355
15618
|
display: flex;
|
|
15356
15619
|
flex-direction: column;
|
|
15357
15620
|
`;
|
|
15358
|
-
var ValuationValue =
|
|
15621
|
+
var ValuationValue = styled9.div`
|
|
15359
15622
|
font-size: 1rem;
|
|
15360
15623
|
font-weight: 600;
|
|
15361
15624
|
color: #fff;
|
|
15362
15625
|
`;
|
|
15363
|
-
var ChartContainer =
|
|
15626
|
+
var ChartContainer = styled9.div`
|
|
15364
15627
|
width: 100%;
|
|
15365
15628
|
height: 301.52px;
|
|
15366
15629
|
margin-top: 1.5rem;
|
|
@@ -15369,14 +15632,14 @@ var ChartContainer = styled19.div`
|
|
|
15369
15632
|
padding: 1rem;
|
|
15370
15633
|
position: relative;
|
|
15371
15634
|
`;
|
|
15372
|
-
var ChartBackground =
|
|
15635
|
+
var ChartBackground = styled9.div`
|
|
15373
15636
|
position: relative;
|
|
15374
15637
|
height: 100%;
|
|
15375
15638
|
width: 100%;
|
|
15376
15639
|
background: rgba(255, 255, 255, 0.03);
|
|
15377
15640
|
border-radius: 8px;
|
|
15378
15641
|
`;
|
|
15379
|
-
var ValuationSvg =
|
|
15642
|
+
var ValuationSvg = styled9.svg`
|
|
15380
15643
|
position: absolute;
|
|
15381
15644
|
top: 10px;
|
|
15382
15645
|
right: 0;
|
|
@@ -15386,7 +15649,7 @@ var ValuationSvg = styled19.svg`
|
|
|
15386
15649
|
width: 100%;
|
|
15387
15650
|
height: calc(100% - 35px);
|
|
15388
15651
|
`;
|
|
15389
|
-
var YAxisLabel =
|
|
15652
|
+
var YAxisLabel = styled9.div`
|
|
15390
15653
|
position: absolute;
|
|
15391
15654
|
left: -40px;
|
|
15392
15655
|
font-size: 10px;
|
|
@@ -15394,7 +15657,7 @@ var YAxisLabel = styled19.div`
|
|
|
15394
15657
|
text-align: right;
|
|
15395
15658
|
padding-right: 5px;
|
|
15396
15659
|
`;
|
|
15397
|
-
var ValuationCallout =
|
|
15660
|
+
var ValuationCallout = styled9.div`
|
|
15398
15661
|
display: flex;
|
|
15399
15662
|
align-items: center;
|
|
15400
15663
|
justify-content: space-between;
|
|
@@ -15404,7 +15667,7 @@ var ValuationCallout = styled19.div`
|
|
|
15404
15667
|
border: 1px solid rgba(76, 175, 80, 0.2);
|
|
15405
15668
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
15406
15669
|
`;
|
|
15407
|
-
var ValuationBadge =
|
|
15670
|
+
var ValuationBadge = styled9.div`
|
|
15408
15671
|
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
|
|
15409
15672
|
color: white;
|
|
15410
15673
|
padding: 5px 12px;
|
|
@@ -15413,17 +15676,17 @@ var ValuationBadge = styled19.div`
|
|
|
15413
15676
|
font-weight: 600;
|
|
15414
15677
|
box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
|
|
15415
15678
|
`;
|
|
15416
|
-
var AreaDemandChart =
|
|
15679
|
+
var AreaDemandChart = styled9.div`
|
|
15417
15680
|
height: 60px;
|
|
15418
15681
|
width: 100%;
|
|
15419
15682
|
position: relative;
|
|
15420
15683
|
`;
|
|
15421
|
-
var ChartLabel =
|
|
15684
|
+
var ChartLabel = styled9.div`
|
|
15422
15685
|
position: absolute;
|
|
15423
15686
|
font-size: 9px;
|
|
15424
15687
|
color: rgba(255, 255, 255, 0.7);
|
|
15425
15688
|
`;
|
|
15426
|
-
var RecentSalesSection =
|
|
15689
|
+
var RecentSalesSection = styled9.div`
|
|
15427
15690
|
background-color: rgba(30, 32, 38, 0.95);
|
|
15428
15691
|
border-radius: 8px;
|
|
15429
15692
|
padding: 1.25rem;
|
|
@@ -15433,7 +15696,7 @@ var RecentSalesSection = styled19.div`
|
|
|
15433
15696
|
position: relative;
|
|
15434
15697
|
}
|
|
15435
15698
|
`;
|
|
15436
|
-
var SalesGrid =
|
|
15699
|
+
var SalesGrid = styled9.div`
|
|
15437
15700
|
display: grid;
|
|
15438
15701
|
grid-template-columns: repeat(3, 1fr);
|
|
15439
15702
|
gap: 1.5rem;
|
|
@@ -15454,7 +15717,7 @@ var SalesGrid = styled19.div`
|
|
|
15454
15717
|
scrollbar-width: none;
|
|
15455
15718
|
}
|
|
15456
15719
|
`;
|
|
15457
|
-
var SaleCard =
|
|
15720
|
+
var SaleCard = styled9.div`
|
|
15458
15721
|
background-color: var(--color-card, #1e2329);
|
|
15459
15722
|
border-radius: var(--border-radius, 8px);
|
|
15460
15723
|
overflow: hidden;
|
|
@@ -15478,13 +15741,13 @@ var SaleCard = styled19.div`
|
|
|
15478
15741
|
}
|
|
15479
15742
|
}
|
|
15480
15743
|
`;
|
|
15481
|
-
var SaleImageContainer =
|
|
15744
|
+
var SaleImageContainer = styled9.div`
|
|
15482
15745
|
position: relative;
|
|
15483
15746
|
width: 100%;
|
|
15484
15747
|
height: 200px;
|
|
15485
15748
|
overflow: hidden;
|
|
15486
15749
|
`;
|
|
15487
|
-
var SaleImage =
|
|
15750
|
+
var SaleImage = styled9.img`
|
|
15488
15751
|
width: 100%;
|
|
15489
15752
|
height: 100%;
|
|
15490
15753
|
object-fit: cover;
|
|
@@ -15495,7 +15758,7 @@ var SaleImage = styled19.img`
|
|
|
15495
15758
|
transform: scale(1.05);
|
|
15496
15759
|
}
|
|
15497
15760
|
`;
|
|
15498
|
-
var SoldTag =
|
|
15761
|
+
var SoldTag = styled9.div`
|
|
15499
15762
|
position: absolute;
|
|
15500
15763
|
top: 1rem;
|
|
15501
15764
|
right: 1rem;
|
|
@@ -15509,10 +15772,10 @@ var SoldTag = styled19.div`
|
|
|
15509
15772
|
align-items: center;
|
|
15510
15773
|
gap: 4px;
|
|
15511
15774
|
`;
|
|
15512
|
-
var SoldIcon =
|
|
15775
|
+
var SoldIcon = styled9.div`
|
|
15513
15776
|
display: none;
|
|
15514
15777
|
`;
|
|
15515
|
-
var SalePriceBar =
|
|
15778
|
+
var SalePriceBar = styled9.div`
|
|
15516
15779
|
display: flex;
|
|
15517
15780
|
justify-content: space-between;
|
|
15518
15781
|
align-items: center;
|
|
@@ -15520,37 +15783,37 @@ var SalePriceBar = styled19.div`
|
|
|
15520
15783
|
background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
|
|
15521
15784
|
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
|
15522
15785
|
`;
|
|
15523
|
-
var SalePriceLeft =
|
|
15786
|
+
var SalePriceLeft = styled9.div`
|
|
15524
15787
|
display: flex;
|
|
15525
15788
|
flex-direction: column;
|
|
15526
15789
|
`;
|
|
15527
|
-
var SalePriceLabel =
|
|
15790
|
+
var SalePriceLabel = styled9.span`
|
|
15528
15791
|
font-size: 0.7rem;
|
|
15529
15792
|
color: rgba(255, 255, 255, 0.5);
|
|
15530
15793
|
text-transform: uppercase;
|
|
15531
15794
|
letter-spacing: 0.5px;
|
|
15532
15795
|
`;
|
|
15533
|
-
var SalePriceAmount =
|
|
15796
|
+
var SalePriceAmount = styled9.span`
|
|
15534
15797
|
font-size: 1.1rem;
|
|
15535
15798
|
font-weight: 700;
|
|
15536
15799
|
color: var(--color-accent, #f0b90b);
|
|
15537
15800
|
`;
|
|
15538
|
-
var SaleContent =
|
|
15801
|
+
var SaleContent = styled9.div`
|
|
15539
15802
|
padding: 1rem;
|
|
15540
15803
|
`;
|
|
15541
|
-
var SaleAddress =
|
|
15804
|
+
var SaleAddress = styled9.h3`
|
|
15542
15805
|
margin: 0;
|
|
15543
15806
|
margin-bottom: 0.25rem;
|
|
15544
15807
|
font-size: 1rem;
|
|
15545
15808
|
font-weight: 600;
|
|
15546
15809
|
color: var(--color-text, #eaecef);
|
|
15547
15810
|
`;
|
|
15548
|
-
var SaleSuburb =
|
|
15811
|
+
var SaleSuburb = styled9.div`
|
|
15549
15812
|
font-size: 0.8rem;
|
|
15550
15813
|
color: var(--color-text-secondary, #848e9c);
|
|
15551
15814
|
margin-bottom: 0.5rem;
|
|
15552
15815
|
`;
|
|
15553
|
-
var SaleStatsBar =
|
|
15816
|
+
var SaleStatsBar = styled9.div`
|
|
15554
15817
|
display: flex;
|
|
15555
15818
|
justify-content: space-between;
|
|
15556
15819
|
align-items: center;
|
|
@@ -15558,7 +15821,7 @@ var SaleStatsBar = styled19.div`
|
|
|
15558
15821
|
background-color: rgba(0, 0, 0, 0.3);
|
|
15559
15822
|
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
|
15560
15823
|
`;
|
|
15561
|
-
var SaleStatItem =
|
|
15824
|
+
var SaleStatItem = styled9.div`
|
|
15562
15825
|
display: flex;
|
|
15563
15826
|
align-items: center;
|
|
15564
15827
|
gap: 0.25rem;
|
|
@@ -15571,11 +15834,11 @@ var SaleStatItem = styled19.div`
|
|
|
15571
15834
|
opacity: 0.7;
|
|
15572
15835
|
}
|
|
15573
15836
|
`;
|
|
15574
|
-
var SaleDate =
|
|
15837
|
+
var SaleDate = styled9.div`
|
|
15575
15838
|
font-size: 0.75rem;
|
|
15576
15839
|
color: var(--color-text-secondary, #848e9c);
|
|
15577
15840
|
`;
|
|
15578
|
-
var SwipeIndicator =
|
|
15841
|
+
var SwipeIndicator = styled9.div`
|
|
15579
15842
|
display: none;
|
|
15580
15843
|
|
|
15581
15844
|
@media (max-width: 768px) {
|
|
@@ -15608,7 +15871,7 @@ var pulse = keyframes`
|
|
|
15608
15871
|
0%, 100% { transform: scale(1); opacity: 0.8; }
|
|
15609
15872
|
50% { transform: scale(1.2); opacity: 1; }
|
|
15610
15873
|
`;
|
|
15611
|
-
var FeatureTooltip =
|
|
15874
|
+
var FeatureTooltip = styled9.div`
|
|
15612
15875
|
position: absolute;
|
|
15613
15876
|
transform: translate(-50%, calc(-100% - 24px));
|
|
15614
15877
|
min-width: 180px;
|
|
@@ -15650,7 +15913,7 @@ var FeatureTooltip = styled19.div`
|
|
|
15650
15913
|
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
|
|
15651
15914
|
}
|
|
15652
15915
|
`;
|
|
15653
|
-
var GalleryOverlay =
|
|
15916
|
+
var GalleryOverlay = styled9.div`
|
|
15654
15917
|
position: fixed;
|
|
15655
15918
|
inset: 0;
|
|
15656
15919
|
z-index: 1000;
|
|
@@ -15659,7 +15922,7 @@ var GalleryOverlay = styled19.div`
|
|
|
15659
15922
|
flex-direction: column;
|
|
15660
15923
|
animation: ${fadeIn} 0.3s ease;
|
|
15661
15924
|
`;
|
|
15662
|
-
var GalleryHeader =
|
|
15925
|
+
var GalleryHeader = styled9.div`
|
|
15663
15926
|
position: relative;
|
|
15664
15927
|
padding: 1.5rem 2rem;
|
|
15665
15928
|
display: flex;
|
|
@@ -15675,7 +15938,7 @@ var GalleryHeader = styled19.div`
|
|
|
15675
15938
|
padding: 1rem;
|
|
15676
15939
|
}
|
|
15677
15940
|
`;
|
|
15678
|
-
var PropertyInfo =
|
|
15941
|
+
var PropertyInfo = styled9.div`
|
|
15679
15942
|
color: white;
|
|
15680
15943
|
|
|
15681
15944
|
h2 {
|
|
@@ -15690,7 +15953,7 @@ var PropertyInfo = styled19.div`
|
|
|
15690
15953
|
font-size: 0.95rem;
|
|
15691
15954
|
}
|
|
15692
15955
|
`;
|
|
15693
|
-
var CloseButton2 =
|
|
15956
|
+
var CloseButton2 = styled9.button`
|
|
15694
15957
|
width: 48px;
|
|
15695
15958
|
height: 48px;
|
|
15696
15959
|
border-radius: 50%;
|
|
@@ -15708,7 +15971,7 @@ var CloseButton2 = styled19.button`
|
|
|
15708
15971
|
transform: rotate(90deg);
|
|
15709
15972
|
}
|
|
15710
15973
|
`;
|
|
15711
|
-
var MainImageContainer =
|
|
15974
|
+
var MainImageContainer = styled9.div`
|
|
15712
15975
|
position: relative;
|
|
15713
15976
|
flex: 1;
|
|
15714
15977
|
display: flex;
|
|
@@ -15720,7 +15983,7 @@ var MainImageContainer = styled19.div`
|
|
|
15720
15983
|
padding: 60px 0 110px;
|
|
15721
15984
|
}
|
|
15722
15985
|
`;
|
|
15723
|
-
var MainImage =
|
|
15986
|
+
var MainImage = styled9.img`
|
|
15724
15987
|
max-width: 90%;
|
|
15725
15988
|
max-height: 100%;
|
|
15726
15989
|
object-fit: contain;
|
|
@@ -15737,7 +16000,7 @@ var MainImage = styled19.img`
|
|
|
15737
16000
|
max-width: 100%;
|
|
15738
16001
|
}
|
|
15739
16002
|
`;
|
|
15740
|
-
var Hotspot =
|
|
16003
|
+
var Hotspot = styled9.button`
|
|
15741
16004
|
position: absolute;
|
|
15742
16005
|
width: 32px;
|
|
15743
16006
|
height: 32px;
|
|
@@ -15756,7 +16019,7 @@ var Hotspot = styled19.button`
|
|
|
15756
16019
|
transform: translate(-50%, -50%) scale(1.2);
|
|
15757
16020
|
}
|
|
15758
16021
|
`;
|
|
15759
|
-
var ThumbnailStrip =
|
|
16022
|
+
var ThumbnailStrip = styled9.div`
|
|
15760
16023
|
position: absolute;
|
|
15761
16024
|
bottom: 0;
|
|
15762
16025
|
left: 0;
|
|
@@ -15771,7 +16034,7 @@ var ThumbnailStrip = styled19.div`
|
|
|
15771
16034
|
display: none;
|
|
15772
16035
|
}
|
|
15773
16036
|
`;
|
|
15774
|
-
var Thumbnail3 =
|
|
16037
|
+
var Thumbnail3 = styled9.button`
|
|
15775
16038
|
width: 86px;
|
|
15776
16039
|
height: 64px;
|
|
15777
16040
|
border-radius: 6px;
|
|
@@ -15792,7 +16055,7 @@ var Thumbnail3 = styled19.button`
|
|
|
15792
16055
|
object-fit: cover;
|
|
15793
16056
|
}
|
|
15794
16057
|
`;
|
|
15795
|
-
var NavigationButton =
|
|
16058
|
+
var NavigationButton = styled9.button`
|
|
15796
16059
|
position: absolute;
|
|
15797
16060
|
top: 50%;
|
|
15798
16061
|
${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
|
|
@@ -15812,7 +16075,7 @@ var NavigationButton = styled19.button`
|
|
|
15812
16075
|
display: none;
|
|
15813
16076
|
}
|
|
15814
16077
|
`;
|
|
15815
|
-
var SliderContainer =
|
|
16078
|
+
var SliderContainer = styled9.div`
|
|
15816
16079
|
position: absolute;
|
|
15817
16080
|
bottom: 110px;
|
|
15818
16081
|
left: 50%;
|
|
@@ -15829,21 +16092,21 @@ var SliderContainer = styled19.div`
|
|
|
15829
16092
|
width: 85%;
|
|
15830
16093
|
}
|
|
15831
16094
|
`;
|
|
15832
|
-
var SliderTrack =
|
|
16095
|
+
var SliderTrack = styled9.div`
|
|
15833
16096
|
position: relative;
|
|
15834
16097
|
height: 4px;
|
|
15835
16098
|
background: rgba(255, 255, 255, 0.2);
|
|
15836
16099
|
border-radius: 999px;
|
|
15837
16100
|
cursor: pointer;
|
|
15838
16101
|
`;
|
|
15839
|
-
var SliderProgress =
|
|
16102
|
+
var SliderProgress = styled9.div`
|
|
15840
16103
|
position: absolute;
|
|
15841
16104
|
inset: 0;
|
|
15842
16105
|
width: ${(p) => p.$progress}%;
|
|
15843
16106
|
background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
|
|
15844
16107
|
border-radius: inherit;
|
|
15845
16108
|
`;
|
|
15846
|
-
var SliderThumb =
|
|
16109
|
+
var SliderThumb = styled9.div`
|
|
15847
16110
|
position: absolute;
|
|
15848
16111
|
top: 50%;
|
|
15849
16112
|
left: ${(p) => p.$position}%;
|
|
@@ -15855,7 +16118,7 @@ var SliderThumb = styled19.div`
|
|
|
15855
16118
|
border: 3px solid white;
|
|
15856
16119
|
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
|
|
15857
16120
|
`;
|
|
15858
|
-
var SliderLabels =
|
|
16121
|
+
var SliderLabels = styled9.div`
|
|
15859
16122
|
display: flex;
|
|
15860
16123
|
justify-content: space-between;
|
|
15861
16124
|
margin-top: 0.75rem;
|
|
@@ -15870,7 +16133,7 @@ var SliderLabels = styled19.div`
|
|
|
15870
16133
|
display: none;
|
|
15871
16134
|
}
|
|
15872
16135
|
`;
|
|
15873
|
-
var MobileDots =
|
|
16136
|
+
var MobileDots = styled9.div`
|
|
15874
16137
|
position: absolute;
|
|
15875
16138
|
bottom: 1.5rem;
|
|
15876
16139
|
left: 50%;
|
|
@@ -15882,7 +16145,7 @@ var MobileDots = styled19.div`
|
|
|
15882
16145
|
display: none;
|
|
15883
16146
|
}
|
|
15884
16147
|
`;
|
|
15885
|
-
var MobileDot =
|
|
16148
|
+
var MobileDot = styled9.button`
|
|
15886
16149
|
width: 8px;
|
|
15887
16150
|
height: 8px;
|
|
15888
16151
|
border-radius: 50%;
|