@loafmarkets/ui 0.1.131 → 0.1.133
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 +655 -462
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +634 -441
- 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 styled19, { 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 = styled19.span`
|
|
1548
1548
|
display: inline-flex;
|
|
1549
1549
|
align-items: center;
|
|
1550
1550
|
gap: 0.4rem;
|
|
@@ -1581,12 +1581,12 @@ var LogoContainer = styled25.span`
|
|
|
1581
1581
|
}
|
|
1582
1582
|
}
|
|
1583
1583
|
`;
|
|
1584
|
-
var LogoText =
|
|
1584
|
+
var LogoText = styled19.span`
|
|
1585
1585
|
display: inline-flex;
|
|
1586
1586
|
align-items: center;
|
|
1587
1587
|
gap: 0.25rem;
|
|
1588
1588
|
`;
|
|
1589
|
-
var LoafLogoImage =
|
|
1589
|
+
var LoafLogoImage = styled19.img`
|
|
1590
1590
|
height: 18px;
|
|
1591
1591
|
display: block;
|
|
1592
1592
|
|
|
@@ -1594,7 +1594,7 @@ var LoafLogoImage = styled25.img`
|
|
|
1594
1594
|
height: 16px;
|
|
1595
1595
|
}
|
|
1596
1596
|
`;
|
|
1597
|
-
var LiquidityText =
|
|
1597
|
+
var LiquidityText = styled19.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 = styled25.span`
|
|
|
1608
1608
|
font-size: 0.55rem;
|
|
1609
1609
|
}
|
|
1610
1610
|
`;
|
|
1611
|
-
var StatusDot =
|
|
1611
|
+
var StatusDot = styled19.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 = styled19.div`
|
|
3220
3220
|
display: none;
|
|
3221
3221
|
|
|
3222
3222
|
@media (max-width: 1024px) {
|
|
@@ -3234,7 +3234,7 @@ var MobileToggleContainer = styled25.div`
|
|
|
3234
3234
|
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
|
|
3235
3235
|
}
|
|
3236
3236
|
`;
|
|
3237
|
-
var MobileToggleButton =
|
|
3237
|
+
var MobileToggleButton = styled19.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 = styled19.span`
|
|
3583
3583
|
display: inline-flex;
|
|
3584
3584
|
align-items: center;
|
|
3585
3585
|
gap: 0.4rem;
|
|
@@ -3616,12 +3616,12 @@ var LogoContainer2 = styled25.span`
|
|
|
3616
3616
|
}
|
|
3617
3617
|
}
|
|
3618
3618
|
`;
|
|
3619
|
-
var LogoText2 =
|
|
3619
|
+
var LogoText2 = styled19.span`
|
|
3620
3620
|
display: inline-flex;
|
|
3621
3621
|
align-items: center;
|
|
3622
3622
|
gap: 0.25rem;
|
|
3623
3623
|
`;
|
|
3624
|
-
var LoafLogoImage2 =
|
|
3624
|
+
var LoafLogoImage2 = styled19.img`
|
|
3625
3625
|
height: 18px;
|
|
3626
3626
|
display: block;
|
|
3627
3627
|
|
|
@@ -3629,7 +3629,7 @@ var LoafLogoImage2 = styled25.img`
|
|
|
3629
3629
|
height: 16px;
|
|
3630
3630
|
}
|
|
3631
3631
|
`;
|
|
3632
|
-
var LiquidityText2 =
|
|
3632
|
+
var LiquidityText2 = styled19.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 = styled25.span`
|
|
|
3643
3643
|
font-size: 0.55rem;
|
|
3644
3644
|
}
|
|
3645
3645
|
`;
|
|
3646
|
-
var StatusDot2 =
|
|
3646
|
+
var StatusDot2 = styled19.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 = styled19.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 = styled19.div`
|
|
4654
4654
|
position: relative;
|
|
4655
4655
|
width: calc(100vw - 1.5rem);
|
|
4656
4656
|
left: 50%;
|
|
@@ -4682,7 +4682,7 @@ var HeroContainer = styled25.div`
|
|
|
4682
4682
|
border-radius: 6px;
|
|
4683
4683
|
}
|
|
4684
4684
|
`;
|
|
4685
|
-
var HeroImage =
|
|
4685
|
+
var HeroImage = styled19.img`
|
|
4686
4686
|
width: 100%;
|
|
4687
4687
|
height: 100%;
|
|
4688
4688
|
object-fit: cover;
|
|
@@ -4696,7 +4696,7 @@ var HeroImage = styled25.img`
|
|
|
4696
4696
|
transform: scale(1.0);
|
|
4697
4697
|
transform-origin: center;
|
|
4698
4698
|
`;
|
|
4699
|
-
var ActionButtons =
|
|
4699
|
+
var ActionButtons = styled19.div`
|
|
4700
4700
|
display: flex;
|
|
4701
4701
|
flex-wrap: wrap;
|
|
4702
4702
|
align-items: center;
|
|
@@ -4711,7 +4711,7 @@ var ActionButtons = styled25.div`
|
|
|
4711
4711
|
display: none;
|
|
4712
4712
|
}
|
|
4713
4713
|
`;
|
|
4714
|
-
var CardLayout =
|
|
4714
|
+
var CardLayout = styled19.div`
|
|
4715
4715
|
display: flex;
|
|
4716
4716
|
align-items: center;
|
|
4717
4717
|
gap: 1rem;
|
|
@@ -4720,7 +4720,7 @@ var CardLayout = styled25.div`
|
|
|
4720
4720
|
gap: 0.75rem;
|
|
4721
4721
|
}
|
|
4722
4722
|
`;
|
|
4723
|
-
var Thumbnail =
|
|
4723
|
+
var Thumbnail = styled19.img`
|
|
4724
4724
|
width: 72px;
|
|
4725
4725
|
height: 72px;
|
|
4726
4726
|
border-radius: 8px;
|
|
@@ -4739,11 +4739,11 @@ var Thumbnail = styled25.img`
|
|
|
4739
4739
|
height: 48px;
|
|
4740
4740
|
}
|
|
4741
4741
|
`;
|
|
4742
|
-
var CardContent2 =
|
|
4742
|
+
var CardContent2 = styled19.div`
|
|
4743
4743
|
min-width: 0;
|
|
4744
4744
|
flex: 1;
|
|
4745
4745
|
`;
|
|
4746
|
-
var InfoCard =
|
|
4746
|
+
var InfoCard = styled19.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 = styled25.div`
|
|
|
4761
4761
|
padding: 0.65rem 0.85rem;
|
|
4762
4762
|
}
|
|
4763
4763
|
`;
|
|
4764
|
-
var NameGroup =
|
|
4764
|
+
var NameGroup = styled19.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 = styled19.span`
|
|
4772
4772
|
display: inline-flex;
|
|
4773
4773
|
align-items: center;
|
|
4774
4774
|
padding: 0.2rem 0.5rem;
|
|
@@ -4783,19 +4783,19 @@ var TypeBadge = styled25.span`
|
|
|
4783
4783
|
white-space: nowrap;
|
|
4784
4784
|
flex-shrink: 0;
|
|
4785
4785
|
`;
|
|
4786
|
-
var InfoRow =
|
|
4786
|
+
var InfoRow = styled19.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 = styled19.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 = styled19.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 = styled25.span`
|
|
|
4806
4806
|
white-space: nowrap;
|
|
4807
4807
|
flex-shrink: 0;
|
|
4808
4808
|
`;
|
|
4809
|
-
var CurrencyLabel =
|
|
4809
|
+
var CurrencyLabel = styled19.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 = styled19.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 = styled19.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 = styled25.p`
|
|
|
4831
4831
|
font-size: 0.9rem;
|
|
4832
4832
|
}
|
|
4833
4833
|
`;
|
|
4834
|
-
var PriceChangeRow =
|
|
4834
|
+
var PriceChangeRow = styled19.span`
|
|
4835
4835
|
display: inline-flex;
|
|
4836
4836
|
align-items: center;
|
|
4837
4837
|
white-space: nowrap;
|
|
@@ -4841,7 +4841,7 @@ var PriceChangeRow = styled25.span`
|
|
|
4841
4841
|
font-variant-numeric: tabular-nums;
|
|
4842
4842
|
color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
|
|
4843
4843
|
`;
|
|
4844
|
-
var StatusBadge =
|
|
4844
|
+
var StatusBadge = styled19.div`
|
|
4845
4845
|
position: absolute;
|
|
4846
4846
|
top: 1rem;
|
|
4847
4847
|
left: 1rem;
|
|
@@ -4858,7 +4858,7 @@ var StatusBadge = styled25.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 = styled19.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 = styled19.div`
|
|
5535
5535
|
position: fixed;
|
|
5536
5536
|
top: 0;
|
|
5537
5537
|
left: 0;
|
|
@@ -5542,7 +5542,7 @@ var SafeAreaCover = styled25.div`
|
|
|
5542
5542
|
z-index: 1001;
|
|
5543
5543
|
pointer-events: none;
|
|
5544
5544
|
`;
|
|
5545
|
-
var Overlay =
|
|
5545
|
+
var Overlay = styled19.div`
|
|
5546
5546
|
display: ${(props) => props.$isOpen ? "block" : "none"};
|
|
5547
5547
|
position: fixed;
|
|
5548
5548
|
top: 0;
|
|
@@ -5553,7 +5553,7 @@ var Overlay = styled25.div`
|
|
|
5553
5553
|
backdrop-filter: blur(3px);
|
|
5554
5554
|
z-index: 999;
|
|
5555
5555
|
`;
|
|
5556
|
-
var MobileOnlyButton =
|
|
5556
|
+
var MobileOnlyButton = styled19.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 = styled25.button.attrs({ type: "button" })`
|
|
|
5584
5584
|
display: flex;
|
|
5585
5585
|
}
|
|
5586
5586
|
`;
|
|
5587
|
-
var HeaderContainer =
|
|
5587
|
+
var HeaderContainer = styled19.header`
|
|
5588
5588
|
display: flex;
|
|
5589
5589
|
justify-content: space-between;
|
|
5590
5590
|
align-items: center;
|
|
@@ -5621,7 +5621,7 @@ var HeaderContainer = styled25.header`
|
|
|
5621
5621
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
|
5622
5622
|
}
|
|
5623
5623
|
`;
|
|
5624
|
-
var HeaderSpacer =
|
|
5624
|
+
var HeaderSpacer = styled19.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 = styled25.div`
|
|
|
5631
5631
|
min-height: calc(46px + 0.5rem);
|
|
5632
5632
|
}
|
|
5633
5633
|
`;
|
|
5634
|
-
var Logo =
|
|
5634
|
+
var Logo = styled19.div`
|
|
5635
5635
|
display: flex;
|
|
5636
5636
|
align-items: center;
|
|
5637
5637
|
margin-right: 24px;
|
|
@@ -5652,11 +5652,11 @@ var Logo = styled25.div`
|
|
|
5652
5652
|
}
|
|
5653
5653
|
}
|
|
5654
5654
|
`;
|
|
5655
|
-
var LogoLink =
|
|
5655
|
+
var LogoLink = styled19.a`
|
|
5656
5656
|
display: inline-flex;
|
|
5657
5657
|
align-items: center;
|
|
5658
5658
|
`;
|
|
5659
|
-
var Nav =
|
|
5659
|
+
var Nav = styled19.nav`
|
|
5660
5660
|
display: flex;
|
|
5661
5661
|
flex-direction: column;
|
|
5662
5662
|
|
|
@@ -5708,7 +5708,7 @@ var Nav = styled25.nav`
|
|
|
5708
5708
|
}
|
|
5709
5709
|
}
|
|
5710
5710
|
`;
|
|
5711
|
-
var NavLink =
|
|
5711
|
+
var NavLink = styled19.a`
|
|
5712
5712
|
margin: 0 12px;
|
|
5713
5713
|
color: #eaecef;
|
|
5714
5714
|
font-weight: 500;
|
|
@@ -5767,7 +5767,7 @@ var NavLink = styled25.a`
|
|
|
5767
5767
|
}
|
|
5768
5768
|
}
|
|
5769
5769
|
`;
|
|
5770
|
-
var Button2 =
|
|
5770
|
+
var Button2 = styled19.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 = styled25.button.attrs({ type: "button" })`
|
|
|
5805
5805
|
margin-left: 0.5rem;
|
|
5806
5806
|
}
|
|
5807
5807
|
`;
|
|
5808
|
-
var UserMenu =
|
|
5808
|
+
var UserMenu = styled19.div`
|
|
5809
5809
|
position: relative;
|
|
5810
5810
|
margin-left: 0.75rem;
|
|
5811
5811
|
height: 56px;
|
|
@@ -5816,7 +5816,7 @@ var UserMenu = styled25.div`
|
|
|
5816
5816
|
margin-left: auto;
|
|
5817
5817
|
}
|
|
5818
5818
|
`;
|
|
5819
|
-
var UserButton =
|
|
5819
|
+
var UserButton = styled19.button.attrs({ type: "button" })`
|
|
5820
5820
|
display: flex;
|
|
5821
5821
|
align-items: center;
|
|
5822
5822
|
background: transparent;
|
|
@@ -5841,7 +5841,7 @@ var UserButton = styled25.button.attrs({ type: "button" })`
|
|
|
5841
5841
|
transform: ${(props) => props.$isOpen ? "rotate(180deg)" : "rotate(0)"};
|
|
5842
5842
|
}
|
|
5843
5843
|
`;
|
|
5844
|
-
var DropdownMenu =
|
|
5844
|
+
var DropdownMenu = styled19.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 = styled25.div`
|
|
|
5869
5869
|
display: block;
|
|
5870
5870
|
}
|
|
5871
5871
|
`;
|
|
5872
|
-
var MenuItem =
|
|
5872
|
+
var MenuItem = styled19.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 = styled25.div`
|
|
|
5889
5889
|
color: #f6465d;
|
|
5890
5890
|
}
|
|
5891
5891
|
`;
|
|
5892
|
-
var MobileMenuHeader =
|
|
5892
|
+
var MobileMenuHeader = styled19.div`
|
|
5893
5893
|
display: flex;
|
|
5894
5894
|
justify-content: flex-end;
|
|
5895
5895
|
align-items: center;
|
|
@@ -5898,7 +5898,7 @@ var MobileMenuHeader = styled25.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 = styled19.button.attrs({ type: "button" })`
|
|
5902
5902
|
background: none;
|
|
5903
5903
|
border: none;
|
|
5904
5904
|
color: #eaecef;
|
|
@@ -5909,7 +5909,7 @@ var MobileMenuClose = styled25.button.attrs({ type: "button" })`
|
|
|
5909
5909
|
align-items: center;
|
|
5910
5910
|
justify-content: center;
|
|
5911
5911
|
`;
|
|
5912
|
-
var SearchBar =
|
|
5912
|
+
var SearchBar = styled19.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 = styled25.div`
|
|
|
5945
5945
|
}
|
|
5946
5946
|
}
|
|
5947
5947
|
`;
|
|
5948
|
-
var MobileNavItem =
|
|
5948
|
+
var MobileNavItem = styled19.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 = styled19.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 = styled25.button`
|
|
|
5992
5992
|
margin-right: 6px;
|
|
5993
5993
|
}
|
|
5994
5994
|
`;
|
|
5995
|
-
var DepositButton =
|
|
5995
|
+
var DepositButton = styled19.button`
|
|
5996
5996
|
background: #e6c87e;
|
|
5997
5997
|
color: #1a1a1a;
|
|
5998
5998
|
border: none;
|
|
@@ -6016,7 +6016,7 @@ var DepositButton = styled25.button`
|
|
|
6016
6016
|
margin-right: 4px;
|
|
6017
6017
|
}
|
|
6018
6018
|
`;
|
|
6019
|
-
var PortfolioBarContainer =
|
|
6019
|
+
var PortfolioBarContainer = styled19.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 = styled25.div`
|
|
|
6054
6054
|
}
|
|
6055
6055
|
}
|
|
6056
6056
|
`;
|
|
6057
|
-
var PortfolioBarPill =
|
|
6057
|
+
var PortfolioBarPill = styled19.div`
|
|
6058
6058
|
pointer-events: auto;
|
|
6059
6059
|
display: flex;
|
|
6060
6060
|
align-items: center;
|
|
@@ -6090,7 +6090,7 @@ var PortfolioBarPill = styled25.div`
|
|
|
6090
6090
|
border-radius: 0 0 16px 16px;
|
|
6091
6091
|
}
|
|
6092
6092
|
`;
|
|
6093
|
-
var PortfolioBarArrow =
|
|
6093
|
+
var PortfolioBarArrow = styled19.div`
|
|
6094
6094
|
position: absolute;
|
|
6095
6095
|
top: -7px;
|
|
6096
6096
|
width: 14px;
|
|
@@ -6102,7 +6102,7 @@ var PortfolioBarArrow = styled25.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 = styled19.div`
|
|
6106
6106
|
display: flex;
|
|
6107
6107
|
align-items: center;
|
|
6108
6108
|
gap: 1rem;
|
|
@@ -6112,34 +6112,34 @@ var PortfolioInline = styled25.div`
|
|
|
6112
6112
|
display: none;
|
|
6113
6113
|
}
|
|
6114
6114
|
`;
|
|
6115
|
-
var PBMetric =
|
|
6115
|
+
var PBMetric = styled19.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 = styled19.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 = styled19.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 = styled19.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 = styled19.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 = styled19.div`
|
|
6891
6891
|
position: fixed;
|
|
6892
6892
|
top: 0;
|
|
6893
6893
|
left: 0;
|
|
@@ -6910,7 +6910,7 @@ var Overlay2 = styled25.div`
|
|
|
6910
6910
|
}
|
|
6911
6911
|
}
|
|
6912
6912
|
`;
|
|
6913
|
-
var PopupContainer =
|
|
6913
|
+
var PopupContainer = styled19.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 = styled25.div`
|
|
|
6937
6937
|
max-width: 90%;
|
|
6938
6938
|
}
|
|
6939
6939
|
`;
|
|
6940
|
-
var KycPopupContainer =
|
|
6940
|
+
var KycPopupContainer = styled19.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 = styled25.div`
|
|
|
6965
6965
|
max-width: 95%;
|
|
6966
6966
|
}
|
|
6967
6967
|
`;
|
|
6968
|
-
var KycWidgetContainer =
|
|
6968
|
+
var KycWidgetContainer = styled19.div`
|
|
6969
6969
|
min-height: 500px;
|
|
6970
6970
|
width: 100%;
|
|
6971
6971
|
display: flex;
|
|
@@ -6973,7 +6973,7 @@ var KycWidgetContainer = styled25.div`
|
|
|
6973
6973
|
position: relative;
|
|
6974
6974
|
gap: 0.75rem;
|
|
6975
6975
|
`;
|
|
6976
|
-
var InlineCloseButton =
|
|
6976
|
+
var InlineCloseButton = styled19.button`
|
|
6977
6977
|
position: absolute;
|
|
6978
6978
|
top: -12px;
|
|
6979
6979
|
right: -12px;
|
|
@@ -6999,7 +6999,7 @@ var InlineCloseButton = styled25.button`
|
|
|
6999
6999
|
height: 18px;
|
|
7000
7000
|
}
|
|
7001
7001
|
`;
|
|
7002
|
-
var CloseButton =
|
|
7002
|
+
var CloseButton = styled19.button`
|
|
7003
7003
|
position: absolute;
|
|
7004
7004
|
top: 1rem;
|
|
7005
7005
|
right: 1rem;
|
|
@@ -7018,7 +7018,7 @@ var CloseButton = styled25.button`
|
|
|
7018
7018
|
color: var(--color-accent, #e6c656);
|
|
7019
7019
|
}
|
|
7020
7020
|
`;
|
|
7021
|
-
var Title =
|
|
7021
|
+
var Title = styled19.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 = styled25.h2`
|
|
|
7030
7030
|
justify-content: center;
|
|
7031
7031
|
gap: 1rem;
|
|
7032
7032
|
`;
|
|
7033
|
-
var LogoContainer3 =
|
|
7033
|
+
var LogoContainer3 = styled19.div`
|
|
7034
7034
|
display: flex;
|
|
7035
7035
|
justify-content: center;
|
|
7036
7036
|
margin-bottom: 0.5rem;
|
|
7037
7037
|
`;
|
|
7038
|
-
var LogoImage =
|
|
7038
|
+
var LogoImage = styled19.img`
|
|
7039
7039
|
height: 60px;
|
|
7040
7040
|
`;
|
|
7041
|
-
var ButtonsContainer =
|
|
7041
|
+
var ButtonsContainer = styled19.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 = styled19.button`
|
|
7048
7048
|
display: flex;
|
|
7049
7049
|
align-items: center;
|
|
7050
7050
|
justify-content: center;
|
|
@@ -7070,7 +7070,7 @@ var LoginButton = styled25.button`
|
|
|
7070
7070
|
color: var(--color-accent, #e6c656);
|
|
7071
7071
|
}
|
|
7072
7072
|
`;
|
|
7073
|
-
var Divider =
|
|
7073
|
+
var Divider = styled19.div`
|
|
7074
7074
|
display: flex;
|
|
7075
7075
|
align-items: center;
|
|
7076
7076
|
margin: 1.5rem 0;
|
|
@@ -7083,13 +7083,13 @@ var Divider = styled25.div`
|
|
|
7083
7083
|
background-color: rgba(230, 198, 86, 0.2);
|
|
7084
7084
|
}
|
|
7085
7085
|
`;
|
|
7086
|
-
var InfoText =
|
|
7086
|
+
var InfoText = styled19.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 = styled19.div`
|
|
7093
7093
|
display: flex;
|
|
7094
7094
|
flex-direction: column;
|
|
7095
7095
|
gap: 0.75rem;
|
|
@@ -7097,7 +7097,7 @@ var AnnotationContainer = styled25.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 = styled19.div`
|
|
7101
7101
|
display: flex;
|
|
7102
7102
|
align-items: flex-start;
|
|
7103
7103
|
gap: 1rem;
|
|
@@ -7112,22 +7112,22 @@ var Annotation = styled25.div`
|
|
|
7112
7112
|
color: var(--color-accent, #e6c656);
|
|
7113
7113
|
}
|
|
7114
7114
|
`;
|
|
7115
|
-
var AnnotationText =
|
|
7115
|
+
var AnnotationText = styled19.span`
|
|
7116
7116
|
flex: 1;
|
|
7117
7117
|
line-height: 1.4;
|
|
7118
7118
|
`;
|
|
7119
|
-
var AnnotationLabel =
|
|
7119
|
+
var AnnotationLabel = styled19.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 = styled19.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 = styled19.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 = styled25.input`
|
|
|
7146
7146
|
color: var(--color-text-secondary, #848e9c);
|
|
7147
7147
|
}
|
|
7148
7148
|
`;
|
|
7149
|
-
var OTPContainer =
|
|
7149
|
+
var OTPContainer = styled19.div`
|
|
7150
7150
|
display: flex;
|
|
7151
7151
|
gap: 0.5rem;
|
|
7152
7152
|
justify-content: center;
|
|
7153
7153
|
`;
|
|
7154
|
-
var OTPInput =
|
|
7154
|
+
var OTPInput = styled19.input`
|
|
7155
7155
|
width: 48px;
|
|
7156
7156
|
height: 56px;
|
|
7157
7157
|
text-align: center;
|
|
@@ -7169,7 +7169,7 @@ var OTPInput = styled25.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 = styled19.button`
|
|
7173
7173
|
width: 100%;
|
|
7174
7174
|
padding: 0.85rem;
|
|
7175
7175
|
background-color: var(--color-accent, #e6c656);
|
|
@@ -7192,7 +7192,7 @@ var SubmitButton = styled25.button`
|
|
|
7192
7192
|
cursor: not-allowed;
|
|
7193
7193
|
}
|
|
7194
7194
|
`;
|
|
7195
|
-
var BackButton =
|
|
7195
|
+
var BackButton = styled19.button`
|
|
7196
7196
|
background: none;
|
|
7197
7197
|
border: none;
|
|
7198
7198
|
color: var(--color-text-secondary, #848e9c);
|
|
@@ -7207,13 +7207,13 @@ var BackButton = styled25.button`
|
|
|
7207
7207
|
color: var(--color-accent, #e6c656);
|
|
7208
7208
|
}
|
|
7209
7209
|
`;
|
|
7210
|
-
var StatusMessage =
|
|
7210
|
+
var StatusMessage = styled19.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 = styled19.div`
|
|
7217
7217
|
display: flex;
|
|
7218
7218
|
flex-direction: column;
|
|
7219
7219
|
align-items: center;
|
|
@@ -7221,25 +7221,25 @@ var OnboardingStepContainer = styled25.div`
|
|
|
7221
7221
|
padding: 0.25rem 0;
|
|
7222
7222
|
gap: 0.5rem;
|
|
7223
7223
|
`;
|
|
7224
|
-
var OnboardingHeading =
|
|
7224
|
+
var OnboardingHeading = styled19.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 = styled19.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 = styled19.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 = styled19.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 = styled25.button`
|
|
|
7256
7256
|
color: var(--color-text, #eaecef);
|
|
7257
7257
|
}
|
|
7258
7258
|
`;
|
|
7259
|
-
var ModalOptionCard =
|
|
7259
|
+
var ModalOptionCard = styled19.button`
|
|
7260
7260
|
display: flex;
|
|
7261
7261
|
align-items: center;
|
|
7262
7262
|
gap: 1rem;
|
|
@@ -7279,7 +7279,7 @@ var ModalOptionCard = styled25.button`
|
|
|
7279
7279
|
cursor: not-allowed;
|
|
7280
7280
|
}
|
|
7281
7281
|
`;
|
|
7282
|
-
var FundingPopupContainer =
|
|
7282
|
+
var FundingPopupContainer = styled19.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 = styled25.div`
|
|
|
7307
7307
|
max-width: 95%;
|
|
7308
7308
|
}
|
|
7309
7309
|
`;
|
|
7310
|
-
var TransakWidgetContainer =
|
|
7310
|
+
var TransakWidgetContainer = styled19.div`
|
|
7311
7311
|
width: 100%;
|
|
7312
7312
|
height: 700px;
|
|
7313
7313
|
display: flex;
|
|
@@ -7319,7 +7319,7 @@ var TransakWidgetContainer = styled25.div`
|
|
|
7319
7319
|
height: 600px;
|
|
7320
7320
|
}
|
|
7321
7321
|
`;
|
|
7322
|
-
var TransakIframe =
|
|
7322
|
+
var TransakIframe = styled19.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 = styled19.div`
|
|
7660
7660
|
display: flex;
|
|
7661
7661
|
align-items: center;
|
|
7662
7662
|
justify-content: space-between;
|
|
@@ -7710,7 +7710,7 @@ var PropertySelectorContainer = styled25.div`
|
|
|
7710
7710
|
`};
|
|
7711
7711
|
}
|
|
7712
7712
|
`;
|
|
7713
|
-
var PropertySelector =
|
|
7713
|
+
var PropertySelector = styled19.div`
|
|
7714
7714
|
position: relative;
|
|
7715
7715
|
display: flex;
|
|
7716
7716
|
align-items: center;
|
|
@@ -7724,7 +7724,7 @@ var PropertySelector = styled25.div`
|
|
|
7724
7724
|
}
|
|
7725
7725
|
}
|
|
7726
7726
|
`;
|
|
7727
|
-
var PropertyAddress =
|
|
7727
|
+
var PropertyAddress = styled19.div`
|
|
7728
7728
|
font-size: 1.125rem;
|
|
7729
7729
|
font-weight: 600;
|
|
7730
7730
|
display: flex;
|
|
@@ -7745,7 +7745,7 @@ var PropertyAddress = styled25.div`
|
|
|
7745
7745
|
white-space: normal;
|
|
7746
7746
|
}
|
|
7747
7747
|
`;
|
|
7748
|
-
var PropertySelectorDropdown =
|
|
7748
|
+
var PropertySelectorDropdown = styled19.div`
|
|
7749
7749
|
position: absolute;
|
|
7750
7750
|
top: calc(100% + 12px);
|
|
7751
7751
|
left: 0;
|
|
@@ -7765,7 +7765,7 @@ var PropertySelectorDropdown = styled25.div`
|
|
|
7765
7765
|
to { opacity: 1; transform: translateY(0); }
|
|
7766
7766
|
}
|
|
7767
7767
|
`;
|
|
7768
|
-
var PropertySelectorOption =
|
|
7768
|
+
var PropertySelectorOption = styled19.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 = styled25.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 = styled19.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 = styled19.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 = styled25.div`
|
|
|
7806
7806
|
font-size: 0.75rem;
|
|
7807
7807
|
}
|
|
7808
7808
|
`;
|
|
7809
|
-
var PropertyValueBlock =
|
|
7809
|
+
var PropertyValueBlock = styled19.div`
|
|
7810
7810
|
display: flex;
|
|
7811
7811
|
align-items: center;
|
|
7812
7812
|
gap: 0.5rem;
|
|
@@ -7874,7 +7874,7 @@ var PropertyValueBlock = styled25.div`
|
|
|
7874
7874
|
white-space: normal;
|
|
7875
7875
|
}
|
|
7876
7876
|
`;
|
|
7877
|
-
var PropertyValueLabel =
|
|
7877
|
+
var PropertyValueLabel = styled19.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 = styled25.span`
|
|
|
7885
7885
|
letter-spacing: 0.4px;
|
|
7886
7886
|
}
|
|
7887
7887
|
`;
|
|
7888
|
-
var PropertyValueAmount =
|
|
7888
|
+
var PropertyValueAmount = styled19.span`
|
|
7889
7889
|
font-size: 1.1rem;
|
|
7890
7890
|
font-weight: 600;
|
|
7891
7891
|
color: #fff;
|
|
@@ -7894,7 +7894,7 @@ var PropertyValueAmount = styled25.span`
|
|
|
7894
7894
|
font-size: 0.95rem;
|
|
7895
7895
|
}
|
|
7896
7896
|
`;
|
|
7897
|
-
var PropertyValueChange =
|
|
7897
|
+
var PropertyValueChange = styled19.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 = styled25.span`
|
|
|
7903
7903
|
font-size: 0.65rem;
|
|
7904
7904
|
}
|
|
7905
7905
|
`;
|
|
7906
|
-
var PriceBlock =
|
|
7906
|
+
var PriceBlock = styled19.div`
|
|
7907
7907
|
display: none;
|
|
7908
7908
|
|
|
7909
7909
|
${({ $variant }) => $variant === "pill" && css`
|
|
@@ -7918,13 +7918,13 @@ var PriceBlock = styled25.div`
|
|
|
7918
7918
|
}
|
|
7919
7919
|
`}
|
|
7920
7920
|
`;
|
|
7921
|
-
var PriceAmount =
|
|
7921
|
+
var PriceAmount = styled19.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 = styled19.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 = styled19.div`
|
|
8063
8063
|
display: grid;
|
|
8064
8064
|
grid-template-columns: 2fr 1fr;
|
|
8065
8065
|
gap: 1.5rem;
|
|
@@ -8070,14 +8070,14 @@ var Row = styled25.div`
|
|
|
8070
8070
|
width: 100%;
|
|
8071
8071
|
@media (max-width: 1024px) { grid-template-columns: 1fr; }
|
|
8072
8072
|
`;
|
|
8073
|
-
var PanelBase =
|
|
8073
|
+
var PanelBase = styled19.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 = styled19.div`
|
|
8081
8081
|
display: flex;
|
|
8082
8082
|
justify-content: space-between;
|
|
8083
8083
|
align-items: center;
|
|
@@ -8092,32 +8092,32 @@ var PanelHeader = styled25.div`
|
|
|
8092
8092
|
}
|
|
8093
8093
|
span { font-size: 0.75rem; color: var(--color-text-secondary); }
|
|
8094
8094
|
`;
|
|
8095
|
-
var GalleryPanel =
|
|
8095
|
+
var GalleryPanel = styled19(PanelBase)`
|
|
8096
8096
|
min-width: 0; overflow: hidden;
|
|
8097
8097
|
`;
|
|
8098
|
-
var Carousel =
|
|
8098
|
+
var Carousel = styled19.div`
|
|
8099
8099
|
position: relative; width: 100%; overflow: hidden; border-radius: 8px;
|
|
8100
8100
|
`;
|
|
8101
|
-
var VideoOverlay =
|
|
8101
|
+
var VideoOverlay = styled19.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 = styled19.div`
|
|
8106
8106
|
display: flex; transition: transform 0.4s ease;
|
|
8107
8107
|
`;
|
|
8108
|
-
var Slide =
|
|
8108
|
+
var Slide = styled19.div`
|
|
8109
8109
|
min-width: 100%; position: relative; cursor: pointer;
|
|
8110
8110
|
img { width: 100%; height: 315px; object-fit: cover; border-radius: 8px; }
|
|
8111
8111
|
@media (max-width: 768px) { img { height: 155px; } }
|
|
8112
8112
|
`;
|
|
8113
|
-
var SlideCaption =
|
|
8113
|
+
var SlideCaption = styled19.div`
|
|
8114
8114
|
position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem;
|
|
8115
8115
|
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
|
|
8116
8116
|
border-radius: 0 0 8px 8px;
|
|
8117
8117
|
h4 { margin: 0; font-size: 0.95rem; font-weight: 600; color: #fff; }
|
|
8118
8118
|
p { margin: 0.25rem 0 0; font-size: 0.75rem; color: rgba(255,255,255,0.7); }
|
|
8119
8119
|
`;
|
|
8120
|
-
var CarouselButton =
|
|
8120
|
+
var CarouselButton = styled19.button`
|
|
8121
8121
|
position: absolute; top: 50%; transform: translateY(-50%);
|
|
8122
8122
|
background: rgba(0,0,0,0.8); border: 2px solid rgba(255,255,255,0.3);
|
|
8123
8123
|
color: white; width: 56px; height: 56px; border-radius: 50%;
|
|
@@ -8128,30 +8128,30 @@ var CarouselButton = styled25.button`
|
|
|
8128
8128
|
svg { width: 28px; height: 28px; stroke: #fff; }
|
|
8129
8129
|
@media (max-width: 768px) { width: 36px; height: 36px; svg { width: 18px; height: 18px; } }
|
|
8130
8130
|
`;
|
|
8131
|
-
var ThumbStrip =
|
|
8131
|
+
var ThumbStrip = styled19.div`
|
|
8132
8132
|
display: flex; align-items: center; gap: 0; margin-top: 1rem;
|
|
8133
8133
|
`;
|
|
8134
|
-
var ThumbScroll =
|
|
8134
|
+
var ThumbScroll = styled19.div`
|
|
8135
8135
|
display: flex; gap: 0.5rem; overflow-x: auto; flex: 1; min-width: 0;
|
|
8136
8136
|
padding-bottom: 0.5rem;
|
|
8137
8137
|
scrollbar-width: none;
|
|
8138
8138
|
&::-webkit-scrollbar { display: none; }
|
|
8139
8139
|
`;
|
|
8140
|
-
var Thumbnail2 =
|
|
8140
|
+
var Thumbnail2 = styled19.div`
|
|
8141
8141
|
min-width: 60px; height: 45px; border-radius: 4px; overflow: hidden;
|
|
8142
8142
|
cursor: pointer; border: 2px solid transparent; opacity: 0.6;
|
|
8143
8143
|
transition: all 0.2s ease; flex-shrink: 0;
|
|
8144
8144
|
&[data-active='true'] { border-color: #D4AF37; opacity: 1; }
|
|
8145
8145
|
img { width: 100%; height: 100%; object-fit: cover; }
|
|
8146
8146
|
`;
|
|
8147
|
-
var ThumbDivider =
|
|
8147
|
+
var ThumbDivider = styled19.div`
|
|
8148
8148
|
width: 1px; height: 36px; background: rgba(255,255,255,0.15);
|
|
8149
8149
|
margin: 0 0.5rem; flex-shrink: 0; align-self: center;
|
|
8150
8150
|
`;
|
|
8151
|
-
var FixedButtons =
|
|
8151
|
+
var FixedButtons = styled19.div`
|
|
8152
8152
|
display: flex; gap: 0.4rem; flex-shrink: 0; align-self: center;
|
|
8153
8153
|
`;
|
|
8154
|
-
var FixedBtn =
|
|
8154
|
+
var FixedBtn = styled19.button`
|
|
8155
8155
|
height: 45px; padding: 0 0.75rem; border-radius: 4px;
|
|
8156
8156
|
display: flex; align-items: center; justify-content: center; gap: 0.4rem;
|
|
8157
8157
|
cursor: pointer; transition: all 0.2s ease;
|
|
@@ -8160,7 +8160,7 @@ var FixedBtn = styled25.button`
|
|
|
8160
8160
|
color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.7)"};
|
|
8161
8161
|
font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em; white-space: nowrap;
|
|
8162
8162
|
`;
|
|
8163
|
-
var CategoryRow =
|
|
8163
|
+
var CategoryRow = styled19.div`
|
|
8164
8164
|
display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.75rem;
|
|
8165
8165
|
overflow-x: auto; -webkit-overflow-scrolling: touch;
|
|
8166
8166
|
scrollbar-width: none; &::-webkit-scrollbar { display: none; }
|
|
@@ -8172,14 +8172,14 @@ var CategoryRow = styled25.div`
|
|
|
8172
8172
|
}
|
|
8173
8173
|
button[data-active='true'] { background: rgba(212,175,55,0.2); border-color: #D4AF37; color: #D4AF37; }
|
|
8174
8174
|
`;
|
|
8175
|
-
var MapPanel =
|
|
8175
|
+
var MapPanel = styled19(PanelBase)`
|
|
8176
8176
|
min-height: 280px; padding: 1.5rem;
|
|
8177
8177
|
min-width: 0; overflow: hidden;
|
|
8178
8178
|
`;
|
|
8179
|
-
var MapFrame =
|
|
8179
|
+
var MapFrame = styled19.div`
|
|
8180
8180
|
flex: 1; border-radius: 6px; overflow: hidden; min-height: 280px; position: relative;
|
|
8181
8181
|
`;
|
|
8182
|
-
var IframeShield =
|
|
8182
|
+
var IframeShield = styled19.div`
|
|
8183
8183
|
position: absolute; inset: 0; z-index: 1; cursor: pointer;
|
|
8184
8184
|
`;
|
|
8185
8185
|
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: [
|
|
@@ -8392,43 +8392,43 @@ function PropertyOverview({
|
|
|
8392
8392
|
] })
|
|
8393
8393
|
] });
|
|
8394
8394
|
}
|
|
8395
|
-
var TopGrid =
|
|
8395
|
+
var TopGrid = styled19.div`
|
|
8396
8396
|
display: grid;
|
|
8397
8397
|
grid-template-columns: 1fr 1fr;
|
|
8398
8398
|
gap: 2rem;
|
|
8399
8399
|
margin-bottom: 2rem;
|
|
8400
8400
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8401
8401
|
`;
|
|
8402
|
-
var Panel =
|
|
8402
|
+
var Panel = styled19.div`
|
|
8403
8403
|
background: #111;
|
|
8404
8404
|
border-radius: 12px;
|
|
8405
8405
|
padding: 1.5rem;
|
|
8406
8406
|
`;
|
|
8407
|
-
var PanelHeading =
|
|
8407
|
+
var PanelHeading = styled19.h2`
|
|
8408
8408
|
font-size: 1.25rem;
|
|
8409
8409
|
margin-bottom: 1rem;
|
|
8410
8410
|
color: #fff;
|
|
8411
8411
|
font-weight: 600;
|
|
8412
8412
|
`;
|
|
8413
|
-
var DescriptionWrap =
|
|
8413
|
+
var DescriptionWrap = styled19.div`
|
|
8414
8414
|
position: relative;
|
|
8415
8415
|
max-height: ${(p) => p.$expanded ? "2000px" : "150px"};
|
|
8416
8416
|
overflow: hidden;
|
|
8417
8417
|
transition: max-height 0.3s ease;
|
|
8418
8418
|
`;
|
|
8419
|
-
var DescFade =
|
|
8419
|
+
var DescFade = styled19.div`
|
|
8420
8420
|
position: absolute;
|
|
8421
8421
|
bottom: 0; left: 0; right: 0;
|
|
8422
8422
|
height: 60px;
|
|
8423
8423
|
background: linear-gradient(to bottom, rgba(17,17,17,0), #111);
|
|
8424
8424
|
pointer-events: none;
|
|
8425
8425
|
`;
|
|
8426
|
-
var ButtonRow =
|
|
8426
|
+
var ButtonRow = styled19.div`
|
|
8427
8427
|
margin-top: 1.5rem;
|
|
8428
8428
|
display: flex;
|
|
8429
8429
|
gap: 0.75rem;
|
|
8430
8430
|
`;
|
|
8431
|
-
var OutlineBtn =
|
|
8431
|
+
var OutlineBtn = styled19.button`
|
|
8432
8432
|
padding: 0.55rem 1.35rem;
|
|
8433
8433
|
border-radius: 10px;
|
|
8434
8434
|
border: 1px solid rgba(255,255,255,0.28);
|
|
@@ -8438,7 +8438,7 @@ var OutlineBtn = styled25.button`
|
|
|
8438
8438
|
font-weight: 600;
|
|
8439
8439
|
cursor: pointer;
|
|
8440
8440
|
`;
|
|
8441
|
-
var PrimaryBtn =
|
|
8441
|
+
var PrimaryBtn = styled19.button`
|
|
8442
8442
|
padding: 0.75rem 1.5rem;
|
|
8443
8443
|
border-radius: 4px;
|
|
8444
8444
|
border: none;
|
|
@@ -8448,26 +8448,26 @@ var PrimaryBtn = styled25.button`
|
|
|
8448
8448
|
font-weight: 600;
|
|
8449
8449
|
cursor: pointer;
|
|
8450
8450
|
`;
|
|
8451
|
-
var FinancialGrid =
|
|
8451
|
+
var FinancialGrid = styled19.div`
|
|
8452
8452
|
display: grid;
|
|
8453
8453
|
grid-template-columns: 1fr 1fr;
|
|
8454
8454
|
gap: 0.75rem;
|
|
8455
8455
|
`;
|
|
8456
|
-
var FinancialCard =
|
|
8456
|
+
var FinancialCard = styled19.div`
|
|
8457
8457
|
background: rgba(255,255,255,0.03);
|
|
8458
8458
|
border-radius: 10px;
|
|
8459
8459
|
padding: 1rem 1.25rem;
|
|
8460
8460
|
border: 1px solid ${(p) => p.$gold ? "rgba(212,175,55,0.3)" : "rgba(255,255,255,0.06)"};
|
|
8461
8461
|
position: relative;
|
|
8462
8462
|
`;
|
|
8463
|
-
var BadgeSpan =
|
|
8463
|
+
var BadgeSpan = styled19.span`
|
|
8464
8464
|
position: absolute;
|
|
8465
8465
|
top: 0.5rem; right: 0.75rem;
|
|
8466
8466
|
font-size: 0.65rem;
|
|
8467
8467
|
color: #4CAF50;
|
|
8468
8468
|
display: flex; align-items: center; gap: 4px;
|
|
8469
8469
|
`;
|
|
8470
|
-
var FinancialLabel =
|
|
8470
|
+
var FinancialLabel = styled19.div`
|
|
8471
8471
|
font-size: 0.65rem;
|
|
8472
8472
|
color: ${(p) => p.$gold ? "#D4AF37" : "rgba(255,255,255,0.6)"};
|
|
8473
8473
|
text-transform: uppercase;
|
|
@@ -8475,49 +8475,49 @@ var FinancialLabel = styled25.div`
|
|
|
8475
8475
|
margin-bottom: 0.4rem;
|
|
8476
8476
|
font-weight: 500;
|
|
8477
8477
|
`;
|
|
8478
|
-
var FinancialValue =
|
|
8478
|
+
var FinancialValue = styled19.div`
|
|
8479
8479
|
font-size: 1.25rem;
|
|
8480
8480
|
font-weight: 700;
|
|
8481
8481
|
color: ${(p) => p.$gold ? "#D4AF37" : "#fff"};
|
|
8482
8482
|
line-height: 1;
|
|
8483
8483
|
`;
|
|
8484
|
-
var AssetDetailsPanel =
|
|
8484
|
+
var AssetDetailsPanel = styled19.div`
|
|
8485
8485
|
margin-bottom: 2rem; background: #111; border-radius: 12px; padding: 1.5rem;
|
|
8486
8486
|
`;
|
|
8487
|
-
var AssetPanelsGrid =
|
|
8487
|
+
var AssetPanelsGrid = styled19.div`
|
|
8488
8488
|
display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;
|
|
8489
8489
|
@media (max-width: 768px) { grid-template-columns: 1fr; }
|
|
8490
8490
|
`;
|
|
8491
|
-
var MetricsPanel =
|
|
8491
|
+
var MetricsPanel = styled19.div`
|
|
8492
8492
|
background: rgba(255,255,255,0.03); border-radius: 12px;
|
|
8493
8493
|
border: 1px solid rgba(255,255,255,0.06); padding: 1.25rem 1.5rem; overflow: hidden;
|
|
8494
8494
|
`;
|
|
8495
|
-
var InfoPanel =
|
|
8496
|
-
var MetricsPanelTitle =
|
|
8495
|
+
var InfoPanel = styled19(MetricsPanel)``;
|
|
8496
|
+
var MetricsPanelTitle = styled19.div`
|
|
8497
8497
|
font-size: 0.65rem; color: #D4AF37; text-transform: uppercase;
|
|
8498
8498
|
letter-spacing: 0.12em; font-weight: 600; margin-bottom: 1rem;
|
|
8499
8499
|
padding-bottom: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.06);
|
|
8500
8500
|
`;
|
|
8501
|
-
var LandFloorCard =
|
|
8501
|
+
var LandFloorCard = styled19.div`
|
|
8502
8502
|
background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(184,134,11,0.06));
|
|
8503
8503
|
border-radius: 10px; padding: 0.85rem 1rem;
|
|
8504
8504
|
border: 1px solid rgba(212,175,55,0.25);
|
|
8505
8505
|
display: flex; gap: 1rem; margin-bottom: 0.75rem;
|
|
8506
8506
|
`;
|
|
8507
|
-
var MetricLabel =
|
|
8507
|
+
var MetricLabel = styled19.div`
|
|
8508
8508
|
font-size: 0.65rem; color: #D4AF37; text-transform: uppercase;
|
|
8509
8509
|
letter-spacing: 0.1em; margin-bottom: 0.4rem; font-weight: 500;
|
|
8510
8510
|
`;
|
|
8511
|
-
var MetricValueRow =
|
|
8511
|
+
var MetricValueRow = styled19.div`
|
|
8512
8512
|
display: flex; align-items: baseline; gap: 0.25rem;
|
|
8513
8513
|
`;
|
|
8514
|
-
var MetricBig =
|
|
8514
|
+
var MetricBig = styled19.span`
|
|
8515
8515
|
font-size: 1.5rem; font-weight: 700; color: #D4AF37; line-height: 1;
|
|
8516
8516
|
`;
|
|
8517
|
-
var MetricUnit =
|
|
8517
|
+
var MetricUnit = styled19.span`
|
|
8518
8518
|
font-size: 0.7rem; color: rgba(212,175,55,0.7); font-weight: 500;
|
|
8519
8519
|
`;
|
|
8520
|
-
var FeaturesGrid =
|
|
8520
|
+
var FeaturesGrid = styled19.div`
|
|
8521
8521
|
display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem;
|
|
8522
8522
|
@media (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }
|
|
8523
8523
|
`;
|
|
@@ -8602,7 +8602,7 @@ function PropertyOffers({ offers }) {
|
|
|
8602
8602
|
)) })
|
|
8603
8603
|
] });
|
|
8604
8604
|
}
|
|
8605
|
-
var OfferPricePulse =
|
|
8605
|
+
var OfferPricePulse = styled19.span`
|
|
8606
8606
|
width: 8px;
|
|
8607
8607
|
height: 8px;
|
|
8608
8608
|
border-radius: 999px;
|
|
@@ -9004,7 +9004,7 @@ function generateMockPastSales() {
|
|
|
9004
9004
|
}
|
|
9005
9005
|
];
|
|
9006
9006
|
}
|
|
9007
|
-
var FilterButtonsContainer =
|
|
9007
|
+
var FilterButtonsContainer = styled19.div`
|
|
9008
9008
|
display: flex;
|
|
9009
9009
|
gap: 0.5rem;
|
|
9010
9010
|
flex-wrap: wrap;
|
|
@@ -9013,7 +9013,7 @@ var FilterButtonsContainer = styled25.div`
|
|
|
9013
9013
|
gap: 0.25rem;
|
|
9014
9014
|
}
|
|
9015
9015
|
`;
|
|
9016
|
-
var FilterButton =
|
|
9016
|
+
var FilterButton = styled19.button`
|
|
9017
9017
|
background-color: ${(props) => props.$active ? "var(--color-accent, #f0b90b)" : "transparent"};
|
|
9018
9018
|
color: ${(props) => props.$active ? "#000" : "#fff"};
|
|
9019
9019
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9032,7 +9032,7 @@ var FilterButton = styled25.button`
|
|
|
9032
9032
|
font-size: 0.75rem;
|
|
9033
9033
|
}
|
|
9034
9034
|
`;
|
|
9035
|
-
var HistoryContainer =
|
|
9035
|
+
var HistoryContainer = styled19.div`
|
|
9036
9036
|
display: flex;
|
|
9037
9037
|
flex-direction: column;
|
|
9038
9038
|
gap: 1.5rem;
|
|
@@ -9049,7 +9049,7 @@ var HistoryContainer = styled25.div`
|
|
|
9049
9049
|
z-index: 0;
|
|
9050
9050
|
}
|
|
9051
9051
|
`;
|
|
9052
|
-
var HistoryPanel =
|
|
9052
|
+
var HistoryPanel = styled19.div`
|
|
9053
9053
|
margin-bottom: 1.5rem;
|
|
9054
9054
|
margin-left: 2rem;
|
|
9055
9055
|
border: 1px solid rgba(240, 185, 11, 0.15);
|
|
@@ -9091,7 +9091,7 @@ var HistoryPanel = styled25.div`
|
|
|
9091
9091
|
}
|
|
9092
9092
|
`}
|
|
9093
9093
|
`;
|
|
9094
|
-
var LeaseSection =
|
|
9094
|
+
var LeaseSection = styled19.div`
|
|
9095
9095
|
margin: 0.3rem 1rem;
|
|
9096
9096
|
padding: 0.3rem 1rem 0.3rem;
|
|
9097
9097
|
background-color: rgba(30, 32, 38, 0.2);
|
|
@@ -9109,7 +9109,7 @@ var LeaseSection = styled25.div`
|
|
|
9109
9109
|
background-color: rgba(255, 255, 255, 0.15);
|
|
9110
9110
|
}
|
|
9111
9111
|
`;
|
|
9112
|
-
var HistoryRow =
|
|
9112
|
+
var HistoryRow = styled19.tr`
|
|
9113
9113
|
background-color: ${(props) => props.$isOwnershipStart ? "rgba(240, 185, 11, 0.05)" : "transparent"};
|
|
9114
9114
|
|
|
9115
9115
|
td {
|
|
@@ -9126,7 +9126,7 @@ var HistoryRow = styled25.tr`
|
|
|
9126
9126
|
background-color: rgba(255, 255, 255, 0.08);
|
|
9127
9127
|
}
|
|
9128
9128
|
`;
|
|
9129
|
-
var TypeBadge2 =
|
|
9129
|
+
var TypeBadge2 = styled19.span`
|
|
9130
9130
|
display: inline-block;
|
|
9131
9131
|
padding: 0.25rem 0.5rem;
|
|
9132
9132
|
border-radius: 4px;
|
|
@@ -9176,13 +9176,13 @@ var TypeBadge2 = styled25.span`
|
|
|
9176
9176
|
font-size: 0.65rem;
|
|
9177
9177
|
}
|
|
9178
9178
|
`;
|
|
9179
|
-
var PastSalesSection =
|
|
9179
|
+
var PastSalesSection = styled19.div`
|
|
9180
9180
|
background-color: rgba(30, 32, 38, 0.95);
|
|
9181
9181
|
border-radius: 8px;
|
|
9182
9182
|
padding: 1.25rem;
|
|
9183
9183
|
margin-bottom: 1.5rem;
|
|
9184
9184
|
`;
|
|
9185
|
-
var SalesTable =
|
|
9185
|
+
var SalesTable = styled19.table`
|
|
9186
9186
|
width: 100%;
|
|
9187
9187
|
border-collapse: collapse;
|
|
9188
9188
|
table-layout: fixed;
|
|
@@ -9260,13 +9260,13 @@ function PropertyDocuments({ documentsData }) {
|
|
|
9260
9260
|
}) })
|
|
9261
9261
|
] });
|
|
9262
9262
|
}
|
|
9263
|
-
var Section =
|
|
9263
|
+
var Section = styled19.section`
|
|
9264
9264
|
background: var(--color-card, rgba(30, 35, 41, 0.8));
|
|
9265
9265
|
border-radius: 12px;
|
|
9266
9266
|
padding: 1.5rem;
|
|
9267
9267
|
margin-bottom: 1.5rem;
|
|
9268
9268
|
`;
|
|
9269
|
-
var SectionHeading =
|
|
9269
|
+
var SectionHeading = styled19.h2`
|
|
9270
9270
|
font-size: 0.9rem;
|
|
9271
9271
|
font-weight: 600;
|
|
9272
9272
|
padding-bottom: 0.75rem;
|
|
@@ -9277,12 +9277,12 @@ var SectionHeading = styled25.h2`
|
|
|
9277
9277
|
align-items: center;
|
|
9278
9278
|
gap: 0.5rem;
|
|
9279
9279
|
`;
|
|
9280
|
-
var DocList =
|
|
9280
|
+
var DocList = styled19.ul`
|
|
9281
9281
|
list-style: none;
|
|
9282
9282
|
padding: 0;
|
|
9283
9283
|
margin: 0;
|
|
9284
9284
|
`;
|
|
9285
|
-
var DocItem =
|
|
9285
|
+
var DocItem = styled19.li`
|
|
9286
9286
|
padding: 0.75rem 0;
|
|
9287
9287
|
border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.1));
|
|
9288
9288
|
|
|
@@ -9290,7 +9290,7 @@ var DocItem = styled25.li`
|
|
|
9290
9290
|
border-bottom: none;
|
|
9291
9291
|
}
|
|
9292
9292
|
`;
|
|
9293
|
-
var DocLink =
|
|
9293
|
+
var DocLink = styled19.a`
|
|
9294
9294
|
display: flex;
|
|
9295
9295
|
align-items: center;
|
|
9296
9296
|
color: var(--color-text);
|
|
@@ -9301,19 +9301,19 @@ var DocLink = styled25.a`
|
|
|
9301
9301
|
color: var(--color-accent);
|
|
9302
9302
|
}
|
|
9303
9303
|
`;
|
|
9304
|
-
var DocItemDisabled =
|
|
9304
|
+
var DocItemDisabled = styled19.div`
|
|
9305
9305
|
display: flex;
|
|
9306
9306
|
align-items: center;
|
|
9307
9307
|
color: var(--color-text-secondary);
|
|
9308
9308
|
cursor: not-allowed;
|
|
9309
9309
|
opacity: 0.6;
|
|
9310
9310
|
`;
|
|
9311
|
-
var DocIconWrapper =
|
|
9311
|
+
var DocIconWrapper = styled19.span`
|
|
9312
9312
|
margin-right: 0.75rem;
|
|
9313
9313
|
flex-shrink: 0;
|
|
9314
9314
|
color: var(--color-text-secondary);
|
|
9315
9315
|
`;
|
|
9316
|
-
var ComingSoonBadge =
|
|
9316
|
+
var ComingSoonBadge = styled19.span`
|
|
9317
9317
|
margin-left: auto;
|
|
9318
9318
|
padding: 0.25rem 0.5rem;
|
|
9319
9319
|
background: rgba(212, 175, 55, 0.1);
|
|
@@ -9395,13 +9395,13 @@ function PropertyInspectionTimes({
|
|
|
9395
9395
|
] })
|
|
9396
9396
|
] });
|
|
9397
9397
|
}
|
|
9398
|
-
var Section2 =
|
|
9398
|
+
var Section2 = styled19.section`
|
|
9399
9399
|
background: var(--color-card, rgba(30, 35, 41, 0.8));
|
|
9400
9400
|
border-radius: 12px;
|
|
9401
9401
|
padding: 1.5rem;
|
|
9402
9402
|
margin-bottom: 1.5rem;
|
|
9403
9403
|
`;
|
|
9404
|
-
var SectionHeading2 =
|
|
9404
|
+
var SectionHeading2 = styled19.h2`
|
|
9405
9405
|
font-size: 0.9rem;
|
|
9406
9406
|
font-weight: 600;
|
|
9407
9407
|
padding-bottom: 0.75rem;
|
|
@@ -9412,17 +9412,17 @@ var SectionHeading2 = styled25.h2`
|
|
|
9412
9412
|
align-items: center;
|
|
9413
9413
|
gap: 0.5rem;
|
|
9414
9414
|
`;
|
|
9415
|
-
var Intro =
|
|
9415
|
+
var Intro = styled19.p`
|
|
9416
9416
|
font-size: 0.9rem;
|
|
9417
9417
|
color: var(--color-text-secondary);
|
|
9418
9418
|
margin-bottom: 1.5rem;
|
|
9419
9419
|
`;
|
|
9420
|
-
var SlotList =
|
|
9420
|
+
var SlotList = styled19.div`
|
|
9421
9421
|
display: flex;
|
|
9422
9422
|
flex-direction: column;
|
|
9423
9423
|
gap: 0.75rem;
|
|
9424
9424
|
`;
|
|
9425
|
-
var SlotRow =
|
|
9425
|
+
var SlotRow = styled19.div`
|
|
9426
9426
|
display: flex;
|
|
9427
9427
|
justify-content: space-between;
|
|
9428
9428
|
align-items: center;
|
|
@@ -9431,27 +9431,27 @@ var SlotRow = styled25.div`
|
|
|
9431
9431
|
border-radius: 8px;
|
|
9432
9432
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
9433
9433
|
`;
|
|
9434
|
-
var SlotInfo =
|
|
9435
|
-
var SlotDate =
|
|
9434
|
+
var SlotInfo = styled19.div``;
|
|
9435
|
+
var SlotDate = styled19.div`
|
|
9436
9436
|
font-size: 0.9rem;
|
|
9437
9437
|
font-weight: 600;
|
|
9438
9438
|
color: var(--color-text);
|
|
9439
9439
|
margin-bottom: 0.25rem;
|
|
9440
9440
|
`;
|
|
9441
|
-
var SlotTime =
|
|
9441
|
+
var SlotTime = styled19.div`
|
|
9442
9442
|
font-size: 0.8rem;
|
|
9443
9443
|
color: var(--color-text-secondary);
|
|
9444
9444
|
`;
|
|
9445
|
-
var SlotActions =
|
|
9445
|
+
var SlotActions = styled19.div`
|
|
9446
9446
|
display: flex;
|
|
9447
9447
|
align-items: center;
|
|
9448
9448
|
gap: 1rem;
|
|
9449
9449
|
`;
|
|
9450
|
-
var SpotsLeft =
|
|
9450
|
+
var SpotsLeft = styled19.span`
|
|
9451
9451
|
font-size: 0.75rem;
|
|
9452
9452
|
color: ${({ $low }) => $low ? "#f6465d" : "var(--color-text-secondary)"};
|
|
9453
9453
|
`;
|
|
9454
|
-
var BookButton =
|
|
9454
|
+
var BookButton = styled19.button`
|
|
9455
9455
|
padding: 0.4rem 1rem;
|
|
9456
9456
|
background: transparent;
|
|
9457
9457
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9471,7 +9471,7 @@ var BookButton = styled25.button`
|
|
|
9471
9471
|
cursor: not-allowed;
|
|
9472
9472
|
}
|
|
9473
9473
|
`;
|
|
9474
|
-
var StatusMessage2 =
|
|
9474
|
+
var StatusMessage2 = styled19.div`
|
|
9475
9475
|
font-size: 0.85rem;
|
|
9476
9476
|
padding: 0.75rem 1rem;
|
|
9477
9477
|
border-radius: 6px;
|
|
@@ -9479,7 +9479,7 @@ var StatusMessage2 = styled25.div`
|
|
|
9479
9479
|
background: ${({ $error }) => $error ? "rgba(246,70,93,0.08)" : "rgba(255,255,255,0.03)"};
|
|
9480
9480
|
border: 1px solid ${({ $error }) => $error ? "rgba(246,70,93,0.2)" : "rgba(255,255,255,0.06)"};
|
|
9481
9481
|
`;
|
|
9482
|
-
var RetryButton =
|
|
9482
|
+
var RetryButton = styled19.button`
|
|
9483
9483
|
margin-left: 0.5rem;
|
|
9484
9484
|
text-decoration: underline;
|
|
9485
9485
|
cursor: pointer;
|
|
@@ -9487,13 +9487,13 @@ var RetryButton = styled25.button`
|
|
|
9487
9487
|
border: none;
|
|
9488
9488
|
color: inherit;
|
|
9489
9489
|
`;
|
|
9490
|
-
var Disclaimer =
|
|
9490
|
+
var Disclaimer = styled19.p`
|
|
9491
9491
|
font-size: 0.75rem;
|
|
9492
9492
|
color: var(--color-text-secondary);
|
|
9493
9493
|
margin-top: 0.5rem;
|
|
9494
9494
|
text-align: center;
|
|
9495
9495
|
`;
|
|
9496
|
-
var SignInPrompt =
|
|
9496
|
+
var SignInPrompt = styled19.div`
|
|
9497
9497
|
display: flex;
|
|
9498
9498
|
align-items: center;
|
|
9499
9499
|
justify-content: space-between;
|
|
@@ -9502,18 +9502,18 @@ var SignInPrompt = styled25.div`
|
|
|
9502
9502
|
border-radius: 8px;
|
|
9503
9503
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
9504
9504
|
`;
|
|
9505
|
-
var SignInText =
|
|
9506
|
-
var SignInTitle =
|
|
9505
|
+
var SignInText = styled19.div``;
|
|
9506
|
+
var SignInTitle = styled19.div`
|
|
9507
9507
|
font-size: 0.95rem;
|
|
9508
9508
|
font-weight: 600;
|
|
9509
9509
|
color: var(--color-text);
|
|
9510
9510
|
margin-bottom: 0.25rem;
|
|
9511
9511
|
`;
|
|
9512
|
-
var SignInSub =
|
|
9512
|
+
var SignInSub = styled19.div`
|
|
9513
9513
|
font-size: 0.8rem;
|
|
9514
9514
|
color: var(--color-text-secondary);
|
|
9515
9515
|
`;
|
|
9516
|
-
var SignInButton =
|
|
9516
|
+
var SignInButton = styled19.button`
|
|
9517
9517
|
padding: 0.5rem 1.25rem;
|
|
9518
9518
|
background: transparent;
|
|
9519
9519
|
border: 1px solid var(--color-accent, #f0b90b);
|
|
@@ -9612,10 +9612,10 @@ function AssetSelectorBar({
|
|
|
9612
9612
|
}) })
|
|
9613
9613
|
] }) });
|
|
9614
9614
|
}
|
|
9615
|
-
var AssetSelectorWrapper =
|
|
9615
|
+
var AssetSelectorWrapper = styled19.div`
|
|
9616
9616
|
width: 100%;
|
|
9617
9617
|
`;
|
|
9618
|
-
var IPOAssetSelector =
|
|
9618
|
+
var IPOAssetSelector = styled19.div`
|
|
9619
9619
|
position: relative;
|
|
9620
9620
|
display: flex;
|
|
9621
9621
|
justify-content: space-between;
|
|
@@ -9640,7 +9640,7 @@ var IPOAssetSelector = styled25.div`
|
|
|
9640
9640
|
padding: 0.6rem 0.75rem;
|
|
9641
9641
|
}
|
|
9642
9642
|
`;
|
|
9643
|
-
var AssetThumbnail =
|
|
9643
|
+
var AssetThumbnail = styled19.img`
|
|
9644
9644
|
width: 40px;
|
|
9645
9645
|
height: 40px;
|
|
9646
9646
|
border-radius: 8px;
|
|
@@ -9654,7 +9654,7 @@ var AssetThumbnail = styled25.img`
|
|
|
9654
9654
|
border-radius: 6px;
|
|
9655
9655
|
}
|
|
9656
9656
|
`;
|
|
9657
|
-
var AssetSelectorDropdown =
|
|
9657
|
+
var AssetSelectorDropdown = styled19.div`
|
|
9658
9658
|
display: flex;
|
|
9659
9659
|
align-items: center;
|
|
9660
9660
|
cursor: pointer;
|
|
@@ -9663,7 +9663,7 @@ var AssetSelectorDropdown = styled25.div`
|
|
|
9663
9663
|
transition: all 0.2s ease;
|
|
9664
9664
|
&:hover { background-color: rgba(255,255,255,0.05); }
|
|
9665
9665
|
`;
|
|
9666
|
-
var AssetName =
|
|
9666
|
+
var AssetName = styled19.div`
|
|
9667
9667
|
display: flex;
|
|
9668
9668
|
align-items: center;
|
|
9669
9669
|
font-weight: 600;
|
|
@@ -9682,7 +9682,7 @@ var AssetName = styled25.div`
|
|
|
9682
9682
|
svg { margin-left: 0.4rem; width: 16px; height: 16px; }
|
|
9683
9683
|
}
|
|
9684
9684
|
`;
|
|
9685
|
-
var SelectorMetrics =
|
|
9685
|
+
var SelectorMetrics = styled19.div`
|
|
9686
9686
|
display: flex;
|
|
9687
9687
|
align-items: center;
|
|
9688
9688
|
gap: 1rem;
|
|
@@ -9707,7 +9707,7 @@ var SelectorMetrics = styled25.div`
|
|
|
9707
9707
|
gap: 0.5rem;
|
|
9708
9708
|
}
|
|
9709
9709
|
`;
|
|
9710
|
-
var MetricLabel2 =
|
|
9710
|
+
var MetricLabel2 = styled19.span`
|
|
9711
9711
|
font-size: 0.75rem;
|
|
9712
9712
|
color: var(--color-text-secondary);
|
|
9713
9713
|
text-transform: uppercase;
|
|
@@ -9720,7 +9720,7 @@ var MetricLabel2 = styled25.span`
|
|
|
9720
9720
|
margin-right: 0.35rem;
|
|
9721
9721
|
}
|
|
9722
9722
|
`;
|
|
9723
|
-
var MetricValue =
|
|
9723
|
+
var MetricValue = styled19.span`
|
|
9724
9724
|
font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
|
|
9725
9725
|
font-weight: ${(p) => p.$secondary ? "600" : "700"};
|
|
9726
9726
|
color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
|
|
@@ -9733,7 +9733,7 @@ var MetricValue = styled25.span`
|
|
|
9733
9733
|
font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
|
|
9734
9734
|
}
|
|
9735
9735
|
`;
|
|
9736
|
-
var MetricChange =
|
|
9736
|
+
var MetricChange = styled19.span`
|
|
9737
9737
|
font-size: 0.85rem;
|
|
9738
9738
|
font-weight: 600;
|
|
9739
9739
|
color: ${(p) => p.$positive ? "var(--color-positive, #0ecb81)" : "var(--color-negative, #f6465d)"};
|
|
@@ -9745,12 +9745,12 @@ var MetricChange = styled25.span`
|
|
|
9745
9745
|
font-size: 0.75rem;
|
|
9746
9746
|
}
|
|
9747
9747
|
`;
|
|
9748
|
-
var Separator =
|
|
9748
|
+
var Separator = styled19.span`
|
|
9749
9749
|
font-size: 1rem;
|
|
9750
9750
|
color: rgba(255,255,255,0.2);
|
|
9751
9751
|
font-weight: 300;
|
|
9752
9752
|
`;
|
|
9753
|
-
var IPODropdown =
|
|
9753
|
+
var IPODropdown = styled19.div`
|
|
9754
9754
|
position: absolute;
|
|
9755
9755
|
top: calc(100% + 6px);
|
|
9756
9756
|
left: 0;
|
|
@@ -9779,7 +9779,7 @@ var IPODropdown = styled25.div`
|
|
|
9779
9779
|
to { opacity: 1; transform: translateY(0); }
|
|
9780
9780
|
}
|
|
9781
9781
|
`;
|
|
9782
|
-
var IPOOption =
|
|
9782
|
+
var IPOOption = styled19.div`
|
|
9783
9783
|
padding: 0.6rem 0.75rem;
|
|
9784
9784
|
transition: background 0.15s ease;
|
|
9785
9785
|
border-radius: 7px;
|
|
@@ -9787,25 +9787,25 @@ var IPOOption = styled25.div`
|
|
|
9787
9787
|
&:hover { background: rgba(255,255,255,0.06); }
|
|
9788
9788
|
${(p) => p.$selected && `background: rgba(255,255,255,0.04);`}
|
|
9789
9789
|
`;
|
|
9790
|
-
var IPOOptionInner =
|
|
9790
|
+
var IPOOptionInner = styled19.div`
|
|
9791
9791
|
display: flex;
|
|
9792
9792
|
align-items: center;
|
|
9793
9793
|
gap: 0.65rem;
|
|
9794
9794
|
`;
|
|
9795
|
-
var IPOOptionThumb =
|
|
9795
|
+
var IPOOptionThumb = styled19.img`
|
|
9796
9796
|
width: 28px;
|
|
9797
9797
|
height: 28px;
|
|
9798
9798
|
border-radius: 5px;
|
|
9799
9799
|
object-fit: cover;
|
|
9800
9800
|
flex-shrink: 0;
|
|
9801
9801
|
`;
|
|
9802
|
-
var IPOOptionName =
|
|
9802
|
+
var IPOOptionName = styled19.div`
|
|
9803
9803
|
font-weight: 500;
|
|
9804
9804
|
font-size: 0.82rem;
|
|
9805
9805
|
color: ${(p) => "#ebebeb"};
|
|
9806
9806
|
line-height: 1.3;
|
|
9807
9807
|
`;
|
|
9808
|
-
var IPOOptionLocation =
|
|
9808
|
+
var IPOOptionLocation = styled19.div`
|
|
9809
9809
|
font-size: 0.72rem;
|
|
9810
9810
|
color: rgba(255,255,255,0.38);
|
|
9811
9811
|
margin-top: 1px;
|
|
@@ -10071,7 +10071,7 @@ function OfferingProgressCard({
|
|
|
10071
10071
|
] })
|
|
10072
10072
|
] });
|
|
10073
10073
|
}
|
|
10074
|
-
var Container =
|
|
10074
|
+
var Container = styled19.div`
|
|
10075
10075
|
background-color: var(--color-card-darker, #111);
|
|
10076
10076
|
border-radius: 8px;
|
|
10077
10077
|
padding: 1.5rem;
|
|
@@ -10084,7 +10084,7 @@ var Container = styled25.div`
|
|
|
10084
10084
|
padding: 1rem;
|
|
10085
10085
|
}
|
|
10086
10086
|
`;
|
|
10087
|
-
var Header2 =
|
|
10087
|
+
var Header2 = styled19.div`
|
|
10088
10088
|
display: flex;
|
|
10089
10089
|
align-items: center;
|
|
10090
10090
|
justify-content: space-between;
|
|
@@ -10101,7 +10101,7 @@ var Header2 = styled25.div`
|
|
|
10101
10101
|
margin: 0;
|
|
10102
10102
|
}
|
|
10103
10103
|
`;
|
|
10104
|
-
var StatusSpan =
|
|
10104
|
+
var StatusSpan = styled19.span`
|
|
10105
10105
|
display: flex;
|
|
10106
10106
|
align-items: center;
|
|
10107
10107
|
gap: 0.35rem;
|
|
@@ -10117,7 +10117,7 @@ var StatusSpan = styled25.span`
|
|
|
10117
10117
|
letter-spacing: 0.05em;
|
|
10118
10118
|
}
|
|
10119
10119
|
`;
|
|
10120
|
-
var StatusDot3 =
|
|
10120
|
+
var StatusDot3 = styled19.span`
|
|
10121
10121
|
width: 6px;
|
|
10122
10122
|
height: 6px;
|
|
10123
10123
|
border-radius: 50%;
|
|
@@ -10129,10 +10129,10 @@ var StatusDot3 = styled25.span`
|
|
|
10129
10129
|
100% { opacity: 0.4; }
|
|
10130
10130
|
}
|
|
10131
10131
|
`;
|
|
10132
|
-
var PreLiveBody =
|
|
10132
|
+
var PreLiveBody = styled19.div`
|
|
10133
10133
|
padding: 1.25rem 0;
|
|
10134
10134
|
`;
|
|
10135
|
-
var PreLiveStatus =
|
|
10135
|
+
var PreLiveStatus = styled19.div`
|
|
10136
10136
|
font-size: 0.7rem;
|
|
10137
10137
|
color: ${(p) => p.$statusColor};
|
|
10138
10138
|
text-transform: uppercase;
|
|
@@ -10141,33 +10141,33 @@ var PreLiveStatus = styled25.div`
|
|
|
10141
10141
|
text-align: center;
|
|
10142
10142
|
margin-bottom: 1.25rem;
|
|
10143
10143
|
`;
|
|
10144
|
-
var MetricsRow =
|
|
10144
|
+
var MetricsRow = styled19.div`
|
|
10145
10145
|
display: flex;
|
|
10146
10146
|
justify-content: space-between;
|
|
10147
10147
|
align-items: flex-start;
|
|
10148
10148
|
border-top: 1px solid rgba(255,255,255,0.06);
|
|
10149
10149
|
padding-top: 1rem;
|
|
10150
10150
|
`;
|
|
10151
|
-
var MetricLabel3 =
|
|
10151
|
+
var MetricLabel3 = styled19.div`
|
|
10152
10152
|
font-size: 0.6rem;
|
|
10153
10153
|
color: var(--color-text-secondary);
|
|
10154
10154
|
text-transform: uppercase;
|
|
10155
10155
|
letter-spacing: 0.1em;
|
|
10156
10156
|
margin-bottom: 0.25rem;
|
|
10157
10157
|
`;
|
|
10158
|
-
var MetricValue2 =
|
|
10158
|
+
var MetricValue2 = styled19.div`
|
|
10159
10159
|
font-size: 1.5rem;
|
|
10160
10160
|
font-weight: 700;
|
|
10161
10161
|
color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
|
|
10162
10162
|
`;
|
|
10163
|
-
var CountdownCenter =
|
|
10163
|
+
var CountdownCenter = styled19.div`
|
|
10164
10164
|
text-align: center;
|
|
10165
10165
|
display: flex;
|
|
10166
10166
|
flex-direction: column;
|
|
10167
10167
|
align-items: center;
|
|
10168
10168
|
margin-bottom: 1.25rem;
|
|
10169
10169
|
`;
|
|
10170
|
-
var CountdownLabel =
|
|
10170
|
+
var CountdownLabel = styled19.div`
|
|
10171
10171
|
font-size: 0.7rem;
|
|
10172
10172
|
color: #D4AF37;
|
|
10173
10173
|
text-transform: uppercase;
|
|
@@ -10175,13 +10175,13 @@ var CountdownLabel = styled25.div`
|
|
|
10175
10175
|
margin-bottom: 0.5rem;
|
|
10176
10176
|
font-weight: 600;
|
|
10177
10177
|
`;
|
|
10178
|
-
var CountdownDigits =
|
|
10178
|
+
var CountdownDigits = styled19.div`
|
|
10179
10179
|
display: flex;
|
|
10180
10180
|
align-items: baseline;
|
|
10181
10181
|
justify-content: center;
|
|
10182
10182
|
gap: 0.35rem;
|
|
10183
10183
|
`;
|
|
10184
|
-
var CountdownNumber =
|
|
10184
|
+
var CountdownNumber = styled19.span`
|
|
10185
10185
|
font-size: 2.5rem;
|
|
10186
10186
|
font-weight: 700;
|
|
10187
10187
|
font-family: monospace;
|
|
@@ -10190,26 +10190,26 @@ var CountdownNumber = styled25.span`
|
|
|
10190
10190
|
font-size: 1.75rem;
|
|
10191
10191
|
}
|
|
10192
10192
|
`;
|
|
10193
|
-
var CountdownUnitLabel =
|
|
10193
|
+
var CountdownUnitLabel = styled19.span`
|
|
10194
10194
|
font-size: 0.85rem;
|
|
10195
10195
|
color: var(--color-text-secondary);
|
|
10196
10196
|
`;
|
|
10197
|
-
var CountdownSeparator =
|
|
10197
|
+
var CountdownSeparator = styled19.span`
|
|
10198
10198
|
color: rgba(255,255,255,0.2);
|
|
10199
10199
|
margin: 0 0.2rem;
|
|
10200
10200
|
font-size: 1.5rem;
|
|
10201
10201
|
`;
|
|
10202
|
-
var LiveBody =
|
|
10202
|
+
var LiveBody = styled19.div`
|
|
10203
10203
|
display: flex;
|
|
10204
10204
|
flex-direction: column;
|
|
10205
10205
|
gap: 1rem;
|
|
10206
10206
|
`;
|
|
10207
|
-
var LiveTopRow =
|
|
10207
|
+
var LiveTopRow = styled19.div`
|
|
10208
10208
|
display: flex;
|
|
10209
10209
|
justify-content: space-between;
|
|
10210
10210
|
align-items: flex-start;
|
|
10211
10211
|
`;
|
|
10212
|
-
var LiveLabel =
|
|
10212
|
+
var LiveLabel = styled19.div`
|
|
10213
10213
|
font-size: 0.875rem;
|
|
10214
10214
|
color: var(--color-text-secondary);
|
|
10215
10215
|
margin-bottom: 0.25rem;
|
|
@@ -10222,7 +10222,7 @@ var LiveLabel = styled25.div`
|
|
|
10222
10222
|
opacity: 0.7;
|
|
10223
10223
|
}
|
|
10224
10224
|
`;
|
|
10225
|
-
var LivePercent =
|
|
10225
|
+
var LivePercent = styled19.div`
|
|
10226
10226
|
font-size: 2rem;
|
|
10227
10227
|
font-weight: 600;
|
|
10228
10228
|
color: #D4AF37;
|
|
@@ -10235,14 +10235,14 @@ var LivePercent = styled25.div`
|
|
|
10235
10235
|
opacity: 0.8;
|
|
10236
10236
|
}
|
|
10237
10237
|
`;
|
|
10238
|
-
var UnitsValue =
|
|
10238
|
+
var UnitsValue = styled19.div`
|
|
10239
10239
|
font-size: clamp(1.25rem, 4vw, 1.75rem);
|
|
10240
10240
|
font-weight: 700;
|
|
10241
10241
|
white-space: nowrap;
|
|
10242
10242
|
span { color: #D4AF37; }
|
|
10243
10243
|
small { color: rgba(255,255,255,0.3); font-weight: 700; margin-left: 0.35rem; font-size: inherit; }
|
|
10244
10244
|
`;
|
|
10245
|
-
var ProgressBarOuter =
|
|
10245
|
+
var ProgressBarOuter = styled19.div`
|
|
10246
10246
|
width: 100%;
|
|
10247
10247
|
height: 12px;
|
|
10248
10248
|
background: rgba(255,255,255,0.1);
|
|
@@ -10250,58 +10250,58 @@ var ProgressBarOuter = styled25.div`
|
|
|
10250
10250
|
overflow: hidden;
|
|
10251
10251
|
position: relative;
|
|
10252
10252
|
`;
|
|
10253
|
-
var ProgressBarInner =
|
|
10253
|
+
var ProgressBarInner = styled19.div`
|
|
10254
10254
|
height: 100%;
|
|
10255
10255
|
background: linear-gradient(90deg, #D4AF37, #f0b90b);
|
|
10256
10256
|
border-radius: 6px;
|
|
10257
10257
|
transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
|
|
10258
10258
|
will-change: width;
|
|
10259
10259
|
`;
|
|
10260
|
-
var ProgressInfo =
|
|
10260
|
+
var ProgressInfo = styled19.div`
|
|
10261
10261
|
display: flex;
|
|
10262
10262
|
justify-content: space-between;
|
|
10263
10263
|
font-size: 0.875rem;
|
|
10264
10264
|
`;
|
|
10265
|
-
var ProgressSubscribers =
|
|
10265
|
+
var ProgressSubscribers = styled19.div`
|
|
10266
10266
|
color: var(--color-text-secondary);
|
|
10267
10267
|
font-weight: 500;
|
|
10268
10268
|
`;
|
|
10269
|
-
var ProgressAmounts =
|
|
10269
|
+
var ProgressAmounts = styled19.div`
|
|
10270
10270
|
font-weight: 600;
|
|
10271
10271
|
.raised { color: #D4AF37; }
|
|
10272
10272
|
.target { color: rgba(255,255,255,0.3); }
|
|
10273
10273
|
`;
|
|
10274
|
-
var CompactContainer =
|
|
10274
|
+
var CompactContainer = styled19.div`
|
|
10275
10275
|
width: 100%;
|
|
10276
10276
|
margin: 1.5rem 0;
|
|
10277
10277
|
display: flex;
|
|
10278
10278
|
flex-direction: column;
|
|
10279
10279
|
gap: 0.5rem;
|
|
10280
10280
|
`;
|
|
10281
|
-
var HomePreLiveRow =
|
|
10281
|
+
var HomePreLiveRow = styled19.div`
|
|
10282
10282
|
display: flex;
|
|
10283
10283
|
align-items: center;
|
|
10284
10284
|
justify-content: space-between;
|
|
10285
10285
|
padding-top: 1rem;
|
|
10286
10286
|
`;
|
|
10287
|
-
var HomeCountdownSide =
|
|
10287
|
+
var HomeCountdownSide = styled19.div`
|
|
10288
10288
|
display: flex;
|
|
10289
10289
|
flex-direction: column;
|
|
10290
10290
|
align-items: center;
|
|
10291
10291
|
flex: 1;
|
|
10292
10292
|
`;
|
|
10293
|
-
var HomeUnitsSide =
|
|
10293
|
+
var HomeUnitsSide = styled19.div`
|
|
10294
10294
|
text-align: center;
|
|
10295
10295
|
flex-shrink: 0;
|
|
10296
10296
|
`;
|
|
10297
|
-
var HomeUnitsLabel =
|
|
10297
|
+
var HomeUnitsLabel = styled19.div`
|
|
10298
10298
|
font-size: 0.6rem;
|
|
10299
10299
|
color: var(--color-text-secondary);
|
|
10300
10300
|
text-transform: uppercase;
|
|
10301
10301
|
letter-spacing: 0.1em;
|
|
10302
10302
|
margin-bottom: 0.2rem;
|
|
10303
10303
|
`;
|
|
10304
|
-
var HomeUnitsValue =
|
|
10304
|
+
var HomeUnitsValue = styled19.div`
|
|
10305
10305
|
font-size: 1.1rem;
|
|
10306
10306
|
font-weight: 700;
|
|
10307
10307
|
font-family: monospace;
|
|
@@ -10310,7 +10310,7 @@ var HomeUnitsValue = styled25.div`
|
|
|
10310
10310
|
font-weight: 400;
|
|
10311
10311
|
}
|
|
10312
10312
|
`;
|
|
10313
|
-
var HomeSpinner =
|
|
10313
|
+
var HomeSpinner = styled19.span`
|
|
10314
10314
|
display: inline-block;
|
|
10315
10315
|
width: 14px;
|
|
10316
10316
|
height: 14px;
|
|
@@ -10404,7 +10404,7 @@ function VideoActivitySection({
|
|
|
10404
10404
|
] })
|
|
10405
10405
|
] });
|
|
10406
10406
|
}
|
|
10407
|
-
var Section3 =
|
|
10407
|
+
var Section3 = styled19.div`
|
|
10408
10408
|
display: flex;
|
|
10409
10409
|
gap: 1.5rem;
|
|
10410
10410
|
align-items: stretch;
|
|
@@ -10413,7 +10413,7 @@ var Section3 = styled25.div`
|
|
|
10413
10413
|
gap: 1rem;
|
|
10414
10414
|
}
|
|
10415
10415
|
`;
|
|
10416
|
-
var VideoPanel =
|
|
10416
|
+
var VideoPanel = styled19.div`
|
|
10417
10417
|
flex: 1;
|
|
10418
10418
|
background-color: var(--color-card-darker, #111);
|
|
10419
10419
|
border-radius: 8px;
|
|
@@ -10457,7 +10457,7 @@ var VideoPanel = styled25.div`
|
|
|
10457
10457
|
}
|
|
10458
10458
|
}
|
|
10459
10459
|
`;
|
|
10460
|
-
var ActivityPanel =
|
|
10460
|
+
var ActivityPanel = styled19.div`
|
|
10461
10461
|
flex: 0 0 auto;
|
|
10462
10462
|
min-width: 450px;
|
|
10463
10463
|
max-width: 520px;
|
|
@@ -10538,7 +10538,7 @@ var ActivityPanel = styled25.div`
|
|
|
10538
10538
|
to { transform: rotate(360deg); }
|
|
10539
10539
|
}
|
|
10540
10540
|
`;
|
|
10541
|
-
var SkeletonFeedRow =
|
|
10541
|
+
var SkeletonFeedRow = styled19.div`
|
|
10542
10542
|
padding: 0.625rem 0.75rem;
|
|
10543
10543
|
border-bottom: 1px solid rgba(255,255,255,0.04);
|
|
10544
10544
|
display: flex;
|
|
@@ -10562,7 +10562,7 @@ var SkeletonFeedRow = styled25.div`
|
|
|
10562
10562
|
padding: 0.4rem 0.6rem;
|
|
10563
10563
|
}
|
|
10564
10564
|
`;
|
|
10565
|
-
var EndedBanner =
|
|
10565
|
+
var EndedBanner = styled19.div`
|
|
10566
10566
|
font-size: 0.7rem;
|
|
10567
10567
|
font-weight: 600;
|
|
10568
10568
|
letter-spacing: 0.04em;
|
|
@@ -10575,7 +10575,7 @@ var EndedBanner = styled25.div`
|
|
|
10575
10575
|
margin-bottom: 0.5rem;
|
|
10576
10576
|
text-align: center;
|
|
10577
10577
|
`;
|
|
10578
|
-
var FeedList =
|
|
10578
|
+
var FeedList = styled19.div`
|
|
10579
10579
|
width: 100%;
|
|
10580
10580
|
overflow-y: auto;
|
|
10581
10581
|
scrollbar-width: none;
|
|
@@ -10584,7 +10584,7 @@ var FeedList = styled25.div`
|
|
|
10584
10584
|
display: none;
|
|
10585
10585
|
}
|
|
10586
10586
|
`;
|
|
10587
|
-
var PurchaseItem =
|
|
10587
|
+
var PurchaseItem = styled19.div`
|
|
10588
10588
|
padding: 0.625rem 0.75rem;
|
|
10589
10589
|
border-bottom: 1px solid rgba(255,255,255,0.05);
|
|
10590
10590
|
display: flex;
|
|
@@ -10613,12 +10613,12 @@ var PurchaseItem = styled25.div`
|
|
|
10613
10613
|
padding: 0.4rem 0.6rem;
|
|
10614
10614
|
}
|
|
10615
10615
|
`;
|
|
10616
|
-
var PurchaseInfo =
|
|
10616
|
+
var PurchaseInfo = styled19.div`
|
|
10617
10617
|
display: flex;
|
|
10618
10618
|
flex-direction: column;
|
|
10619
10619
|
min-width: 0;
|
|
10620
10620
|
`;
|
|
10621
|
-
var PurchaseName =
|
|
10621
|
+
var PurchaseName = styled19.div`
|
|
10622
10622
|
font-weight: 500;
|
|
10623
10623
|
font-size: 0.875rem;
|
|
10624
10624
|
color: #fff;
|
|
@@ -10626,19 +10626,19 @@ var PurchaseName = styled25.div`
|
|
|
10626
10626
|
overflow: hidden;
|
|
10627
10627
|
text-overflow: ellipsis;
|
|
10628
10628
|
`;
|
|
10629
|
-
var PurchaseTime =
|
|
10629
|
+
var PurchaseTime = styled19.div`
|
|
10630
10630
|
font-size: 0.7rem;
|
|
10631
10631
|
color: var(--color-text-secondary);
|
|
10632
10632
|
margin-top: 0.125rem;
|
|
10633
10633
|
`;
|
|
10634
|
-
var PurchaseAmount =
|
|
10634
|
+
var PurchaseAmount = styled19.div`
|
|
10635
10635
|
font-weight: 600;
|
|
10636
10636
|
font-size: 0.875rem;
|
|
10637
10637
|
color: #fff;
|
|
10638
10638
|
white-space: nowrap;
|
|
10639
10639
|
margin-left: 1rem;
|
|
10640
10640
|
`;
|
|
10641
|
-
var LiveIndicatorDot =
|
|
10641
|
+
var LiveIndicatorDot = styled19.span`
|
|
10642
10642
|
display: inline-block;
|
|
10643
10643
|
width: 8px;
|
|
10644
10644
|
height: 8px;
|
|
@@ -10678,7 +10678,7 @@ var VARIANT_COLORS = {
|
|
|
10678
10678
|
info: { accent: "#E6C656", icon: "\u2139" },
|
|
10679
10679
|
pending: { accent: "#7EB3E6", icon: "\u25CC" }
|
|
10680
10680
|
};
|
|
10681
|
-
var Wrapper =
|
|
10681
|
+
var Wrapper = styled19.div`
|
|
10682
10682
|
position: relative;
|
|
10683
10683
|
display: flex;
|
|
10684
10684
|
flex-direction: column;
|
|
@@ -10692,13 +10692,13 @@ var Wrapper = styled25.div`
|
|
|
10692
10692
|
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`};
|
|
10693
10693
|
pointer-events: all;
|
|
10694
10694
|
`;
|
|
10695
|
-
var Body =
|
|
10695
|
+
var Body = styled19.div`
|
|
10696
10696
|
display: flex;
|
|
10697
10697
|
align-items: flex-start;
|
|
10698
10698
|
gap: 12px;
|
|
10699
10699
|
padding: 14px 16px 12px;
|
|
10700
10700
|
`;
|
|
10701
|
-
var IconDot =
|
|
10701
|
+
var IconDot = styled19.div`
|
|
10702
10702
|
flex-shrink: 0;
|
|
10703
10703
|
width: 28px;
|
|
10704
10704
|
height: 28px;
|
|
@@ -10713,25 +10713,25 @@ var IconDot = styled25.div`
|
|
|
10713
10713
|
color: ${({ $color }) => $color};
|
|
10714
10714
|
margin-top: 1px;
|
|
10715
10715
|
`;
|
|
10716
|
-
var Content =
|
|
10716
|
+
var Content = styled19.div`
|
|
10717
10717
|
flex: 1;
|
|
10718
10718
|
min-width: 0;
|
|
10719
10719
|
`;
|
|
10720
|
-
var Title2 =
|
|
10720
|
+
var Title2 = styled19.p`
|
|
10721
10721
|
margin: 0 0 2px;
|
|
10722
10722
|
font-size: 0.8rem;
|
|
10723
10723
|
font-weight: 600;
|
|
10724
10724
|
color: #fff;
|
|
10725
10725
|
letter-spacing: 0.01em;
|
|
10726
10726
|
`;
|
|
10727
|
-
var Amount =
|
|
10727
|
+
var Amount = styled19.p`
|
|
10728
10728
|
margin: 0 0 6px;
|
|
10729
10729
|
font-size: 1.05rem;
|
|
10730
10730
|
font-weight: 700;
|
|
10731
10731
|
color: #E6C656;
|
|
10732
10732
|
letter-spacing: -0.01em;
|
|
10733
10733
|
`;
|
|
10734
|
-
var TxRow =
|
|
10734
|
+
var TxRow = styled19.a`
|
|
10735
10735
|
display: inline-flex;
|
|
10736
10736
|
align-items: center;
|
|
10737
10737
|
gap: 5px;
|
|
@@ -10744,11 +10744,11 @@ var TxRow = styled25.a`
|
|
|
10744
10744
|
color: #7EB3E6;
|
|
10745
10745
|
}
|
|
10746
10746
|
`;
|
|
10747
|
-
var TxArrow =
|
|
10747
|
+
var TxArrow = styled19.span`
|
|
10748
10748
|
font-size: 0.6rem;
|
|
10749
10749
|
opacity: 0.6;
|
|
10750
10750
|
`;
|
|
10751
|
-
var CloseBtn =
|
|
10751
|
+
var CloseBtn = styled19.button`
|
|
10752
10752
|
flex-shrink: 0;
|
|
10753
10753
|
background: none;
|
|
10754
10754
|
border: none;
|
|
@@ -10760,7 +10760,7 @@ var CloseBtn = styled25.button`
|
|
|
10760
10760
|
transition: color 0.15s;
|
|
10761
10761
|
&:hover { color: rgba(255, 255, 255, 0.7); }
|
|
10762
10762
|
`;
|
|
10763
|
-
var ProgressBar =
|
|
10763
|
+
var ProgressBar = styled19.div`
|
|
10764
10764
|
height: 2px;
|
|
10765
10765
|
background: rgba(255, 255, 255, 0.06);
|
|
10766
10766
|
position: relative;
|
|
@@ -10774,7 +10774,7 @@ var ProgressBar = styled25.div`
|
|
|
10774
10774
|
animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
|
|
10775
10775
|
}
|
|
10776
10776
|
`;
|
|
10777
|
-
var Container2 =
|
|
10777
|
+
var Container2 = styled19.div`
|
|
10778
10778
|
position: fixed;
|
|
10779
10779
|
bottom: 24px;
|
|
10780
10780
|
right: 24px;
|
|
@@ -11224,7 +11224,7 @@ function OrderPanel({
|
|
|
11224
11224
|
] })
|
|
11225
11225
|
] });
|
|
11226
11226
|
}
|
|
11227
|
-
var Panel2 =
|
|
11227
|
+
var Panel2 = styled19.div`
|
|
11228
11228
|
background-color: var(--color-card-darker, #111);
|
|
11229
11229
|
border-radius: 8px;
|
|
11230
11230
|
padding: 1.5rem;
|
|
@@ -11251,7 +11251,7 @@ var Panel2 = styled25.div`
|
|
|
11251
11251
|
border-radius: 6px;
|
|
11252
11252
|
}
|
|
11253
11253
|
`;
|
|
11254
|
-
var PanelHeader2 =
|
|
11254
|
+
var PanelHeader2 = styled19.div`
|
|
11255
11255
|
display: flex;
|
|
11256
11256
|
justify-content: space-between;
|
|
11257
11257
|
align-items: center;
|
|
@@ -11264,7 +11264,7 @@ var PanelHeader2 = styled25.div`
|
|
|
11264
11264
|
color: var(--color-text);
|
|
11265
11265
|
}
|
|
11266
11266
|
`;
|
|
11267
|
-
var StatusBadge2 =
|
|
11267
|
+
var StatusBadge2 = styled19.span`
|
|
11268
11268
|
font-size: 0.7rem;
|
|
11269
11269
|
font-weight: 600;
|
|
11270
11270
|
display: inline-flex;
|
|
@@ -11277,7 +11277,7 @@ var StatusBadge2 = styled25.span`
|
|
|
11277
11277
|
display: inline-block;
|
|
11278
11278
|
}
|
|
11279
11279
|
`;
|
|
11280
|
-
var Card2 =
|
|
11280
|
+
var Card2 = styled19.div`
|
|
11281
11281
|
background: rgba(0,0,0,0.4);
|
|
11282
11282
|
border: 1px solid rgba(255,255,255,0.15);
|
|
11283
11283
|
border-radius: 12px;
|
|
@@ -11288,12 +11288,12 @@ var Card2 = styled25.div`
|
|
|
11288
11288
|
border-radius: 10px;
|
|
11289
11289
|
}
|
|
11290
11290
|
`;
|
|
11291
|
-
var CardLabel =
|
|
11291
|
+
var CardLabel = styled19.div`
|
|
11292
11292
|
font-size: 0.75rem;
|
|
11293
11293
|
color: var(--color-text-secondary);
|
|
11294
11294
|
margin-bottom: 0.5rem;
|
|
11295
11295
|
`;
|
|
11296
|
-
var CardInputRow =
|
|
11296
|
+
var CardInputRow = styled19.div`
|
|
11297
11297
|
display: flex;
|
|
11298
11298
|
align-items: center;
|
|
11299
11299
|
justify-content: space-between;
|
|
@@ -11318,7 +11318,7 @@ var CardInputRow = styled25.div`
|
|
|
11318
11318
|
white-space: nowrap;
|
|
11319
11319
|
}
|
|
11320
11320
|
`;
|
|
11321
|
-
var QuickSelectRow =
|
|
11321
|
+
var QuickSelectRow = styled19.div`
|
|
11322
11322
|
display: flex;
|
|
11323
11323
|
gap: 0.5rem;
|
|
11324
11324
|
margin-top: 0.75rem;
|
|
@@ -11347,7 +11347,7 @@ var QuickSelectRow = styled25.div`
|
|
|
11347
11347
|
button { font-size: 0.7rem; padding: 0.35rem 0; }
|
|
11348
11348
|
}
|
|
11349
11349
|
`;
|
|
11350
|
-
var FundsRow =
|
|
11350
|
+
var FundsRow = styled19.div`
|
|
11351
11351
|
display: flex;
|
|
11352
11352
|
align-items: center;
|
|
11353
11353
|
gap: 0.5rem;
|
|
@@ -11358,7 +11358,7 @@ var FundsRow = styled25.div`
|
|
|
11358
11358
|
color: #fff;
|
|
11359
11359
|
}
|
|
11360
11360
|
`;
|
|
11361
|
-
var DepositButton2 =
|
|
11361
|
+
var DepositButton2 = styled19.button`
|
|
11362
11362
|
background: transparent;
|
|
11363
11363
|
border: 1px solid rgba(212,175,55,0.4);
|
|
11364
11364
|
border-radius: 4px;
|
|
@@ -11368,23 +11368,23 @@ var DepositButton2 = styled25.button`
|
|
|
11368
11368
|
cursor: pointer;
|
|
11369
11369
|
font-weight: 500;
|
|
11370
11370
|
`;
|
|
11371
|
-
var Divider2 =
|
|
11371
|
+
var Divider2 = styled19.div`
|
|
11372
11372
|
text-align: center;
|
|
11373
11373
|
margin: 0.5rem 0;
|
|
11374
11374
|
color: var(--color-text-secondary);
|
|
11375
11375
|
`;
|
|
11376
|
-
var CardTopRow =
|
|
11376
|
+
var CardTopRow = styled19.div`
|
|
11377
11377
|
display: flex;
|
|
11378
11378
|
justify-content: space-between;
|
|
11379
11379
|
align-items: center;
|
|
11380
11380
|
margin-bottom: 0.5rem;
|
|
11381
11381
|
`;
|
|
11382
|
-
var CardHint =
|
|
11382
|
+
var CardHint = styled19.span`
|
|
11383
11383
|
font-size: 0.7rem;
|
|
11384
11384
|
color: var(--color-text-secondary);
|
|
11385
11385
|
opacity: 0.7;
|
|
11386
11386
|
`;
|
|
11387
|
-
var OrderSummary =
|
|
11387
|
+
var OrderSummary = styled19.div`
|
|
11388
11388
|
border-top: 1px solid rgba(255,255,255,0.08);
|
|
11389
11389
|
padding-top: 1rem;
|
|
11390
11390
|
margin-top: 0.5rem;
|
|
@@ -11393,13 +11393,13 @@ var OrderSummary = styled25.div`
|
|
|
11393
11393
|
flex-direction: column;
|
|
11394
11394
|
gap: 0.5rem;
|
|
11395
11395
|
`;
|
|
11396
|
-
var SummaryRow =
|
|
11396
|
+
var SummaryRow = styled19.div`
|
|
11397
11397
|
display: flex;
|
|
11398
11398
|
justify-content: space-between;
|
|
11399
11399
|
color: var(--color-text-secondary);
|
|
11400
11400
|
strong { color: #fff; }
|
|
11401
11401
|
`;
|
|
11402
|
-
var SummaryTotal =
|
|
11402
|
+
var SummaryTotal = styled19(SummaryRow)`
|
|
11403
11403
|
padding-top: 0.5rem;
|
|
11404
11404
|
border-top: 1px solid rgba(255,255,255,0.08);
|
|
11405
11405
|
color: #fff;
|
|
@@ -11407,12 +11407,12 @@ var SummaryTotal = styled25(SummaryRow)`
|
|
|
11407
11407
|
font-weight: 600;
|
|
11408
11408
|
}
|
|
11409
11409
|
`;
|
|
11410
|
-
var FormBody =
|
|
11410
|
+
var FormBody = styled19.div`
|
|
11411
11411
|
display: flex;
|
|
11412
11412
|
flex-direction: column;
|
|
11413
11413
|
gap: 0.75rem;
|
|
11414
11414
|
`;
|
|
11415
|
-
var SubscribeButton =
|
|
11415
|
+
var SubscribeButton = styled19.button`
|
|
11416
11416
|
width: 100%;
|
|
11417
11417
|
margin-top: 1rem;
|
|
11418
11418
|
padding: 0.875rem;
|
|
@@ -11437,13 +11437,13 @@ var SubscribeButton = styled25.button`
|
|
|
11437
11437
|
color: #0a0a0a;
|
|
11438
11438
|
}
|
|
11439
11439
|
`;
|
|
11440
|
-
var BalanceCards =
|
|
11440
|
+
var BalanceCards = styled19.div`
|
|
11441
11441
|
display: flex;
|
|
11442
11442
|
gap: 1rem;
|
|
11443
11443
|
margin-top: 1rem;
|
|
11444
11444
|
flex-wrap: wrap;
|
|
11445
11445
|
`;
|
|
11446
|
-
var BalanceCard =
|
|
11446
|
+
var BalanceCard = styled19.div`
|
|
11447
11447
|
flex: 1;
|
|
11448
11448
|
background: rgba(255,255,255,0.03);
|
|
11449
11449
|
border-radius: 12px;
|
|
@@ -11451,14 +11451,14 @@ var BalanceCard = styled25.div`
|
|
|
11451
11451
|
text-align: center;
|
|
11452
11452
|
position: relative;
|
|
11453
11453
|
`;
|
|
11454
|
-
var BalanceLabel =
|
|
11454
|
+
var BalanceLabel = styled19.div`
|
|
11455
11455
|
font-size: 0.75rem;
|
|
11456
11456
|
color: var(--color-text-secondary);
|
|
11457
11457
|
text-transform: uppercase;
|
|
11458
11458
|
letter-spacing: 0.5px;
|
|
11459
11459
|
margin-bottom: 0.5rem;
|
|
11460
11460
|
`;
|
|
11461
|
-
var BalanceValue =
|
|
11461
|
+
var BalanceValue = styled19.div`
|
|
11462
11462
|
font-size: 1.5rem;
|
|
11463
11463
|
font-weight: 700;
|
|
11464
11464
|
color: #fff;
|
|
@@ -11474,20 +11474,20 @@ var BalanceValue = styled25.div`
|
|
|
11474
11474
|
font-size: 1.2rem;
|
|
11475
11475
|
}
|
|
11476
11476
|
`;
|
|
11477
|
-
var BalanceAction =
|
|
11477
|
+
var BalanceAction = styled19.div`
|
|
11478
11478
|
font-size: 0.75rem;
|
|
11479
11479
|
color: #D4AF37;
|
|
11480
11480
|
cursor: pointer;
|
|
11481
11481
|
font-weight: 500;
|
|
11482
11482
|
margin-top: 0.5rem;
|
|
11483
11483
|
`;
|
|
11484
|
-
var BalanceSub =
|
|
11484
|
+
var BalanceSub = styled19.div`
|
|
11485
11485
|
font-size: 0.85rem;
|
|
11486
11486
|
font-weight: 500;
|
|
11487
11487
|
color: var(--color-text-secondary);
|
|
11488
11488
|
margin-top: 0.25rem;
|
|
11489
11489
|
`;
|
|
11490
|
-
var OrderPendingCard =
|
|
11490
|
+
var OrderPendingCard = styled19.div`
|
|
11491
11491
|
margin-bottom: 1.5rem;
|
|
11492
11492
|
background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
|
|
11493
11493
|
border: 1px solid rgba(212,175,55,0.08);
|
|
@@ -11591,7 +11591,7 @@ var OrderPendingCard = styled25.div`
|
|
|
11591
11591
|
animation: pulse 2s ease-in-out infinite;
|
|
11592
11592
|
}
|
|
11593
11593
|
`;
|
|
11594
|
-
var OrderSuccessCard =
|
|
11594
|
+
var OrderSuccessCard = styled19.div`
|
|
11595
11595
|
margin-bottom: 1.5rem;
|
|
11596
11596
|
background: linear-gradient(180deg, rgba(25,27,31,0.95) 0%, rgba(18,20,24,0.98) 100%);
|
|
11597
11597
|
border: 1px solid rgba(212,175,55,0.12);
|
|
@@ -11695,7 +11695,7 @@ var OrderSuccessCard = styled25.div`
|
|
|
11695
11695
|
transition: all 0.2s ease;
|
|
11696
11696
|
}
|
|
11697
11697
|
`;
|
|
11698
|
-
var InsufficientFunds =
|
|
11698
|
+
var InsufficientFunds = styled19.div`
|
|
11699
11699
|
margin-top: 1rem;
|
|
11700
11700
|
padding: 0.75rem 1rem;
|
|
11701
11701
|
border-radius: 8px;
|
|
@@ -11802,6 +11802,44 @@ function PortfolioActivityPanel({
|
|
|
11802
11802
|
const [activeTab, setActiveTab] = useState(resolvedDefaultTab);
|
|
11803
11803
|
const [activityPage, setActivityPage] = useState(0);
|
|
11804
11804
|
const [pendingCancelOrderId, setPendingCancelOrderId] = useState(null);
|
|
11805
|
+
const [closeAllOpen, setCloseAllOpen] = useState(false);
|
|
11806
|
+
const [closeAllType, setCloseAllType] = useState("market");
|
|
11807
|
+
const [posSortKey, setPosSortKey] = useState("asset");
|
|
11808
|
+
const [posSortAsc, setPosSortAsc] = useState(true);
|
|
11809
|
+
const handlePosSort = (key) => {
|
|
11810
|
+
if (posSortKey === key) {
|
|
11811
|
+
setPosSortAsc((v) => !v);
|
|
11812
|
+
} else {
|
|
11813
|
+
setPosSortKey(key);
|
|
11814
|
+
setPosSortAsc(key === "asset");
|
|
11815
|
+
}
|
|
11816
|
+
};
|
|
11817
|
+
const sortedPositions = useMemo(() => {
|
|
11818
|
+
const arr = [...positions];
|
|
11819
|
+
const dir = posSortAsc ? 1 : -1;
|
|
11820
|
+
arr.sort((a, b) => {
|
|
11821
|
+
switch (posSortKey) {
|
|
11822
|
+
case "asset":
|
|
11823
|
+
return dir * a.tokenName.localeCompare(b.tokenName);
|
|
11824
|
+
case "units":
|
|
11825
|
+
return dir * (a.quantity - b.quantity);
|
|
11826
|
+
case "value":
|
|
11827
|
+
return dir * (a.quantity * a.marketPrice - b.quantity * b.marketPrice);
|
|
11828
|
+
case "avgPrice":
|
|
11829
|
+
return dir * (a.averageEntryPrice - b.averageEntryPrice);
|
|
11830
|
+
case "currentPrice":
|
|
11831
|
+
return dir * (a.marketPrice - b.marketPrice);
|
|
11832
|
+
case "pnl": {
|
|
11833
|
+
const pnlA = a.propertyPnlPercent ?? a.percentChange ?? 0;
|
|
11834
|
+
const pnlB = b.propertyPnlPercent ?? b.percentChange ?? 0;
|
|
11835
|
+
return dir * (pnlA - pnlB);
|
|
11836
|
+
}
|
|
11837
|
+
default:
|
|
11838
|
+
return 0;
|
|
11839
|
+
}
|
|
11840
|
+
});
|
|
11841
|
+
return arr;
|
|
11842
|
+
}, [positions, posSortKey, posSortAsc]);
|
|
11805
11843
|
const activeTabTotal = useMemo(() => {
|
|
11806
11844
|
switch (activeTab) {
|
|
11807
11845
|
case "positions":
|
|
@@ -11884,15 +11922,33 @@ function PortfolioActivityPanel({
|
|
|
11884
11922
|
positions.length === 0 && /* @__PURE__ */ jsx(EmptyState, { children: "No positions yet. Subscribe to an offering or buy on the secondary market." }),
|
|
11885
11923
|
positions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
11886
11924
|
/* @__PURE__ */ jsxs(PositionsHeader, { $hasClose: !!onClosePosition, children: [
|
|
11887
|
-
/* @__PURE__ */
|
|
11888
|
-
|
|
11889
|
-
|
|
11890
|
-
|
|
11891
|
-
/* @__PURE__ */
|
|
11892
|
-
|
|
11893
|
-
|
|
11925
|
+
/* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "asset", onClick: () => handlePosSort("asset"), children: [
|
|
11926
|
+
"Asset ",
|
|
11927
|
+
posSortKey === "asset" && (posSortAsc ? "\u2191" : "\u2193")
|
|
11928
|
+
] }),
|
|
11929
|
+
/* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "units", onClick: () => handlePosSort("units"), children: [
|
|
11930
|
+
"Units ",
|
|
11931
|
+
posSortKey === "units" && (posSortAsc ? "\u2191" : "\u2193")
|
|
11932
|
+
] }),
|
|
11933
|
+
/* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "value", onClick: () => handlePosSort("value"), children: [
|
|
11934
|
+
"Position Value ",
|
|
11935
|
+
posSortKey === "value" && (posSortAsc ? "\u2191" : "\u2193")
|
|
11936
|
+
] }),
|
|
11937
|
+
/* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "avgPrice", onClick: () => handlePosSort("avgPrice"), children: [
|
|
11938
|
+
"Avg Price ",
|
|
11939
|
+
posSortKey === "avgPrice" && (posSortAsc ? "\u2191" : "\u2193")
|
|
11940
|
+
] }),
|
|
11941
|
+
/* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "currentPrice", onClick: () => handlePosSort("currentPrice"), children: [
|
|
11942
|
+
"Current Price ",
|
|
11943
|
+
posSortKey === "currentPrice" && (posSortAsc ? "\u2191" : "\u2193")
|
|
11944
|
+
] }),
|
|
11945
|
+
/* @__PURE__ */ jsxs(SortableHeaderCell, { $active: posSortKey === "pnl", onClick: () => handlePosSort("pnl"), children: [
|
|
11946
|
+
"PNL (%) ",
|
|
11947
|
+
posSortKey === "pnl" && (posSortAsc ? "\u2191" : "\u2193")
|
|
11948
|
+
] }),
|
|
11949
|
+
onClosePosition && /* @__PURE__ */ jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Close All" }) })
|
|
11894
11950
|
] }),
|
|
11895
|
-
pageSlice(
|
|
11951
|
+
pageSlice(sortedPositions).map((pos) => {
|
|
11896
11952
|
const currentValue = pos.quantity * pos.marketPrice;
|
|
11897
11953
|
const costBasis = pos.quantity * pos.averageEntryPrice;
|
|
11898
11954
|
const pnl = pos.propertyPnl ?? currentValue - costBasis;
|
|
@@ -11923,18 +11979,30 @@ function PortfolioActivityPanel({
|
|
|
11923
11979
|
"%"
|
|
11924
11980
|
] })
|
|
11925
11981
|
] }),
|
|
11926
|
-
onClosePosition && /* @__PURE__ */ jsx(PositionsCell, {
|
|
11927
|
-
/* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
|
|
11928
|
-
e.stopPropagation();
|
|
11929
|
-
onClosePosition(pos.tokenName, "limit", pos.quantity, pos.marketPrice);
|
|
11930
|
-
}, children: "Limit" }),
|
|
11931
|
-
/* @__PURE__ */ jsx(CloseBtn2, { onClick: (e) => {
|
|
11932
|
-
e.stopPropagation();
|
|
11933
|
-
onClosePosition(pos.tokenName, "market", pos.quantity, pos.marketPrice);
|
|
11934
|
-
}, children: "Market" })
|
|
11935
|
-
] }) })
|
|
11982
|
+
onClosePosition && /* @__PURE__ */ jsx(PositionsCell, {})
|
|
11936
11983
|
] }, pos.tokenName);
|
|
11937
|
-
})
|
|
11984
|
+
}),
|
|
11985
|
+
closeAllOpen && onClosePosition && /* @__PURE__ */ jsx(CloseAllOverlay, { onClick: () => setCloseAllOpen(false), children: /* @__PURE__ */ jsxs(CloseAllModal, { onClick: (e) => e.stopPropagation(), children: [
|
|
11986
|
+
/* @__PURE__ */ jsx(CloseAllModalX, { onClick: () => setCloseAllOpen(false), children: "\xD7" }),
|
|
11987
|
+
/* @__PURE__ */ jsx(CloseAllTitle, { children: "Confirm Close All" }),
|
|
11988
|
+
/* @__PURE__ */ jsx(CloseAllDesc, { children: "This will close all your positions and cancel their associated TP/SL orders." }),
|
|
11989
|
+
/* @__PURE__ */ jsxs(CloseAllOption, { onClick: () => setCloseAllType("market"), children: [
|
|
11990
|
+
/* @__PURE__ */ jsx(CloseAllRadio, { $selected: closeAllType === "market" }),
|
|
11991
|
+
/* @__PURE__ */ jsx("span", { children: "Market Close" })
|
|
11992
|
+
] }),
|
|
11993
|
+
/* @__PURE__ */ jsxs(CloseAllOption, { onClick: () => setCloseAllType("limit"), children: [
|
|
11994
|
+
/* @__PURE__ */ jsx(CloseAllRadio, { $selected: closeAllType === "limit" }),
|
|
11995
|
+
/* @__PURE__ */ jsx("span", { children: "Limit Close at Mid Price" })
|
|
11996
|
+
] }),
|
|
11997
|
+
/* @__PURE__ */ jsxs(CloseAllConfirmBtn, { onClick: () => {
|
|
11998
|
+
positions.forEach((pos) => onClosePosition(pos.tokenName, closeAllType, pos.quantity, pos.marketPrice));
|
|
11999
|
+
setCloseAllOpen(false);
|
|
12000
|
+
}, children: [
|
|
12001
|
+
"Confirm ",
|
|
12002
|
+
closeAllType === "market" ? "Market" : "Limit",
|
|
12003
|
+
" Close"
|
|
12004
|
+
] })
|
|
12005
|
+
] }) })
|
|
11938
12006
|
] })
|
|
11939
12007
|
] }),
|
|
11940
12008
|
activeTab === "subscriptions" && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -12136,14 +12204,14 @@ function PortfolioActivityPanel({
|
|
|
12136
12204
|
] }) })
|
|
12137
12205
|
] });
|
|
12138
12206
|
}
|
|
12139
|
-
var Container3 =
|
|
12140
|
-
var PanelTitle =
|
|
12207
|
+
var Container3 = styled19.div``;
|
|
12208
|
+
var PanelTitle = styled19.h3`
|
|
12141
12209
|
font-size: 1rem;
|
|
12142
12210
|
font-weight: 600;
|
|
12143
12211
|
color: var(--color-text, #fff);
|
|
12144
12212
|
margin: 0 0 0.75rem;
|
|
12145
12213
|
`;
|
|
12146
|
-
var TabContainer =
|
|
12214
|
+
var TabContainer = styled19.div`
|
|
12147
12215
|
display: flex;
|
|
12148
12216
|
gap: 0;
|
|
12149
12217
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
@@ -12154,7 +12222,7 @@ var TabContainer = styled25.div`
|
|
|
12154
12222
|
scrollbar-width: none;
|
|
12155
12223
|
&::-webkit-scrollbar { display: none; }
|
|
12156
12224
|
`;
|
|
12157
|
-
var Tab =
|
|
12225
|
+
var Tab = styled19.button`
|
|
12158
12226
|
background: transparent;
|
|
12159
12227
|
border: none;
|
|
12160
12228
|
padding: 0.6rem 1rem;
|
|
@@ -12183,12 +12251,12 @@ var Tab = styled25.button`
|
|
|
12183
12251
|
color: ${({ $active }) => $active ? "#fff" : "rgba(255, 255, 255, 0.65)"};
|
|
12184
12252
|
}
|
|
12185
12253
|
`;
|
|
12186
|
-
var TabCount =
|
|
12254
|
+
var TabCount = styled19.span`
|
|
12187
12255
|
color: #E6C656;
|
|
12188
12256
|
font-weight: 600;
|
|
12189
12257
|
margin-left: 2px;
|
|
12190
12258
|
`;
|
|
12191
|
-
|
|
12259
|
+
styled19.div`
|
|
12192
12260
|
display: grid;
|
|
12193
12261
|
grid-template-columns: auto 1fr auto auto;
|
|
12194
12262
|
align-items: center;
|
|
@@ -12204,7 +12272,7 @@ styled25.div`
|
|
|
12204
12272
|
background: rgba(255, 255, 255, 0.015);
|
|
12205
12273
|
}
|
|
12206
12274
|
`;
|
|
12207
|
-
|
|
12275
|
+
styled19.span`
|
|
12208
12276
|
font-size: 0.6rem;
|
|
12209
12277
|
font-weight: 700;
|
|
12210
12278
|
text-transform: uppercase;
|
|
@@ -12216,21 +12284,21 @@ styled25.span`
|
|
|
12216
12284
|
color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
|
|
12217
12285
|
background: ${({ $side }) => $side === "Buy" ? "rgba(14, 203, 129, 0.1)" : "rgba(246, 70, 93, 0.1)"};
|
|
12218
12286
|
`;
|
|
12219
|
-
|
|
12287
|
+
styled19.div`
|
|
12220
12288
|
display: flex;
|
|
12221
12289
|
flex-direction: column;
|
|
12222
12290
|
gap: 0.1rem;
|
|
12223
12291
|
`;
|
|
12224
|
-
|
|
12292
|
+
styled19.span`
|
|
12225
12293
|
font-size: 0.8rem;
|
|
12226
12294
|
color: #fff;
|
|
12227
12295
|
font-weight: 500;
|
|
12228
12296
|
`;
|
|
12229
|
-
|
|
12297
|
+
styled19.span`
|
|
12230
12298
|
font-size: 0.6rem;
|
|
12231
12299
|
color: rgba(255, 255, 255, 0.35);
|
|
12232
12300
|
`;
|
|
12233
|
-
var ActivityTag =
|
|
12301
|
+
var ActivityTag = styled19.span`
|
|
12234
12302
|
font-size: 0.58rem;
|
|
12235
12303
|
font-weight: 600;
|
|
12236
12304
|
padding: 0.15rem 0.45rem;
|
|
@@ -12239,20 +12307,20 @@ var ActivityTag = styled25.span`
|
|
|
12239
12307
|
background: ${({ $bg }) => $bg || "rgba(255, 255, 255, 0.06)"};
|
|
12240
12308
|
white-space: nowrap;
|
|
12241
12309
|
`;
|
|
12242
|
-
|
|
12310
|
+
styled19.span`
|
|
12243
12311
|
font-size: 0.8rem;
|
|
12244
12312
|
font-weight: 600;
|
|
12245
12313
|
color: #fff;
|
|
12246
12314
|
text-align: right;
|
|
12247
12315
|
white-space: nowrap;
|
|
12248
12316
|
`;
|
|
12249
|
-
|
|
12317
|
+
styled19.div`
|
|
12250
12318
|
display: flex;
|
|
12251
12319
|
align-items: center;
|
|
12252
12320
|
justify-content: flex-end;
|
|
12253
12321
|
gap: 0.35rem;
|
|
12254
12322
|
`;
|
|
12255
|
-
|
|
12323
|
+
styled19.a`
|
|
12256
12324
|
display: inline-flex;
|
|
12257
12325
|
align-items: center;
|
|
12258
12326
|
justify-content: center;
|
|
@@ -12274,13 +12342,13 @@ styled25.a`
|
|
|
12274
12342
|
outline-offset: 2px;
|
|
12275
12343
|
}
|
|
12276
12344
|
`;
|
|
12277
|
-
var EmptyState =
|
|
12345
|
+
var EmptyState = styled19.div`
|
|
12278
12346
|
padding: 1.5rem 0.75rem;
|
|
12279
12347
|
text-align: center;
|
|
12280
12348
|
font-size: 0.8rem;
|
|
12281
12349
|
color: rgba(255, 255, 255, 0.45);
|
|
12282
12350
|
`;
|
|
12283
|
-
var PaginationRow =
|
|
12351
|
+
var PaginationRow = styled19.div`
|
|
12284
12352
|
display: flex;
|
|
12285
12353
|
align-items: center;
|
|
12286
12354
|
justify-content: center;
|
|
@@ -12289,7 +12357,7 @@ var PaginationRow = styled25.div`
|
|
|
12289
12357
|
padding-top: 1rem;
|
|
12290
12358
|
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
|
12291
12359
|
`;
|
|
12292
|
-
var PaginationButton =
|
|
12360
|
+
var PaginationButton = styled19.button`
|
|
12293
12361
|
background: transparent;
|
|
12294
12362
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12295
12363
|
border-radius: 8px;
|
|
@@ -12303,25 +12371,35 @@ var PaginationButton = styled25.button`
|
|
|
12303
12371
|
cursor: default;
|
|
12304
12372
|
}
|
|
12305
12373
|
`;
|
|
12306
|
-
var PaginationLabel =
|
|
12374
|
+
var PaginationLabel = styled19.span`
|
|
12307
12375
|
font-size: 0.8rem;
|
|
12308
12376
|
color: rgba(255, 255, 255, 0.4);
|
|
12309
12377
|
`;
|
|
12310
|
-
var PositionsHeader =
|
|
12378
|
+
var PositionsHeader = styled19.div`
|
|
12311
12379
|
display: grid;
|
|
12312
12380
|
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"};
|
|
12313
12381
|
gap: 0 0.75rem;
|
|
12314
12382
|
padding: 0.4rem 0.5rem;
|
|
12315
12383
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
12316
12384
|
`;
|
|
12317
|
-
var PositionsHeaderCell =
|
|
12385
|
+
var PositionsHeaderCell = styled19.div`
|
|
12318
12386
|
font-size: 0.68rem;
|
|
12319
12387
|
font-weight: 500;
|
|
12320
12388
|
color: rgba(255, 255, 255, 0.4);
|
|
12321
12389
|
text-align: ${(p) => p.$align || "left"};
|
|
12322
12390
|
white-space: nowrap;
|
|
12323
12391
|
`;
|
|
12324
|
-
var
|
|
12392
|
+
var SortableHeaderCell = styled19.div`
|
|
12393
|
+
font-size: 0.68rem;
|
|
12394
|
+
font-weight: 500;
|
|
12395
|
+
color: ${(p) => p.$active ? "rgba(255, 255, 255, 0.7)" : "rgba(255, 255, 255, 0.4)"};
|
|
12396
|
+
white-space: nowrap;
|
|
12397
|
+
cursor: pointer;
|
|
12398
|
+
user-select: none;
|
|
12399
|
+
transition: color 0.15s ease;
|
|
12400
|
+
&:hover { color: rgba(255, 255, 255, 0.7); }
|
|
12401
|
+
`;
|
|
12402
|
+
var PositionsRow = styled19.div`
|
|
12325
12403
|
display: grid;
|
|
12326
12404
|
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"};
|
|
12327
12405
|
align-items: center;
|
|
@@ -12334,29 +12412,29 @@ var PositionsRow = styled25.div`
|
|
|
12334
12412
|
&:hover { background: rgba(255, 255, 255, 0.04); }
|
|
12335
12413
|
&:last-child { border-bottom: none; }
|
|
12336
12414
|
`;
|
|
12337
|
-
var PositionsCell =
|
|
12415
|
+
var PositionsCell = styled19.div`
|
|
12338
12416
|
display: flex;
|
|
12339
12417
|
flex-direction: column;
|
|
12340
12418
|
align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
|
|
12341
12419
|
gap: 0.1rem;
|
|
12342
12420
|
`;
|
|
12343
|
-
var HoldingsPropertyLink =
|
|
12421
|
+
var HoldingsPropertyLink = styled19.span`
|
|
12344
12422
|
font-size: 0.8rem;
|
|
12345
12423
|
font-weight: 600;
|
|
12346
12424
|
color: #fff;
|
|
12347
12425
|
cursor: grab;
|
|
12348
12426
|
&:hover { text-decoration: underline; color: var(--color-accent, #E6C87E); }
|
|
12349
12427
|
`;
|
|
12350
|
-
var PnLAmount =
|
|
12428
|
+
var PnLAmount = styled19.div`
|
|
12351
12429
|
font-size: 0.85rem;
|
|
12352
12430
|
font-weight: 600;
|
|
12353
12431
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
12354
12432
|
`;
|
|
12355
|
-
var PnLPercentage =
|
|
12433
|
+
var PnLPercentage = styled19.div`
|
|
12356
12434
|
font-size: 0.7rem;
|
|
12357
12435
|
color: ${(p) => p.$positive ? "#0ecb81" : "#f6465d"};
|
|
12358
12436
|
`;
|
|
12359
|
-
var CancelButton =
|
|
12437
|
+
var CancelButton = styled19.button`
|
|
12360
12438
|
background: transparent;
|
|
12361
12439
|
border: 1px solid rgba(246, 70, 93, 0.3);
|
|
12362
12440
|
border-radius: 4px;
|
|
@@ -12378,20 +12456,20 @@ var CancelButton = styled25.button`
|
|
|
12378
12456
|
cursor: not-allowed;
|
|
12379
12457
|
}
|
|
12380
12458
|
`;
|
|
12381
|
-
var GridHeader =
|
|
12459
|
+
var GridHeader = styled19.div`
|
|
12382
12460
|
display: grid;
|
|
12383
12461
|
grid-template-columns: ${(p) => p.$columns};
|
|
12384
12462
|
gap: 0 0.75rem;
|
|
12385
12463
|
padding: 0.4rem 0.5rem;
|
|
12386
12464
|
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
|
|
12387
12465
|
`;
|
|
12388
|
-
var GridHeaderCell =
|
|
12466
|
+
var GridHeaderCell = styled19.div`
|
|
12389
12467
|
font-size: 0.68rem;
|
|
12390
12468
|
font-weight: 500;
|
|
12391
12469
|
color: rgba(255, 255, 255, 0.4);
|
|
12392
12470
|
white-space: nowrap;
|
|
12393
12471
|
`;
|
|
12394
|
-
var GridRow =
|
|
12472
|
+
var GridRow = styled19.div`
|
|
12395
12473
|
display: grid;
|
|
12396
12474
|
grid-template-columns: ${(p) => p.$columns};
|
|
12397
12475
|
align-items: center;
|
|
@@ -12401,12 +12479,12 @@ var GridRow = styled25.div`
|
|
|
12401
12479
|
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
|
|
12402
12480
|
&:last-child { border-bottom: none; }
|
|
12403
12481
|
`;
|
|
12404
|
-
var GridCell =
|
|
12482
|
+
var GridCell = styled19.div`
|
|
12405
12483
|
display: flex;
|
|
12406
12484
|
align-items: center;
|
|
12407
12485
|
min-width: 0;
|
|
12408
12486
|
`;
|
|
12409
|
-
var CellText =
|
|
12487
|
+
var CellText = styled19.span`
|
|
12410
12488
|
font-size: 0.8rem;
|
|
12411
12489
|
font-weight: ${(p) => p.$primary ? 600 : 400};
|
|
12412
12490
|
color: ${(p) => p.$color || (p.$muted ? "rgba(255,255,255,0.5)" : "#fff")};
|
|
@@ -12414,12 +12492,12 @@ var CellText = styled25.span`
|
|
|
12414
12492
|
overflow: hidden;
|
|
12415
12493
|
text-overflow: ellipsis;
|
|
12416
12494
|
`;
|
|
12417
|
-
var SideBadge =
|
|
12495
|
+
var SideBadge = styled19.span`
|
|
12418
12496
|
font-size: 0.68rem;
|
|
12419
12497
|
font-weight: 600;
|
|
12420
12498
|
color: ${({ $side }) => $side === "Buy" ? "#0ecb81" : "#f6465d"};
|
|
12421
12499
|
`;
|
|
12422
|
-
var EditableCellWrap =
|
|
12500
|
+
var EditableCellWrap = styled19.span`
|
|
12423
12501
|
display: inline-flex;
|
|
12424
12502
|
align-items: center;
|
|
12425
12503
|
gap: 0.35rem;
|
|
@@ -12436,7 +12514,7 @@ var EditableCellWrap = styled25.span`
|
|
|
12436
12514
|
color: var(--color-accent, #E6C87E);
|
|
12437
12515
|
}
|
|
12438
12516
|
`;
|
|
12439
|
-
var EditInput =
|
|
12517
|
+
var EditInput = styled19.input`
|
|
12440
12518
|
width: 5rem;
|
|
12441
12519
|
background: rgba(255, 255, 255, 0.06);
|
|
12442
12520
|
border: 1px solid rgba(255, 255, 255, 0.15);
|
|
@@ -12458,7 +12536,7 @@ var EditInput = styled25.input`
|
|
|
12458
12536
|
}
|
|
12459
12537
|
-moz-appearance: textfield;
|
|
12460
12538
|
`;
|
|
12461
|
-
var CancelConfirmOverlay =
|
|
12539
|
+
var CancelConfirmOverlay = styled19.div`
|
|
12462
12540
|
position: fixed;
|
|
12463
12541
|
inset: 0;
|
|
12464
12542
|
background: rgba(0, 0, 0, 0.6);
|
|
@@ -12467,7 +12545,7 @@ var CancelConfirmOverlay = styled25.div`
|
|
|
12467
12545
|
justify-content: center;
|
|
12468
12546
|
z-index: 1000;
|
|
12469
12547
|
`;
|
|
12470
|
-
var CancelConfirmModal =
|
|
12548
|
+
var CancelConfirmModal = styled19.div`
|
|
12471
12549
|
background: #1a1a1a;
|
|
12472
12550
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12473
12551
|
border-radius: 12px;
|
|
@@ -12478,22 +12556,22 @@ var CancelConfirmModal = styled25.div`
|
|
|
12478
12556
|
flex-direction: column;
|
|
12479
12557
|
gap: 0.75rem;
|
|
12480
12558
|
`;
|
|
12481
|
-
var CancelConfirmTitle =
|
|
12559
|
+
var CancelConfirmTitle = styled19.div`
|
|
12482
12560
|
font-size: 1rem;
|
|
12483
12561
|
font-weight: 600;
|
|
12484
12562
|
color: #fff;
|
|
12485
12563
|
`;
|
|
12486
|
-
var CancelConfirmBody =
|
|
12564
|
+
var CancelConfirmBody = styled19.div`
|
|
12487
12565
|
font-size: 0.85rem;
|
|
12488
12566
|
color: rgba(255, 255, 255, 0.6);
|
|
12489
12567
|
line-height: 1.5;
|
|
12490
12568
|
`;
|
|
12491
|
-
var CancelConfirmActions =
|
|
12569
|
+
var CancelConfirmActions = styled19.div`
|
|
12492
12570
|
display: flex;
|
|
12493
12571
|
gap: 0.5rem;
|
|
12494
12572
|
margin-top: 0.25rem;
|
|
12495
12573
|
`;
|
|
12496
|
-
var CancelConfirmDismiss =
|
|
12574
|
+
var CancelConfirmDismiss = styled19.button`
|
|
12497
12575
|
flex: 1;
|
|
12498
12576
|
background: rgba(255, 255, 255, 0.06);
|
|
12499
12577
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
@@ -12509,7 +12587,7 @@ var CancelConfirmDismiss = styled25.button`
|
|
|
12509
12587
|
background: rgba(255, 255, 255, 0.1);
|
|
12510
12588
|
}
|
|
12511
12589
|
`;
|
|
12512
|
-
var CancelConfirmProceed =
|
|
12590
|
+
var CancelConfirmProceed = styled19.button`
|
|
12513
12591
|
flex: 1;
|
|
12514
12592
|
background: rgba(246, 70, 93, 0.15);
|
|
12515
12593
|
border: 1px solid rgba(246, 70, 93, 0.4);
|
|
@@ -12530,12 +12608,12 @@ var CancelConfirmProceed = styled25.button`
|
|
|
12530
12608
|
cursor: not-allowed;
|
|
12531
12609
|
}
|
|
12532
12610
|
`;
|
|
12533
|
-
|
|
12611
|
+
styled19.div`
|
|
12534
12612
|
display: flex;
|
|
12535
12613
|
gap: 0.35rem;
|
|
12536
12614
|
align-items: center;
|
|
12537
12615
|
`;
|
|
12538
|
-
|
|
12616
|
+
styled19.button`
|
|
12539
12617
|
background: transparent;
|
|
12540
12618
|
border: 1px solid rgba(230, 200, 126, 0.25);
|
|
12541
12619
|
border-radius: 4px;
|
|
@@ -12555,6 +12633,121 @@ var CloseBtn2 = styled25.button`
|
|
|
12555
12633
|
border-color: rgba(230, 200, 126, 0.5);
|
|
12556
12634
|
}
|
|
12557
12635
|
`;
|
|
12636
|
+
var CloseAllHeaderBtn = styled19.button`
|
|
12637
|
+
background: rgba(246, 70, 93, 0.1);
|
|
12638
|
+
border: 1px solid rgba(246, 70, 93, 0.3);
|
|
12639
|
+
border-radius: 4px;
|
|
12640
|
+
padding: 0.2rem 0.6rem;
|
|
12641
|
+
font-size: 0.62rem;
|
|
12642
|
+
font-weight: 600;
|
|
12643
|
+
color: #f6465d;
|
|
12644
|
+
cursor: pointer;
|
|
12645
|
+
white-space: nowrap;
|
|
12646
|
+
transition: all 0.15s ease;
|
|
12647
|
+
|
|
12648
|
+
&:hover {
|
|
12649
|
+
background: rgba(246, 70, 93, 0.2);
|
|
12650
|
+
border-color: rgba(246, 70, 93, 0.5);
|
|
12651
|
+
}
|
|
12652
|
+
`;
|
|
12653
|
+
var CloseAllOverlay = styled19.div`
|
|
12654
|
+
position: fixed;
|
|
12655
|
+
inset: 0;
|
|
12656
|
+
background: rgba(0, 0, 0, 0.6);
|
|
12657
|
+
display: flex;
|
|
12658
|
+
align-items: center;
|
|
12659
|
+
justify-content: center;
|
|
12660
|
+
z-index: 1000;
|
|
12661
|
+
`;
|
|
12662
|
+
var CloseAllModal = styled19.div`
|
|
12663
|
+
background: #1a1a1a;
|
|
12664
|
+
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
12665
|
+
border-radius: 12px;
|
|
12666
|
+
padding: 1.5rem;
|
|
12667
|
+
max-width: 380px;
|
|
12668
|
+
width: 90%;
|
|
12669
|
+
position: relative;
|
|
12670
|
+
`;
|
|
12671
|
+
var CloseAllModalX = styled19.button`
|
|
12672
|
+
position: absolute;
|
|
12673
|
+
top: 0.75rem;
|
|
12674
|
+
right: 0.75rem;
|
|
12675
|
+
background: none;
|
|
12676
|
+
border: none;
|
|
12677
|
+
color: rgba(255, 255, 255, 0.4);
|
|
12678
|
+
font-size: 1.25rem;
|
|
12679
|
+
cursor: pointer;
|
|
12680
|
+
padding: 0.25rem;
|
|
12681
|
+
line-height: 1;
|
|
12682
|
+
transition: color 0.15s;
|
|
12683
|
+
|
|
12684
|
+
&:hover { color: #fff; }
|
|
12685
|
+
`;
|
|
12686
|
+
var CloseAllTitle = styled19.div`
|
|
12687
|
+
font-size: 1rem;
|
|
12688
|
+
font-weight: 600;
|
|
12689
|
+
color: #fff;
|
|
12690
|
+
margin-bottom: 0.5rem;
|
|
12691
|
+
`;
|
|
12692
|
+
var CloseAllDesc = styled19.div`
|
|
12693
|
+
font-size: 0.8rem;
|
|
12694
|
+
color: rgba(255, 255, 255, 0.5);
|
|
12695
|
+
line-height: 1.45;
|
|
12696
|
+
margin-bottom: 1rem;
|
|
12697
|
+
`;
|
|
12698
|
+
var CloseAllOption = styled19.div`
|
|
12699
|
+
display: flex;
|
|
12700
|
+
align-items: center;
|
|
12701
|
+
gap: 0.6rem;
|
|
12702
|
+
padding: 0.6rem 0.75rem;
|
|
12703
|
+
border-radius: 8px;
|
|
12704
|
+
cursor: pointer;
|
|
12705
|
+
font-size: 0.85rem;
|
|
12706
|
+
color: rgba(255, 255, 255, 0.85);
|
|
12707
|
+
transition: background 0.15s;
|
|
12708
|
+
margin-bottom: 0.35rem;
|
|
12709
|
+
|
|
12710
|
+
&:hover { background: rgba(255, 255, 255, 0.04); }
|
|
12711
|
+
`;
|
|
12712
|
+
var CloseAllRadio = styled19.div`
|
|
12713
|
+
width: 16px;
|
|
12714
|
+
height: 16px;
|
|
12715
|
+
border-radius: 50%;
|
|
12716
|
+
border: 2px solid ${(p) => p.$selected ? "#f6465d" : "rgba(255, 255, 255, 0.2)"};
|
|
12717
|
+
position: relative;
|
|
12718
|
+
flex-shrink: 0;
|
|
12719
|
+
transition: border-color 0.15s;
|
|
12720
|
+
|
|
12721
|
+
&::after {
|
|
12722
|
+
content: '';
|
|
12723
|
+
position: absolute;
|
|
12724
|
+
top: 50%;
|
|
12725
|
+
left: 50%;
|
|
12726
|
+
transform: translate(-50%, -50%);
|
|
12727
|
+
width: 8px;
|
|
12728
|
+
height: 8px;
|
|
12729
|
+
border-radius: 50%;
|
|
12730
|
+
background: ${(p) => p.$selected ? "#f6465d" : "transparent"};
|
|
12731
|
+
transition: background 0.15s;
|
|
12732
|
+
}
|
|
12733
|
+
`;
|
|
12734
|
+
var CloseAllConfirmBtn = styled19.button`
|
|
12735
|
+
width: 100%;
|
|
12736
|
+
margin-top: 0.75rem;
|
|
12737
|
+
background: rgba(246, 70, 93, 0.15);
|
|
12738
|
+
border: 1px solid rgba(246, 70, 93, 0.4);
|
|
12739
|
+
border-radius: 8px;
|
|
12740
|
+
padding: 0.7rem 1rem;
|
|
12741
|
+
font-size: 0.85rem;
|
|
12742
|
+
font-weight: 600;
|
|
12743
|
+
color: #f6465d;
|
|
12744
|
+
cursor: pointer;
|
|
12745
|
+
transition: all 0.15s ease;
|
|
12746
|
+
|
|
12747
|
+
&:hover {
|
|
12748
|
+
background: rgba(246, 70, 93, 0.25);
|
|
12749
|
+
}
|
|
12750
|
+
`;
|
|
12558
12751
|
function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
|
|
12559
12752
|
return /* @__PURE__ */ jsxs(Row2, { children: [
|
|
12560
12753
|
/* @__PURE__ */ jsx(
|
|
@@ -12584,7 +12777,7 @@ function NewsOrdersSection({ newsItems, newsConnectionStatus, activityData }) {
|
|
|
12584
12777
|
) })
|
|
12585
12778
|
] });
|
|
12586
12779
|
}
|
|
12587
|
-
var Row2 =
|
|
12780
|
+
var Row2 = styled19.div`
|
|
12588
12781
|
display: grid;
|
|
12589
12782
|
grid-template-columns: 1fr 2fr;
|
|
12590
12783
|
gap: 1.5rem;
|
|
@@ -12602,7 +12795,7 @@ var Row2 = styled25.div`
|
|
|
12602
12795
|
overflow: hidden;
|
|
12603
12796
|
}
|
|
12604
12797
|
`;
|
|
12605
|
-
var ActivityWrapper =
|
|
12798
|
+
var ActivityWrapper = styled19.div`
|
|
12606
12799
|
background-color: var(--color-card-darker, #111);
|
|
12607
12800
|
border-radius: 8px;
|
|
12608
12801
|
padding: 1.5rem;
|
|
@@ -12718,7 +12911,7 @@ function OrderConfirmationModal({
|
|
|
12718
12911
|
] })
|
|
12719
12912
|
] }) });
|
|
12720
12913
|
}
|
|
12721
|
-
var Overlay3 =
|
|
12914
|
+
var Overlay3 = styled19.div`
|
|
12722
12915
|
position: fixed;
|
|
12723
12916
|
top: 0;
|
|
12724
12917
|
left: 0;
|
|
@@ -12731,7 +12924,7 @@ var Overlay3 = styled25.div`
|
|
|
12731
12924
|
z-index: 10000;
|
|
12732
12925
|
backdrop-filter: blur(4px);
|
|
12733
12926
|
`;
|
|
12734
|
-
var Modal =
|
|
12927
|
+
var Modal = styled19.div`
|
|
12735
12928
|
background: linear-gradient(135deg, rgba(26,29,35,0.95) 0%, rgba(26,29,35,0.98) 100%);
|
|
12736
12929
|
border: 1px solid rgba(255,255,255,0.1);
|
|
12737
12930
|
border-radius: 16px;
|
|
@@ -12740,7 +12933,7 @@ var Modal = styled25.div`
|
|
|
12740
12933
|
width: 90%;
|
|
12741
12934
|
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
|
|
12742
12935
|
`;
|
|
12743
|
-
var ModalHeader =
|
|
12936
|
+
var ModalHeader = styled19.div`
|
|
12744
12937
|
display: flex;
|
|
12745
12938
|
align-items: center;
|
|
12746
12939
|
margin-bottom: 1.5rem;
|
|
@@ -12756,7 +12949,7 @@ var ModalHeader = styled25.div`
|
|
|
12756
12949
|
gap: 0.5rem;
|
|
12757
12950
|
}
|
|
12758
12951
|
`;
|
|
12759
|
-
var Badge2 =
|
|
12952
|
+
var Badge2 = styled19.span`
|
|
12760
12953
|
padding: 0.25rem 0.75rem;
|
|
12761
12954
|
border-radius: 6px;
|
|
12762
12955
|
font-size: 0.75rem;
|
|
@@ -12767,12 +12960,12 @@ var Badge2 = styled25.span`
|
|
|
12767
12960
|
color: #D4AF37;
|
|
12768
12961
|
border: 1px solid rgba(212,175,55,0.3);
|
|
12769
12962
|
`;
|
|
12770
|
-
var ModalBody =
|
|
12963
|
+
var ModalBody = styled19.div`
|
|
12771
12964
|
margin-bottom: 1.5rem;
|
|
12772
12965
|
display: flex;
|
|
12773
12966
|
flex-direction: column;
|
|
12774
12967
|
`;
|
|
12775
|
-
var ModalRow =
|
|
12968
|
+
var ModalRow = styled19.div`
|
|
12776
12969
|
display: flex;
|
|
12777
12970
|
justify-content: space-between;
|
|
12778
12971
|
align-items: center;
|
|
@@ -12795,7 +12988,7 @@ var ModalRow = styled25.div`
|
|
|
12795
12988
|
font-weight: 600;
|
|
12796
12989
|
}
|
|
12797
12990
|
`;
|
|
12798
|
-
var Warning =
|
|
12991
|
+
var Warning = styled19.div`
|
|
12799
12992
|
background: rgba(246,70,93,0.1);
|
|
12800
12993
|
border: 1px solid rgba(246,70,93,0.3);
|
|
12801
12994
|
border-radius: 8px;
|
|
@@ -12815,7 +13008,7 @@ var Warning = styled25.div`
|
|
|
12815
13008
|
line-height: 1.5;
|
|
12816
13009
|
}
|
|
12817
13010
|
`;
|
|
12818
|
-
var Summary =
|
|
13011
|
+
var Summary = styled19.div`
|
|
12819
13012
|
background: rgba(255,255,255,0.03);
|
|
12820
13013
|
border: 1px solid rgba(255,255,255,0.08);
|
|
12821
13014
|
border-radius: 8px;
|
|
@@ -12828,7 +13021,7 @@ var Summary = styled25.div`
|
|
|
12828
13021
|
var spin = keyframes`
|
|
12829
13022
|
to { transform: rotate(360deg); }
|
|
12830
13023
|
`;
|
|
12831
|
-
var Spinner =
|
|
13024
|
+
var Spinner = styled19.span`
|
|
12832
13025
|
display: inline-block;
|
|
12833
13026
|
width: 14px;
|
|
12834
13027
|
height: 14px;
|
|
@@ -12839,7 +13032,7 @@ var Spinner = styled25.span`
|
|
|
12839
13032
|
margin-right: 0.5rem;
|
|
12840
13033
|
vertical-align: -2px;
|
|
12841
13034
|
`;
|
|
12842
|
-
var ButtonRow2 =
|
|
13035
|
+
var ButtonRow2 = styled19.div`
|
|
12843
13036
|
display: flex;
|
|
12844
13037
|
gap: 1rem;
|
|
12845
13038
|
justify-content: flex-end;
|
|
@@ -13161,7 +13354,7 @@ function PropertyBuy({
|
|
|
13161
13354
|
)
|
|
13162
13355
|
] });
|
|
13163
13356
|
}
|
|
13164
|
-
var HeroGrid =
|
|
13357
|
+
var HeroGrid = styled19.div`
|
|
13165
13358
|
display: grid;
|
|
13166
13359
|
grid-template-columns: 1fr auto;
|
|
13167
13360
|
grid-template-rows: auto auto minmax(450px, 520px);
|
|
@@ -13230,7 +13423,7 @@ var HeroGrid = styled25.div`
|
|
|
13230
13423
|
gap: 0.5rem;
|
|
13231
13424
|
}
|
|
13232
13425
|
`;
|
|
13233
|
-
var PaymentOption =
|
|
13426
|
+
var PaymentOption = styled19.div`
|
|
13234
13427
|
display: flex;
|
|
13235
13428
|
align-items: center;
|
|
13236
13429
|
padding: 1rem;
|
|
@@ -13247,7 +13440,7 @@ var PaymentOption = styled25.div`
|
|
|
13247
13440
|
border-color: rgba(0, 123, 255, 0.5);
|
|
13248
13441
|
}
|
|
13249
13442
|
`;
|
|
13250
|
-
var RadioIndicator =
|
|
13443
|
+
var RadioIndicator = styled19.div`
|
|
13251
13444
|
width: 20px;
|
|
13252
13445
|
height: 20px;
|
|
13253
13446
|
border-radius: 50%;
|
|
@@ -13267,7 +13460,7 @@ var RadioIndicator = styled25.div`
|
|
|
13267
13460
|
transition: opacity 0.2s;
|
|
13268
13461
|
}
|
|
13269
13462
|
`;
|
|
13270
|
-
var PaymentMethodDetails =
|
|
13463
|
+
var PaymentMethodDetails = styled19.div`
|
|
13271
13464
|
background: rgba(0, 0, 0, 0.2);
|
|
13272
13465
|
border-radius: 8px;
|
|
13273
13466
|
padding: 1rem;
|
|
@@ -13286,7 +13479,7 @@ var PaymentMethodDetails = styled25.div`
|
|
|
13286
13479
|
}
|
|
13287
13480
|
}
|
|
13288
13481
|
`;
|
|
13289
|
-
var ConfirmButton =
|
|
13482
|
+
var ConfirmButton = styled19.button`
|
|
13290
13483
|
background: ${(props) => props.disabled ? "rgba(255, 255, 255, 0.1)" : "linear-gradient(to right, #d4af37, #f2d35b)"};
|
|
13291
13484
|
border: none;
|
|
13292
13485
|
border-radius: 8px;
|
|
@@ -14004,7 +14197,7 @@ var OwnerBooking = ({ propertyName, token }) => {
|
|
|
14004
14197
|
] });
|
|
14005
14198
|
};
|
|
14006
14199
|
var owner_booking_default = OwnerBooking;
|
|
14007
|
-
var DateSelectorDropdown =
|
|
14200
|
+
var DateSelectorDropdown = styled19.div`
|
|
14008
14201
|
position: absolute;
|
|
14009
14202
|
top: calc(100% + 0.5rem);
|
|
14010
14203
|
left: 0;
|
|
@@ -14018,7 +14211,7 @@ var DateSelectorDropdown = styled25.div`
|
|
|
14018
14211
|
display: ${({ $isOpen }) => $isOpen ? "block" : "none"};
|
|
14019
14212
|
z-index: 10;
|
|
14020
14213
|
`;
|
|
14021
|
-
var MonthButton =
|
|
14214
|
+
var MonthButton = styled19.button`
|
|
14022
14215
|
background: ${({ $isSelected }) => $isSelected ? "rgba(212, 175, 55, 0.2)" : "transparent"};
|
|
14023
14216
|
border: 1px solid
|
|
14024
14217
|
${({ $isSelected }) => $isSelected ? "#d4af37" : "rgba(255, 255, 255, 0.12)"};
|
|
@@ -14034,7 +14227,7 @@ var MonthButton = styled25.button`
|
|
|
14034
14227
|
border-color: rgba(212, 175, 55, 0.5);
|
|
14035
14228
|
}
|
|
14036
14229
|
`;
|
|
14037
|
-
var DayCell =
|
|
14230
|
+
var DayCell = styled19.div`
|
|
14038
14231
|
aspect-ratio: 1;
|
|
14039
14232
|
display: flex;
|
|
14040
14233
|
align-items: center;
|
|
@@ -14068,7 +14261,7 @@ var DayCell = styled25.div`
|
|
|
14068
14261
|
opacity: ${({ $isCurrentMonth, $savedRangeColor }) => $isCurrentMonth ? $savedRangeColor ? 0.85 : 1 : 0.35};
|
|
14069
14262
|
}
|
|
14070
14263
|
`;
|
|
14071
|
-
var AddDateRangeButton =
|
|
14264
|
+
var AddDateRangeButton = styled19.button`
|
|
14072
14265
|
flex: 1;
|
|
14073
14266
|
min-width: 180px;
|
|
14074
14267
|
background: rgba(212, 175, 55, 0.18);
|
|
@@ -14090,21 +14283,21 @@ var AddDateRangeButton = styled25.button`
|
|
|
14090
14283
|
cursor: not-allowed;
|
|
14091
14284
|
}
|
|
14092
14285
|
`;
|
|
14093
|
-
var ConfirmButton2 =
|
|
14286
|
+
var ConfirmButton2 = styled19(AddDateRangeButton)`
|
|
14094
14287
|
flex: 0 0 auto;
|
|
14095
14288
|
min-width: 140px;
|
|
14096
14289
|
background: rgba(212, 175, 55, 0.35);
|
|
14097
14290
|
border-color: rgba(212, 175, 55, 0.6);
|
|
14098
14291
|
font-weight: 600;
|
|
14099
14292
|
`;
|
|
14100
|
-
var ReservationCard =
|
|
14293
|
+
var ReservationCard = styled19.div`
|
|
14101
14294
|
background: rgba(0, 0, 0, 0.4);
|
|
14102
14295
|
border-radius: 12px;
|
|
14103
14296
|
padding: 1rem;
|
|
14104
14297
|
margin-top: 1rem;
|
|
14105
14298
|
border-left: 4px solid ${({ $accent }) => $accent};
|
|
14106
14299
|
`;
|
|
14107
|
-
var ActionButton =
|
|
14300
|
+
var ActionButton = styled19.button`
|
|
14108
14301
|
background: none;
|
|
14109
14302
|
border: none;
|
|
14110
14303
|
color: ${({ $variant }) => $variant === "danger" ? "#ff7676" : "#d4af37"};
|
|
@@ -14554,7 +14747,7 @@ function calculatePositionFromPrice(price, undervaluedPrice, fairValue, overvalu
|
|
|
14554
14747
|
}
|
|
14555
14748
|
return 50 + 50 * (price - fairValue) / (overvaluedPrice - fairValue);
|
|
14556
14749
|
}
|
|
14557
|
-
var ValuationIndicator =
|
|
14750
|
+
var ValuationIndicator = styled19.div`
|
|
14558
14751
|
background-color: rgba(50, 52, 58, 0.95);
|
|
14559
14752
|
border-radius: 6px;
|
|
14560
14753
|
padding: 1rem;
|
|
@@ -14576,7 +14769,7 @@ var ValuationIndicator = styled25.div`
|
|
|
14576
14769
|
}
|
|
14577
14770
|
}
|
|
14578
14771
|
`;
|
|
14579
|
-
var GaugeIndicator =
|
|
14772
|
+
var GaugeIndicator = styled19.div`
|
|
14580
14773
|
position: absolute;
|
|
14581
14774
|
left: ${(props) => props.position}%;
|
|
14582
14775
|
top: 0.35rem;
|
|
@@ -14587,7 +14780,7 @@ var GaugeIndicator = styled25.div`
|
|
|
14587
14780
|
background: ${(props) => props.type === "fairValue" ? "#f0b90b" : "rgba(10, 12, 18, 0.95)"};
|
|
14588
14781
|
box-shadow: ${(props) => props.type === "lastPrice" ? "0 6px 18px rgba(0, 0, 0, 0.65)" : "0 6px 16px rgba(0, 0, 0, 0.45)"};
|
|
14589
14782
|
`;
|
|
14590
|
-
var GaugePriceTag =
|
|
14783
|
+
var GaugePriceTag = styled19.div`
|
|
14591
14784
|
position: absolute;
|
|
14592
14785
|
left: ${(props) => props.position}%;
|
|
14593
14786
|
top: -46px;
|
|
@@ -14612,18 +14805,18 @@ var GaugePriceTag = styled25.div`
|
|
|
14612
14805
|
color: var(--color-accent);
|
|
14613
14806
|
}
|
|
14614
14807
|
`;
|
|
14615
|
-
var HiddenMobileChart =
|
|
14808
|
+
var HiddenMobileChart = styled19.div`
|
|
14616
14809
|
display: none;
|
|
14617
14810
|
@media (max-width: 480px) {
|
|
14618
14811
|
display: block;
|
|
14619
14812
|
}
|
|
14620
14813
|
`;
|
|
14621
|
-
var ValuationWrapper =
|
|
14814
|
+
var ValuationWrapper = styled19.div`
|
|
14622
14815
|
display: flex;
|
|
14623
14816
|
flex-direction: column;
|
|
14624
14817
|
gap: 2rem;
|
|
14625
14818
|
`;
|
|
14626
|
-
var LoadingOverlay =
|
|
14819
|
+
var LoadingOverlay = styled19.div`
|
|
14627
14820
|
margin-top: 1rem;
|
|
14628
14821
|
padding: 0.75rem 1rem;
|
|
14629
14822
|
border-radius: 8px;
|
|
@@ -14631,7 +14824,7 @@ var LoadingOverlay = styled25.div`
|
|
|
14631
14824
|
color: rgba(255, 255, 255, 0.8);
|
|
14632
14825
|
font-size: 0.9rem;
|
|
14633
14826
|
`;
|
|
14634
|
-
var ErrorMessage =
|
|
14827
|
+
var ErrorMessage = styled19.div`
|
|
14635
14828
|
margin-top: 1rem;
|
|
14636
14829
|
padding: 0.75rem 1rem;
|
|
14637
14830
|
border-radius: 8px;
|
|
@@ -14640,33 +14833,33 @@ var ErrorMessage = styled25.div`
|
|
|
14640
14833
|
font-size: 0.9rem;
|
|
14641
14834
|
border: 1px solid rgba(244, 67, 54, 0.4);
|
|
14642
14835
|
`;
|
|
14643
|
-
var SectionTitle =
|
|
14836
|
+
var SectionTitle = styled19.h2`
|
|
14644
14837
|
margin: 0;
|
|
14645
14838
|
font-size: clamp(1.75rem, 2.5vw, 2.25rem);
|
|
14646
14839
|
font-weight: 600;
|
|
14647
14840
|
color: #fff;
|
|
14648
14841
|
letter-spacing: 0.01em;
|
|
14649
14842
|
`;
|
|
14650
|
-
var LoafPricingSection =
|
|
14843
|
+
var LoafPricingSection = styled19.div`
|
|
14651
14844
|
background-color: rgba(30, 32, 38, 0.95);
|
|
14652
14845
|
border-radius: 8px;
|
|
14653
14846
|
padding: 1.25rem;
|
|
14654
14847
|
margin-bottom: 1.5rem;
|
|
14655
14848
|
`;
|
|
14656
|
-
var SectionSubheading =
|
|
14849
|
+
var SectionSubheading = styled19.h2`
|
|
14657
14850
|
margin: 0;
|
|
14658
14851
|
font-size: 1.1rem;
|
|
14659
14852
|
font-weight: 600;
|
|
14660
14853
|
color: #fff;
|
|
14661
14854
|
letter-spacing: 0.02em;
|
|
14662
14855
|
`;
|
|
14663
|
-
var PricingModelCard =
|
|
14856
|
+
var PricingModelCard = styled19.div`
|
|
14664
14857
|
background-color: rgba(40, 42, 48, 0.95);
|
|
14665
14858
|
border-radius: 8px;
|
|
14666
14859
|
padding: 1.5rem;
|
|
14667
14860
|
margin-top: 1rem;
|
|
14668
14861
|
`;
|
|
14669
|
-
var PricingModelHeader =
|
|
14862
|
+
var PricingModelHeader = styled19.div`
|
|
14670
14863
|
display: flex;
|
|
14671
14864
|
justify-content: space-between;
|
|
14672
14865
|
align-items: center;
|
|
@@ -14681,13 +14874,13 @@ var PricingModelHeader = styled25.div`
|
|
|
14681
14874
|
color: rgba(255, 255, 255, 0.75);
|
|
14682
14875
|
}
|
|
14683
14876
|
`;
|
|
14684
|
-
var PricingModelTitle =
|
|
14877
|
+
var PricingModelTitle = styled19.h3`
|
|
14685
14878
|
margin: 0;
|
|
14686
14879
|
font-size: 1.2rem;
|
|
14687
14880
|
font-weight: 600;
|
|
14688
14881
|
color: #fff;
|
|
14689
14882
|
`;
|
|
14690
|
-
var PricingModelValue =
|
|
14883
|
+
var PricingModelValue = styled19.div`
|
|
14691
14884
|
font-size: 1.4rem;
|
|
14692
14885
|
font-weight: 700;
|
|
14693
14886
|
color: var(--color-primary);
|
|
@@ -14696,43 +14889,43 @@ var PricingModelValue = styled25.div`
|
|
|
14696
14889
|
font-size: 1.2rem;
|
|
14697
14890
|
}
|
|
14698
14891
|
`;
|
|
14699
|
-
var PricingModelDetails =
|
|
14892
|
+
var PricingModelDetails = styled19.div`
|
|
14700
14893
|
display: grid;
|
|
14701
14894
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
14702
14895
|
gap: 1.5rem;
|
|
14703
14896
|
margin-bottom: 1.5rem;
|
|
14704
14897
|
`;
|
|
14705
|
-
var PricingModelDetail =
|
|
14898
|
+
var PricingModelDetail = styled19.div`
|
|
14706
14899
|
background-color: rgba(50, 52, 58, 0.95);
|
|
14707
14900
|
border-radius: 6px;
|
|
14708
14901
|
padding: 1rem;
|
|
14709
14902
|
`;
|
|
14710
|
-
var PropertyDetailLabel =
|
|
14903
|
+
var PropertyDetailLabel = styled19.div`
|
|
14711
14904
|
font-size: 0.85rem;
|
|
14712
14905
|
color: rgba(255, 255, 255, 0.7);
|
|
14713
14906
|
margin-bottom: 0.5rem;
|
|
14714
14907
|
`;
|
|
14715
|
-
var PricingDetailValue =
|
|
14908
|
+
var PricingDetailValue = styled19.div`
|
|
14716
14909
|
font-size: 1rem;
|
|
14717
14910
|
color: #fff;
|
|
14718
14911
|
font-weight: 500;
|
|
14719
14912
|
`;
|
|
14720
|
-
var ValuationHeader =
|
|
14913
|
+
var ValuationHeader = styled19.div`
|
|
14721
14914
|
display: flex;
|
|
14722
14915
|
justify-content: space-between;
|
|
14723
14916
|
margin-bottom: 0.75rem;
|
|
14724
14917
|
`;
|
|
14725
|
-
var ValuationTitle =
|
|
14918
|
+
var ValuationTitle = styled19.div`
|
|
14726
14919
|
font-size: 0.9rem;
|
|
14727
14920
|
color: rgba(255, 255, 255, 0.7);
|
|
14728
14921
|
`;
|
|
14729
|
-
var ValuationGauge =
|
|
14922
|
+
var ValuationGauge = styled19.div`
|
|
14730
14923
|
position: relative;
|
|
14731
14924
|
width: 100%;
|
|
14732
14925
|
padding: 1.1rem 0 2rem;
|
|
14733
14926
|
margin: 0.75rem 0 1rem;
|
|
14734
14927
|
`;
|
|
14735
|
-
var GaugeBackground =
|
|
14928
|
+
var GaugeBackground = styled19.div`
|
|
14736
14929
|
width: 100%;
|
|
14737
14930
|
height: 18px;
|
|
14738
14931
|
border-radius: 999px;
|
|
@@ -14741,21 +14934,21 @@ var GaugeBackground = styled25.div`
|
|
|
14741
14934
|
overflow: hidden;
|
|
14742
14935
|
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 8px 18px rgba(0, 0, 0, 0.25);
|
|
14743
14936
|
`;
|
|
14744
|
-
var ValuationDetails =
|
|
14937
|
+
var ValuationDetails = styled19.div`
|
|
14745
14938
|
display: flex;
|
|
14746
14939
|
justify-content: space-between;
|
|
14747
14940
|
margin-top: 1rem;
|
|
14748
14941
|
`;
|
|
14749
|
-
var ValuationItem =
|
|
14942
|
+
var ValuationItem = styled19.div`
|
|
14750
14943
|
display: flex;
|
|
14751
14944
|
flex-direction: column;
|
|
14752
14945
|
`;
|
|
14753
|
-
var ValuationValue =
|
|
14946
|
+
var ValuationValue = styled19.div`
|
|
14754
14947
|
font-size: 1rem;
|
|
14755
14948
|
font-weight: 600;
|
|
14756
14949
|
color: #fff;
|
|
14757
14950
|
`;
|
|
14758
|
-
var ChartContainer =
|
|
14951
|
+
var ChartContainer = styled19.div`
|
|
14759
14952
|
width: 100%;
|
|
14760
14953
|
height: 301.52px;
|
|
14761
14954
|
margin-top: 1.5rem;
|
|
@@ -14764,14 +14957,14 @@ var ChartContainer = styled25.div`
|
|
|
14764
14957
|
padding: 1rem;
|
|
14765
14958
|
position: relative;
|
|
14766
14959
|
`;
|
|
14767
|
-
var ChartBackground =
|
|
14960
|
+
var ChartBackground = styled19.div`
|
|
14768
14961
|
position: relative;
|
|
14769
14962
|
height: 100%;
|
|
14770
14963
|
width: 100%;
|
|
14771
14964
|
background: rgba(255, 255, 255, 0.03);
|
|
14772
14965
|
border-radius: 8px;
|
|
14773
14966
|
`;
|
|
14774
|
-
var ValuationSvg =
|
|
14967
|
+
var ValuationSvg = styled19.svg`
|
|
14775
14968
|
position: absolute;
|
|
14776
14969
|
top: 10px;
|
|
14777
14970
|
right: 0;
|
|
@@ -14781,7 +14974,7 @@ var ValuationSvg = styled25.svg`
|
|
|
14781
14974
|
width: 100%;
|
|
14782
14975
|
height: calc(100% - 35px);
|
|
14783
14976
|
`;
|
|
14784
|
-
var YAxisLabel =
|
|
14977
|
+
var YAxisLabel = styled19.div`
|
|
14785
14978
|
position: absolute;
|
|
14786
14979
|
left: -40px;
|
|
14787
14980
|
font-size: 10px;
|
|
@@ -14789,7 +14982,7 @@ var YAxisLabel = styled25.div`
|
|
|
14789
14982
|
text-align: right;
|
|
14790
14983
|
padding-right: 5px;
|
|
14791
14984
|
`;
|
|
14792
|
-
var ValuationCallout =
|
|
14985
|
+
var ValuationCallout = styled19.div`
|
|
14793
14986
|
display: flex;
|
|
14794
14987
|
align-items: center;
|
|
14795
14988
|
justify-content: space-between;
|
|
@@ -14799,7 +14992,7 @@ var ValuationCallout = styled25.div`
|
|
|
14799
14992
|
border: 1px solid rgba(76, 175, 80, 0.2);
|
|
14800
14993
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
14801
14994
|
`;
|
|
14802
|
-
var ValuationBadge =
|
|
14995
|
+
var ValuationBadge = styled19.div`
|
|
14803
14996
|
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
|
|
14804
14997
|
color: white;
|
|
14805
14998
|
padding: 5px 12px;
|
|
@@ -14808,17 +15001,17 @@ var ValuationBadge = styled25.div`
|
|
|
14808
15001
|
font-weight: 600;
|
|
14809
15002
|
box-shadow: 0 2px 4px rgba(76, 175, 80, 0.25);
|
|
14810
15003
|
`;
|
|
14811
|
-
var AreaDemandChart =
|
|
15004
|
+
var AreaDemandChart = styled19.div`
|
|
14812
15005
|
height: 60px;
|
|
14813
15006
|
width: 100%;
|
|
14814
15007
|
position: relative;
|
|
14815
15008
|
`;
|
|
14816
|
-
var ChartLabel =
|
|
15009
|
+
var ChartLabel = styled19.div`
|
|
14817
15010
|
position: absolute;
|
|
14818
15011
|
font-size: 9px;
|
|
14819
15012
|
color: rgba(255, 255, 255, 0.7);
|
|
14820
15013
|
`;
|
|
14821
|
-
var RecentSalesSection =
|
|
15014
|
+
var RecentSalesSection = styled19.div`
|
|
14822
15015
|
background-color: rgba(30, 32, 38, 0.95);
|
|
14823
15016
|
border-radius: 8px;
|
|
14824
15017
|
padding: 1.25rem;
|
|
@@ -14828,7 +15021,7 @@ var RecentSalesSection = styled25.div`
|
|
|
14828
15021
|
position: relative;
|
|
14829
15022
|
}
|
|
14830
15023
|
`;
|
|
14831
|
-
var SalesGrid =
|
|
15024
|
+
var SalesGrid = styled19.div`
|
|
14832
15025
|
display: grid;
|
|
14833
15026
|
grid-template-columns: repeat(3, 1fr);
|
|
14834
15027
|
gap: 1.5rem;
|
|
@@ -14849,7 +15042,7 @@ var SalesGrid = styled25.div`
|
|
|
14849
15042
|
scrollbar-width: none;
|
|
14850
15043
|
}
|
|
14851
15044
|
`;
|
|
14852
|
-
var SaleCard =
|
|
15045
|
+
var SaleCard = styled19.div`
|
|
14853
15046
|
background-color: var(--color-card, #1e2329);
|
|
14854
15047
|
border-radius: var(--border-radius, 8px);
|
|
14855
15048
|
overflow: hidden;
|
|
@@ -14873,13 +15066,13 @@ var SaleCard = styled25.div`
|
|
|
14873
15066
|
}
|
|
14874
15067
|
}
|
|
14875
15068
|
`;
|
|
14876
|
-
var SaleImageContainer =
|
|
15069
|
+
var SaleImageContainer = styled19.div`
|
|
14877
15070
|
position: relative;
|
|
14878
15071
|
width: 100%;
|
|
14879
15072
|
height: 200px;
|
|
14880
15073
|
overflow: hidden;
|
|
14881
15074
|
`;
|
|
14882
|
-
var SaleImage =
|
|
15075
|
+
var SaleImage = styled19.img`
|
|
14883
15076
|
width: 100%;
|
|
14884
15077
|
height: 100%;
|
|
14885
15078
|
object-fit: cover;
|
|
@@ -14890,7 +15083,7 @@ var SaleImage = styled25.img`
|
|
|
14890
15083
|
transform: scale(1.05);
|
|
14891
15084
|
}
|
|
14892
15085
|
`;
|
|
14893
|
-
var SoldTag =
|
|
15086
|
+
var SoldTag = styled19.div`
|
|
14894
15087
|
position: absolute;
|
|
14895
15088
|
top: 1rem;
|
|
14896
15089
|
right: 1rem;
|
|
@@ -14904,10 +15097,10 @@ var SoldTag = styled25.div`
|
|
|
14904
15097
|
align-items: center;
|
|
14905
15098
|
gap: 4px;
|
|
14906
15099
|
`;
|
|
14907
|
-
var SoldIcon =
|
|
15100
|
+
var SoldIcon = styled19.div`
|
|
14908
15101
|
display: none;
|
|
14909
15102
|
`;
|
|
14910
|
-
var SalePriceBar =
|
|
15103
|
+
var SalePriceBar = styled19.div`
|
|
14911
15104
|
display: flex;
|
|
14912
15105
|
justify-content: space-between;
|
|
14913
15106
|
align-items: center;
|
|
@@ -14915,37 +15108,37 @@ var SalePriceBar = styled25.div`
|
|
|
14915
15108
|
background: linear-gradient(90deg, rgba(240, 185, 11, 0.1) 0%, rgba(240, 185, 11, 0.05) 100%);
|
|
14916
15109
|
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
|
|
14917
15110
|
`;
|
|
14918
|
-
var SalePriceLeft =
|
|
15111
|
+
var SalePriceLeft = styled19.div`
|
|
14919
15112
|
display: flex;
|
|
14920
15113
|
flex-direction: column;
|
|
14921
15114
|
`;
|
|
14922
|
-
var SalePriceLabel =
|
|
15115
|
+
var SalePriceLabel = styled19.span`
|
|
14923
15116
|
font-size: 0.7rem;
|
|
14924
15117
|
color: rgba(255, 255, 255, 0.5);
|
|
14925
15118
|
text-transform: uppercase;
|
|
14926
15119
|
letter-spacing: 0.5px;
|
|
14927
15120
|
`;
|
|
14928
|
-
var SalePriceAmount =
|
|
15121
|
+
var SalePriceAmount = styled19.span`
|
|
14929
15122
|
font-size: 1.1rem;
|
|
14930
15123
|
font-weight: 700;
|
|
14931
15124
|
color: var(--color-accent, #f0b90b);
|
|
14932
15125
|
`;
|
|
14933
|
-
var SaleContent =
|
|
15126
|
+
var SaleContent = styled19.div`
|
|
14934
15127
|
padding: 1rem;
|
|
14935
15128
|
`;
|
|
14936
|
-
var SaleAddress =
|
|
15129
|
+
var SaleAddress = styled19.h3`
|
|
14937
15130
|
margin: 0;
|
|
14938
15131
|
margin-bottom: 0.25rem;
|
|
14939
15132
|
font-size: 1rem;
|
|
14940
15133
|
font-weight: 600;
|
|
14941
15134
|
color: var(--color-text, #eaecef);
|
|
14942
15135
|
`;
|
|
14943
|
-
var SaleSuburb =
|
|
15136
|
+
var SaleSuburb = styled19.div`
|
|
14944
15137
|
font-size: 0.8rem;
|
|
14945
15138
|
color: var(--color-text-secondary, #848e9c);
|
|
14946
15139
|
margin-bottom: 0.5rem;
|
|
14947
15140
|
`;
|
|
14948
|
-
var SaleStatsBar =
|
|
15141
|
+
var SaleStatsBar = styled19.div`
|
|
14949
15142
|
display: flex;
|
|
14950
15143
|
justify-content: space-between;
|
|
14951
15144
|
align-items: center;
|
|
@@ -14953,7 +15146,7 @@ var SaleStatsBar = styled25.div`
|
|
|
14953
15146
|
background-color: rgba(0, 0, 0, 0.3);
|
|
14954
15147
|
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
|
14955
15148
|
`;
|
|
14956
|
-
var SaleStatItem =
|
|
15149
|
+
var SaleStatItem = styled19.div`
|
|
14957
15150
|
display: flex;
|
|
14958
15151
|
align-items: center;
|
|
14959
15152
|
gap: 0.25rem;
|
|
@@ -14966,11 +15159,11 @@ var SaleStatItem = styled25.div`
|
|
|
14966
15159
|
opacity: 0.7;
|
|
14967
15160
|
}
|
|
14968
15161
|
`;
|
|
14969
|
-
var SaleDate =
|
|
15162
|
+
var SaleDate = styled19.div`
|
|
14970
15163
|
font-size: 0.75rem;
|
|
14971
15164
|
color: var(--color-text-secondary, #848e9c);
|
|
14972
15165
|
`;
|
|
14973
|
-
var SwipeIndicator =
|
|
15166
|
+
var SwipeIndicator = styled19.div`
|
|
14974
15167
|
display: none;
|
|
14975
15168
|
|
|
14976
15169
|
@media (max-width: 768px) {
|
|
@@ -15003,7 +15196,7 @@ var pulse = keyframes`
|
|
|
15003
15196
|
0%, 100% { transform: scale(1); opacity: 0.8; }
|
|
15004
15197
|
50% { transform: scale(1.2); opacity: 1; }
|
|
15005
15198
|
`;
|
|
15006
|
-
var FeatureTooltip =
|
|
15199
|
+
var FeatureTooltip = styled19.div`
|
|
15007
15200
|
position: absolute;
|
|
15008
15201
|
transform: translate(-50%, calc(-100% - 24px));
|
|
15009
15202
|
min-width: 180px;
|
|
@@ -15045,7 +15238,7 @@ var FeatureTooltip = styled25.div`
|
|
|
15045
15238
|
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
|
|
15046
15239
|
}
|
|
15047
15240
|
`;
|
|
15048
|
-
var GalleryOverlay =
|
|
15241
|
+
var GalleryOverlay = styled19.div`
|
|
15049
15242
|
position: fixed;
|
|
15050
15243
|
inset: 0;
|
|
15051
15244
|
z-index: 1000;
|
|
@@ -15054,7 +15247,7 @@ var GalleryOverlay = styled25.div`
|
|
|
15054
15247
|
flex-direction: column;
|
|
15055
15248
|
animation: ${fadeIn} 0.3s ease;
|
|
15056
15249
|
`;
|
|
15057
|
-
var GalleryHeader =
|
|
15250
|
+
var GalleryHeader = styled19.div`
|
|
15058
15251
|
position: relative;
|
|
15059
15252
|
padding: 1.5rem 2rem;
|
|
15060
15253
|
display: flex;
|
|
@@ -15070,7 +15263,7 @@ var GalleryHeader = styled25.div`
|
|
|
15070
15263
|
padding: 1rem;
|
|
15071
15264
|
}
|
|
15072
15265
|
`;
|
|
15073
|
-
var PropertyInfo =
|
|
15266
|
+
var PropertyInfo = styled19.div`
|
|
15074
15267
|
color: white;
|
|
15075
15268
|
|
|
15076
15269
|
h2 {
|
|
@@ -15085,7 +15278,7 @@ var PropertyInfo = styled25.div`
|
|
|
15085
15278
|
font-size: 0.95rem;
|
|
15086
15279
|
}
|
|
15087
15280
|
`;
|
|
15088
|
-
var CloseButton2 =
|
|
15281
|
+
var CloseButton2 = styled19.button`
|
|
15089
15282
|
width: 48px;
|
|
15090
15283
|
height: 48px;
|
|
15091
15284
|
border-radius: 50%;
|
|
@@ -15103,7 +15296,7 @@ var CloseButton2 = styled25.button`
|
|
|
15103
15296
|
transform: rotate(90deg);
|
|
15104
15297
|
}
|
|
15105
15298
|
`;
|
|
15106
|
-
var MainImageContainer =
|
|
15299
|
+
var MainImageContainer = styled19.div`
|
|
15107
15300
|
position: relative;
|
|
15108
15301
|
flex: 1;
|
|
15109
15302
|
display: flex;
|
|
@@ -15115,7 +15308,7 @@ var MainImageContainer = styled25.div`
|
|
|
15115
15308
|
padding: 60px 0 110px;
|
|
15116
15309
|
}
|
|
15117
15310
|
`;
|
|
15118
|
-
var MainImage =
|
|
15311
|
+
var MainImage = styled19.img`
|
|
15119
15312
|
max-width: 90%;
|
|
15120
15313
|
max-height: 100%;
|
|
15121
15314
|
object-fit: contain;
|
|
@@ -15132,7 +15325,7 @@ var MainImage = styled25.img`
|
|
|
15132
15325
|
max-width: 100%;
|
|
15133
15326
|
}
|
|
15134
15327
|
`;
|
|
15135
|
-
var Hotspot =
|
|
15328
|
+
var Hotspot = styled19.button`
|
|
15136
15329
|
position: absolute;
|
|
15137
15330
|
width: 32px;
|
|
15138
15331
|
height: 32px;
|
|
@@ -15151,7 +15344,7 @@ var Hotspot = styled25.button`
|
|
|
15151
15344
|
transform: translate(-50%, -50%) scale(1.2);
|
|
15152
15345
|
}
|
|
15153
15346
|
`;
|
|
15154
|
-
var ThumbnailStrip =
|
|
15347
|
+
var ThumbnailStrip = styled19.div`
|
|
15155
15348
|
position: absolute;
|
|
15156
15349
|
bottom: 0;
|
|
15157
15350
|
left: 0;
|
|
@@ -15166,7 +15359,7 @@ var ThumbnailStrip = styled25.div`
|
|
|
15166
15359
|
display: none;
|
|
15167
15360
|
}
|
|
15168
15361
|
`;
|
|
15169
|
-
var Thumbnail3 =
|
|
15362
|
+
var Thumbnail3 = styled19.button`
|
|
15170
15363
|
width: 86px;
|
|
15171
15364
|
height: 64px;
|
|
15172
15365
|
border-radius: 6px;
|
|
@@ -15187,7 +15380,7 @@ var Thumbnail3 = styled25.button`
|
|
|
15187
15380
|
object-fit: cover;
|
|
15188
15381
|
}
|
|
15189
15382
|
`;
|
|
15190
|
-
var NavigationButton =
|
|
15383
|
+
var NavigationButton = styled19.button`
|
|
15191
15384
|
position: absolute;
|
|
15192
15385
|
top: 50%;
|
|
15193
15386
|
${(p) => p.$dir === "prev" ? "left: 2rem;" : "right: 2rem;"}
|
|
@@ -15207,7 +15400,7 @@ var NavigationButton = styled25.button`
|
|
|
15207
15400
|
display: none;
|
|
15208
15401
|
}
|
|
15209
15402
|
`;
|
|
15210
|
-
var SliderContainer =
|
|
15403
|
+
var SliderContainer = styled19.div`
|
|
15211
15404
|
position: absolute;
|
|
15212
15405
|
bottom: 110px;
|
|
15213
15406
|
left: 50%;
|
|
@@ -15224,21 +15417,21 @@ var SliderContainer = styled25.div`
|
|
|
15224
15417
|
width: 85%;
|
|
15225
15418
|
}
|
|
15226
15419
|
`;
|
|
15227
|
-
var SliderTrack =
|
|
15420
|
+
var SliderTrack = styled19.div`
|
|
15228
15421
|
position: relative;
|
|
15229
15422
|
height: 4px;
|
|
15230
15423
|
background: rgba(255, 255, 255, 0.2);
|
|
15231
15424
|
border-radius: 999px;
|
|
15232
15425
|
cursor: pointer;
|
|
15233
15426
|
`;
|
|
15234
|
-
var SliderProgress =
|
|
15427
|
+
var SliderProgress = styled19.div`
|
|
15235
15428
|
position: absolute;
|
|
15236
15429
|
inset: 0;
|
|
15237
15430
|
width: ${(p) => p.$progress}%;
|
|
15238
15431
|
background: linear-gradient(90deg, var(--color-accent, #f0b90b), rgba(240, 185, 11, 0.5));
|
|
15239
15432
|
border-radius: inherit;
|
|
15240
15433
|
`;
|
|
15241
|
-
var SliderThumb =
|
|
15434
|
+
var SliderThumb = styled19.div`
|
|
15242
15435
|
position: absolute;
|
|
15243
15436
|
top: 50%;
|
|
15244
15437
|
left: ${(p) => p.$position}%;
|
|
@@ -15250,7 +15443,7 @@ var SliderThumb = styled25.div`
|
|
|
15250
15443
|
border: 3px solid white;
|
|
15251
15444
|
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
|
|
15252
15445
|
`;
|
|
15253
|
-
var SliderLabels =
|
|
15446
|
+
var SliderLabels = styled19.div`
|
|
15254
15447
|
display: flex;
|
|
15255
15448
|
justify-content: space-between;
|
|
15256
15449
|
margin-top: 0.75rem;
|
|
@@ -15265,7 +15458,7 @@ var SliderLabels = styled25.div`
|
|
|
15265
15458
|
display: none;
|
|
15266
15459
|
}
|
|
15267
15460
|
`;
|
|
15268
|
-
var MobileDots =
|
|
15461
|
+
var MobileDots = styled19.div`
|
|
15269
15462
|
position: absolute;
|
|
15270
15463
|
bottom: 1.5rem;
|
|
15271
15464
|
left: 50%;
|
|
@@ -15277,7 +15470,7 @@ var MobileDots = styled25.div`
|
|
|
15277
15470
|
display: none;
|
|
15278
15471
|
}
|
|
15279
15472
|
`;
|
|
15280
|
-
var MobileDot =
|
|
15473
|
+
var MobileDot = styled19.button`
|
|
15281
15474
|
width: 8px;
|
|
15282
15475
|
height: 8px;
|
|
15283
15476
|
border-radius: 50%;
|