@loafmarkets/ui 0.1.146 → 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 +743 -482
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +722 -461
- 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;
|
|
@@ -8436,10 +8466,21 @@ function PropertyOverview({
|
|
|
8436
8466
|
propertyStats.map((item) => /* @__PURE__ */ jsxs(StatRow, { children: [
|
|
8437
8467
|
/* @__PURE__ */ jsx(StatLabel, { children: item.label }),
|
|
8438
8468
|
/* @__PURE__ */ jsx(StatValue, { children: item.value })
|
|
8439
|
-
] }, item.label))
|
|
8469
|
+
] }, item.label)),
|
|
8470
|
+
/* @__PURE__ */ jsx(DividendHistoryBtn, { onClick: () => setShowDividendHistory(true), children: "See Dividend History \u2192" })
|
|
8440
8471
|
] })
|
|
8441
8472
|
] })
|
|
8442
8473
|
] }),
|
|
8474
|
+
showDividendHistory && /* @__PURE__ */ jsx(
|
|
8475
|
+
DividendHistoryPopup,
|
|
8476
|
+
{
|
|
8477
|
+
annualRent,
|
|
8478
|
+
totalTokens: resolvedTokensIssued,
|
|
8479
|
+
tokenPrice: tokenPriceValue,
|
|
8480
|
+
ticker,
|
|
8481
|
+
onClose: () => setShowDividendHistory(false)
|
|
8482
|
+
}
|
|
8483
|
+
),
|
|
8443
8484
|
galleryImages.length > 0 && /* @__PURE__ */ jsx(
|
|
8444
8485
|
GalleryMapSection,
|
|
8445
8486
|
{
|
|
@@ -8527,58 +8568,171 @@ function PropertyOverview({
|
|
|
8527
8568
|
] })
|
|
8528
8569
|
] });
|
|
8529
8570
|
}
|
|
8530
|
-
|
|
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`
|
|
8531
8685
|
display: flex;
|
|
8532
8686
|
flex-direction: column;
|
|
8533
8687
|
gap: 1.5rem;
|
|
8534
8688
|
`;
|
|
8535
|
-
var Section =
|
|
8689
|
+
var Section = styled9.div`
|
|
8536
8690
|
background: #111;
|
|
8537
8691
|
border-radius: 12px;
|
|
8538
8692
|
padding: 1.75rem;
|
|
8539
8693
|
`;
|
|
8540
|
-
var SectionHeader =
|
|
8694
|
+
var SectionHeader = styled9.h2`
|
|
8541
8695
|
font-size: 1.2rem;
|
|
8542
8696
|
font-weight: 600;
|
|
8543
8697
|
color: #fff;
|
|
8544
8698
|
margin: 0 0 1.25rem 0;
|
|
8545
8699
|
letter-spacing: -0.01em;
|
|
8546
8700
|
`;
|
|
8547
|
-
var AboutGrid =
|
|
8701
|
+
var AboutGrid = styled9.div`
|
|
8548
8702
|
display: grid;
|
|
8549
8703
|
grid-template-columns: 1fr 340px;
|
|
8550
8704
|
gap: 2rem;
|
|
8551
8705
|
@media (max-width: 900px) { grid-template-columns: 1fr; }
|
|
8552
8706
|
`;
|
|
8553
|
-
var AboutLeft =
|
|
8707
|
+
var AboutLeft = styled9.div`
|
|
8554
8708
|
min-width: 0;
|
|
8555
8709
|
`;
|
|
8556
|
-
var DescriptionWrap =
|
|
8710
|
+
var DescriptionWrap = styled9.div`
|
|
8557
8711
|
position: relative;
|
|
8558
8712
|
max-height: ${(p) => p.$expanded ? "2000px" : "150px"};
|
|
8559
8713
|
overflow: hidden;
|
|
8560
8714
|
transition: max-height 0.3s ease;
|
|
8561
8715
|
`;
|
|
8562
|
-
var DescParagraph =
|
|
8716
|
+
var DescParagraph = styled9.p`
|
|
8563
8717
|
color: rgba(255,255,255,0.65);
|
|
8564
8718
|
line-height: 1.7;
|
|
8565
8719
|
font-size: 0.92rem;
|
|
8566
8720
|
margin: 0;
|
|
8567
8721
|
margin-top: ${(p) => p.$first ? 0 : "0.85rem"};
|
|
8568
8722
|
`;
|
|
8569
|
-
var DescFade =
|
|
8723
|
+
var DescFade = styled9.div`
|
|
8570
8724
|
position: absolute;
|
|
8571
8725
|
bottom: 0; left: 0; right: 0;
|
|
8572
8726
|
height: 60px;
|
|
8573
8727
|
background: linear-gradient(to bottom, rgba(17,17,17,0), #111);
|
|
8574
8728
|
pointer-events: none;
|
|
8575
8729
|
`;
|
|
8576
|
-
var ButtonRow =
|
|
8730
|
+
var ButtonRow = styled9.div`
|
|
8577
8731
|
margin-top: 1.25rem;
|
|
8578
8732
|
display: flex;
|
|
8579
8733
|
gap: 0.75rem;
|
|
8580
8734
|
`;
|
|
8581
|
-
var OutlineBtn =
|
|
8735
|
+
var OutlineBtn = styled9.button`
|
|
8582
8736
|
padding: 0.5rem 1.25rem;
|
|
8583
8737
|
border-radius: 8px;
|
|
8584
8738
|
border: 1px solid rgba(255,255,255,0.2);
|
|
@@ -8590,7 +8744,7 @@ var OutlineBtn = styled19.button`
|
|
|
8590
8744
|
transition: border-color 0.15s;
|
|
8591
8745
|
&:hover { border-color: rgba(255,255,255,0.4); }
|
|
8592
8746
|
`;
|
|
8593
|
-
var PrimaryBtn =
|
|
8747
|
+
var PrimaryBtn = styled9.button`
|
|
8594
8748
|
padding: 0.5rem 1.5rem;
|
|
8595
8749
|
border-radius: 8px;
|
|
8596
8750
|
border: none;
|
|
@@ -8602,13 +8756,13 @@ var PrimaryBtn = styled19.button`
|
|
|
8602
8756
|
transition: background 0.15s;
|
|
8603
8757
|
&:hover { background: #d4b86a; }
|
|
8604
8758
|
`;
|
|
8605
|
-
var TokenDetailsCard =
|
|
8759
|
+
var TokenDetailsCard = styled9.div`
|
|
8606
8760
|
background: rgba(255,255,255,0.025);
|
|
8607
8761
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8608
8762
|
border-radius: 10px;
|
|
8609
8763
|
padding: 1.25rem;
|
|
8610
8764
|
`;
|
|
8611
|
-
var TokenDetailsTitle =
|
|
8765
|
+
var TokenDetailsTitle = styled9.div`
|
|
8612
8766
|
font-size: 0.65rem;
|
|
8613
8767
|
color: #D4AF37;
|
|
8614
8768
|
text-transform: uppercase;
|
|
@@ -8618,7 +8772,7 @@ var TokenDetailsTitle = styled19.div`
|
|
|
8618
8772
|
padding-bottom: 0.75rem;
|
|
8619
8773
|
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
8620
8774
|
`;
|
|
8621
|
-
var TokenDetailRow =
|
|
8775
|
+
var TokenDetailRow = styled9.div`
|
|
8622
8776
|
display: flex;
|
|
8623
8777
|
justify-content: space-between;
|
|
8624
8778
|
align-items: center;
|
|
@@ -8627,30 +8781,30 @@ var TokenDetailRow = styled19.div`
|
|
|
8627
8781
|
&:last-child { border-bottom: none; padding-bottom: 0; }
|
|
8628
8782
|
&:first-of-type { padding-top: 0; }
|
|
8629
8783
|
`;
|
|
8630
|
-
var TokenDetailLabel =
|
|
8784
|
+
var TokenDetailLabel = styled9.span`
|
|
8631
8785
|
font-size: 0.82rem;
|
|
8632
8786
|
color: rgba(255,255,255,0.5);
|
|
8633
8787
|
font-weight: 400;
|
|
8634
8788
|
`;
|
|
8635
|
-
var TokenDetailValue =
|
|
8789
|
+
var TokenDetailValue = styled9.span`
|
|
8636
8790
|
font-size: 0.88rem;
|
|
8637
8791
|
color: #fff;
|
|
8638
8792
|
font-weight: 500;
|
|
8639
8793
|
font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
|
|
8640
8794
|
`;
|
|
8641
|
-
var StatsGrid =
|
|
8795
|
+
var StatsGrid = styled9.div`
|
|
8642
8796
|
display: grid;
|
|
8643
8797
|
grid-template-columns: 1fr 1fr;
|
|
8644
8798
|
gap: 1rem;
|
|
8645
8799
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8646
8800
|
`;
|
|
8647
|
-
var StatsColumn =
|
|
8801
|
+
var StatsColumn = styled9.div`
|
|
8648
8802
|
background: rgba(255,255,255,0.025);
|
|
8649
8803
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8650
8804
|
border-radius: 10px;
|
|
8651
8805
|
padding: 1.25rem;
|
|
8652
8806
|
`;
|
|
8653
|
-
var StatsColumnHeader =
|
|
8807
|
+
var StatsColumnHeader = styled9.div`
|
|
8654
8808
|
font-size: 0.65rem;
|
|
8655
8809
|
color: #D4AF37;
|
|
8656
8810
|
text-transform: uppercase;
|
|
@@ -8660,7 +8814,7 @@ var StatsColumnHeader = styled19.div`
|
|
|
8660
8814
|
padding-bottom: 0.75rem;
|
|
8661
8815
|
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
8662
8816
|
`;
|
|
8663
|
-
var StatRow =
|
|
8817
|
+
var StatRow = styled9.div`
|
|
8664
8818
|
display: flex;
|
|
8665
8819
|
justify-content: space-between;
|
|
8666
8820
|
align-items: center;
|
|
@@ -8668,7 +8822,7 @@ var StatRow = styled19.div`
|
|
|
8668
8822
|
border-bottom: 1px solid rgba(255,255,255,0.04);
|
|
8669
8823
|
&:last-child { border-bottom: none; padding-bottom: 0; }
|
|
8670
8824
|
`;
|
|
8671
|
-
var StatLabel =
|
|
8825
|
+
var StatLabel = styled9.span`
|
|
8672
8826
|
font-size: 0.82rem;
|
|
8673
8827
|
color: rgba(255,255,255,0.5);
|
|
8674
8828
|
font-weight: 400;
|
|
@@ -8676,34 +8830,34 @@ var StatLabel = styled19.span`
|
|
|
8676
8830
|
align-items: center;
|
|
8677
8831
|
gap: 0.5rem;
|
|
8678
8832
|
`;
|
|
8679
|
-
|
|
8833
|
+
styled9.span`
|
|
8680
8834
|
font-size: 0.6rem;
|
|
8681
8835
|
color: #4CAF50;
|
|
8682
8836
|
display: inline-flex;
|
|
8683
8837
|
align-items: center;
|
|
8684
8838
|
gap: 3px;
|
|
8685
8839
|
`;
|
|
8686
|
-
var StatValue =
|
|
8840
|
+
var StatValue = styled9.span`
|
|
8687
8841
|
font-size: 1rem;
|
|
8688
8842
|
font-weight: 600;
|
|
8689
8843
|
color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
|
|
8690
8844
|
font-variant-numeric: tabular-nums;
|
|
8691
8845
|
`;
|
|
8692
|
-
var AssetPanelsGrid =
|
|
8846
|
+
var AssetPanelsGrid = styled9.div`
|
|
8693
8847
|
display: grid;
|
|
8694
8848
|
grid-template-columns: 1fr 1fr;
|
|
8695
8849
|
gap: 1rem;
|
|
8696
8850
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8697
8851
|
`;
|
|
8698
|
-
var MetricsPanel =
|
|
8852
|
+
var MetricsPanel = styled9.div`
|
|
8699
8853
|
background: rgba(255,255,255,0.025);
|
|
8700
8854
|
border-radius: 10px;
|
|
8701
8855
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8702
8856
|
padding: 1.25rem 1.5rem;
|
|
8703
8857
|
overflow: hidden;
|
|
8704
8858
|
`;
|
|
8705
|
-
var InfoPanel =
|
|
8706
|
-
var MetricsPanelTitle =
|
|
8859
|
+
var InfoPanel = styled9(MetricsPanel)``;
|
|
8860
|
+
var MetricsPanelTitle = styled9.div`
|
|
8707
8861
|
font-size: 0.65rem;
|
|
8708
8862
|
color: #D4AF37;
|
|
8709
8863
|
text-transform: uppercase;
|
|
@@ -8713,7 +8867,7 @@ var MetricsPanelTitle = styled19.div`
|
|
|
8713
8867
|
padding-bottom: 0.75rem;
|
|
8714
8868
|
border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
8715
8869
|
`;
|
|
8716
|
-
var LandFloorCard =
|
|
8870
|
+
var LandFloorCard = styled9.div`
|
|
8717
8871
|
background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
|
|
8718
8872
|
border-radius: 10px;
|
|
8719
8873
|
padding: 0.85rem 1rem;
|
|
@@ -8722,7 +8876,7 @@ var LandFloorCard = styled19.div`
|
|
|
8722
8876
|
gap: 1rem;
|
|
8723
8877
|
margin-bottom: 0.75rem;
|
|
8724
8878
|
`;
|
|
8725
|
-
var MetricLabel =
|
|
8879
|
+
var MetricLabel = styled9.div`
|
|
8726
8880
|
font-size: 0.65rem;
|
|
8727
8881
|
color: #D4AF37;
|
|
8728
8882
|
text-transform: uppercase;
|
|
@@ -8730,35 +8884,35 @@ var MetricLabel = styled19.div`
|
|
|
8730
8884
|
margin-bottom: 0.4rem;
|
|
8731
8885
|
font-weight: 500;
|
|
8732
8886
|
`;
|
|
8733
|
-
var MetricValueRow =
|
|
8887
|
+
var MetricValueRow = styled9.div`
|
|
8734
8888
|
display: flex;
|
|
8735
8889
|
align-items: baseline;
|
|
8736
8890
|
gap: 0.25rem;
|
|
8737
8891
|
`;
|
|
8738
|
-
var MetricBig =
|
|
8892
|
+
var MetricBig = styled9.span`
|
|
8739
8893
|
font-size: 1.5rem;
|
|
8740
8894
|
font-weight: 700;
|
|
8741
8895
|
color: #D4AF37;
|
|
8742
8896
|
line-height: 1;
|
|
8743
8897
|
`;
|
|
8744
|
-
var MetricUnit =
|
|
8898
|
+
var MetricUnit = styled9.span`
|
|
8745
8899
|
font-size: 0.7rem;
|
|
8746
8900
|
color: rgba(212,175,55,0.7);
|
|
8747
8901
|
font-weight: 500;
|
|
8748
8902
|
`;
|
|
8749
|
-
var FeaturesGrid =
|
|
8903
|
+
var FeaturesGrid = styled9.div`
|
|
8750
8904
|
display: grid;
|
|
8751
8905
|
grid-template-columns: repeat(3, 1fr);
|
|
8752
8906
|
gap: 0.75rem;
|
|
8753
8907
|
@media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
|
|
8754
8908
|
`;
|
|
8755
|
-
var TradingHoursCard =
|
|
8909
|
+
var TradingHoursCard = styled9.div`
|
|
8756
8910
|
background: rgba(255,255,255,0.025);
|
|
8757
8911
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8758
8912
|
border-radius: 10px;
|
|
8759
8913
|
overflow: hidden;
|
|
8760
8914
|
`;
|
|
8761
|
-
var TradingHoursRow =
|
|
8915
|
+
var TradingHoursRow = styled9.div`
|
|
8762
8916
|
display: grid;
|
|
8763
8917
|
grid-template-columns: 1fr 1fr 1fr;
|
|
8764
8918
|
padding: 0.75rem 1.25rem;
|
|
@@ -8767,37 +8921,37 @@ var TradingHoursRow = styled19.div`
|
|
|
8767
8921
|
border-bottom: 1px solid rgba(255,255,255,0.08);
|
|
8768
8922
|
}
|
|
8769
8923
|
`;
|
|
8770
|
-
var THLabel =
|
|
8924
|
+
var THLabel = styled9.span`
|
|
8771
8925
|
font-size: 0.7rem;
|
|
8772
8926
|
color: rgba(255,255,255,0.4);
|
|
8773
8927
|
text-transform: uppercase;
|
|
8774
8928
|
letter-spacing: 0.08em;
|
|
8775
8929
|
font-weight: 500;
|
|
8776
8930
|
`;
|
|
8777
|
-
var THValue =
|
|
8931
|
+
var THValue = styled9.span`
|
|
8778
8932
|
font-size: 0.85rem;
|
|
8779
8933
|
color: rgba(255,255,255,0.8);
|
|
8780
8934
|
font-weight: 400;
|
|
8781
8935
|
`;
|
|
8782
|
-
var TradingHoursNote =
|
|
8936
|
+
var TradingHoursNote = styled9.div`
|
|
8783
8937
|
padding: 0.75rem 1.25rem;
|
|
8784
8938
|
font-size: 0.75rem;
|
|
8785
8939
|
color: rgba(255,255,255,0.35);
|
|
8786
8940
|
border-top: 1px solid rgba(255,255,255,0.04);
|
|
8787
8941
|
`;
|
|
8788
|
-
var ProtectionsGrid =
|
|
8942
|
+
var ProtectionsGrid = styled9.div`
|
|
8789
8943
|
display: grid;
|
|
8790
8944
|
grid-template-columns: 1fr 1fr;
|
|
8791
8945
|
gap: 1rem;
|
|
8792
8946
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8793
8947
|
`;
|
|
8794
|
-
var ProtectionCard =
|
|
8948
|
+
var ProtectionCard = styled9.div`
|
|
8795
8949
|
background: rgba(255,255,255,0.025);
|
|
8796
8950
|
border: 1px solid rgba(255,255,255,0.06);
|
|
8797
8951
|
border-radius: 10px;
|
|
8798
8952
|
padding: 1.25rem;
|
|
8799
8953
|
`;
|
|
8800
|
-
var ProtectionIconWrap =
|
|
8954
|
+
var ProtectionIconWrap = styled9.div`
|
|
8801
8955
|
width: 36px;
|
|
8802
8956
|
height: 36px;
|
|
8803
8957
|
border-radius: 8px;
|
|
@@ -8807,18 +8961,18 @@ var ProtectionIconWrap = styled19.div`
|
|
|
8807
8961
|
justify-content: center;
|
|
8808
8962
|
margin-bottom: 0.75rem;
|
|
8809
8963
|
`;
|
|
8810
|
-
var ProtectionTitle =
|
|
8964
|
+
var ProtectionTitle = styled9.div`
|
|
8811
8965
|
font-size: 0.92rem;
|
|
8812
8966
|
font-weight: 600;
|
|
8813
8967
|
color: #fff;
|
|
8814
8968
|
margin-bottom: 0.4rem;
|
|
8815
8969
|
`;
|
|
8816
|
-
var ProtectionDesc =
|
|
8970
|
+
var ProtectionDesc = styled9.div`
|
|
8817
8971
|
font-size: 0.8rem;
|
|
8818
8972
|
color: rgba(255,255,255,0.5);
|
|
8819
8973
|
line-height: 1.5;
|
|
8820
8974
|
`;
|
|
8821
|
-
var HoldRatioWrap =
|
|
8975
|
+
var HoldRatioWrap = styled9.div`
|
|
8822
8976
|
display: flex;
|
|
8823
8977
|
flex-direction: column;
|
|
8824
8978
|
gap: 6px;
|
|
@@ -8826,19 +8980,19 @@ var HoldRatioWrap = styled19.div`
|
|
|
8826
8980
|
margin-top: 0.5rem;
|
|
8827
8981
|
border-top: 1px solid rgba(255,255,255,0.04);
|
|
8828
8982
|
`;
|
|
8829
|
-
var HoldRatioTitle =
|
|
8983
|
+
var HoldRatioTitle = styled9.div`
|
|
8830
8984
|
display: flex;
|
|
8831
8985
|
align-items: center;
|
|
8832
8986
|
gap: 5px;
|
|
8833
8987
|
`;
|
|
8834
|
-
var HoldRatioTitleText =
|
|
8988
|
+
var HoldRatioTitleText = styled9.span`
|
|
8835
8989
|
font-size: 0.65rem;
|
|
8836
8990
|
font-weight: 600;
|
|
8837
8991
|
text-transform: uppercase;
|
|
8838
8992
|
letter-spacing: 0.06em;
|
|
8839
8993
|
color: rgba(255,255,255,0.4);
|
|
8840
8994
|
`;
|
|
8841
|
-
var HoldRatioInfo =
|
|
8995
|
+
var HoldRatioInfo = styled9.span`
|
|
8842
8996
|
position: relative;
|
|
8843
8997
|
display: inline-flex;
|
|
8844
8998
|
align-items: center;
|
|
@@ -8881,38 +9035,145 @@ var HoldRatioInfo = styled19.span`
|
|
|
8881
9035
|
opacity: 1;
|
|
8882
9036
|
}
|
|
8883
9037
|
`;
|
|
8884
|
-
var HoldRatioHeader =
|
|
9038
|
+
var HoldRatioHeader = styled9.div`
|
|
8885
9039
|
display: flex;
|
|
8886
9040
|
align-items: center;
|
|
8887
9041
|
justify-content: space-between;
|
|
8888
9042
|
`;
|
|
8889
|
-
var HoldRatioLabel =
|
|
9043
|
+
var HoldRatioLabel = styled9.span`
|
|
8890
9044
|
font-size: 0.7rem;
|
|
8891
9045
|
font-weight: 600;
|
|
8892
9046
|
text-transform: uppercase;
|
|
8893
9047
|
letter-spacing: 0.05em;
|
|
8894
9048
|
color: ${(p) => p.$side === "trade" ? "rgba(246, 70, 93, 0.6)" : "rgba(14, 203, 129, 0.6)"};
|
|
8895
9049
|
`;
|
|
8896
|
-
var HoldRatioValue =
|
|
9050
|
+
var HoldRatioValue = styled9.span`
|
|
8897
9051
|
font-size: 0.75rem;
|
|
8898
9052
|
font-weight: 600;
|
|
8899
9053
|
font-variant-numeric: tabular-nums;
|
|
8900
9054
|
color: ${(p) => p.$side === "trade" ? "rgba(246, 70, 93, 0.7)" : "rgba(14, 203, 129, 0.7)"};
|
|
8901
9055
|
`;
|
|
8902
|
-
var HoldRatioTrack =
|
|
9056
|
+
var HoldRatioTrack = styled9.div`
|
|
8903
9057
|
height: 6px;
|
|
8904
9058
|
border-radius: 3px;
|
|
8905
9059
|
background: rgba(246, 70, 93, 0.15);
|
|
8906
9060
|
overflow: hidden;
|
|
8907
9061
|
position: relative;
|
|
8908
9062
|
`;
|
|
8909
|
-
var HoldRatioFill =
|
|
9063
|
+
var HoldRatioFill = styled9.div`
|
|
8910
9064
|
height: 100%;
|
|
8911
9065
|
width: ${(p) => p.$pct}%;
|
|
8912
9066
|
border-radius: 3px;
|
|
8913
9067
|
background: rgba(14, 203, 129, 0.35);
|
|
8914
9068
|
transition: width 0.6s ease;
|
|
8915
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
|
+
`;
|
|
8916
9177
|
var STATUS_BG = {
|
|
8917
9178
|
active: "rgba(14,203,129,0.18)",
|
|
8918
9179
|
rejected: "rgba(246,70,93,0.18)",
|
|
@@ -9007,7 +9268,7 @@ function PropertyOffers({ offers, totalShares }) {
|
|
|
9007
9268
|
)) })
|
|
9008
9269
|
] });
|
|
9009
9270
|
}
|
|
9010
|
-
var OfferPricePulse =
|
|
9271
|
+
var OfferPricePulse = styled9.span`
|
|
9011
9272
|
width: 8px;
|
|
9012
9273
|
height: 8px;
|
|
9013
9274
|
border-radius: 999px;
|
|
@@ -9409,7 +9670,7 @@ function generateMockPastSales() {
|
|
|
9409
9670
|
}
|
|
9410
9671
|
];
|
|
9411
9672
|
}
|
|
9412
|
-
var FilterButtonsContainer =
|
|
9673
|
+
var FilterButtonsContainer = styled9.div`
|
|
9413
9674
|
display: flex;
|
|
9414
9675
|
gap: 0.5rem;
|
|
9415
9676
|
flex-wrap: wrap;
|
|
@@ -9418,7 +9679,7 @@ var FilterButtonsContainer = styled19.div`
|
|
|
9418
9679
|
gap: 0.25rem;
|
|
9419
9680
|
}
|
|
9420
9681
|
`;
|
|
9421
|
-
var FilterButton =
|
|
9682
|
+
var FilterButton = styled9.button`
|
|
9422
9683
|
background-color: ${(props) => props.$active ? "var(--color-accent, #f0b90b)" : "transparent"};
|
|
9423
9684
|
color: ${(props) => props.$active ? "#000" : "#fff"};
|
|
9424
9685
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9437,7 +9698,7 @@ var FilterButton = styled19.button`
|
|
|
9437
9698
|
font-size: 0.75rem;
|
|
9438
9699
|
}
|
|
9439
9700
|
`;
|
|
9440
|
-
var HistoryContainer =
|
|
9701
|
+
var HistoryContainer = styled9.div`
|
|
9441
9702
|
display: flex;
|
|
9442
9703
|
flex-direction: column;
|
|
9443
9704
|
gap: 1.5rem;
|
|
@@ -9454,7 +9715,7 @@ var HistoryContainer = styled19.div`
|
|
|
9454
9715
|
z-index: 0;
|
|
9455
9716
|
}
|
|
9456
9717
|
`;
|
|
9457
|
-
var HistoryPanel =
|
|
9718
|
+
var HistoryPanel = styled9.div`
|
|
9458
9719
|
margin-bottom: 1.5rem;
|
|
9459
9720
|
margin-left: 2rem;
|
|
9460
9721
|
border: 1px solid rgba(240, 185, 11, 0.15);
|
|
@@ -9496,7 +9757,7 @@ var HistoryPanel = styled19.div`
|
|
|
9496
9757
|
}
|
|
9497
9758
|
`}
|
|
9498
9759
|
`;
|
|
9499
|
-
var LeaseSection =
|
|
9760
|
+
var LeaseSection = styled9.div`
|
|
9500
9761
|
margin: 0.3rem 1rem;
|
|
9501
9762
|
padding: 0.3rem 1rem 0.3rem;
|
|
9502
9763
|
background-color: rgba(30, 32, 38, 0.2);
|
|
@@ -9514,7 +9775,7 @@ var LeaseSection = styled19.div`
|
|
|
9514
9775
|
background-color: rgba(255, 255, 255, 0.15);
|
|
9515
9776
|
}
|
|
9516
9777
|
`;
|
|
9517
|
-
var HistoryRow =
|
|
9778
|
+
var HistoryRow = styled9.tr`
|
|
9518
9779
|
background-color: ${(props) => props.$isOwnershipStart ? "rgba(240, 185, 11, 0.05)" : "transparent"};
|
|
9519
9780
|
|
|
9520
9781
|
td {
|
|
@@ -9531,7 +9792,7 @@ var HistoryRow = styled19.tr`
|
|
|
9531
9792
|
background-color: rgba(255, 255, 255, 0.08);
|
|
9532
9793
|
}
|
|
9533
9794
|
`;
|
|
9534
|
-
var TypeBadge2 =
|
|
9795
|
+
var TypeBadge2 = styled9.span`
|
|
9535
9796
|
display: inline-block;
|
|
9536
9797
|
padding: 0.25rem 0.5rem;
|
|
9537
9798
|
border-radius: 4px;
|
|
@@ -9581,13 +9842,13 @@ var TypeBadge2 = styled19.span`
|
|
|
9581
9842
|
font-size: 0.65rem;
|
|
9582
9843
|
}
|
|
9583
9844
|
`;
|
|
9584
|
-
var PastSalesSection =
|
|
9845
|
+
var PastSalesSection = styled9.div`
|
|
9585
9846
|
background-color: rgba(30, 32, 38, 0.95);
|
|
9586
9847
|
border-radius: 8px;
|
|
9587
9848
|
padding: 1.25rem;
|
|
9588
9849
|
margin-bottom: 1.5rem;
|
|
9589
9850
|
`;
|
|
9590
|
-
var SalesTable =
|
|
9851
|
+
var SalesTable = styled9.table`
|
|
9591
9852
|
width: 100%;
|
|
9592
9853
|
border-collapse: collapse;
|
|
9593
9854
|
table-layout: fixed;
|
|
@@ -9665,13 +9926,13 @@ function PropertyDocuments({ documentsData }) {
|
|
|
9665
9926
|
}) })
|
|
9666
9927
|
] });
|
|
9667
9928
|
}
|
|
9668
|
-
var Section2 =
|
|
9929
|
+
var Section2 = styled9.section`
|
|
9669
9930
|
background: var(--color-card, rgba(30, 35, 41, 0.8));
|
|
9670
9931
|
border-radius: 12px;
|
|
9671
9932
|
padding: 1.5rem;
|
|
9672
9933
|
margin-bottom: 1.5rem;
|
|
9673
9934
|
`;
|
|
9674
|
-
var SectionHeading =
|
|
9935
|
+
var SectionHeading = styled9.h2`
|
|
9675
9936
|
font-size: 0.9rem;
|
|
9676
9937
|
font-weight: 600;
|
|
9677
9938
|
padding-bottom: 0.75rem;
|
|
@@ -9682,12 +9943,12 @@ var SectionHeading = styled19.h2`
|
|
|
9682
9943
|
align-items: center;
|
|
9683
9944
|
gap: 0.5rem;
|
|
9684
9945
|
`;
|
|
9685
|
-
var DocList =
|
|
9946
|
+
var DocList = styled9.ul`
|
|
9686
9947
|
list-style: none;
|
|
9687
9948
|
padding: 0;
|
|
9688
9949
|
margin: 0;
|
|
9689
9950
|
`;
|
|
9690
|
-
var DocItem =
|
|
9951
|
+
var DocItem = styled9.li`
|
|
9691
9952
|
padding: 0.75rem 0;
|
|
9692
9953
|
border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
|
|
9693
9954
|
|
|
@@ -9695,7 +9956,7 @@ var DocItem = styled19.li`
|
|
|
9695
9956
|
border-bottom: none;
|
|
9696
9957
|
}
|
|
9697
9958
|
`;
|
|
9698
|
-
var DocLink =
|
|
9959
|
+
var DocLink = styled9.a`
|
|
9699
9960
|
display: flex;
|
|
9700
9961
|
align-items: center;
|
|
9701
9962
|
color: var(--color-text);
|
|
@@ -9706,19 +9967,19 @@ var DocLink = styled19.a`
|
|
|
9706
9967
|
color: var(--color-accent);
|
|
9707
9968
|
}
|
|
9708
9969
|
`;
|
|
9709
|
-
var DocItemDisabled =
|
|
9970
|
+
var DocItemDisabled = styled9.div`
|
|
9710
9971
|
display: flex;
|
|
9711
9972
|
align-items: center;
|
|
9712
9973
|
color: var(--color-text-secondary);
|
|
9713
9974
|
cursor: not-allowed;
|
|
9714
9975
|
opacity: 0.6;
|
|
9715
9976
|
`;
|
|
9716
|
-
var DocIconWrapper =
|
|
9977
|
+
var DocIconWrapper = styled9.span`
|
|
9717
9978
|
margin-right: 0.75rem;
|
|
9718
9979
|
flex-shrink: 0;
|
|
9719
9980
|
color: var(--color-text-secondary);
|
|
9720
9981
|
`;
|
|
9721
|
-
var ComingSoonBadge =
|
|
9982
|
+
var ComingSoonBadge = styled9.span`
|
|
9722
9983
|
margin-left: auto;
|
|
9723
9984
|
padding: 0.25rem 0.5rem;
|
|
9724
9985
|
background: rgba(212, 175, 55, 0.1);
|
|
@@ -9800,13 +10061,13 @@ function PropertyInspectionTimes({
|
|
|
9800
10061
|
] })
|
|
9801
10062
|
] });
|
|
9802
10063
|
}
|
|
9803
|
-
var Section3 =
|
|
10064
|
+
var Section3 = styled9.section`
|
|
9804
10065
|
background: var(--color-card, rgba(30, 35, 41, 0.8));
|
|
9805
10066
|
border-radius: 12px;
|
|
9806
10067
|
padding: 1.5rem;
|
|
9807
10068
|
margin-bottom: 1.5rem;
|
|
9808
10069
|
`;
|
|
9809
|
-
var SectionHeading2 =
|
|
10070
|
+
var SectionHeading2 = styled9.h2`
|
|
9810
10071
|
font-size: 0.9rem;
|
|
9811
10072
|
font-weight: 600;
|
|
9812
10073
|
padding-bottom: 0.75rem;
|
|
@@ -9817,17 +10078,17 @@ var SectionHeading2 = styled19.h2`
|
|
|
9817
10078
|
align-items: center;
|
|
9818
10079
|
gap: 0.5rem;
|
|
9819
10080
|
`;
|
|
9820
|
-
var Intro =
|
|
10081
|
+
var Intro = styled9.p`
|
|
9821
10082
|
font-size: 0.9rem;
|
|
9822
10083
|
color: var(--color-text-secondary);
|
|
9823
10084
|
margin-bottom: 1.5rem;
|
|
9824
10085
|
`;
|
|
9825
|
-
var SlotList =
|
|
10086
|
+
var SlotList = styled9.div`
|
|
9826
10087
|
display: flex;
|
|
9827
10088
|
flex-direction: column;
|
|
9828
10089
|
gap: 0.75rem;
|
|
9829
10090
|
`;
|
|
9830
|
-
var SlotRow =
|
|
10091
|
+
var SlotRow = styled9.div`
|
|
9831
10092
|
display: flex;
|
|
9832
10093
|
justify-content: space-between;
|
|
9833
10094
|
align-items: center;
|
|
@@ -9836,27 +10097,27 @@ var SlotRow = styled19.div`
|
|
|
9836
10097
|
border-radius: 8px;
|
|
9837
10098
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
9838
10099
|
`;
|
|
9839
|
-
var SlotInfo =
|
|
9840
|
-
var SlotDate =
|
|
10100
|
+
var SlotInfo = styled9.div``;
|
|
10101
|
+
var SlotDate = styled9.div`
|
|
9841
10102
|
font-size: 0.9rem;
|
|
9842
10103
|
font-weight: 600;
|
|
9843
10104
|
color: var(--color-text);
|
|
9844
10105
|
margin-bottom: 0.25rem;
|
|
9845
10106
|
`;
|
|
9846
|
-
var SlotTime =
|
|
10107
|
+
var SlotTime = styled9.div`
|
|
9847
10108
|
font-size: 0.8rem;
|
|
9848
10109
|
color: var(--color-text-secondary);
|
|
9849
10110
|
`;
|
|
9850
|
-
var SlotActions =
|
|
10111
|
+
var SlotActions = styled9.div`
|
|
9851
10112
|
display: flex;
|
|
9852
10113
|
align-items: center;
|
|
9853
10114
|
gap: 1rem;
|
|
9854
10115
|
`;
|
|
9855
|
-
var SpotsLeft =
|
|
10116
|
+
var SpotsLeft = styled9.span`
|
|
9856
10117
|
font-size: 0.75rem;
|
|
9857
10118
|
color: ${({ $low }) => $low ? "#f6465d" : "var(--color-text-secondary)"};
|
|
9858
10119
|
`;
|
|
9859
|
-
var BookButton =
|
|
10120
|
+
var BookButton = styled9.button`
|
|
9860
10121
|
padding: 0.4rem 1rem;
|
|
9861
10122
|
background: transparent;
|
|
9862
10123
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9876,7 +10137,7 @@ var BookButton = styled19.button`
|
|
|
9876
10137
|
cursor: not-allowed;
|
|
9877
10138
|
}
|
|
9878
10139
|
`;
|
|
9879
|
-
var StatusMessage2 =
|
|
10140
|
+
var StatusMessage2 = styled9.div`
|
|
9880
10141
|
font-size: 0.85rem;
|
|
9881
10142
|
padding: 0.75rem 1rem;
|
|
9882
10143
|
border-radius: 6px;
|
|
@@ -9884,7 +10145,7 @@ var StatusMessage2 = styled19.div`
|
|
|
9884
10145
|
background: ${({ $error }) => $error ? "rgba(246,70,93,0.08)" : "rgba(255,255,255,0.03)"};
|
|
9885
10146
|
border: 1px solid ${({ $error }) => $error ? "rgba(246,70,93,0.2)" : "rgba(255,255,255,0.06)"};
|
|
9886
10147
|
`;
|
|
9887
|
-
var RetryButton =
|
|
10148
|
+
var RetryButton = styled9.button`
|
|
9888
10149
|
margin-left: 0.5rem;
|
|
9889
10150
|
text-decoration: underline;
|
|
9890
10151
|
cursor: pointer;
|
|
@@ -9892,13 +10153,13 @@ var RetryButton = styled19.button`
|
|
|
9892
10153
|
border: none;
|
|
9893
10154
|
color: inherit;
|
|
9894
10155
|
`;
|
|
9895
|
-
var Disclaimer =
|
|
10156
|
+
var Disclaimer = styled9.p`
|
|
9896
10157
|
font-size: 0.75rem;
|
|
9897
10158
|
color: var(--color-text-secondary);
|
|
9898
10159
|
margin-top: 0.5rem;
|
|
9899
10160
|
text-align: center;
|
|
9900
10161
|
`;
|
|
9901
|
-
var SignInPrompt =
|
|
10162
|
+
var SignInPrompt = styled9.div`
|
|
9902
10163
|
display: flex;
|
|
9903
10164
|
align-items: center;
|
|
9904
10165
|
justify-content: space-between;
|
|
@@ -9907,18 +10168,18 @@ var SignInPrompt = styled19.div`
|
|
|
9907
10168
|
border-radius: 8px;
|
|
9908
10169
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
9909
10170
|
`;
|
|
9910
|
-
var SignInText =
|
|
9911
|
-
var SignInTitle =
|
|
10171
|
+
var SignInText = styled9.div``;
|
|
10172
|
+
var SignInTitle = styled9.div`
|
|
9912
10173
|
font-size: 0.95rem;
|
|
9913
10174
|
font-weight: 600;
|
|
9914
10175
|
color: var(--color-text);
|
|
9915
10176
|
margin-bottom: 0.25rem;
|
|
9916
10177
|
`;
|
|
9917
|
-
var SignInSub =
|
|
10178
|
+
var SignInSub = styled9.div`
|
|
9918
10179
|
font-size: 0.8rem;
|
|
9919
10180
|
color: var(--color-text-secondary);
|
|
9920
10181
|
`;
|
|
9921
|
-
var SignInButton =
|
|
10182
|
+
var SignInButton = styled9.button`
|
|
9922
10183
|
padding: 0.5rem 1.25rem;
|
|
9923
10184
|
background: transparent;
|
|
9924
10185
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -10017,10 +10278,10 @@ function AssetSelectorBar({
|
|
|
10017
10278
|
}) })
|
|
10018
10279
|
] }) });
|
|
10019
10280
|
}
|
|
10020
|
-
var AssetSelectorWrapper =
|
|
10281
|
+
var AssetSelectorWrapper = styled9.div`
|
|
10021
10282
|
width: 100%;
|
|
10022
10283
|
`;
|
|
10023
|
-
var IPOAssetSelector =
|
|
10284
|
+
var IPOAssetSelector = styled9.div`
|
|
10024
10285
|
position: relative;
|
|
10025
10286
|
display: flex;
|
|
10026
10287
|
justify-content: space-between;
|
|
@@ -10045,7 +10306,7 @@ var IPOAssetSelector = styled19.div`
|
|
|
10045
10306
|
padding: 0.6rem 0.75rem;
|
|
10046
10307
|
}
|
|
10047
10308
|
`;
|
|
10048
|
-
var AssetThumbnail =
|
|
10309
|
+
var AssetThumbnail = styled9.img`
|
|
10049
10310
|
width: 40px;
|
|
10050
10311
|
height: 40px;
|
|
10051
10312
|
border-radius: 8px;
|
|
@@ -10059,7 +10320,7 @@ var AssetThumbnail = styled19.img`
|
|
|
10059
10320
|
border-radius: 6px;
|
|
10060
10321
|
}
|
|
10061
10322
|
`;
|
|
10062
|
-
var AssetSelectorDropdown =
|
|
10323
|
+
var AssetSelectorDropdown = styled9.div`
|
|
10063
10324
|
display: flex;
|
|
10064
10325
|
align-items: center;
|
|
10065
10326
|
cursor: pointer;
|
|
@@ -10068,7 +10329,7 @@ var AssetSelectorDropdown = styled19.div`
|
|
|
10068
10329
|
transition: all 0.2s ease;
|
|
10069
10330
|
&:hover { background-color: rgba(255,255,255,0.05); }
|
|
10070
10331
|
`;
|
|
10071
|
-
var AssetName =
|
|
10332
|
+
var AssetName = styled9.div`
|
|
10072
10333
|
display: flex;
|
|
10073
10334
|
align-items: center;
|
|
10074
10335
|
font-weight: 600;
|
|
@@ -10087,7 +10348,7 @@ var AssetName = styled19.div`
|
|
|
10087
10348
|
svg { margin-left: 0.4rem; width: 16px; height: 16px; }
|
|
10088
10349
|
}
|
|
10089
10350
|
`;
|
|
10090
|
-
var SelectorMetrics =
|
|
10351
|
+
var SelectorMetrics = styled9.div`
|
|
10091
10352
|
display: flex;
|
|
10092
10353
|
align-items: center;
|
|
10093
10354
|
gap: 1rem;
|
|
@@ -10112,7 +10373,7 @@ var SelectorMetrics = styled19.div`
|
|
|
10112
10373
|
gap: 0.5rem;
|
|
10113
10374
|
}
|
|
10114
10375
|
`;
|
|
10115
|
-
var MetricLabel2 =
|
|
10376
|
+
var MetricLabel2 = styled9.span`
|
|
10116
10377
|
font-size: 0.75rem;
|
|
10117
10378
|
color: var(--color-text-secondary);
|
|
10118
10379
|
text-transform: uppercase;
|
|
@@ -10125,7 +10386,7 @@ var MetricLabel2 = styled19.span`
|
|
|
10125
10386
|
margin-right: 0.35rem;
|
|
10126
10387
|
}
|
|
10127
10388
|
`;
|
|
10128
|
-
var MetricValue =
|
|
10389
|
+
var MetricValue = styled9.span`
|
|
10129
10390
|
font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
|
|
10130
10391
|
font-weight: ${(p) => p.$secondary ? "600" : "700"};
|
|
10131
10392
|
color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
|
|
@@ -10138,7 +10399,7 @@ var MetricValue = styled19.span`
|
|
|
10138
10399
|
font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
|
|
10139
10400
|
}
|
|
10140
10401
|
`;
|
|
10141
|
-
var MetricChange =
|
|
10402
|
+
var MetricChange = styled9.span`
|
|
10142
10403
|
font-size: 0.85rem;
|
|
10143
10404
|
font-weight: 600;
|
|
10144
10405
|
color: ${(p) => p.$positive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
|
|
@@ -10150,12 +10411,12 @@ var MetricChange = styled19.span`
|
|
|
10150
10411
|
font-size: 0.75rem;
|
|
10151
10412
|
}
|
|
10152
10413
|
`;
|
|
10153
|
-
var Separator =
|
|
10414
|
+
var Separator = styled9.span`
|
|
10154
10415
|
font-size: 1rem;
|
|
10155
10416
|
color: rgba(255,255,255,0.2);
|
|
10156
10417
|
font-weight: 300;
|
|
10157
10418
|
`;
|
|
10158
|
-
var IPODropdown =
|
|
10419
|
+
var IPODropdown = styled9.div`
|
|
10159
10420
|
position: absolute;
|
|
10160
10421
|
top: calc(100% + 6px);
|
|
10161
10422
|
left: 0;
|
|
@@ -10184,7 +10445,7 @@ var IPODropdown = styled19.div`
|
|
|
10184
10445
|
to { opacity: 1; transform: translateY(0); }
|
|
10185
10446
|
}
|
|
10186
10447
|
`;
|
|
10187
|
-
var IPOOption =
|
|
10448
|
+
var IPOOption = styled9.div`
|
|
10188
10449
|
padding: 0.6rem 0.75rem;
|
|
10189
10450
|
transition: background 0.15s ease;
|
|
10190
10451
|
border-radius: 7px;
|
|
@@ -10192,25 +10453,25 @@ var IPOOption = styled19.div`
|
|
|
10192
10453
|
&:hover { background: rgba(255,255,255,0.06); }
|
|
10193
10454
|
${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
|
|
10194
10455
|
`;
|
|
10195
|
-
var IPOOptionInner =
|
|
10456
|
+
var IPOOptionInner = styled9.div`
|
|
10196
10457
|
display: flex;
|
|
10197
10458
|
align-items: center;
|
|
10198
10459
|
gap: 0.65rem;
|
|
10199
10460
|
`;
|
|
10200
|
-
var IPOOptionThumb =
|
|
10461
|
+
var IPOOptionThumb = styled9.img`
|
|
10201
10462
|
width: 28px;
|
|
10202
10463
|
height: 28px;
|
|
10203
10464
|
border-radius: 5px;
|
|
10204
10465
|
object-fit: cover;
|
|
10205
10466
|
flex-shrink: 0;
|
|
10206
10467
|
`;
|
|
10207
|
-
var IPOOptionName =
|
|
10468
|
+
var IPOOptionName = styled9.div`
|
|
10208
10469
|
font-weight: 500;
|
|
10209
10470
|
font-size: 0.82rem;
|
|
10210
10471
|
color: ${(p) => "#ebebeb"};
|
|
10211
10472
|
line-height: 1.3;
|
|
10212
10473
|
`;
|
|
10213
|
-
var IPOOptionLocation =
|
|
10474
|
+
var IPOOptionLocation = styled9.div`
|
|
10214
10475
|
font-size: 0.72rem;
|
|
10215
10476
|
color: rgba(255,255,255,0.38);
|
|
10216
10477
|
margin-top: 1px;
|
|
@@ -10476,7 +10737,7 @@ function OfferingProgressCard({
|
|
|
10476
10737
|
] })
|
|
10477
10738
|
] });
|
|
10478
10739
|
}
|
|
10479
|
-
var Container =
|
|
10740
|
+
var Container = styled9.div`
|
|
10480
10741
|
background-color: var(--color-card-darker, #111);
|
|
10481
10742
|
border-radius: 8px;
|
|
10482
10743
|
padding: 1.5rem;
|
|
@@ -10489,7 +10750,7 @@ var Container = styled19.div`
|
|
|
10489
10750
|
padding: 1rem;
|
|
10490
10751
|
}
|
|
10491
10752
|
`;
|
|
10492
|
-
var Header2 =
|
|
10753
|
+
var Header2 = styled9.div`
|
|
10493
10754
|
display: flex;
|
|
10494
10755
|
align-items: center;
|
|
10495
10756
|
justify-content: space-between;
|
|
@@ -10506,7 +10767,7 @@ var Header2 = styled19.div`
|
|
|
10506
10767
|
margin: 0;
|
|
10507
10768
|
}
|
|
10508
10769
|
`;
|
|
10509
|
-
var StatusSpan =
|
|
10770
|
+
var StatusSpan = styled9.span`
|
|
10510
10771
|
display: flex;
|
|
10511
10772
|
align-items: center;
|
|
10512
10773
|
gap: 0.35rem;
|
|
@@ -10522,7 +10783,7 @@ var StatusSpan = styled19.span`
|
|
|
10522
10783
|
letter-spacing: 0.05em;
|
|
10523
10784
|
}
|
|
10524
10785
|
`;
|
|
10525
|
-
var StatusDot3 =
|
|
10786
|
+
var StatusDot3 = styled9.span`
|
|
10526
10787
|
width: 6px;
|
|
10527
10788
|
height: 6px;
|
|
10528
10789
|
border-radius: 50%;
|
|
@@ -10534,10 +10795,10 @@ var StatusDot3 = styled19.span`
|
|
|
10534
10795
|
100% { opacity: 0.4; }
|
|
10535
10796
|
}
|
|
10536
10797
|
`;
|
|
10537
|
-
var PreLiveBody =
|
|
10798
|
+
var PreLiveBody = styled9.div`
|
|
10538
10799
|
padding: 1.25rem 0;
|
|
10539
10800
|
`;
|
|
10540
|
-
var PreLiveStatus =
|
|
10801
|
+
var PreLiveStatus = styled9.div`
|
|
10541
10802
|
font-size: 0.7rem;
|
|
10542
10803
|
color: ${(p) => p.$statusColor};
|
|
10543
10804
|
text-transform: uppercase;
|
|
@@ -10546,33 +10807,33 @@ var PreLiveStatus = styled19.div`
|
|
|
10546
10807
|
text-align: center;
|
|
10547
10808
|
margin-bottom: 1.25rem;
|
|
10548
10809
|
`;
|
|
10549
|
-
var MetricsRow =
|
|
10810
|
+
var MetricsRow = styled9.div`
|
|
10550
10811
|
display: flex;
|
|
10551
10812
|
justify-content: space-between;
|
|
10552
10813
|
align-items: flex-start;
|
|
10553
10814
|
border-top: 1px solid rgba(255,255,255,0.06);
|
|
10554
10815
|
padding-top: 1rem;
|
|
10555
10816
|
`;
|
|
10556
|
-
var MetricLabel3 =
|
|
10817
|
+
var MetricLabel3 = styled9.div`
|
|
10557
10818
|
font-size: 0.6rem;
|
|
10558
10819
|
color: var(--color-text-secondary);
|
|
10559
10820
|
text-transform: uppercase;
|
|
10560
10821
|
letter-spacing: 0.1em;
|
|
10561
10822
|
margin-bottom: 0.25rem;
|
|
10562
10823
|
`;
|
|
10563
|
-
var MetricValue2 =
|
|
10824
|
+
var MetricValue2 = styled9.div`
|
|
10564
10825
|
font-size: 1.5rem;
|
|
10565
10826
|
font-weight: 700;
|
|
10566
10827
|
color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
|
|
10567
10828
|
`;
|
|
10568
|
-
var CountdownCenter =
|
|
10829
|
+
var CountdownCenter = styled9.div`
|
|
10569
10830
|
text-align: center;
|
|
10570
10831
|
display: flex;
|
|
10571
10832
|
flex-direction: column;
|
|
10572
10833
|
align-items: center;
|
|
10573
10834
|
margin-bottom: 1.25rem;
|
|
10574
10835
|
`;
|
|
10575
|
-
var CountdownLabel =
|
|
10836
|
+
var CountdownLabel = styled9.div`
|
|
10576
10837
|
font-size: 0.7rem;
|
|
10577
10838
|
color: #D4AF37;
|
|
10578
10839
|
text-transform: uppercase;
|
|
@@ -10580,13 +10841,13 @@ var CountdownLabel = styled19.div`
|
|
|
10580
10841
|
margin-bottom: 0.5rem;
|
|
10581
10842
|
font-weight: 600;
|
|
10582
10843
|
`;
|
|
10583
|
-
var CountdownDigits =
|
|
10844
|
+
var CountdownDigits = styled9.div`
|
|
10584
10845
|
display: flex;
|
|
10585
10846
|
align-items: baseline;
|
|
10586
10847
|
justify-content: center;
|
|
10587
10848
|
gap: 0.35rem;
|
|
10588
10849
|
`;
|
|
10589
|
-
var CountdownNumber =
|
|
10850
|
+
var CountdownNumber = styled9.span`
|
|
10590
10851
|
font-size: 2.5rem;
|
|
10591
10852
|
font-weight: 700;
|
|
10592
10853
|
font-family: monospace;
|
|
@@ -10595,26 +10856,26 @@ var CountdownNumber = styled19.span`
|
|
|
10595
10856
|
font-size: 1.75rem;
|
|
10596
10857
|
}
|
|
10597
10858
|
`;
|
|
10598
|
-
var CountdownUnitLabel =
|
|
10859
|
+
var CountdownUnitLabel = styled9.span`
|
|
10599
10860
|
font-size: 0.85rem;
|
|
10600
10861
|
color: var(--color-text-secondary);
|
|
10601
10862
|
`;
|
|
10602
|
-
var CountdownSeparator =
|
|
10863
|
+
var CountdownSeparator = styled9.span`
|
|
10603
10864
|
color: rgba(255,255,255,0.2);
|
|
10604
10865
|
margin: 0 0.2rem;
|
|
10605
10866
|
font-size: 1.5rem;
|
|
10606
10867
|
`;
|
|
10607
|
-
var LiveBody =
|
|
10868
|
+
var LiveBody = styled9.div`
|
|
10608
10869
|
display: flex;
|
|
10609
10870
|
flex-direction: column;
|
|
10610
10871
|
gap: 1rem;
|
|
10611
10872
|
`;
|
|
10612
|
-
var LiveTopRow =
|
|
10873
|
+
var LiveTopRow = styled9.div`
|
|
10613
10874
|
display: flex;
|
|
10614
10875
|
justify-content: space-between;
|
|
10615
10876
|
align-items: flex-start;
|
|
10616
10877
|
`;
|
|
10617
|
-
var LiveLabel =
|
|
10878
|
+
var LiveLabel = styled9.div`
|
|
10618
10879
|
font-size: 0.875rem;
|
|
10619
10880
|
color: var(--color-text-secondary);
|
|
10620
10881
|
margin-bottom: 0.25rem;
|
|
@@ -10627,7 +10888,7 @@ var LiveLabel = styled19.div`
|
|
|
10627
10888
|
opacity: 0.7;
|
|
10628
10889
|
}
|
|
10629
10890
|
`;
|
|
10630
|
-
var LivePercent =
|
|
10891
|
+
var LivePercent = styled9.div`
|
|
10631
10892
|
font-size: 2rem;
|
|
10632
10893
|
font-weight: 600;
|
|
10633
10894
|
color: #D4AF37;
|
|
@@ -10640,14 +10901,14 @@ var LivePercent = styled19.div`
|
|
|
10640
10901
|
opacity: 0.8;
|
|
10641
10902
|
}
|
|
10642
10903
|
`;
|
|
10643
|
-
var UnitsValue =
|
|
10904
|
+
var UnitsValue = styled9.div`
|
|
10644
10905
|
font-size: clamp(1.25rem, 4vw, 1.75rem);
|
|
10645
10906
|
font-weight: 700;
|
|
10646
10907
|
white-space: nowrap;
|
|
10647
10908
|
span { color: #D4AF37; }
|
|
10648
10909
|
small { color: rgba(255,255,255,0.3); font-weight: 700; margin-left: 0.35rem; font-size: inherit; }
|
|
10649
10910
|
`;
|
|
10650
|
-
var ProgressBarOuter =
|
|
10911
|
+
var ProgressBarOuter = styled9.div`
|
|
10651
10912
|
width: 100%;
|
|
10652
10913
|
height: 12px;
|
|
10653
10914
|
background: rgba(255,255,255,0.1);
|
|
@@ -10655,58 +10916,58 @@ var ProgressBarOuter = styled19.div`
|
|
|
10655
10916
|
overflow: hidden;
|
|
10656
10917
|
position: relative;
|
|
10657
10918
|
`;
|
|
10658
|
-
var ProgressBarInner =
|
|
10919
|
+
var ProgressBarInner = styled9.div`
|
|
10659
10920
|
height: 100%;
|
|
10660
10921
|
background: linear-gradient(90deg, #D4AF37, #f0b90b);
|
|
10661
10922
|
border-radius: 6px;
|
|
10662
10923
|
transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
|
|
10663
10924
|
will-change: width;
|
|
10664
10925
|
`;
|
|
10665
|
-
var ProgressInfo =
|
|
10926
|
+
var ProgressInfo = styled9.div`
|
|
10666
10927
|
display: flex;
|
|
10667
10928
|
justify-content: space-between;
|
|
10668
10929
|
font-size: 0.875rem;
|
|
10669
10930
|
`;
|
|
10670
|
-
var ProgressSubscribers =
|
|
10931
|
+
var ProgressSubscribers = styled9.div`
|
|
10671
10932
|
color: var(--color-text-secondary);
|
|
10672
10933
|
font-weight: 500;
|
|
10673
10934
|
`;
|
|
10674
|
-
var ProgressAmounts =
|
|
10935
|
+
var ProgressAmounts = styled9.div`
|
|
10675
10936
|
font-weight: 600;
|
|
10676
10937
|
.raised { color: #D4AF37; }
|
|
10677
10938
|
.target { color: rgba(255,255,255,0.3); }
|
|
10678
10939
|
`;
|
|
10679
|
-
var CompactContainer =
|
|
10940
|
+
var CompactContainer = styled9.div`
|
|
10680
10941
|
width: 100%;
|
|
10681
10942
|
margin: 1.5rem 0;
|
|
10682
10943
|
display: flex;
|
|
10683
10944
|
flex-direction: column;
|
|
10684
10945
|
gap: 0.5rem;
|
|
10685
10946
|
`;
|
|
10686
|
-
var HomePreLiveRow =
|
|
10947
|
+
var HomePreLiveRow = styled9.div`
|
|
10687
10948
|
display: flex;
|
|
10688
10949
|
align-items: center;
|
|
10689
10950
|
justify-content: space-between;
|
|
10690
10951
|
padding-top: 1rem;
|
|
10691
10952
|
`;
|
|
10692
|
-
var HomeCountdownSide =
|
|
10953
|
+
var HomeCountdownSide = styled9.div`
|
|
10693
10954
|
display: flex;
|
|
10694
10955
|
flex-direction: column;
|
|
10695
10956
|
align-items: center;
|
|
10696
10957
|
flex: 1;
|
|
10697
10958
|
`;
|
|
10698
|
-
var HomeUnitsSide =
|
|
10959
|
+
var HomeUnitsSide = styled9.div`
|
|
10699
10960
|
text-align: center;
|
|
10700
10961
|
flex-shrink: 0;
|
|
10701
10962
|
`;
|
|
10702
|
-
var HomeUnitsLabel =
|
|
10963
|
+
var HomeUnitsLabel = styled9.div`
|
|
10703
10964
|
font-size: 0.6rem;
|
|
10704
10965
|
color: var(--color-text-secondary);
|
|
10705
10966
|
text-transform: uppercase;
|
|
10706
10967
|
letter-spacing: 0.1em;
|
|
10707
10968
|
margin-bottom: 0.2rem;
|
|
10708
10969
|
`;
|
|
10709
|
-
var HomeUnitsValue =
|
|
10970
|
+
var HomeUnitsValue = styled9.div`
|
|
10710
10971
|
font-size: 1.1rem;
|
|
10711
10972
|
font-weight: 700;
|
|
10712
10973
|
font-family: monospace;
|
|
@@ -10715,7 +10976,7 @@ var HomeUnitsValue = styled19.div`
|
|
|
10715
10976
|
font-weight: 400;
|
|
10716
10977
|
}
|
|
10717
10978
|
`;
|
|
10718
|
-
var HomeSpinner =
|
|
10979
|
+
var HomeSpinner = styled9.span`
|
|
10719
10980
|
display: inline-block;
|
|
10720
10981
|
width: 14px;
|
|
10721
10982
|
height: 14px;
|
|
@@ -10809,7 +11070,7 @@ function VideoActivitySection({
|
|
|
10809
11070
|
] })
|
|
10810
11071
|
] });
|
|
10811
11072
|
}
|
|
10812
|
-
var Section4 =
|
|
11073
|
+
var Section4 = styled9.div`
|
|
10813
11074
|
display: flex;
|
|
10814
11075
|
gap: 1.5rem;
|
|
10815
11076
|
align-items: stretch;
|
|
@@ -10818,7 +11079,7 @@ var Section4 = styled19.div`
|
|
|
10818
11079
|
gap: 1rem;
|
|
10819
11080
|
}
|
|
10820
11081
|
`;
|
|
10821
|
-
var VideoPanel =
|
|
11082
|
+
var VideoPanel = styled9.div`
|
|
10822
11083
|
flex: 1;
|
|
10823
11084
|
background-color: var(--color-card-darker, #111);
|
|
10824
11085
|
border-radius: 8px;
|
|
@@ -10862,7 +11123,7 @@ var VideoPanel = styled19.div`
|
|
|
10862
11123
|
}
|
|
10863
11124
|
}
|
|
10864
11125
|
`;
|
|
10865
|
-
var ActivityPanel =
|
|
11126
|
+
var ActivityPanel = styled9.div`
|
|
10866
11127
|
flex: 0 0 auto;
|
|
10867
11128
|
min-width: 450px;
|
|
10868
11129
|
max-width: 520px;
|
|
@@ -10943,7 +11204,7 @@ var ActivityPanel = styled19.div`
|
|
|
10943
11204
|
to { transform: rotate(360deg); }
|
|
10944
11205
|
}
|
|
10945
11206
|
`;
|
|
10946
|
-
var SkeletonFeedRow =
|
|
11207
|
+
var SkeletonFeedRow = styled9.div`
|
|
10947
11208
|
padding: 0.625rem 0.75rem;
|
|
10948
11209
|
border-bottom: 1px solid rgba(255,255,255,0.04);
|
|
10949
11210
|
display: flex;
|
|
@@ -10967,7 +11228,7 @@ var SkeletonFeedRow = styled19.div`
|
|
|
10967
11228
|
padding: 0.4rem 0.6rem;
|
|
10968
11229
|
}
|
|
10969
11230
|
`;
|
|
10970
|
-
var EndedBanner =
|
|
11231
|
+
var EndedBanner = styled9.div`
|
|
10971
11232
|
font-size: 0.7rem;
|
|
10972
11233
|
font-weight: 600;
|
|
10973
11234
|
letter-spacing: 0.04em;
|
|
@@ -10980,7 +11241,7 @@ var EndedBanner = styled19.div`
|
|
|
10980
11241
|
margin-bottom: 0.5rem;
|
|
10981
11242
|
text-align: center;
|
|
10982
11243
|
`;
|
|
10983
|
-
var FeedList =
|
|
11244
|
+
var FeedList = styled9.div`
|
|
10984
11245
|
width: 100%;
|
|
10985
11246
|
overflow-y: auto;
|
|
10986
11247
|
scrollbar-width: none;
|
|
@@ -10989,7 +11250,7 @@ var FeedList = styled19.div`
|
|
|
10989
11250
|
display: none;
|
|
10990
11251
|
}
|
|
10991
11252
|
`;
|
|
10992
|
-
var PurchaseItem =
|
|
11253
|
+
var PurchaseItem = styled9.div`
|
|
10993
11254
|
padding: 0.625rem 0.75rem;
|
|
10994
11255
|
border-bottom: 1px solid rgba(255,255,255,0.05);
|
|
10995
11256
|
display: flex;
|
|
@@ -11018,12 +11279,12 @@ var PurchaseItem = styled19.div`
|
|
|
11018
11279
|
padding: 0.4rem 0.6rem;
|
|
11019
11280
|
}
|
|
11020
11281
|
`;
|
|
11021
|
-
var PurchaseInfo =
|
|
11282
|
+
var PurchaseInfo = styled9.div`
|
|
11022
11283
|
display: flex;
|
|
11023
11284
|
flex-direction: column;
|
|
11024
11285
|
min-width: 0;
|
|
11025
11286
|
`;
|
|
11026
|
-
var PurchaseName =
|
|
11287
|
+
var PurchaseName = styled9.div`
|
|
11027
11288
|
font-weight: 500;
|
|
11028
11289
|
font-size: 0.875rem;
|
|
11029
11290
|
color: #fff;
|
|
@@ -11031,19 +11292,19 @@ var PurchaseName = styled19.div`
|
|
|
11031
11292
|
overflow: hidden;
|
|
11032
11293
|
text-overflow: ellipsis;
|
|
11033
11294
|
`;
|
|
11034
|
-
var PurchaseTime =
|
|
11295
|
+
var PurchaseTime = styled9.div`
|
|
11035
11296
|
font-size: 0.7rem;
|
|
11036
11297
|
color: var(--color-text-secondary);
|
|
11037
11298
|
margin-top: 0.125rem;
|
|
11038
11299
|
`;
|
|
11039
|
-
var PurchaseAmount =
|
|
11300
|
+
var PurchaseAmount = styled9.div`
|
|
11040
11301
|
font-weight: 600;
|
|
11041
11302
|
font-size: 0.875rem;
|
|
11042
11303
|
color: #fff;
|
|
11043
11304
|
white-space: nowrap;
|
|
11044
11305
|
margin-left: 1rem;
|
|
11045
11306
|
`;
|
|
11046
|
-
var LiveIndicatorDot =
|
|
11307
|
+
var LiveIndicatorDot = styled9.span`
|
|
11047
11308
|
display: inline-block;
|
|
11048
11309
|
width: 8px;
|
|
11049
11310
|
height: 8px;
|
|
@@ -11083,7 +11344,7 @@ var VARIANT_COLORS = {
|
|
|
11083
11344
|
info: { accent: "#E6C656", icon: "\u2139" },
|
|
11084
11345
|
pending: { accent: "#7EB3E6", icon: "\u25CC" }
|
|
11085
11346
|
};
|
|
11086
|
-
var Wrapper2 =
|
|
11347
|
+
var Wrapper2 = styled9.div`
|
|
11087
11348
|
position: relative;
|
|
11088
11349
|
display: flex;
|
|
11089
11350
|
flex-direction: column;
|
|
@@ -11097,13 +11358,13 @@ var Wrapper2 = styled19.div`
|
|
|
11097
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`};
|
|
11098
11359
|
pointer-events: all;
|
|
11099
11360
|
`;
|
|
11100
|
-
var Body =
|
|
11361
|
+
var Body = styled9.div`
|
|
11101
11362
|
display: flex;
|
|
11102
11363
|
align-items: flex-start;
|
|
11103
11364
|
gap: 12px;
|
|
11104
11365
|
padding: 14px 16px 12px;
|
|
11105
11366
|
`;
|
|
11106
|
-
var IconDot =
|
|
11367
|
+
var IconDot = styled9.div`
|
|
11107
11368
|
flex-shrink: 0;
|
|
11108
11369
|
width: 28px;
|
|
11109
11370
|
height: 28px;
|
|
@@ -11118,25 +11379,25 @@ var IconDot = styled19.div`
|
|
|
11118
11379
|
color: ${({ $color }) => $color};
|
|
11119
11380
|
margin-top: 1px;
|
|
11120
11381
|
`;
|
|
11121
|
-
var Content =
|
|
11382
|
+
var Content = styled9.div`
|
|
11122
11383
|
flex: 1;
|
|
11123
11384
|
min-width: 0;
|
|
11124
11385
|
`;
|
|
11125
|
-
var Title2 =
|
|
11386
|
+
var Title2 = styled9.p`
|
|
11126
11387
|
margin: 0 0 2px;
|
|
11127
11388
|
font-size: 0.8rem;
|
|
11128
11389
|
font-weight: 600;
|
|
11129
11390
|
color: #fff;
|
|
11130
11391
|
letter-spacing: 0.01em;
|
|
11131
11392
|
`;
|
|
11132
|
-
var Amount =
|
|
11393
|
+
var Amount = styled9.p`
|
|
11133
11394
|
margin: 0 0 6px;
|
|
11134
11395
|
font-size: 1.05rem;
|
|
11135
11396
|
font-weight: 700;
|
|
11136
11397
|
color: #E6C656;
|
|
11137
11398
|
letter-spacing: -0.01em;
|
|
11138
11399
|
`;
|
|
11139
|
-
var TxRow =
|
|
11400
|
+
var TxRow = styled9.a`
|
|
11140
11401
|
display: inline-flex;
|
|
11141
11402
|
align-items: center;
|
|
11142
11403
|
gap: 5px;
|
|
@@ -11149,11 +11410,11 @@ var TxRow = styled19.a`
|
|
|
11149
11410
|
color: #7EB3E6;
|
|
11150
11411
|
}
|
|
11151
11412
|
`;
|
|
11152
|
-
var TxArrow =
|
|
11413
|
+
var TxArrow = styled9.span`
|
|
11153
11414
|
font-size: 0.6rem;
|
|
11154
11415
|
opacity: 0.6;
|
|
11155
11416
|
`;
|
|
11156
|
-
var CloseBtn =
|
|
11417
|
+
var CloseBtn = styled9.button`
|
|
11157
11418
|
flex-shrink: 0;
|
|
11158
11419
|
background: none;
|
|
11159
11420
|
border: none;
|
|
@@ -11165,7 +11426,7 @@ var CloseBtn = styled19.button`
|
|
|
11165
11426
|
transition: color 0.15s;
|
|
11166
11427
|
&:hover { color: rgba(255, 255, 255, 0.7); }
|
|
11167
11428
|
`;
|
|
11168
|
-
var ProgressBar =
|
|
11429
|
+
var ProgressBar = styled9.div`
|
|
11169
11430
|
height: 2px;
|
|
11170
11431
|
background: rgba(255, 255, 255, 0.06);
|
|
11171
11432
|
position: relative;
|
|
@@ -11179,7 +11440,7 @@ var ProgressBar = styled19.div`
|
|
|
11179
11440
|
animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
|
|
11180
11441
|
}
|
|
11181
11442
|
`;
|
|
11182
|
-
var Container2 =
|
|
11443
|
+
var Container2 = styled9.div`
|
|
11183
11444
|
position: fixed;
|
|
11184
11445
|
bottom: 24px;
|
|
11185
11446
|
right: 24px;
|
|
@@ -11629,7 +11890,7 @@ function OrderPanel({
|
|
|
11629
11890
|
] })
|
|
11630
11891
|
] });
|
|
11631
11892
|
}
|
|
11632
|
-
var Panel =
|
|
11893
|
+
var Panel = styled9.div`
|
|
11633
11894
|
background-color: var(--color-card-darker, #111);
|
|
11634
11895
|
border-radius: 8px;
|
|
11635
11896
|
padding: 1.5rem;
|
|
@@ -11656,7 +11917,7 @@ var Panel = styled19.div`
|
|
|
11656
11917
|
border-radius: 6px;
|
|
11657
11918
|
}
|
|
11658
11919
|
`;
|
|
11659
|
-
var PanelHeader2 =
|
|
11920
|
+
var PanelHeader2 = styled9.div`
|
|
11660
11921
|
display: flex;
|
|
11661
11922
|
justify-content: space-between;
|
|
11662
11923
|
align-items: center;
|
|
@@ -11669,7 +11930,7 @@ var PanelHeader2 = styled19.div`
|
|
|
11669
11930
|
color: var(--color-text);
|
|
11670
11931
|
}
|
|
11671
11932
|
`;
|
|
11672
|
-
var StatusBadge2 =
|
|
11933
|
+
var StatusBadge2 = styled9.span`
|
|
11673
11934
|
font-size: 0.7rem;
|
|
11674
11935
|
font-weight: 600;
|
|
11675
11936
|
display: inline-flex;
|
|
@@ -11682,7 +11943,7 @@ var StatusBadge2 = styled19.span`
|
|
|
11682
11943
|
display: inline-block;
|
|
11683
11944
|
}
|
|
11684
11945
|
`;
|
|
11685
|
-
var Card2 =
|
|
11946
|
+
var Card2 = styled9.div`
|
|
11686
11947
|
background: rgba(0,0,0,0.4);
|
|
11687
11948
|
border: 1px solid rgba(255,255,255,0.15);
|
|
11688
11949
|
border-radius: 12px;
|
|
@@ -11693,12 +11954,12 @@ var Card2 = styled19.div`
|
|
|
11693
11954
|
border-radius: 10px;
|
|
11694
11955
|
}
|
|
11695
11956
|
`;
|
|
11696
|
-
var CardLabel =
|
|
11957
|
+
var CardLabel = styled9.div`
|
|
11697
11958
|
font-size: 0.75rem;
|
|
11698
11959
|
color: var(--color-text-secondary);
|
|
11699
11960
|
margin-bottom: 0.5rem;
|
|
11700
11961
|
`;
|
|
11701
|
-
var CardInputRow =
|
|
11962
|
+
var CardInputRow = styled9.div`
|
|
11702
11963
|
display: flex;
|
|
11703
11964
|
align-items: center;
|
|
11704
11965
|
justify-content: space-between;
|
|
@@ -11723,7 +11984,7 @@ var CardInputRow = styled19.div`
|
|
|
11723
11984
|
white-space: nowrap;
|
|
11724
11985
|
}
|
|
11725
11986
|
`;
|
|
11726
|
-
var QuickSelectRow =
|
|
11987
|
+
var QuickSelectRow = styled9.div`
|
|
11727
11988
|
display: flex;
|
|
11728
11989
|
gap: 0.5rem;
|
|
11729
11990
|
margin-top: 0.75rem;
|
|
@@ -11752,7 +12013,7 @@ var QuickSelectRow = styled19.div`
|
|
|
11752
12013
|
button { font-size: 0.7rem; padding: 0.35rem 0; }
|
|
11753
12014
|
}
|
|
11754
12015
|
`;
|
|
11755
|
-
var FundsRow =
|
|
12016
|
+
var FundsRow = styled9.div`
|
|
11756
12017
|
display: flex;
|
|
11757
12018
|
align-items: center;
|
|
11758
12019
|
gap: 0.5rem;
|
|
@@ -11763,7 +12024,7 @@ var FundsRow = styled19.div`
|
|
|
11763
12024
|
color: #fff;
|
|
11764
12025
|
}
|
|
11765
12026
|
`;
|
|
11766
|
-
var DepositButton2 =
|
|
12027
|
+
var DepositButton2 = styled9.button`
|
|
11767
12028
|
background: transparent;
|
|
11768
12029
|
border: 1px solid rgba(212,175,55,0.4);
|
|
11769
12030
|
border-radius: 4px;
|
|
@@ -11773,23 +12034,23 @@ var DepositButton2 = styled19.button`
|
|
|
11773
12034
|
cursor: pointer;
|
|
11774
12035
|
font-weight: 500;
|
|
11775
12036
|
`;
|
|
11776
|
-
var Divider2 =
|
|
12037
|
+
var Divider2 = styled9.div`
|
|
11777
12038
|
text-align: center;
|
|
11778
12039
|
margin: 0.5rem 0;
|
|
11779
12040
|
color: var(--color-text-secondary);
|
|
11780
12041
|
`;
|
|
11781
|
-
var CardTopRow =
|
|
12042
|
+
var CardTopRow = styled9.div`
|
|
11782
12043
|
display: flex;
|
|
11783
12044
|
justify-content: space-between;
|
|
11784
12045
|
align-items: center;
|
|
11785
12046
|
margin-bottom: 0.5rem;
|
|
11786
12047
|
`;
|
|
11787
|
-
var CardHint =
|
|
12048
|
+
var CardHint = styled9.span`
|
|
11788
12049
|
font-size: 0.7rem;
|
|
11789
12050
|
color: var(--color-text-secondary);
|
|
11790
12051
|
opacity: 0.7;
|
|
11791
12052
|
`;
|
|
11792
|
-
var OrderSummary =
|
|
12053
|
+
var OrderSummary = styled9.div`
|
|
11793
12054
|
border-top: 1px solid rgba(255,255,255,0.08);
|
|
11794
12055
|
padding-top: 1rem;
|
|
11795
12056
|
margin-top: 0.5rem;
|
|
@@ -11798,13 +12059,13 @@ var OrderSummary = styled19.div`
|
|
|
11798
12059
|
flex-direction: column;
|
|
11799
12060
|
gap: 0.5rem;
|
|
11800
12061
|
`;
|
|
11801
|
-
var SummaryRow =
|
|
12062
|
+
var SummaryRow = styled9.div`
|
|
11802
12063
|
display: flex;
|
|
11803
12064
|
justify-content: space-between;
|
|
11804
12065
|
color: var(--color-text-secondary);
|
|
11805
12066
|
strong { color: #fff; }
|
|
11806
12067
|
`;
|
|
11807
|
-
var SummaryTotal =
|
|
12068
|
+
var SummaryTotal = styled9(SummaryRow)`
|
|
11808
12069
|
padding-top: 0.5rem;
|
|
11809
12070
|
border-top: 1px solid rgba(255,255,255,0.08);
|
|
11810
12071
|
color: #fff;
|
|
@@ -11812,12 +12073,12 @@ var SummaryTotal = styled19(SummaryRow)`
|
|
|
11812
12073
|
font-weight: 600;
|
|
11813
12074
|
}
|
|
11814
12075
|
`;
|
|
11815
|
-
var FormBody =
|
|
12076
|
+
var FormBody = styled9.div`
|
|
11816
12077
|
display: flex;
|
|
11817
12078
|
flex-direction: column;
|
|
11818
12079
|
gap: 0.75rem;
|
|
11819
12080
|
`;
|
|
11820
|
-
var SubscribeButton =
|
|
12081
|
+
var SubscribeButton = styled9.button`
|
|
11821
12082
|
width: 100%;
|
|
11822
12083
|
margin-top: 1rem;
|
|
11823
12084
|
padding: 0.875rem;
|
|
@@ -11842,13 +12103,13 @@ var SubscribeButton = styled19.button`
|
|
|
11842
12103
|
color: #0a0a0a;
|
|
11843
12104
|
}
|
|
11844
12105
|
`;
|
|
11845
|
-
var BalanceCards =
|
|
12106
|
+
var BalanceCards = styled9.div`
|
|
11846
12107
|
display: flex;
|
|
11847
12108
|
gap: 1rem;
|
|
11848
12109
|
margin-top: 1rem;
|
|
11849
12110
|
flex-wrap: wrap;
|
|
11850
12111
|
`;
|
|
11851
|
-
var BalanceCard =
|
|
12112
|
+
var BalanceCard = styled9.div`
|
|
11852
12113
|
flex: 1;
|
|
11853
12114
|
background: rgba(255,255,255,0.03);
|
|
11854
12115
|
border-radius: 12px;
|
|
@@ -11856,14 +12117,14 @@ var BalanceCard = styled19.div`
|
|
|
11856
12117
|
text-align: center;
|
|
11857
12118
|
position: relative;
|
|
11858
12119
|
`;
|
|
11859
|
-
var BalanceLabel =
|
|
12120
|
+
var BalanceLabel = styled9.div`
|
|
11860
12121
|
font-size: 0.75rem;
|
|
11861
12122
|
color: var(--color-text-secondary);
|
|
11862
12123
|
text-transform: uppercase;
|
|
11863
12124
|
letter-spacing: 0.5px;
|
|
11864
12125
|
margin-bottom: 0.5rem;
|
|
11865
12126
|
`;
|
|
11866
|
-
var BalanceValue =
|
|
12127
|
+
var BalanceValue = styled9.div`
|
|
11867
12128
|
font-size: 1.5rem;
|
|
11868
12129
|
font-weight: 700;
|
|
11869
12130
|
color: #fff;
|
|
@@ -11879,20 +12140,20 @@ var BalanceValue = styled19.div`
|
|
|
11879
12140
|
font-size: 1.2rem;
|
|
11880
12141
|
}
|
|
11881
12142
|
`;
|
|
11882
|
-
var BalanceAction =
|
|
12143
|
+
var BalanceAction = styled9.div`
|
|
11883
12144
|
font-size: 0.75rem;
|
|
11884
12145
|
color: #D4AF37;
|
|
11885
12146
|
cursor: pointer;
|
|
11886
12147
|
font-weight: 500;
|
|
11887
12148
|
margin-top: 0.5rem;
|
|
11888
12149
|
`;
|
|
11889
|
-
var BalanceSub =
|
|
12150
|
+
var BalanceSub = styled9.div`
|
|
11890
12151
|
font-size: 0.85rem;
|
|
11891
12152
|
font-weight: 500;
|
|
11892
12153
|
color: var(--color-text-secondary);
|
|
11893
12154
|
margin-top: 0.25rem;
|
|
11894
12155
|
`;
|
|
11895
|
-
var OrderPendingCard =
|
|
12156
|
+
var OrderPendingCard = styled9.div`
|
|
11896
12157
|
margin-bottom: 1.5rem;
|
|
11897
12158
|
background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
|
|
11898
12159
|
border: 1px solid rgba(212,175,55,0.08);
|
|
@@ -11996,7 +12257,7 @@ var OrderPendingCard = styled19.div`
|
|
|
11996
12257
|
animation: pulse 2s ease-in-out infinite;
|
|
11997
12258
|
}
|
|
11998
12259
|
`;
|
|
11999
|
-
var OrderSuccessCard =
|
|
12260
|
+
var OrderSuccessCard = styled9.div`
|
|
12000
12261
|
margin-bottom: 1.5rem;
|
|
12001
12262
|
background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
|
|
12002
12263
|
border: 1px solid rgba(212,175,55,0.12);
|
|
@@ -12100,7 +12361,7 @@ var OrderSuccessCard = styled19.div`
|
|
|
12100
12361
|
transition: all 0.2s ease;
|
|
12101
12362
|
}
|
|
12102
12363
|
`;
|
|
12103
|
-
var InsufficientFunds =
|
|
12364
|
+
var InsufficientFunds = styled9.div`
|
|
12104
12365
|
margin-top: 1rem;
|
|
12105
12366
|
padding: 0.75rem 1rem;
|
|
12106
12367
|
border-radius: 8px;
|
|
@@ -12618,14 +12879,14 @@ function PortfolioActivityPanel({
|
|
|
12618
12879
|
] }) })
|
|
12619
12880
|
] });
|
|
12620
12881
|
}
|
|
12621
|
-
var Container3 =
|
|
12622
|
-
var PanelTitle =
|
|
12882
|
+
var Container3 = styled9.div``;
|
|
12883
|
+
var PanelTitle = styled9.h3`
|
|
12623
12884
|
font-size: 1rem;
|
|
12624
12885
|
font-weight: 600;
|
|
12625
12886
|
color: var(--color-text, #fff);
|
|
12626
12887
|
margin: 0 0 0.75rem;
|
|
12627
12888
|
`;
|
|
12628
|
-
var TabContainer =
|
|
12889
|
+
var TabContainer = styled9.div`
|
|
12629
12890
|
display: flex;
|
|
12630
12891
|
gap: 0;
|
|
12631
12892
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
@@ -12636,7 +12897,7 @@ var TabContainer = styled19.div`
|
|
|
12636
12897
|
scrollbar-width: none;
|
|
12637
12898
|
&::-webkit-scrollbar { display: none; }
|
|
12638
12899
|
`;
|
|
12639
|
-
var Tab =
|
|
12900
|
+
var Tab = styled9.button`
|
|
12640
12901
|
background: transparent;
|
|
12641
12902
|
border: none;
|
|
12642
12903
|
padding: 0.6rem 1rem;
|
|
@@ -12665,12 +12926,12 @@ var Tab = styled19.button`
|
|
|
12665
12926
|
color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
|
|
12666
12927
|
}
|
|
12667
12928
|
`;
|
|
12668
|
-
var TabCount =
|
|
12929
|
+
var TabCount = styled9.span`
|
|
12669
12930
|
color: #E6C656;
|
|
12670
12931
|
font-weight: 600;
|
|
12671
12932
|
margin-left: 2px;
|
|
12672
12933
|
`;
|
|
12673
|
-
|
|
12934
|
+
styled9.div`
|
|
12674
12935
|
display: grid;
|
|
12675
12936
|
grid-template-columns: auto 1fr auto auto;
|
|
12676
12937
|
align-items: center;
|
|
@@ -12686,7 +12947,7 @@ styled19.div`
|
|
|
12686
12947
|
background: rgba(255, 255, 255, 0.015);
|
|
12687
12948
|
}
|
|
12688
12949
|
`;
|
|
12689
|
-
|
|
12950
|
+
styled9.span`
|
|
12690
12951
|
font-size: 0.6rem;
|
|
12691
12952
|
font-weight: 700;
|
|
12692
12953
|
text-transform: uppercase;
|
|
@@ -12698,21 +12959,21 @@ styled19.span`
|
|
|
12698
12959
|
color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
|
|
12699
12960
|
background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
|
|
12700
12961
|
`;
|
|
12701
|
-
|
|
12962
|
+
styled9.div`
|
|
12702
12963
|
display: flex;
|
|
12703
12964
|
flex-direction: column;
|
|
12704
12965
|
gap: 0.1rem;
|
|
12705
12966
|
`;
|
|
12706
|
-
|
|
12967
|
+
styled9.span`
|
|
12707
12968
|
font-size: 0.8rem;
|
|
12708
12969
|
color: #fff;
|
|
12709
12970
|
font-weight: 500;
|
|
12710
12971
|
`;
|
|
12711
|
-
|
|
12972
|
+
styled9.span`
|
|
12712
12973
|
font-size: 0.6rem;
|
|
12713
12974
|
color: rgba(255, 255, 255, 0.35);
|
|
12714
12975
|
`;
|
|
12715
|
-
var ActivityTag =
|
|
12976
|
+
var ActivityTag = styled9.span`
|
|
12716
12977
|
font-size: 0.58rem;
|
|
12717
12978
|
font-weight: 600;
|
|
12718
12979
|
padding: 0.15rem 0.45rem;
|
|
@@ -12721,20 +12982,20 @@ var ActivityTag = styled19.span`
|
|
|
12721
12982
|
background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
|
|
12722
12983
|
white-space: nowrap;
|
|
12723
12984
|
`;
|
|
12724
|
-
|
|
12985
|
+
styled9.span`
|
|
12725
12986
|
font-size: 0.8rem;
|
|
12726
12987
|
font-weight: 600;
|
|
12727
12988
|
color: #fff;
|
|
12728
12989
|
text-align: right;
|
|
12729
12990
|
white-space: nowrap;
|
|
12730
12991
|
`;
|
|
12731
|
-
|
|
12992
|
+
styled9.div`
|
|
12732
12993
|
display: flex;
|
|
12733
12994
|
align-items: center;
|
|
12734
12995
|
justify-content: flex-end;
|
|
12735
12996
|
gap: 0.35rem;
|
|
12736
12997
|
`;
|
|
12737
|
-
|
|
12998
|
+
styled9.a`
|
|
12738
12999
|
display: inline-flex;
|
|
12739
13000
|
align-items: center;
|
|
12740
13001
|
justify-content: center;
|
|
@@ -12756,13 +13017,13 @@ styled19.a`
|
|
|
12756
13017
|
outline-offset: 2px;
|
|
12757
13018
|
}
|
|
12758
13019
|
`;
|
|
12759
|
-
var EmptyState =
|
|
13020
|
+
var EmptyState = styled9.div`
|
|
12760
13021
|
padding: 1.5rem 0.75rem;
|
|
12761
13022
|
text-align: center;
|
|
12762
13023
|
font-size: 0.8rem;
|
|
12763
13024
|
color: rgba(255, 255, 255, 0.45);
|
|
12764
13025
|
`;
|
|
12765
|
-
var PaginationRow =
|
|
13026
|
+
var PaginationRow = styled9.div`
|
|
12766
13027
|
display: flex;
|
|
12767
13028
|
align-items: center;
|
|
12768
13029
|
justify-content: center;
|
|
@@ -12771,7 +13032,7 @@ var PaginationRow = styled19.div`
|
|
|
12771
13032
|
padding-top: 1rem;
|
|
12772
13033
|
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
|
12773
13034
|
`;
|
|
12774
|
-
var PaginationButton =
|
|
13035
|
+
var PaginationButton = styled9.button`
|
|
12775
13036
|
background: transparent;
|
|
12776
13037
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12777
13038
|
border-radius: 8px;
|
|
@@ -12785,25 +13046,25 @@ var PaginationButton = styled19.button`
|
|
|
12785
13046
|
cursor: default;
|
|
12786
13047
|
}
|
|
12787
13048
|
`;
|
|
12788
|
-
var PaginationLabel =
|
|
13049
|
+
var PaginationLabel = styled9.span`
|
|
12789
13050
|
font-size: 0.8rem;
|
|
12790
13051
|
color: rgba(255, 255, 255, 0.4);
|
|
12791
13052
|
`;
|
|
12792
|
-
var PositionsHeader =
|
|
13053
|
+
var PositionsHeader = styled9.div`
|
|
12793
13054
|
display: grid;
|
|
12794
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"};
|
|
12795
13056
|
gap: 0 0.75rem;
|
|
12796
13057
|
padding: 0.4rem 0.5rem;
|
|
12797
13058
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
12798
13059
|
`;
|
|
12799
|
-
var PositionsHeaderCell =
|
|
13060
|
+
var PositionsHeaderCell = styled9.div`
|
|
12800
13061
|
font-size: 0.68rem;
|
|
12801
13062
|
font-weight: 500;
|
|
12802
13063
|
color: rgba(255, 255, 255, 0.4);
|
|
12803
13064
|
text-align: ${(p) => p.$align || "left"};
|
|
12804
13065
|
white-space: nowrap;
|
|
12805
13066
|
`;
|
|
12806
|
-
var SortableHeaderCell =
|
|
13067
|
+
var SortableHeaderCell = styled9.div`
|
|
12807
13068
|
font-size: 0.68rem;
|
|
12808
13069
|
font-weight: 500;
|
|
12809
13070
|
color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
|
|
@@ -12813,7 +13074,7 @@ var SortableHeaderCell = styled19.div`
|
|
|
12813
13074
|
transition: color 0.15s ease;
|
|
12814
13075
|
&:hover { color: rgba(255, 255, 255, 0.7); }
|
|
12815
13076
|
`;
|
|
12816
|
-
var PositionsRow =
|
|
13077
|
+
var PositionsRow = styled9.div`
|
|
12817
13078
|
display: grid;
|
|
12818
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"};
|
|
12819
13080
|
align-items: center;
|
|
@@ -12826,29 +13087,29 @@ var PositionsRow = styled19.div`
|
|
|
12826
13087
|
&:hover { background: rgba(255, 255, 255, 0.04); }
|
|
12827
13088
|
&:last-child { border-bottom: none; }
|
|
12828
13089
|
`;
|
|
12829
|
-
var PositionsCell =
|
|
13090
|
+
var PositionsCell = styled9.div`
|
|
12830
13091
|
display: flex;
|
|
12831
13092
|
flex-direction: column;
|
|
12832
13093
|
align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
|
|
12833
13094
|
gap: 0.1rem;
|
|
12834
13095
|
`;
|
|
12835
|
-
var HoldingsPropertyLink =
|
|
13096
|
+
var HoldingsPropertyLink = styled9.span`
|
|
12836
13097
|
font-size: 0.8rem;
|
|
12837
13098
|
font-weight: 600;
|
|
12838
13099
|
color: #fff;
|
|
12839
13100
|
cursor: grab;
|
|
12840
13101
|
&:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
|
|
12841
13102
|
`;
|
|
12842
|
-
var PnLAmount =
|
|
13103
|
+
var PnLAmount = styled9.div`
|
|
12843
13104
|
font-size: 0.85rem;
|
|
12844
13105
|
font-weight: 600;
|
|
12845
13106
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
12846
13107
|
`;
|
|
12847
|
-
var PnLPercentage =
|
|
13108
|
+
var PnLPercentage = styled9.div`
|
|
12848
13109
|
font-size: 0.7rem;
|
|
12849
13110
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
12850
13111
|
`;
|
|
12851
|
-
var CancelButton =
|
|
13112
|
+
var CancelButton = styled9.button`
|
|
12852
13113
|
background: transparent;
|
|
12853
13114
|
border: 1px solid rgba(246, 70, 93, 0.3);
|
|
12854
13115
|
border-radius: 4px;
|
|
@@ -12870,20 +13131,20 @@ var CancelButton = styled19.button`
|
|
|
12870
13131
|
cursor: not-allowed;
|
|
12871
13132
|
}
|
|
12872
13133
|
`;
|
|
12873
|
-
var GridHeader =
|
|
13134
|
+
var GridHeader = styled9.div`
|
|
12874
13135
|
display: grid;
|
|
12875
13136
|
grid-template-columns: ${(p) => p.$columns};
|
|
12876
13137
|
gap: 0 0.75rem;
|
|
12877
13138
|
padding: 0.4rem 0.5rem;
|
|
12878
13139
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
12879
13140
|
`;
|
|
12880
|
-
var GridHeaderCell =
|
|
13141
|
+
var GridHeaderCell = styled9.div`
|
|
12881
13142
|
font-size: 0.68rem;
|
|
12882
13143
|
font-weight: 500;
|
|
12883
13144
|
color: rgba(255, 255, 255, 0.4);
|
|
12884
13145
|
white-space: nowrap;
|
|
12885
13146
|
`;
|
|
12886
|
-
var GridRow =
|
|
13147
|
+
var GridRow = styled9.div`
|
|
12887
13148
|
display: grid;
|
|
12888
13149
|
grid-template-columns: ${(p) => p.$columns};
|
|
12889
13150
|
align-items: center;
|
|
@@ -12893,12 +13154,12 @@ var GridRow = styled19.div`
|
|
|
12893
13154
|
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
|
|
12894
13155
|
&:last-child { border-bottom: none; }
|
|
12895
13156
|
`;
|
|
12896
|
-
var GridCell =
|
|
13157
|
+
var GridCell = styled9.div`
|
|
12897
13158
|
display: flex;
|
|
12898
13159
|
align-items: center;
|
|
12899
13160
|
min-width: 0;
|
|
12900
13161
|
`;
|
|
12901
|
-
var CellText =
|
|
13162
|
+
var CellText = styled9.span`
|
|
12902
13163
|
font-size: 0.8rem;
|
|
12903
13164
|
font-weight: ${(p) => p.$primary ? 600 : 400};
|
|
12904
13165
|
color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
|
|
@@ -12906,12 +13167,12 @@ var CellText = styled19.span`
|
|
|
12906
13167
|
overflow: hidden;
|
|
12907
13168
|
text-overflow: ellipsis;
|
|
12908
13169
|
`;
|
|
12909
|
-
var SideBadge =
|
|
13170
|
+
var SideBadge = styled9.span`
|
|
12910
13171
|
font-size: 0.68rem;
|
|
12911
13172
|
font-weight: 600;
|
|
12912
13173
|
color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
|
|
12913
13174
|
`;
|
|
12914
|
-
var EditableCellWrap =
|
|
13175
|
+
var EditableCellWrap = styled9.span`
|
|
12915
13176
|
display: inline-flex;
|
|
12916
13177
|
align-items: center;
|
|
12917
13178
|
gap: 0.35rem;
|
|
@@ -12928,7 +13189,7 @@ var EditableCellWrap = styled19.span`
|
|
|
12928
13189
|
color: var(--color-accent, #E6C87E);
|
|
12929
13190
|
}
|
|
12930
13191
|
`;
|
|
12931
|
-
var EditInput =
|
|
13192
|
+
var EditInput = styled9.input`
|
|
12932
13193
|
width: 5rem;
|
|
12933
13194
|
background: rgba(255, 255, 255, 0.06);
|
|
12934
13195
|
border: 1px solid rgba(255, 255, 255, 0.15);
|
|
@@ -12950,7 +13211,7 @@ var EditInput = styled19.input`
|
|
|
12950
13211
|
}
|
|
12951
13212
|
-moz-appearance: textfield;
|
|
12952
13213
|
`;
|
|
12953
|
-
var CancelConfirmOverlay =
|
|
13214
|
+
var CancelConfirmOverlay = styled9.div`
|
|
12954
13215
|
position: fixed;
|
|
12955
13216
|
inset: 0;
|
|
12956
13217
|
background: rgba(0, 0, 0, 0.6);
|
|
@@ -12959,7 +13220,7 @@ var CancelConfirmOverlay = styled19.div`
|
|
|
12959
13220
|
justify-content: center;
|
|
12960
13221
|
z-index: 1000;
|
|
12961
13222
|
`;
|
|
12962
|
-
var CancelConfirmModal =
|
|
13223
|
+
var CancelConfirmModal = styled9.div`
|
|
12963
13224
|
background: #1a1a1a;
|
|
12964
13225
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12965
13226
|
border-radius: 12px;
|
|
@@ -12970,22 +13231,22 @@ var CancelConfirmModal = styled19.div`
|
|
|
12970
13231
|
flex-direction: column;
|
|
12971
13232
|
gap: 0.75rem;
|
|
12972
13233
|
`;
|
|
12973
|
-
var CancelConfirmTitle =
|
|
13234
|
+
var CancelConfirmTitle = styled9.div`
|
|
12974
13235
|
font-size: 1rem;
|
|
12975
13236
|
font-weight: 600;
|
|
12976
13237
|
color: #fff;
|
|
12977
13238
|
`;
|
|
12978
|
-
var CancelConfirmBody =
|
|
13239
|
+
var CancelConfirmBody = styled9.div`
|
|
12979
13240
|
font-size: 0.85rem;
|
|
12980
13241
|
color: rgba(255, 255, 255, 0.6);
|
|
12981
13242
|
line-height: 1.5;
|
|
12982
13243
|
`;
|
|
12983
|
-
var CancelConfirmActions =
|
|
13244
|
+
var CancelConfirmActions = styled9.div`
|
|
12984
13245
|
display: flex;
|
|
12985
13246
|
gap: 0.5rem;
|
|
12986
13247
|
margin-top: 0.25rem;
|
|
12987
13248
|
`;
|
|
12988
|
-
var CancelConfirmDismiss =
|
|
13249
|
+
var CancelConfirmDismiss = styled9.button`
|
|
12989
13250
|
flex: 1;
|
|
12990
13251
|
background: rgba(255, 255, 255, 0.06);
|
|
12991
13252
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
@@ -13001,7 +13262,7 @@ var CancelConfirmDismiss = styled19.button`
|
|
|
13001
13262
|
background: rgba(255, 255, 255, 0.1);
|
|
13002
13263
|
}
|
|
13003
13264
|
`;
|
|
13004
|
-
var CancelConfirmProceed =
|
|
13265
|
+
var CancelConfirmProceed = styled9.button`
|
|
13005
13266
|
flex: 1;
|
|
13006
13267
|
background: rgba(246, 70, 93, 0.15);
|
|
13007
13268
|
border: 1px solid rgba(246, 70, 93, 0.4);
|
|
@@ -13022,12 +13283,12 @@ var CancelConfirmProceed = styled19.button`
|
|
|
13022
13283
|
cursor: not-allowed;
|
|
13023
13284
|
}
|
|
13024
13285
|
`;
|
|
13025
|
-
var CloseActions =
|
|
13286
|
+
var CloseActions = styled9.div`
|
|
13026
13287
|
display: flex;
|
|
13027
13288
|
gap: 0.35rem;
|
|
13028
13289
|
align-items: center;
|
|
13029
13290
|
`;
|
|
13030
|
-
var CloseBtn2 =
|
|
13291
|
+
var CloseBtn2 = styled9.button`
|
|
13031
13292
|
background: transparent;
|
|
13032
13293
|
border: 1px solid rgba(230, 200, 126, 0.25);
|
|
13033
13294
|
border-radius: 4px;
|
|
@@ -13047,7 +13308,7 @@ var CloseBtn2 = styled19.button`
|
|
|
13047
13308
|
border-color: rgba(230, 200, 126, 0.5);
|
|
13048
13309
|
}
|
|
13049
13310
|
`;
|
|
13050
|
-
var CloseAllHeaderBtn =
|
|
13311
|
+
var CloseAllHeaderBtn = styled9.button`
|
|
13051
13312
|
background: rgba(230, 200, 126, 0.1);
|
|
13052
13313
|
border: 1px solid rgba(230, 200, 126, 0.3);
|
|
13053
13314
|
border-radius: 4px;
|
|
@@ -13064,7 +13325,7 @@ var CloseAllHeaderBtn = styled19.button`
|
|
|
13064
13325
|
border-color: rgba(230, 200, 126, 0.5);
|
|
13065
13326
|
}
|
|
13066
13327
|
`;
|
|
13067
|
-
var CloseAllOverlay =
|
|
13328
|
+
var CloseAllOverlay = styled9.div`
|
|
13068
13329
|
position: fixed;
|
|
13069
13330
|
inset: 0;
|
|
13070
13331
|
background: rgba(0, 0, 0, 0.6);
|
|
@@ -13073,7 +13334,7 @@ var CloseAllOverlay = styled19.div`
|
|
|
13073
13334
|
justify-content: center;
|
|
13074
13335
|
z-index: 1000;
|
|
13075
13336
|
`;
|
|
13076
|
-
var CloseAllModal =
|
|
13337
|
+
var CloseAllModal = styled9.div`
|
|
13077
13338
|
background: #1a1a1a;
|
|
13078
13339
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
13079
13340
|
border-radius: 12px;
|
|
@@ -13082,7 +13343,7 @@ var CloseAllModal = styled19.div`
|
|
|
13082
13343
|
width: 90%;
|
|
13083
13344
|
position: relative;
|
|
13084
13345
|
`;
|
|
13085
|
-
var CloseAllModalX =
|
|
13346
|
+
var CloseAllModalX = styled9.button`
|
|
13086
13347
|
position: absolute;
|
|
13087
13348
|
top: 0.75rem;
|
|
13088
13349
|
right: 0.75rem;
|
|
@@ -13097,19 +13358,19 @@ var CloseAllModalX = styled19.button`
|
|
|
13097
13358
|
|
|
13098
13359
|
&:hover { color: #fff; }
|
|
13099
13360
|
`;
|
|
13100
|
-
var CloseAllTitle =
|
|
13361
|
+
var CloseAllTitle = styled9.div`
|
|
13101
13362
|
font-size: 1rem;
|
|
13102
13363
|
font-weight: 600;
|
|
13103
13364
|
color: #fff;
|
|
13104
13365
|
margin-bottom: 0.5rem;
|
|
13105
13366
|
`;
|
|
13106
|
-
var CloseAllDesc =
|
|
13367
|
+
var CloseAllDesc = styled9.div`
|
|
13107
13368
|
font-size: 0.8rem;
|
|
13108
13369
|
color: rgba(255, 255, 255, 0.5);
|
|
13109
13370
|
line-height: 1.45;
|
|
13110
13371
|
margin-bottom: 1rem;
|
|
13111
13372
|
`;
|
|
13112
|
-
var CloseAllOption =
|
|
13373
|
+
var CloseAllOption = styled9.div`
|
|
13113
13374
|
display: flex;
|
|
13114
13375
|
align-items: center;
|
|
13115
13376
|
gap: 0.6rem;
|
|
@@ -13123,7 +13384,7 @@ var CloseAllOption = styled19.div`
|
|
|
13123
13384
|
|
|
13124
13385
|
&:hover { background: rgba(255, 255, 255, 0.04); }
|
|
13125
13386
|
`;
|
|
13126
|
-
var CloseAllRadio =
|
|
13387
|
+
var CloseAllRadio = styled9.div`
|
|
13127
13388
|
width: 16px;
|
|
13128
13389
|
height: 16px;
|
|
13129
13390
|
border-radius: 50%;
|
|
@@ -13145,7 +13406,7 @@ var CloseAllRadio = styled19.div`
|
|
|
13145
13406
|
transition: background 0.15s;
|
|
13146
13407
|
}
|
|
13147
13408
|
`;
|
|
13148
|
-
var CloseAllConfirmBtn =
|
|
13409
|
+
var CloseAllConfirmBtn = styled9.button`
|
|
13149
13410
|
width: 100%;
|
|
13150
13411
|
margin-top: 0.75rem;
|
|
13151
13412
|
background: rgba(246, 70, 93, 0.15);
|
|
@@ -13191,7 +13452,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
|
|
|
13191
13452
|
) })
|
|
13192
13453
|
] });
|
|
13193
13454
|
}
|
|
13194
|
-
var Row2 =
|
|
13455
|
+
var Row2 = styled9.div`
|
|
13195
13456
|
display: grid;
|
|
13196
13457
|
grid-template-columns: 1fr 2fr;
|
|
13197
13458
|
gap: 1.5rem;
|
|
@@ -13209,7 +13470,7 @@ var Row2 = styled19.div`
|
|
|
13209
13470
|
overflow: hidden;
|
|
13210
13471
|
}
|
|
13211
13472
|
`;
|
|
13212
|
-
var ActivityWrapper =
|
|
13473
|
+
var ActivityWrapper = styled9.div`
|
|
13213
13474
|
background-color: var(--color-card-darker, #111);
|
|
13214
13475
|
border-radius: 8px;
|
|
13215
13476
|
padding: 1.5rem;
|
|
@@ -13325,7 +13586,7 @@ function OrderConfirmationModal({
|
|
|
13325
13586
|
] })
|
|
13326
13587
|
] }) });
|
|
13327
13588
|
}
|
|
13328
|
-
var Overlay3 =
|
|
13589
|
+
var Overlay3 = styled9.div`
|
|
13329
13590
|
position: fixed;
|
|
13330
13591
|
top: 0;
|
|
13331
13592
|
left: 0;
|
|
@@ -13338,7 +13599,7 @@ var Overlay3 = styled19.div`
|
|
|
13338
13599
|
z-index: 10000;
|
|
13339
13600
|
backdrop-filter: blur(4px);
|
|
13340
13601
|
`;
|
|
13341
|
-
var Modal =
|
|
13602
|
+
var Modal = styled9.div`
|
|
13342
13603
|
background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
|
|
13343
13604
|
border: 1px solid rgba(255,255,255,0.1);
|
|
13344
13605
|
border-radius: 16px;
|
|
@@ -13347,7 +13608,7 @@ var Modal = styled19.div`
|
|
|
13347
13608
|
width: 90%;
|
|
13348
13609
|
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
|
|
13349
13610
|
`;
|
|
13350
|
-
var ModalHeader =
|
|
13611
|
+
var ModalHeader = styled9.div`
|
|
13351
13612
|
display: flex;
|
|
13352
13613
|
align-items: center;
|
|
13353
13614
|
margin-bottom: 1.5rem;
|
|
@@ -13363,7 +13624,7 @@ var ModalHeader = styled19.div`
|
|
|
13363
13624
|
gap: 0.5rem;
|
|
13364
13625
|
}
|
|
13365
13626
|
`;
|
|
13366
|
-
var Badge2 =
|
|
13627
|
+
var Badge2 = styled9.span`
|
|
13367
13628
|
padding: 0.25rem 0.75rem;
|
|
13368
13629
|
border-radius: 6px;
|
|
13369
13630
|
font-size: 0.75rem;
|
|
@@ -13374,12 +13635,12 @@ var Badge2 = styled19.span`
|
|
|
13374
13635
|
color: #D4AF37;
|
|
13375
13636
|
border: 1px solid rgba(212,175,55,0.3);
|
|
13376
13637
|
`;
|
|
13377
|
-
var ModalBody =
|
|
13638
|
+
var ModalBody = styled9.div`
|
|
13378
13639
|
margin-bottom: 1.5rem;
|
|
13379
13640
|
display: flex;
|
|
13380
13641
|
flex-direction: column;
|
|
13381
13642
|
`;
|
|
13382
|
-
var ModalRow =
|
|
13643
|
+
var ModalRow = styled9.div`
|
|
13383
13644
|
display: flex;
|
|
13384
13645
|
justify-content: space-between;
|
|
13385
13646
|
align-items: center;
|
|
@@ -13402,7 +13663,7 @@ var ModalRow = styled19.div`
|
|
|
13402
13663
|
font-weight: 600;
|
|
13403
13664
|
}
|
|
13404
13665
|
`;
|
|
13405
|
-
var Warning =
|
|
13666
|
+
var Warning = styled9.div`
|
|
13406
13667
|
background: rgba(246,70,93,0.1);
|
|
13407
13668
|
border: 1px solid rgba(246,70,93,0.3);
|
|
13408
13669
|
border-radius: 8px;
|
|
@@ -13422,7 +13683,7 @@ var Warning = styled19.div`
|
|
|
13422
13683
|
line-height: 1.5;
|
|
13423
13684
|
}
|
|
13424
13685
|
`;
|
|
13425
|
-
var Summary =
|
|
13686
|
+
var Summary = styled9.div`
|
|
13426
13687
|
background: rgba(255,255,255,0.03);
|
|
13427
13688
|
border: 1px solid rgba(255,255,255,0.08);
|
|
13428
13689
|
border-radius: 8px;
|
|
@@ -13435,7 +13696,7 @@ var Summary = styled19.div`
|
|
|
13435
13696
|
var spin = keyframes`
|
|
13436
13697
|
to { transform: rotate(360deg); }
|
|
13437
13698
|
`;
|
|
13438
|
-
var Spinner =
|
|
13699
|
+
var Spinner = styled9.span`
|
|
13439
13700
|
display: inline-block;
|
|
13440
13701
|
width: 14px;
|
|
13441
13702
|
height: 14px;
|
|
@@ -13446,7 +13707,7 @@ var Spinner = styled19.span`
|
|
|
13446
13707
|
margin-right: 0.5rem;
|
|
13447
13708
|
vertical-align: -2px;
|
|
13448
13709
|
`;
|
|
13449
|
-
var ButtonRow2 =
|
|
13710
|
+
var ButtonRow2 = styled9.div`
|
|
13450
13711
|
display: flex;
|
|
13451
13712
|
gap: 1rem;
|
|
13452
13713
|
justify-content: flex-end;
|
|
@@ -13768,7 +14029,7 @@ function PropertyBuy({
|
|
|
13768
14029
|
)
|
|
13769
14030
|
] });
|
|
13770
14031
|
}
|
|
13771
|
-
var HeroGrid =
|
|
14032
|
+
var HeroGrid = styled9.div`
|
|
13772
14033
|
display: grid;
|
|
13773
14034
|
grid-template-columns: 1fr auto;
|
|
13774
14035
|
grid-template-rows: auto auto minmax(450px, 520px);
|
|
@@ -13837,7 +14098,7 @@ var HeroGrid = styled19.div`
|
|
|
13837
14098
|
gap: 0.5rem;
|
|
13838
14099
|
}
|
|
13839
14100
|
`;
|
|
13840
|
-
var PaymentOption =
|
|
14101
|
+
var PaymentOption = styled9.div`
|
|
13841
14102
|
display: flex;
|
|
13842
14103
|
align-items: center;
|
|
13843
14104
|
padding: 1rem;
|
|
@@ -13854,7 +14115,7 @@ var PaymentOption = styled19.div`
|
|
|
13854
14115
|
border-color: rgba(0, 123, 255, 0.5);
|
|
13855
14116
|
}
|
|
13856
14117
|
`;
|
|
13857
|
-
var RadioIndicator =
|
|
14118
|
+
var RadioIndicator = styled9.div`
|
|
13858
14119
|
width: 20px;
|
|
13859
14120
|
height: 20px;
|
|
13860
14121
|
border-radius: 50%;
|
|
@@ -13874,7 +14135,7 @@ var RadioIndicator = styled19.div`
|
|
|
13874
14135
|
transition: opacity 0.2s;
|
|
13875
14136
|
}
|
|
13876
14137
|
`;
|
|
13877
|
-
var PaymentMethodDetails =
|
|
14138
|
+
var PaymentMethodDetails = styled9.div`
|
|
13878
14139
|
background: rgba(0, 0, 0, 0.2);
|
|
13879
14140
|
border-radius: 8px;
|
|
13880
14141
|
padding: 1rem;
|
|
@@ -13893,7 +14154,7 @@ var PaymentMethodDetails = styled19.div`
|
|
|
13893
14154
|
}
|
|
13894
14155
|
}
|
|
13895
14156
|
`;
|
|
13896
|
-
var ConfirmButton =
|
|
14157
|
+
var ConfirmButton = styled9.button`
|
|
13897
14158
|
background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
|
|
13898
14159
|
border: none;
|
|
13899
14160
|
border-radius: 8px;
|
|
@@ -14611,7 +14872,7 @@ var OwnerBooking = ({ propertyName, token }) => {
|
|
|
14611
14872
|
] });
|
|
14612
14873
|
};
|
|
14613
14874
|
var owner_booking_default = OwnerBooking;
|
|
14614
|
-
var DateSelectorDropdown =
|
|
14875
|
+
var DateSelectorDropdown = styled9.div`
|
|
14615
14876
|
position: absolute;
|
|
14616
14877
|
top: calc(100% + 0.5rem);
|
|
14617
14878
|
left: 0;
|
|
@@ -14625,7 +14886,7 @@ var DateSelectorDropdown = styled19.div`
|
|
|
14625
14886
|
display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
|
|
14626
14887
|
z-index: 10;
|
|
14627
14888
|
`;
|
|
14628
|
-
var MonthButton =
|
|
14889
|
+
var MonthButton = styled9.button`
|
|
14629
14890
|
background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
|
|
14630
14891
|
border: 1px solid
|
|
14631
14892
|
${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
|
|
@@ -14641,7 +14902,7 @@ var MonthButton = styled19.button`
|
|
|
14641
14902
|
border-color: rgba(212, 175, 55, 0.5);
|
|
14642
14903
|
}
|
|
14643
14904
|
`;
|
|
14644
|
-
var DayCell =
|
|
14905
|
+
var DayCell = styled9.div`
|
|
14645
14906
|
aspect-ratio: 1;
|
|
14646
14907
|
display: flex;
|
|
14647
14908
|
align-items: center;
|
|
@@ -14675,7 +14936,7 @@ var DayCell = styled19.div`
|
|
|
14675
14936
|
opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
|
|
14676
14937
|
}
|
|
14677
14938
|
`;
|
|
14678
|
-
var AddDateRangeButton =
|
|
14939
|
+
var AddDateRangeButton = styled9.button`
|
|
14679
14940
|
flex: 1;
|
|
14680
14941
|
min-width: 180px;
|
|
14681
14942
|
background: rgba(212, 175, 55, 0.18);
|
|
@@ -14697,21 +14958,21 @@ var AddDateRangeButton = styled19.button`
|
|
|
14697
14958
|
cursor: not-allowed;
|
|
14698
14959
|
}
|
|
14699
14960
|
`;
|
|
14700
|
-
var ConfirmButton2 =
|
|
14961
|
+
var ConfirmButton2 = styled9(AddDateRangeButton)`
|
|
14701
14962
|
flex: 0 0 auto;
|
|
14702
14963
|
min-width: 140px;
|
|
14703
14964
|
background: rgba(212, 175, 55, 0.35);
|
|
14704
14965
|
border-color: rgba(212, 175, 55, 0.6);
|
|
14705
14966
|
font-weight: 600;
|
|
14706
14967
|
`;
|
|
14707
|
-
var ReservationCard =
|
|
14968
|
+
var ReservationCard = styled9.div`
|
|
14708
14969
|
background: rgba(0, 0, 0, 0.4);
|
|
14709
14970
|
border-radius: 12px;
|
|
14710
14971
|
padding: 1rem;
|
|
14711
14972
|
margin-top: 1rem;
|
|
14712
14973
|
border-left: 4px solid ${({ $accent }) => $accent};
|
|
14713
14974
|
`;
|
|
14714
|
-
var ActionButton =
|
|
14975
|
+
var ActionButton = styled9.button`
|
|
14715
14976
|
background: none;
|
|
14716
14977
|
border: none;
|
|
14717
14978
|
color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
|
|
@@ -15161,7 +15422,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
|
|
|
15161
15422
|
}
|
|
15162
15423
|
return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
|
|
15163
15424
|
}
|
|
15164
|
-
var ValuationIndicator =
|
|
15425
|
+
var ValuationIndicator = styled9.div`
|
|
15165
15426
|
background-color: rgba(50, 52, 58, 0.95);
|
|
15166
15427
|
border-radius: 6px;
|
|
15167
15428
|
padding: 1rem;
|
|
@@ -15183,7 +15444,7 @@ var ValuationIndicator = styled19.div`
|
|
|
15183
15444
|
}
|
|
15184
15445
|
}
|
|
15185
15446
|
`;
|
|
15186
|
-
var GaugeIndicator =
|
|
15447
|
+
var GaugeIndicator = styled9.div`
|
|
15187
15448
|
position: absolute;
|
|
15188
15449
|
left: ${(props) => props.position}%;
|
|
15189
15450
|
top: 0.35rem;
|
|
@@ -15194,7 +15455,7 @@ var GaugeIndicator = styled19.div`
|
|
|
15194
15455
|
background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
|
|
15195
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)"};
|
|
15196
15457
|
`;
|
|
15197
|
-
var GaugePriceTag =
|
|
15458
|
+
var GaugePriceTag = styled9.div`
|
|
15198
15459
|
position: absolute;
|
|
15199
15460
|
left: ${(props) => props.position}%;
|
|
15200
15461
|
top: -46px;
|
|
@@ -15219,18 +15480,18 @@ var GaugePriceTag = styled19.div`
|
|
|
15219
15480
|
color: var(--color-accent);
|
|
15220
15481
|
}
|
|
15221
15482
|
`;
|
|
15222
|
-
var HiddenMobileChart =
|
|
15483
|
+
var HiddenMobileChart = styled9.div`
|
|
15223
15484
|
display: none;
|
|
15224
15485
|
@media (max-width: 480px) {
|
|
15225
15486
|
display: block;
|
|
15226
15487
|
}
|
|
15227
15488
|
`;
|
|
15228
|
-
var ValuationWrapper =
|
|
15489
|
+
var ValuationWrapper = styled9.div`
|
|
15229
15490
|
display: flex;
|
|
15230
15491
|
flex-direction: column;
|
|
15231
15492
|
gap: 2rem;
|
|
15232
15493
|
`;
|
|
15233
|
-
var LoadingOverlay =
|
|
15494
|
+
var LoadingOverlay = styled9.div`
|
|
15234
15495
|
margin-top: 1rem;
|
|
15235
15496
|
padding: 0.75rem 1rem;
|
|
15236
15497
|
border-radius: 8px;
|
|
@@ -15238,7 +15499,7 @@ var LoadingOverlay = styled19.div`
|
|
|
15238
15499
|
color: rgba(255, 255, 255, 0.8);
|
|
15239
15500
|
font-size: 0.9rem;
|
|
15240
15501
|
`;
|
|
15241
|
-
var ErrorMessage =
|
|
15502
|
+
var ErrorMessage = styled9.div`
|
|
15242
15503
|
margin-top: 1rem;
|
|
15243
15504
|
padding: 0.75rem 1rem;
|
|
15244
15505
|
border-radius: 8px;
|
|
@@ -15247,33 +15508,33 @@ var ErrorMessage = styled19.div`
|
|
|
15247
15508
|
font-size: 0.9rem;
|
|
15248
15509
|
border: 1px solid rgba(244, 67, 54, 0.4);
|
|
15249
15510
|
`;
|
|
15250
|
-
var SectionTitle =
|
|
15511
|
+
var SectionTitle = styled9.h2`
|
|
15251
15512
|
margin: 0;
|
|
15252
15513
|
font-size: clamp(1.75rem, 2.5vw, 2.25rem);
|
|
15253
15514
|
font-weight: 600;
|
|
15254
15515
|
color: #fff;
|
|
15255
15516
|
letter-spacing: 0.01em;
|
|
15256
15517
|
`;
|
|
15257
|
-
var LoafPricingSection =
|
|
15518
|
+
var LoafPricingSection = styled9.div`
|
|
15258
15519
|
background-color: rgba(30, 32, 38, 0.95);
|
|
15259
15520
|
border-radius: 8px;
|
|
15260
15521
|
padding: 1.25rem;
|
|
15261
15522
|
margin-bottom: 1.5rem;
|
|
15262
15523
|
`;
|
|
15263
|
-
var SectionSubheading =
|
|
15524
|
+
var SectionSubheading = styled9.h2`
|
|
15264
15525
|
margin: 0;
|
|
15265
15526
|
font-size: 1.1rem;
|
|
15266
15527
|
font-weight: 600;
|
|
15267
15528
|
color: #fff;
|
|
15268
15529
|
letter-spacing: 0.02em;
|
|
15269
15530
|
`;
|
|
15270
|
-
var PricingModelCard =
|
|
15531
|
+
var PricingModelCard = styled9.div`
|
|
15271
15532
|
background-color: rgba(40, 42, 48, 0.95);
|
|
15272
15533
|
border-radius: 8px;
|
|
15273
15534
|
padding: 1.5rem;
|
|
15274
15535
|
margin-top: 1rem;
|
|
15275
15536
|
`;
|
|
15276
|
-
var PricingModelHeader =
|
|
15537
|
+
var PricingModelHeader = styled9.div`
|
|
15277
15538
|
display: flex;
|
|
15278
15539
|
justify-content: space-between;
|
|
15279
15540
|
align-items: center;
|
|
@@ -15288,13 +15549,13 @@ var PricingModelHeader = styled19.div`
|
|
|
15288
15549
|
color: rgba(255, 255, 255, 0.75);
|
|
15289
15550
|
}
|
|
15290
15551
|
`;
|
|
15291
|
-
var PricingModelTitle =
|
|
15552
|
+
var PricingModelTitle = styled9.h3`
|
|
15292
15553
|
margin: 0;
|
|
15293
15554
|
font-size: 1.2rem;
|
|
15294
15555
|
font-weight: 600;
|
|
15295
15556
|
color: #fff;
|
|
15296
15557
|
`;
|
|
15297
|
-
var PricingModelValue =
|
|
15558
|
+
var PricingModelValue = styled9.div`
|
|
15298
15559
|
font-size: 1.4rem;
|
|
15299
15560
|
font-weight: 700;
|
|
15300
15561
|
color: var(--color-primary);
|
|
@@ -15303,43 +15564,43 @@ var PricingModelValue = styled19.div`
|
|
|
15303
15564
|
font-size: 1.2rem;
|
|
15304
15565
|
}
|
|
15305
15566
|
`;
|
|
15306
|
-
var PricingModelDetails =
|
|
15567
|
+
var PricingModelDetails = styled9.div`
|
|
15307
15568
|
display: grid;
|
|
15308
15569
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
15309
15570
|
gap: 1.5rem;
|
|
15310
15571
|
margin-bottom: 1.5rem;
|
|
15311
15572
|
`;
|
|
15312
|
-
var PricingModelDetail =
|
|
15573
|
+
var PricingModelDetail = styled9.div`
|
|
15313
15574
|
background-color: rgba(50, 52, 58, 0.95);
|
|
15314
15575
|
border-radius: 6px;
|
|
15315
15576
|
padding: 1rem;
|
|
15316
15577
|
`;
|
|
15317
|
-
var PropertyDetailLabel =
|
|
15578
|
+
var PropertyDetailLabel = styled9.div`
|
|
15318
15579
|
font-size: 0.85rem;
|
|
15319
15580
|
color: rgba(255, 255, 255, 0.7);
|
|
15320
15581
|
margin-bottom: 0.5rem;
|
|
15321
15582
|
`;
|
|
15322
|
-
var PricingDetailValue =
|
|
15583
|
+
var PricingDetailValue = styled9.div`
|
|
15323
15584
|
font-size: 1rem;
|
|
15324
15585
|
color: #fff;
|
|
15325
15586
|
font-weight: 500;
|
|
15326
15587
|
`;
|
|
15327
|
-
var ValuationHeader =
|
|
15588
|
+
var ValuationHeader = styled9.div`
|
|
15328
15589
|
display: flex;
|
|
15329
15590
|
justify-content: space-between;
|
|
15330
15591
|
margin-bottom: 0.75rem;
|
|
15331
15592
|
`;
|
|
15332
|
-
var ValuationTitle =
|
|
15593
|
+
var ValuationTitle = styled9.div`
|
|
15333
15594
|
font-size: 0.9rem;
|
|
15334
15595
|
color: rgba(255, 255, 255, 0.7);
|
|
15335
15596
|
`;
|
|
15336
|
-
var ValuationGauge =
|
|
15597
|
+
var ValuationGauge = styled9.div`
|
|
15337
15598
|
position: relative;
|
|
15338
15599
|
width: 100%;
|
|
15339
15600
|
padding: 1.1rem 0 2rem;
|
|
15340
15601
|
margin: 0.75rem 0 1rem;
|
|
15341
15602
|
`;
|
|
15342
|
-
var GaugeBackground =
|
|
15603
|
+
var GaugeBackground = styled9.div`
|
|
15343
15604
|
width: 100%;
|
|
15344
15605
|
height: 18px;
|
|
15345
15606
|
border-radius: 999px;
|
|
@@ -15348,21 +15609,21 @@ var GaugeBackground = styled19.div`
|
|
|
15348
15609
|
overflow: hidden;
|
|
15349
15610
|
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
|
|
15350
15611
|
`;
|
|
15351
|
-
var ValuationDetails =
|
|
15612
|
+
var ValuationDetails = styled9.div`
|
|
15352
15613
|
display: flex;
|
|
15353
15614
|
justify-content: space-between;
|
|
15354
15615
|
margin-top: 1rem;
|
|
15355
15616
|
`;
|
|
15356
|
-
var ValuationItem =
|
|
15617
|
+
var ValuationItem = styled9.div`
|
|
15357
15618
|
display: flex;
|
|
15358
15619
|
flex-direction: column;
|
|
15359
15620
|
`;
|
|
15360
|
-
var ValuationValue =
|
|
15621
|
+
var ValuationValue = styled9.div`
|
|
15361
15622
|
font-size: 1rem;
|
|
15362
15623
|
font-weight: 600;
|
|
15363
15624
|
color: #fff;
|
|
15364
15625
|
`;
|
|
15365
|
-
var ChartContainer =
|
|
15626
|
+
var ChartContainer = styled9.div`
|
|
15366
15627
|
width: 100%;
|
|
15367
15628
|
height: 301.52px;
|
|
15368
15629
|
margin-top: 1.5rem;
|
|
@@ -15371,14 +15632,14 @@ var ChartContainer = styled19.div`
|
|
|
15371
15632
|
padding: 1rem;
|
|
15372
15633
|
position: relative;
|
|
15373
15634
|
`;
|
|
15374
|
-
var ChartBackground =
|
|
15635
|
+
var ChartBackground = styled9.div`
|
|
15375
15636
|
position: relative;
|
|
15376
15637
|
height: 100%;
|
|
15377
15638
|
width: 100%;
|
|
15378
15639
|
background: rgba(255, 255, 255, 0.03);
|
|
15379
15640
|
border-radius: 8px;
|
|
15380
15641
|
`;
|
|
15381
|
-
var ValuationSvg =
|
|
15642
|
+
var ValuationSvg = styled9.svg`
|
|
15382
15643
|
position: absolute;
|
|
15383
15644
|
top: 10px;
|
|
15384
15645
|
right: 0;
|
|
@@ -15388,7 +15649,7 @@ var ValuationSvg = styled19.svg`
|
|
|
15388
15649
|
width: 100%;
|
|
15389
15650
|
height: calc(100% - 35px);
|
|
15390
15651
|
`;
|
|
15391
|
-
var YAxisLabel =
|
|
15652
|
+
var YAxisLabel = styled9.div`
|
|
15392
15653
|
position: absolute;
|
|
15393
15654
|
left: -40px;
|
|
15394
15655
|
font-size: 10px;
|
|
@@ -15396,7 +15657,7 @@ var YAxisLabel = styled19.div`
|
|
|
15396
15657
|
text-align: right;
|
|
15397
15658
|
padding-right: 5px;
|
|
15398
15659
|
`;
|
|
15399
|
-
var ValuationCallout =
|
|
15660
|
+
var ValuationCallout = styled9.div`
|
|
15400
15661
|
display: flex;
|
|
15401
15662
|
align-items: center;
|
|
15402
15663
|
justify-content: space-between;
|
|
@@ -15406,7 +15667,7 @@ var ValuationCallout = styled19.div`
|
|
|
15406
15667
|
border: 1px solid rgba(76, 175, 80, 0.2);
|
|
15407
15668
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
15408
15669
|
`;
|
|
15409
|
-
var ValuationBadge =
|
|
15670
|
+
var ValuationBadge = styled9.div`
|
|
15410
15671
|
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
|
|
15411
15672
|
color: white;
|
|
15412
15673
|
padding: 5px 12px;
|
|
@@ -15415,17 +15676,17 @@ var ValuationBadge = styled19.div`
|
|
|
15415
15676
|
font-weight: 600;
|
|
15416
15677
|
box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
|
|
15417
15678
|
`;
|
|
15418
|
-
var AreaDemandChart =
|
|
15679
|
+
var AreaDemandChart = styled9.div`
|
|
15419
15680
|
height: 60px;
|
|
15420
15681
|
width: 100%;
|
|
15421
15682
|
position: relative;
|
|
15422
15683
|
`;
|
|
15423
|
-
var ChartLabel =
|
|
15684
|
+
var ChartLabel = styled9.div`
|
|
15424
15685
|
position: absolute;
|
|
15425
15686
|
font-size: 9px;
|
|
15426
15687
|
color: rgba(255, 255, 255, 0.7);
|
|
15427
15688
|
`;
|
|
15428
|
-
var RecentSalesSection =
|
|
15689
|
+
var RecentSalesSection = styled9.div`
|
|
15429
15690
|
background-color: rgba(30, 32, 38, 0.95);
|
|
15430
15691
|
border-radius: 8px;
|
|
15431
15692
|
padding: 1.25rem;
|
|
@@ -15435,7 +15696,7 @@ var RecentSalesSection = styled19.div`
|
|
|
15435
15696
|
position: relative;
|
|
15436
15697
|
}
|
|
15437
15698
|
`;
|
|
15438
|
-
var SalesGrid =
|
|
15699
|
+
var SalesGrid = styled9.div`
|
|
15439
15700
|
display: grid;
|
|
15440
15701
|
grid-template-columns: repeat(3, 1fr);
|
|
15441
15702
|
gap: 1.5rem;
|
|
@@ -15456,7 +15717,7 @@ var SalesGrid = styled19.div`
|
|
|
15456
15717
|
scrollbar-width: none;
|
|
15457
15718
|
}
|
|
15458
15719
|
`;
|
|
15459
|
-
var SaleCard =
|
|
15720
|
+
var SaleCard = styled9.div`
|
|
15460
15721
|
background-color: var(--color-card, #1e2329);
|
|
15461
15722
|
border-radius: var(--border-radius, 8px);
|
|
15462
15723
|
overflow: hidden;
|
|
@@ -15480,13 +15741,13 @@ var SaleCard = styled19.div`
|
|
|
15480
15741
|
}
|
|
15481
15742
|
}
|
|
15482
15743
|
`;
|
|
15483
|
-
var SaleImageContainer =
|
|
15744
|
+
var SaleImageContainer = styled9.div`
|
|
15484
15745
|
position: relative;
|
|
15485
15746
|
width: 100%;
|
|
15486
15747
|
height: 200px;
|
|
15487
15748
|
overflow: hidden;
|
|
15488
15749
|
`;
|
|
15489
|
-
var SaleImage =
|
|
15750
|
+
var SaleImage = styled9.img`
|
|
15490
15751
|
width: 100%;
|
|
15491
15752
|
height: 100%;
|
|
15492
15753
|
object-fit: cover;
|
|
@@ -15497,7 +15758,7 @@ var SaleImage = styled19.img`
|
|
|
15497
15758
|
transform: scale(1.05);
|
|
15498
15759
|
}
|
|
15499
15760
|
`;
|
|
15500
|
-
var SoldTag =
|
|
15761
|
+
var SoldTag = styled9.div`
|
|
15501
15762
|
position: absolute;
|
|
15502
15763
|
top: 1rem;
|
|
15503
15764
|
right: 1rem;
|
|
@@ -15511,10 +15772,10 @@ var SoldTag = styled19.div`
|
|
|
15511
15772
|
align-items: center;
|
|
15512
15773
|
gap: 4px;
|
|
15513
15774
|
`;
|
|
15514
|
-
var SoldIcon =
|
|
15775
|
+
var SoldIcon = styled9.div`
|
|
15515
15776
|
display: none;
|
|
15516
15777
|
`;
|
|
15517
|
-
var SalePriceBar =
|
|
15778
|
+
var SalePriceBar = styled9.div`
|
|
15518
15779
|
display: flex;
|
|
15519
15780
|
justify-content: space-between;
|
|
15520
15781
|
align-items: center;
|
|
@@ -15522,37 +15783,37 @@ var SalePriceBar = styled19.div`
|
|
|
15522
15783
|
background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
|
|
15523
15784
|
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
|
15524
15785
|
`;
|
|
15525
|
-
var SalePriceLeft =
|
|
15786
|
+
var SalePriceLeft = styled9.div`
|
|
15526
15787
|
display: flex;
|
|
15527
15788
|
flex-direction: column;
|
|
15528
15789
|
`;
|
|
15529
|
-
var SalePriceLabel =
|
|
15790
|
+
var SalePriceLabel = styled9.span`
|
|
15530
15791
|
font-size: 0.7rem;
|
|
15531
15792
|
color: rgba(255, 255, 255, 0.5);
|
|
15532
15793
|
text-transform: uppercase;
|
|
15533
15794
|
letter-spacing: 0.5px;
|
|
15534
15795
|
`;
|
|
15535
|
-
var SalePriceAmount =
|
|
15796
|
+
var SalePriceAmount = styled9.span`
|
|
15536
15797
|
font-size: 1.1rem;
|
|
15537
15798
|
font-weight: 700;
|
|
15538
15799
|
color: var(--color-accent, #f0b90b);
|
|
15539
15800
|
`;
|
|
15540
|
-
var SaleContent =
|
|
15801
|
+
var SaleContent = styled9.div`
|
|
15541
15802
|
padding: 1rem;
|
|
15542
15803
|
`;
|
|
15543
|
-
var SaleAddress =
|
|
15804
|
+
var SaleAddress = styled9.h3`
|
|
15544
15805
|
margin: 0;
|
|
15545
15806
|
margin-bottom: 0.25rem;
|
|
15546
15807
|
font-size: 1rem;
|
|
15547
15808
|
font-weight: 600;
|
|
15548
15809
|
color: var(--color-text, #eaecef);
|
|
15549
15810
|
`;
|
|
15550
|
-
var SaleSuburb =
|
|
15811
|
+
var SaleSuburb = styled9.div`
|
|
15551
15812
|
font-size: 0.8rem;
|
|
15552
15813
|
color: var(--color-text-secondary, #848e9c);
|
|
15553
15814
|
margin-bottom: 0.5rem;
|
|
15554
15815
|
`;
|
|
15555
|
-
var SaleStatsBar =
|
|
15816
|
+
var SaleStatsBar = styled9.div`
|
|
15556
15817
|
display: flex;
|
|
15557
15818
|
justify-content: space-between;
|
|
15558
15819
|
align-items: center;
|
|
@@ -15560,7 +15821,7 @@ var SaleStatsBar = styled19.div`
|
|
|
15560
15821
|
background-color: rgba(0, 0, 0, 0.3);
|
|
15561
15822
|
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
|
15562
15823
|
`;
|
|
15563
|
-
var SaleStatItem =
|
|
15824
|
+
var SaleStatItem = styled9.div`
|
|
15564
15825
|
display: flex;
|
|
15565
15826
|
align-items: center;
|
|
15566
15827
|
gap: 0.25rem;
|
|
@@ -15573,11 +15834,11 @@ var SaleStatItem = styled19.div`
|
|
|
15573
15834
|
opacity: 0.7;
|
|
15574
15835
|
}
|
|
15575
15836
|
`;
|
|
15576
|
-
var SaleDate =
|
|
15837
|
+
var SaleDate = styled9.div`
|
|
15577
15838
|
font-size: 0.75rem;
|
|
15578
15839
|
color: var(--color-text-secondary, #848e9c);
|
|
15579
15840
|
`;
|
|
15580
|
-
var SwipeIndicator =
|
|
15841
|
+
var SwipeIndicator = styled9.div`
|
|
15581
15842
|
display: none;
|
|
15582
15843
|
|
|
15583
15844
|
@media (max-width: 768px) {
|
|
@@ -15610,7 +15871,7 @@ var pulse = keyframes`
|
|
|
15610
15871
|
0%, 100% { transform: scale(1); opacity: 0.8; }
|
|
15611
15872
|
50% { transform: scale(1.2); opacity: 1; }
|
|
15612
15873
|
`;
|
|
15613
|
-
var FeatureTooltip =
|
|
15874
|
+
var FeatureTooltip = styled9.div`
|
|
15614
15875
|
position: absolute;
|
|
15615
15876
|
transform: translate(-50%, calc(-100% - 24px));
|
|
15616
15877
|
min-width: 180px;
|
|
@@ -15652,7 +15913,7 @@ var FeatureTooltip = styled19.div`
|
|
|
15652
15913
|
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
|
|
15653
15914
|
}
|
|
15654
15915
|
`;
|
|
15655
|
-
var GalleryOverlay =
|
|
15916
|
+
var GalleryOverlay = styled9.div`
|
|
15656
15917
|
position: fixed;
|
|
15657
15918
|
inset: 0;
|
|
15658
15919
|
z-index: 1000;
|
|
@@ -15661,7 +15922,7 @@ var GalleryOverlay = styled19.div`
|
|
|
15661
15922
|
flex-direction: column;
|
|
15662
15923
|
animation: ${fadeIn} 0.3s ease;
|
|
15663
15924
|
`;
|
|
15664
|
-
var GalleryHeader =
|
|
15925
|
+
var GalleryHeader = styled9.div`
|
|
15665
15926
|
position: relative;
|
|
15666
15927
|
padding: 1.5rem 2rem;
|
|
15667
15928
|
display: flex;
|
|
@@ -15677,7 +15938,7 @@ var GalleryHeader = styled19.div`
|
|
|
15677
15938
|
padding: 1rem;
|
|
15678
15939
|
}
|
|
15679
15940
|
`;
|
|
15680
|
-
var PropertyInfo =
|
|
15941
|
+
var PropertyInfo = styled9.div`
|
|
15681
15942
|
color: white;
|
|
15682
15943
|
|
|
15683
15944
|
h2 {
|
|
@@ -15692,7 +15953,7 @@ var PropertyInfo = styled19.div`
|
|
|
15692
15953
|
font-size: 0.95rem;
|
|
15693
15954
|
}
|
|
15694
15955
|
`;
|
|
15695
|
-
var CloseButton2 =
|
|
15956
|
+
var CloseButton2 = styled9.button`
|
|
15696
15957
|
width: 48px;
|
|
15697
15958
|
height: 48px;
|
|
15698
15959
|
border-radius: 50%;
|
|
@@ -15710,7 +15971,7 @@ var CloseButton2 = styled19.button`
|
|
|
15710
15971
|
transform: rotate(90deg);
|
|
15711
15972
|
}
|
|
15712
15973
|
`;
|
|
15713
|
-
var MainImageContainer =
|
|
15974
|
+
var MainImageContainer = styled9.div`
|
|
15714
15975
|
position: relative;
|
|
15715
15976
|
flex: 1;
|
|
15716
15977
|
display: flex;
|
|
@@ -15722,7 +15983,7 @@ var MainImageContainer = styled19.div`
|
|
|
15722
15983
|
padding: 60px 0 110px;
|
|
15723
15984
|
}
|
|
15724
15985
|
`;
|
|
15725
|
-
var MainImage =
|
|
15986
|
+
var MainImage = styled9.img`
|
|
15726
15987
|
max-width: 90%;
|
|
15727
15988
|
max-height: 100%;
|
|
15728
15989
|
object-fit: contain;
|
|
@@ -15739,7 +16000,7 @@ var MainImage = styled19.img`
|
|
|
15739
16000
|
max-width: 100%;
|
|
15740
16001
|
}
|
|
15741
16002
|
`;
|
|
15742
|
-
var Hotspot =
|
|
16003
|
+
var Hotspot = styled9.button`
|
|
15743
16004
|
position: absolute;
|
|
15744
16005
|
width: 32px;
|
|
15745
16006
|
height: 32px;
|
|
@@ -15758,7 +16019,7 @@ var Hotspot = styled19.button`
|
|
|
15758
16019
|
transform: translate(-50%, -50%) scale(1.2);
|
|
15759
16020
|
}
|
|
15760
16021
|
`;
|
|
15761
|
-
var ThumbnailStrip =
|
|
16022
|
+
var ThumbnailStrip = styled9.div`
|
|
15762
16023
|
position: absolute;
|
|
15763
16024
|
bottom: 0;
|
|
15764
16025
|
left: 0;
|
|
@@ -15773,7 +16034,7 @@ var ThumbnailStrip = styled19.div`
|
|
|
15773
16034
|
display: none;
|
|
15774
16035
|
}
|
|
15775
16036
|
`;
|
|
15776
|
-
var Thumbnail3 =
|
|
16037
|
+
var Thumbnail3 = styled9.button`
|
|
15777
16038
|
width: 86px;
|
|
15778
16039
|
height: 64px;
|
|
15779
16040
|
border-radius: 6px;
|
|
@@ -15794,7 +16055,7 @@ var Thumbnail3 = styled19.button`
|
|
|
15794
16055
|
object-fit: cover;
|
|
15795
16056
|
}
|
|
15796
16057
|
`;
|
|
15797
|
-
var NavigationButton =
|
|
16058
|
+
var NavigationButton = styled9.button`
|
|
15798
16059
|
position: absolute;
|
|
15799
16060
|
top: 50%;
|
|
15800
16061
|
${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
|
|
@@ -15814,7 +16075,7 @@ var NavigationButton = styled19.button`
|
|
|
15814
16075
|
display: none;
|
|
15815
16076
|
}
|
|
15816
16077
|
`;
|
|
15817
|
-
var SliderContainer =
|
|
16078
|
+
var SliderContainer = styled9.div`
|
|
15818
16079
|
position: absolute;
|
|
15819
16080
|
bottom: 110px;
|
|
15820
16081
|
left: 50%;
|
|
@@ -15831,21 +16092,21 @@ var SliderContainer = styled19.div`
|
|
|
15831
16092
|
width: 85%;
|
|
15832
16093
|
}
|
|
15833
16094
|
`;
|
|
15834
|
-
var SliderTrack =
|
|
16095
|
+
var SliderTrack = styled9.div`
|
|
15835
16096
|
position: relative;
|
|
15836
16097
|
height: 4px;
|
|
15837
16098
|
background: rgba(255, 255, 255, 0.2);
|
|
15838
16099
|
border-radius: 999px;
|
|
15839
16100
|
cursor: pointer;
|
|
15840
16101
|
`;
|
|
15841
|
-
var SliderProgress =
|
|
16102
|
+
var SliderProgress = styled9.div`
|
|
15842
16103
|
position: absolute;
|
|
15843
16104
|
inset: 0;
|
|
15844
16105
|
width: ${(p) => p.$progress}%;
|
|
15845
16106
|
background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
|
|
15846
16107
|
border-radius: inherit;
|
|
15847
16108
|
`;
|
|
15848
|
-
var SliderThumb =
|
|
16109
|
+
var SliderThumb = styled9.div`
|
|
15849
16110
|
position: absolute;
|
|
15850
16111
|
top: 50%;
|
|
15851
16112
|
left: ${(p) => p.$position}%;
|
|
@@ -15857,7 +16118,7 @@ var SliderThumb = styled19.div`
|
|
|
15857
16118
|
border: 3px solid white;
|
|
15858
16119
|
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
|
|
15859
16120
|
`;
|
|
15860
|
-
var SliderLabels =
|
|
16121
|
+
var SliderLabels = styled9.div`
|
|
15861
16122
|
display: flex;
|
|
15862
16123
|
justify-content: space-between;
|
|
15863
16124
|
margin-top: 0.75rem;
|
|
@@ -15872,7 +16133,7 @@ var SliderLabels = styled19.div`
|
|
|
15872
16133
|
display: none;
|
|
15873
16134
|
}
|
|
15874
16135
|
`;
|
|
15875
|
-
var MobileDots =
|
|
16136
|
+
var MobileDots = styled9.div`
|
|
15876
16137
|
position: absolute;
|
|
15877
16138
|
bottom: 1.5rem;
|
|
15878
16139
|
left: 50%;
|
|
@@ -15884,7 +16145,7 @@ var MobileDots = styled19.div`
|
|
|
15884
16145
|
display: none;
|
|
15885
16146
|
}
|
|
15886
16147
|
`;
|
|
15887
|
-
var MobileDot =
|
|
16148
|
+
var MobileDot = styled9.button`
|
|
15888
16149
|
width: 8px;
|
|
15889
16150
|
height: 8px;
|
|
15890
16151
|
border-radius: 50%;
|