@0xsquid/ui 0.23.3-beta.0 → 0.24.0
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/cjs/index.js +627 -146
- package/dist/cjs/types/components/badges/TransactionState.d.ts +0 -5
- package/dist/cjs/types/components/buttons/IconButton.d.ts +6 -0
- package/dist/cjs/types/components/controls/NumericInput.d.ts +2 -3
- package/dist/cjs/types/components/icons/Bag.d.ts +5 -1
- package/dist/cjs/types/components/icons/Coins.d.ts +4 -0
- package/dist/cjs/types/components/icons/CompassRound.d.ts +12 -0
- package/dist/cjs/types/components/icons/CrossAnimatedIcon.d.ts +7 -0
- package/dist/cjs/types/components/icons/DockIcons.d.ts +10 -0
- package/dist/cjs/types/components/icons/EmojiSad.d.ts +4 -0
- package/dist/cjs/types/components/icons/HomeIcon.d.ts +16 -0
- package/dist/cjs/types/components/icons/Social.d.ts +12 -0
- package/dist/cjs/types/components/icons/SquidLogo.d.ts +4 -1
- package/dist/cjs/types/components/icons/SwapInputs.d.ts +4 -0
- package/dist/cjs/types/components/icons/Weather.d.ts +12 -0
- package/dist/cjs/types/components/icons/index.d.ts +3 -0
- package/dist/cjs/types/components/layout/CollapsibleMenu.d.ts +20 -0
- package/dist/cjs/types/components/layout/index.d.ts +1 -0
- package/dist/cjs/types/components/lists/TransactionItem.d.ts +8 -5
- package/dist/cjs/types/core/constants.d.ts +4 -0
- package/dist/cjs/types/core/design-system.d.ts +2 -0
- package/dist/cjs/types/core/index.d.ts +3 -1
- package/dist/cjs/types/hooks/index.d.ts +4 -0
- package/dist/cjs/types/hooks/useCollapsibleMenu.d.ts +6 -0
- package/dist/cjs/types/stories/badges/TransactionState.stories.d.ts +5 -0
- package/dist/cjs/types/stories/buttons/IconButon.stories.d.ts +7 -0
- package/dist/cjs/types/stories/lists/TransactionItem.stories.d.ts +5 -0
- package/dist/cjs/types/types/components.d.ts +1 -1
- package/dist/cjs/types/types/config.d.ts +6 -24
- package/dist/esm/index.js +594 -144
- package/dist/esm/types/components/badges/TransactionState.d.ts +0 -5
- package/dist/esm/types/components/buttons/IconButton.d.ts +6 -0
- package/dist/esm/types/components/controls/NumericInput.d.ts +2 -3
- package/dist/esm/types/components/icons/Bag.d.ts +5 -1
- package/dist/esm/types/components/icons/Coins.d.ts +4 -0
- package/dist/esm/types/components/icons/CompassRound.d.ts +12 -0
- package/dist/esm/types/components/icons/CrossAnimatedIcon.d.ts +7 -0
- package/dist/esm/types/components/icons/DockIcons.d.ts +10 -0
- package/dist/esm/types/components/icons/EmojiSad.d.ts +4 -0
- package/dist/esm/types/components/icons/HomeIcon.d.ts +16 -0
- package/dist/esm/types/components/icons/Social.d.ts +12 -0
- package/dist/esm/types/components/icons/SquidLogo.d.ts +4 -1
- package/dist/esm/types/components/icons/SwapInputs.d.ts +4 -0
- package/dist/esm/types/components/icons/Weather.d.ts +12 -0
- package/dist/esm/types/components/icons/index.d.ts +3 -0
- package/dist/esm/types/components/layout/CollapsibleMenu.d.ts +20 -0
- package/dist/esm/types/components/layout/index.d.ts +1 -0
- package/dist/esm/types/components/lists/TransactionItem.d.ts +8 -5
- package/dist/esm/types/core/constants.d.ts +4 -0
- package/dist/esm/types/core/design-system.d.ts +2 -0
- package/dist/esm/types/core/index.d.ts +3 -1
- package/dist/esm/types/hooks/index.d.ts +4 -0
- package/dist/esm/types/hooks/useCollapsibleMenu.d.ts +6 -0
- package/dist/esm/types/stories/badges/TransactionState.stories.d.ts +5 -0
- package/dist/esm/types/stories/buttons/IconButon.stories.d.ts +7 -0
- package/dist/esm/types/stories/lists/TransactionItem.stories.d.ts +5 -0
- package/dist/esm/types/types/components.d.ts +1 -1
- package/dist/esm/types/types/config.d.ts +6 -24
- package/dist/index.css +1 -1
- package/dist/index.d.ts +179 -16
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2813,7 +2813,7 @@ function Checkmark1Icon({ className, size = '16', }) {
|
|
|
2813
2813
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.8809 2.82977C13.3432 3.13201 13.4729 3.75174 13.1706 4.21399L7.50398 12.8807C7.3318 13.144 7.04572 13.3109 6.73174 13.3313C6.41777 13.3517 6.11252 13.2231 5.90775 12.9842L2.90775 9.4842C2.54833 9.06487 2.59689 8.43357 3.01622 8.07415C3.43554 7.71473 4.06684 7.76329 4.42627 8.18262L6.55918 10.671L11.4967 3.11949C11.7989 2.65725 12.4187 2.52753 12.8809 2.82977Z", fill: "currentColor" }) }));
|
|
2814
2814
|
}
|
|
2815
2815
|
function Checkmark2Icon({ className, size = '16', style, }) {
|
|
2816
|
-
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: jsxRuntime.jsx("path", {
|
|
2816
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM15.774 10.1333C16.1237 9.70582 16.0607 9.0758 15.6332 8.72607C15.2058 8.37635 14.5758 8.43935 14.226 8.86679L10.4258 13.5116L9.20711 12.2929C8.81658 11.9024 8.18342 11.9024 7.79289 12.2929C7.40237 12.6834 7.40237 13.3166 7.79289 13.7071L9.79289 15.7071C9.99267 15.9069 10.2676 16.0129 10.5498 15.9988C10.832 15.9847 11.095 15.8519 11.274 15.6333L15.774 10.1333Z", fill: "none", className: className, style: style }) }));
|
|
2817
2817
|
}
|
|
2818
2818
|
|
|
2819
2819
|
function DotGrid1x3HorizontalIcon({ className, size = '16', }) {
|
|
@@ -2854,10 +2854,6 @@ const statusTextClassMap = {
|
|
|
2854
2854
|
waiting: 'tw-text-grey-500',
|
|
2855
2855
|
warning: 'tw-text-status-partial',
|
|
2856
2856
|
};
|
|
2857
|
-
const statusColorClassMap = {
|
|
2858
|
-
bg: statusBgClassMap$1,
|
|
2859
|
-
text: statusTextClassMap,
|
|
2860
|
-
};
|
|
2861
2857
|
const statusTextMap = {
|
|
2862
2858
|
pending: 'Pending',
|
|
2863
2859
|
success: 'Success',
|
|
@@ -2870,6 +2866,7 @@ const statusTextMap = {
|
|
|
2870
2866
|
const variantClassMap = {
|
|
2871
2867
|
full: 'tw-h-squid-l tw-min-w-squid-xxl tw-pl-squid-xxs tw-pr-squid-xs',
|
|
2872
2868
|
compact: 'tw-h-squid-m tw-w-squid-m mobile-lg:tw-w-squid-xl mobile-lg:tw-px-squid-xxs',
|
|
2869
|
+
small: 'tw-flex tw-h-squid-m tw-gap-squid-xxs tw-items-center tw-justify-center',
|
|
2873
2870
|
};
|
|
2874
2871
|
function renderIcon(status, variant) {
|
|
2875
2872
|
switch (status) {
|
|
@@ -2878,7 +2875,7 @@ function renderIcon(status, variant) {
|
|
|
2878
2875
|
case 'error':
|
|
2879
2876
|
return jsxRuntime.jsx(NotAllowedIcon, {});
|
|
2880
2877
|
case 'ongoing':
|
|
2881
|
-
const size = { full: '20', compact: '16' }[variant];
|
|
2878
|
+
const size = { full: '20', compact: '16', small: '16' }[variant];
|
|
2882
2879
|
return jsxRuntime.jsx(Loader, { size: size, strokeWidth: "4" });
|
|
2883
2880
|
case 'waiting':
|
|
2884
2881
|
return jsxRuntime.jsx(DotGrid1x3HorizontalIcon, {});
|
|
@@ -2888,7 +2885,9 @@ function renderIcon(status, variant) {
|
|
|
2888
2885
|
}
|
|
2889
2886
|
function TransactionState(_a) {
|
|
2890
2887
|
var { status, variant = 'full', icon } = _a, props = __rest$1(_a, ["status", "variant", "icon"]);
|
|
2891
|
-
return (jsxRuntime.jsxs("div", Object.assign({}, props, { className: cn('tw-flex tw-items-center tw-justify-center tw-gap-squid-xxs tw-rounded-squid-m
|
|
2888
|
+
return (jsxRuntime.jsxs("div", Object.assign({}, props, { className: cn('tw-flex tw-items-center tw-justify-center tw-gap-squid-xxs tw-rounded-squid-m', variantClassMap[variant], variant === 'small' ? statusTextClassMap[status] : 'tw-text-grey-900',
|
|
2889
|
+
// 'small' variant has transparent background
|
|
2890
|
+
variant !== 'small' && statusBgClassMap$1[status], props.className), children: [icon !== null && icon !== void 0 ? icon : renderIcon(status, variant), variant === 'full' ? (jsxRuntime.jsx(BodyText, { size: "small", children: statusTextMap[status] })) : variant === 'small' ? (jsxRuntime.jsx(CaptionText, { children: statusTextMap[status] })) : null] })));
|
|
2892
2891
|
}
|
|
2893
2892
|
|
|
2894
2893
|
function UsdAmount({ usdAmount }) {
|
|
@@ -2962,7 +2961,7 @@ function ArrowUpIcon() {
|
|
|
2962
2961
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "14", fill: "none", viewBox: "0 0 10 14", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M1 5.667l4-4 4 4M5 2.334v10" }) }));
|
|
2963
2962
|
}
|
|
2964
2963
|
function ArrowCornerDownRightIcon({ size = '24', className, }) {
|
|
2965
|
-
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", {
|
|
2964
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 4C4.55228 4 5 4.44772 5 5V13C5 13.5523 5.44772 14 6 14H17.5858L15.2929 11.7071C14.9024 11.3166 14.9024 10.6834 15.2929 10.2929C15.6834 9.90237 16.3166 9.90237 16.7071 10.2929L20.7071 14.2929C21.0976 14.6834 21.0976 15.3166 20.7071 15.7071L16.7071 19.7071C16.3166 20.0976 15.6834 20.0976 15.2929 19.7071C14.9024 19.3166 14.9024 18.6834 15.2929 18.2929L17.5858 16H6C4.34315 16 3 14.6569 3 13V5C3 4.44772 3.44772 4 4 4Z", fill: "currentColor" }) }));
|
|
2966
2965
|
}
|
|
2967
2966
|
|
|
2968
2967
|
function Copy(_a) {
|
|
@@ -3042,78 +3041,45 @@ function ArrowButton(_a) {
|
|
|
3042
3041
|
'aria-disabled:tw-bg-grey-600 aria-disabled:tw-text-grey-800'), children: jsxRuntime.jsx(ArrowRightIcon, {}) })] })));
|
|
3043
3042
|
}
|
|
3044
3043
|
|
|
3044
|
+
const INTERNAL_SQUID_THEME_KEYS = [
|
|
3045
|
+
'grey-100',
|
|
3046
|
+
'grey-200',
|
|
3047
|
+
'grey-300',
|
|
3048
|
+
'grey-400',
|
|
3049
|
+
'grey-500',
|
|
3050
|
+
'grey-600',
|
|
3051
|
+
'grey-700',
|
|
3052
|
+
'grey-800',
|
|
3053
|
+
'grey-900',
|
|
3054
|
+
'royal-300',
|
|
3055
|
+
'royal-400',
|
|
3056
|
+
'royal-500',
|
|
3057
|
+
'royal-700',
|
|
3058
|
+
'status-positive',
|
|
3059
|
+
'status-negative',
|
|
3060
|
+
'status-partial',
|
|
3061
|
+
'material-light-thin',
|
|
3062
|
+
'material-light-average',
|
|
3063
|
+
'material-light-thick',
|
|
3064
|
+
'material-dark-thin',
|
|
3065
|
+
'material-dark-average',
|
|
3066
|
+
'material-dark-thick',
|
|
3067
|
+
// grey-100 with 0.05 opacity
|
|
3068
|
+
'grey-100-005',
|
|
3069
|
+
// material-light and grey-900 blended color
|
|
3070
|
+
'material-light-blend-grey-900',
|
|
3071
|
+
'volt-700',
|
|
3072
|
+
];
|
|
3045
3073
|
const SQUID_THEME_CSS_VARIABLE_PREFIX = '--squid-theme-';
|
|
3046
3074
|
/**
|
|
3047
3075
|
* Mapping between readable variables name and css variables used TailwindCSS config
|
|
3048
3076
|
*/
|
|
3049
|
-
const themeTypesKeys =
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
'grey-200': {
|
|
3054
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-200`,
|
|
3055
|
-
},
|
|
3056
|
-
'grey-300': {
|
|
3057
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-300`,
|
|
3058
|
-
},
|
|
3059
|
-
'grey-400': {
|
|
3060
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-400`,
|
|
3061
|
-
},
|
|
3062
|
-
'grey-500': {
|
|
3063
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-500`,
|
|
3064
|
-
},
|
|
3065
|
-
'grey-600': {
|
|
3066
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-600`,
|
|
3067
|
-
},
|
|
3068
|
-
'grey-700': {
|
|
3069
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-700`,
|
|
3070
|
-
},
|
|
3071
|
-
'grey-800': {
|
|
3072
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-800`,
|
|
3073
|
-
},
|
|
3074
|
-
'grey-900': {
|
|
3075
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-900`,
|
|
3076
|
-
},
|
|
3077
|
-
'material-dark-average': {
|
|
3078
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}material-dark-average`,
|
|
3079
|
-
},
|
|
3080
|
-
'material-dark-thick': {
|
|
3081
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}material-dark-thick`,
|
|
3082
|
-
},
|
|
3083
|
-
'material-dark-thin': {
|
|
3084
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}material-dark-thin`,
|
|
3085
|
-
},
|
|
3086
|
-
'material-light-average': {
|
|
3087
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}material-light-average`,
|
|
3088
|
-
},
|
|
3089
|
-
'material-light-thick': {
|
|
3090
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}material-light-thick`,
|
|
3091
|
-
},
|
|
3092
|
-
'material-light-thin': {
|
|
3093
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}material-light-thin`,
|
|
3094
|
-
},
|
|
3095
|
-
'royal-400': {
|
|
3096
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}royal-400`,
|
|
3097
|
-
},
|
|
3098
|
-
'royal-500': {
|
|
3099
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}royal-500`,
|
|
3100
|
-
},
|
|
3101
|
-
'status-negative': {
|
|
3102
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}status-negative`,
|
|
3103
|
-
},
|
|
3104
|
-
'status-positive': {
|
|
3105
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}status-positive`,
|
|
3106
|
-
},
|
|
3107
|
-
'status-partial': {
|
|
3108
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}status-partial`,
|
|
3109
|
-
},
|
|
3110
|
-
'grey-100-005': {
|
|
3111
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}grey-100-005`,
|
|
3112
|
-
},
|
|
3113
|
-
'material-light-blend-grey-900': {
|
|
3114
|
-
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}material-light-blend-grey-900`,
|
|
3077
|
+
const themeTypesKeys = Object.fromEntries(INTERNAL_SQUID_THEME_KEYS.map((key) => [
|
|
3078
|
+
key,
|
|
3079
|
+
{
|
|
3080
|
+
cssVariable: `${SQUID_THEME_CSS_VARIABLE_PREFIX}${key}`,
|
|
3115
3081
|
},
|
|
3116
|
-
|
|
3082
|
+
]));
|
|
3117
3083
|
|
|
3118
3084
|
function SearchIcon() {
|
|
3119
3085
|
return (jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M20 20L16.05 16.05M18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
|
|
@@ -6648,6 +6614,9 @@ function trimExtraDecimals(value, maxDecimals) {
|
|
|
6648
6614
|
function SwapInputsIcon() {
|
|
6649
6615
|
return (jsxRuntime.jsxs("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_40_7936)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10.5C20 16.0228 15.5228 20.5 10 20.5C4.47715 20.5 0 16.0228 0 10.5C0 4.97715 4.47715 0.5 10 0.5C15.5228 0.5 20 4.97715 20 10.5ZM8.38268 4.57612C8.75636 4.7309 9 5.09554 9 5.5V15.5C9 16.0523 8.55228 16.5 8 16.5C7.44772 16.5 7 16.0523 7 15.5V7.91421L5.70711 9.20711C5.31658 9.59763 4.68342 9.59763 4.29289 9.20711C3.90237 8.81658 3.90237 8.18342 4.29289 7.79289L7.29289 4.79289C7.57889 4.5069 8.00901 4.42134 8.38268 4.57612ZM11 15.5C11 15.9045 11.2436 16.2691 11.6173 16.4239C11.991 16.5787 12.4211 16.4931 12.7071 16.2071L15.7071 13.2071C16.0976 12.8166 16.0976 12.1834 15.7071 11.7929C15.3166 11.4024 14.6834 11.4024 14.2929 11.7929L13 13.0858V5.5C13 4.94771 12.5523 4.5 12 4.5C11.4477 4.5 11 4.94771 11 5.5V15.5Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_40_7936", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white", transform: "translate(0 0.5)" }) }) })] }));
|
|
6650
6616
|
}
|
|
6617
|
+
function SwapIcon({ size = '24', className, }) {
|
|
6618
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M14 4L20 9.99998H4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M10 20L4 14H20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
6619
|
+
}
|
|
6651
6620
|
|
|
6652
6621
|
/*! *****************************************************************************
|
|
6653
6622
|
Copyright (c) Microsoft Corporation.
|
|
@@ -16692,6 +16661,10 @@ const CSS_VARS = {
|
|
|
16692
16661
|
SLIDE_TO_BOTTOM_DURATION: '--squid-animation-slide-to-bottom-duration',
|
|
16693
16662
|
BLUR_IN_DURATION: '--squid-animation-blur-in-duration',
|
|
16694
16663
|
BLUR_OUT_DURATION: '--squid-animation-blur-out-duration',
|
|
16664
|
+
COLLAPSIBLE_MENU_OPEN_WIDTH: '--squid-collapsible-menu-open-width',
|
|
16665
|
+
COLLAPSIBLE_MENU_OPEN_HEIGHT: '--squid-collapsible-menu-open-height',
|
|
16666
|
+
COLLAPSIBLE_MENU_CLOSED_WIDTH: '--squid-collapsible-menu-closed-width',
|
|
16667
|
+
COLLAPSIBLE_MENU_CLOSED_HEIGHT: '--squid-collapsible-menu-closed-height',
|
|
16695
16668
|
};
|
|
16696
16669
|
const ANIMATION_DURATIONS = {
|
|
16697
16670
|
SHOW_ROUTE: 300,
|
|
@@ -16893,6 +16866,9 @@ function EmojiSadIcon({ className, size = '20', }) {
|
|
|
16893
16866
|
function EmojiMeh({ className, size = '20', }) {
|
|
16894
16867
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM7.25 9C7.94036 9 8.5 8.32843 8.5 7.5C8.5 6.67157 7.94036 6 7.25 6C6.55964 6 6 6.67157 6 7.5C6 8.32843 6.55964 9 7.25 9ZM14 7.5C14 8.32843 13.4404 9 12.75 9C12.0596 9 11.5 8.32843 11.5 7.5C11.5 6.67157 12.0596 6 12.75 6C13.4404 6 14 6.67157 14 7.5ZM7 12C6.44772 12 6 12.4477 6 13C6 13.5523 6.44772 14 7 14H13C13.5523 14 14 13.5523 14 13C14 12.4477 13.5523 12 13 12H7Z", fill: "currentColor" }) }));
|
|
16895
16868
|
}
|
|
16869
|
+
function SmileIcon({ size = '24', className, }) {
|
|
16870
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_2573_74090)", children: [jsxRuntime.jsx("path", { d: "M12 22.9875C18.0751 22.9875 23 18.0653 23 11.9935C23 5.92168 18.0751 0.999512 12 0.999512C5.92487 0.999512 1 5.92168 1 11.9935C1 18.0653 5.92487 22.9875 12 22.9875Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M7.31374 11.0095C6.94478 9.96836 7.48967 8.82526 8.53079 8.45629C9.57192 8.08732 10.715 8.63222 11.084 9.67334", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M13.9119 8.67122C13.5429 7.6301 14.0878 6.487 15.1289 6.11803C16.1701 5.74907 17.3132 6.29396 17.6821 7.33508", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8.6499 14.7798C10.0385 16.7323 12.6907 17.5915 15.1705 16.7127C17.6503 15.8339 19.1696 13.4963 19.0181 11.1054", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_2573_74090", children: jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
|
|
16871
|
+
}
|
|
16896
16872
|
|
|
16897
16873
|
function ErrorMessage({ message, showIcon = true }) {
|
|
16898
16874
|
return (jsxRuntime.jsxs("div", { className: "tw-flex tw-h-squid-xl tw-flex-1 tw-items-center tw-gap-squid-xxs tw-text-status-negative", children: [showIcon ? jsxRuntime.jsx(EmojiSadIcon, {}) : null, jsxRuntime.jsx(CaptionText, { children: message })] }));
|
|
@@ -17014,6 +16990,57 @@ function useMediaQuery(query, { defaultValue = false, initializeWithValue = true
|
|
|
17014
16990
|
return matches;
|
|
17015
16991
|
}
|
|
17016
16992
|
|
|
16993
|
+
function useCollapsibleMenu() {
|
|
16994
|
+
const [isMenuOpen, setIsMenuOpen] = React$1.useState(false);
|
|
16995
|
+
const menuRef = React$1.useRef(null);
|
|
16996
|
+
const toggleMenu = () => {
|
|
16997
|
+
setIsMenuOpen(!isMenuOpen);
|
|
16998
|
+
};
|
|
16999
|
+
React$1.useEffect(() => {
|
|
17000
|
+
const handleClickOutside = (event) => {
|
|
17001
|
+
if (menuRef.current && !menuRef.current.contains(event.target)) {
|
|
17002
|
+
setIsMenuOpen(false);
|
|
17003
|
+
}
|
|
17004
|
+
};
|
|
17005
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
17006
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
17007
|
+
}, []);
|
|
17008
|
+
return {
|
|
17009
|
+
isMenuOpen,
|
|
17010
|
+
toggleMenu,
|
|
17011
|
+
menuRef,
|
|
17012
|
+
};
|
|
17013
|
+
}
|
|
17014
|
+
|
|
17015
|
+
const useTimer = ({ immediateStart = true, }) => {
|
|
17016
|
+
const [timer, setTimer] = React$1.useState('0s');
|
|
17017
|
+
const intervalRef = React$1.useRef(null);
|
|
17018
|
+
const startTimer = () => {
|
|
17019
|
+
if (intervalRef.current !== null)
|
|
17020
|
+
return; // Prevent multiple intervals
|
|
17021
|
+
const startTime = Date.now();
|
|
17022
|
+
intervalRef.current = window.setInterval(() => {
|
|
17023
|
+
const elapsedTime = Date.now() - startTime;
|
|
17024
|
+
setTimer(formatDuration(elapsedTime));
|
|
17025
|
+
}, 1000);
|
|
17026
|
+
};
|
|
17027
|
+
const stopTimer = () => {
|
|
17028
|
+
if (intervalRef.current !== null) {
|
|
17029
|
+
clearInterval(intervalRef.current);
|
|
17030
|
+
intervalRef.current = null;
|
|
17031
|
+
}
|
|
17032
|
+
};
|
|
17033
|
+
React$1.useEffect(() => {
|
|
17034
|
+
if (immediateStart) {
|
|
17035
|
+
startTimer();
|
|
17036
|
+
}
|
|
17037
|
+
return () => {
|
|
17038
|
+
stopTimer();
|
|
17039
|
+
};
|
|
17040
|
+
}, [immediateStart]);
|
|
17041
|
+
return { timer, stopTimer, startTimer };
|
|
17042
|
+
};
|
|
17043
|
+
|
|
17017
17044
|
const dropdownPositionClassMap = {
|
|
17018
17045
|
top: 'tw-right-[calc(100%-10px)] tw-bottom-7',
|
|
17019
17046
|
bottom: 'tw-right-[calc(100%-10px)] tw-top-7',
|
|
@@ -17471,9 +17498,29 @@ function Transfer({ isLoading, from, to, className }) {
|
|
|
17471
17498
|
return (jsxRuntime.jsx("div", { className: cn('tw-flex tw-items-center tw-gap-squid-xxs', className), children: jsxRuntime.jsxs(Join, { glue: () => jsxRuntime.jsx(ChevronLargeRightIcon, { className: "tw-text-grey-500" }), children: [isLoading ? jsxRuntime.jsx(TextSkeleton, {}) : from, isLoading ? jsxRuntime.jsx(TextSkeleton, {}) : to] }) }));
|
|
17472
17499
|
}
|
|
17473
17500
|
|
|
17474
|
-
function TransactionItem({ className, isLoading = false, status, image, type, hash, fromChain, toChain, fromAmount, toAmount, timestamp, }) {
|
|
17475
|
-
return (jsxRuntime.jsxs("div", { className: cn('tw-flex tw-items-stretch tw-gap-squid-xs tw-bg-grey-900 tw-p-squid-xs', className), children: [jsxRuntime.jsxs("div", { className: "tw-timeline-gradient-mask tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xxs", children: [jsxRuntime.jsxs(Timeline, { className: "tw-flex-grow tw-text-grey-700", children: [jsxRuntime.jsx(Timeline.Straight, {}), jsxRuntime.jsx(Timeline.CapBottom, {})] }), jsxRuntime.jsx(TransactionState, { status: !status || isLoading ? 'pending' : status, variant: "compact" }), jsxRuntime.jsxs(Timeline, { className: "tw-flex-grow tw-text-grey-700", children: [jsxRuntime.jsx(Timeline.CapTop, {}), jsxRuntime.jsx(Timeline.Straight, {})] })] }), jsxRuntime.jsx("div", { className: "tw-flex tw-w-[50px] tw-items-center tw-justify-center", children: image }), jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-grow tw-flex-col tw-gap-squid-xxs", children: [jsxRuntime.jsx(CaptionText, { className: "tw-flex tw-items-center tw-gap-squid-xxs tw-text-grey-300", children: jsxRuntime.
|
|
17501
|
+
function TransactionItem({ className, isLoading = false, status, image, type, hash, fromChain, toChain, fromAmount, toAmount, timestamp, variant = 'full', }) {
|
|
17502
|
+
return (jsxRuntime.jsxs("div", { className: cn('tw-flex tw-items-stretch tw-gap-squid-xs tw-bg-grey-900 tw-p-squid-xs', className), children: [variant === 'full' && (jsxRuntime.jsxs("div", { className: "tw-timeline-gradient-mask tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xxs", children: [jsxRuntime.jsxs(Timeline, { className: "tw-flex-grow tw-text-grey-700", children: [jsxRuntime.jsx(Timeline.Straight, {}), jsxRuntime.jsx(Timeline.CapBottom, {})] }), jsxRuntime.jsx(TransactionState, { status: !status || isLoading ? 'pending' : status, variant: "compact" }), jsxRuntime.jsxs(Timeline, { className: "tw-flex-grow tw-text-grey-700", children: [jsxRuntime.jsx(Timeline.CapTop, {}), jsxRuntime.jsx(Timeline.Straight, {})] })] })), jsxRuntime.jsx("div", { className: "tw-flex tw-w-[50px] tw-items-center tw-justify-center", children: image }), jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-grow tw-flex-col tw-gap-squid-xxs", children: [jsxRuntime.jsx(CaptionText, { className: "tw-flex tw-items-center tw-gap-squid-xxs tw-text-grey-300", children: jsxRuntime.jsx(TransactionItemHeader, { hash: hash, status: status, type: type, isLoading: isLoading, variant: variant }) }), (isLoading || fromChain || toChain) && (jsxRuntime.jsx(CaptionText, { className: "tw-block tw-h-squid-m", children: jsxRuntime.jsx(Transfer, { className: "tw-text-grey-400", isLoading: isLoading, from: fromChain && (jsxRuntime.jsx(IconLabel, { src: fromChain.logoURI, children: fromChain.name })), to: toChain && (jsxRuntime.jsx(IconLabel, { src: toChain.logoURI, children: toChain.name })) }) })), (isLoading || fromAmount || toAmount) && (jsxRuntime.jsx(Transfer, { className: "tw-text-grey-300", isLoading: isLoading, from: fromAmount ? (jsxRuntime.jsx(BodyText, { size: "small", children: fromAmount })) : undefined, to: toAmount ? (jsxRuntime.jsx(BodyText, { size: "small", children: toAmount })) : undefined }))] }), timestamp && variant === 'full' && (jsxRuntime.jsx(CaptionText, { className: "tw-text-grey-500", children: formatRelativeTime(timestamp) }))] }));
|
|
17476
17503
|
}
|
|
17504
|
+
const TransactionItemHeaderWrapper = ({ children, }) => {
|
|
17505
|
+
return (jsxRuntime.jsx(Join, { glue: () => jsxRuntime.jsx(PipeSeparator, { className: "tw-text-grey-600" }), children: children }));
|
|
17506
|
+
};
|
|
17507
|
+
const TransactionItemHeader = ({ isLoading, variant, type, hash, status, }) => {
|
|
17508
|
+
if (isLoading) {
|
|
17509
|
+
return (jsxRuntime.jsxs(TransactionItemHeaderWrapper, { children: [jsxRuntime.jsx(TextSkeleton, {}), jsxRuntime.jsx(TextSkeleton, {})] }));
|
|
17510
|
+
}
|
|
17511
|
+
if (variant === 'full') {
|
|
17512
|
+
if (!type || !hash)
|
|
17513
|
+
return null;
|
|
17514
|
+
return (jsxRuntime.jsxs(TransactionItemHeaderWrapper, { children: [jsxRuntime.jsx(TxTypeLabel, { type: type }), jsxRuntime.jsx("span", { className: "tw-text-grey-500", children: truncateHash(hash) })] }));
|
|
17515
|
+
}
|
|
17516
|
+
if (status && type) {
|
|
17517
|
+
return (jsxRuntime.jsxs(TransactionItemHeaderWrapper, { children: [jsxRuntime.jsx(TransactionState, { status: status, variant: "small" }), jsxRuntime.jsx(TxTypeLabel, { type: type })] }));
|
|
17518
|
+
}
|
|
17519
|
+
return null;
|
|
17520
|
+
};
|
|
17521
|
+
const TxTypeLabel = ({ type }) => {
|
|
17522
|
+
return (jsxRuntime.jsxs("span", { className: "tw-inline-flex tw-items-center tw-gap-[2px] tw-text-royal-500", children: [type === null || type === void 0 ? void 0 : type.icon, " ", type === null || type === void 0 ? void 0 : type.name] }));
|
|
17523
|
+
};
|
|
17477
17524
|
|
|
17478
17525
|
const borderRadiusClassMap = {
|
|
17479
17526
|
sm: 'tw-rounded-squid-s',
|
|
@@ -17554,6 +17601,20 @@ function NavigationBar(_a) {
|
|
|
17554
17601
|
: 'tw-flex'), children: jsxRuntime.jsx(HeadingText, { size: "small", children: title }) })) : null] })));
|
|
17555
17602
|
}
|
|
17556
17603
|
|
|
17604
|
+
function CollapsibleMenu({ children, menuRef, isOpen, transitionDuration, size, className, }) {
|
|
17605
|
+
return (jsxRuntime.jsx("aside", { style: Object.assign({ transitionDuration, transitionTimingFunction: isOpen
|
|
17606
|
+
? 'cubic-bezier(0.4, 1.3, 0.4, 1)'
|
|
17607
|
+
: undefined, [CSS_VARS.COLLAPSIBLE_MENU_OPEN_WIDTH]: size.open.width, [CSS_VARS.COLLAPSIBLE_MENU_OPEN_HEIGHT]: size.open.height, [CSS_VARS.COLLAPSIBLE_MENU_CLOSED_WIDTH]: size.closed.width, [CSS_VARS.COLLAPSIBLE_MENU_CLOSED_HEIGHT]: size.closed.height }, (isOpen
|
|
17608
|
+
? {
|
|
17609
|
+
width: `var(${CSS_VARS.COLLAPSIBLE_MENU_OPEN_WIDTH})`,
|
|
17610
|
+
height: `var(${CSS_VARS.COLLAPSIBLE_MENU_OPEN_HEIGHT})`,
|
|
17611
|
+
}
|
|
17612
|
+
: {
|
|
17613
|
+
width: `var(${CSS_VARS.COLLAPSIBLE_MENU_CLOSED_WIDTH})`,
|
|
17614
|
+
height: `var(${CSS_VARS.COLLAPSIBLE_MENU_CLOSED_HEIGHT})`,
|
|
17615
|
+
})), className: cn('tw-fixed tw-z-40 tw-flex tw-flex-col tw-overflow-hidden tw-bg-grey-900 tw-text-grey-200 tw-shadow-elevation-light-3 tw-outline-material-light-thin', className), ref: menuRef, children: children }));
|
|
17616
|
+
}
|
|
17617
|
+
|
|
17557
17618
|
const lightTheme = {
|
|
17558
17619
|
// content
|
|
17559
17620
|
'content-100': '#17191C',
|
|
@@ -17566,12 +17627,16 @@ const lightTheme = {
|
|
|
17566
17627
|
'content-800': '#EDEEF3',
|
|
17567
17628
|
'content-900': '#FBFBFD',
|
|
17568
17629
|
// accent
|
|
17630
|
+
'accent-300': '#8C53C5',
|
|
17569
17631
|
'accent-400': '#9E79D2',
|
|
17570
17632
|
'accent-500': '#B893EC',
|
|
17633
|
+
'accent-700': '#E3D0FD',
|
|
17571
17634
|
// status
|
|
17572
17635
|
'status-positive': '#17CF26',
|
|
17573
17636
|
'status-negative': '#FF5B4D',
|
|
17574
17637
|
'status-warning': '#EC9213',
|
|
17638
|
+
// highlight
|
|
17639
|
+
'highlight-700': '#E4FE53',
|
|
17575
17640
|
};
|
|
17576
17641
|
const darkTheme = {
|
|
17577
17642
|
// content
|
|
@@ -17585,12 +17650,333 @@ const darkTheme = {
|
|
|
17585
17650
|
'content-800': '#292C32',
|
|
17586
17651
|
'content-900': '#17191C',
|
|
17587
17652
|
// accent
|
|
17653
|
+
'accent-300': '#D9BEF4',
|
|
17588
17654
|
'accent-400': '#B893EC',
|
|
17589
17655
|
'accent-500': '#9E79D2',
|
|
17656
|
+
'accent-700': '#6B45A1',
|
|
17590
17657
|
// status
|
|
17591
17658
|
'status-positive': '#7AE870',
|
|
17592
17659
|
'status-negative': '#FF4D5B',
|
|
17593
17660
|
'status-warning': '#F3AF25',
|
|
17661
|
+
// highlight
|
|
17662
|
+
'highlight-700': '#08A054',
|
|
17663
|
+
};
|
|
17664
|
+
|
|
17665
|
+
const spacing = {
|
|
17666
|
+
'squid-xxs': '0.3125rem', // 5px
|
|
17667
|
+
'squid-xs': '0.625rem', // 10px
|
|
17668
|
+
'squid-s': '0.9375rem', // 15px
|
|
17669
|
+
'squid-m': '1.25rem', // 20px
|
|
17670
|
+
'squid-l': '1.875rem', // 30px
|
|
17671
|
+
'squid-xl': '2.5rem', // 40px
|
|
17672
|
+
'squid-xxl': '3.75rem', // 60px
|
|
17673
|
+
};
|
|
17674
|
+
const backdropBlur = {
|
|
17675
|
+
'/10': '10px',
|
|
17676
|
+
'/20': '20px',
|
|
17677
|
+
};
|
|
17678
|
+
const widths = {
|
|
17679
|
+
button: '9.5625rem', // 153px
|
|
17680
|
+
'list-item-compact': '22.0625rem', // 353px
|
|
17681
|
+
'list-item-small': '21.25rem', // 340px
|
|
17682
|
+
'card-large': '480px',
|
|
17683
|
+
'card-compact': '393px',
|
|
17684
|
+
'modal-extra-large': '440px',
|
|
17685
|
+
'modal-large': '400px',
|
|
17686
|
+
'modal-compact': '373px',
|
|
17687
|
+
};
|
|
17688
|
+
const heights = {
|
|
17689
|
+
button: '3.75rem', // 60px
|
|
17690
|
+
'list-item-large': '3.125rem', // 50px
|
|
17691
|
+
'list-item-small': '2.5rem', // 40px
|
|
17692
|
+
'card-large': '660px',
|
|
17693
|
+
'card-compact': '640px',
|
|
17694
|
+
'card-small': '580px',
|
|
17695
|
+
'modal-large': '600px',
|
|
17696
|
+
'modal-compact': '631px',
|
|
17697
|
+
};
|
|
17698
|
+
// tw-shadow-*
|
|
17699
|
+
const boxShadow = {
|
|
17700
|
+
'elevation-dark-3': '0px 2px 4px 0px rgba(0, 0, 0, 0.20), 0px 5px 50px -1px rgba(0, 0, 0, 0.33)',
|
|
17701
|
+
'elevation-light-3': '0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 5px 50px -1px rgba(0, 0, 0, 0.20)',
|
|
17702
|
+
'elevation-dark-2': '0px 2px 5px 1px rgba(0, 0, 0, 0.20), 0px 5px 20px -1px rgba(0, 0, 0, 0.33)',
|
|
17703
|
+
'elevation-light-1': '0px 1px 2px 0px #0000001A',
|
|
17704
|
+
'elevation-light-2': '0px 2px 5px 1px rgba(0, 0, 0, 0.10), 0px 5px 20px -1px rgba(0, 0, 0, 0.10)',
|
|
17705
|
+
'inset-royal': '0px 0px 50px 0px #876FE2 inset',
|
|
17706
|
+
};
|
|
17707
|
+
// tw-bg-*
|
|
17708
|
+
const backgrounds = {
|
|
17709
|
+
'royal-light': 'linear-gradient(180deg, #A577D8 0%, #BF91F2 100%)',
|
|
17710
|
+
'royal-dark': 'linear-gradient(180deg, #BF91F2 0%, #A577D8 100%)',
|
|
17711
|
+
'dark-cover': 'linear-gradient(90deg, var(--squid-theme-material-dark-thick) 45.4%, transparent 50.85%, var(--squid-theme-material-dark-thick) 55.61%)',
|
|
17712
|
+
};
|
|
17713
|
+
const baseTailwindConfig = {
|
|
17714
|
+
prefix: 'tw-',
|
|
17715
|
+
content: ['./src/**/*.{ts,tsx,js,jsx}', '.storybook/**/*.{ts,tsx,js,jsx}'],
|
|
17716
|
+
theme: {
|
|
17717
|
+
extend: {
|
|
17718
|
+
screens: Object.values(MEDIA_QUERIES).reduce((acc, curr) => {
|
|
17719
|
+
// 'raw' means that we want to use the raw media query value
|
|
17720
|
+
// https://tailwindcss.com/docs/screens#custom-media-queries
|
|
17721
|
+
acc[curr.key] = { raw: curr.media };
|
|
17722
|
+
return acc;
|
|
17723
|
+
}, {}),
|
|
17724
|
+
keyframes: {
|
|
17725
|
+
'move-to-right-with-spring-bounce': {
|
|
17726
|
+
'0%': {
|
|
17727
|
+
transform: 'translateX(-25%)',
|
|
17728
|
+
},
|
|
17729
|
+
'50%': {
|
|
17730
|
+
transform: 'translateX(27%)',
|
|
17731
|
+
},
|
|
17732
|
+
'80%': {
|
|
17733
|
+
transform: 'translateX(24%)',
|
|
17734
|
+
},
|
|
17735
|
+
'100%': {
|
|
17736
|
+
transform: 'translateX(25%)',
|
|
17737
|
+
},
|
|
17738
|
+
},
|
|
17739
|
+
'move-to-left-with-spring-bounce': {
|
|
17740
|
+
'0%': {
|
|
17741
|
+
transform: 'translateX(25%)',
|
|
17742
|
+
},
|
|
17743
|
+
'50%': {
|
|
17744
|
+
transform: 'translateX(-27%)',
|
|
17745
|
+
},
|
|
17746
|
+
'80%': {
|
|
17747
|
+
transform: 'translateX(-24%)',
|
|
17748
|
+
},
|
|
17749
|
+
'100%': {
|
|
17750
|
+
transform: 'translateX(-25%)',
|
|
17751
|
+
},
|
|
17752
|
+
},
|
|
17753
|
+
'slide-to-top': {
|
|
17754
|
+
'0%': {
|
|
17755
|
+
transform: 'translate3d(0, 650px, 0)',
|
|
17756
|
+
},
|
|
17757
|
+
'100%': {
|
|
17758
|
+
transform: 'translate3d(0, 0, 0)',
|
|
17759
|
+
},
|
|
17760
|
+
},
|
|
17761
|
+
'slide-to-bottom': {
|
|
17762
|
+
'0%': {
|
|
17763
|
+
transform: 'translate3d(0, 0, 0)',
|
|
17764
|
+
},
|
|
17765
|
+
'100%': {
|
|
17766
|
+
transform: 'translate3d(0, 650px, 0)',
|
|
17767
|
+
},
|
|
17768
|
+
},
|
|
17769
|
+
'expand-route': {
|
|
17770
|
+
'0%': {
|
|
17771
|
+
height: '60px',
|
|
17772
|
+
},
|
|
17773
|
+
'100%': {
|
|
17774
|
+
height: '100%',
|
|
17775
|
+
},
|
|
17776
|
+
},
|
|
17777
|
+
'collapse-route': {
|
|
17778
|
+
'0%': {
|
|
17779
|
+
height: '100%',
|
|
17780
|
+
},
|
|
17781
|
+
'100%': {
|
|
17782
|
+
height: '60px',
|
|
17783
|
+
},
|
|
17784
|
+
},
|
|
17785
|
+
'fade-in': {
|
|
17786
|
+
'0%': {
|
|
17787
|
+
opacity: '0',
|
|
17788
|
+
},
|
|
17789
|
+
'100%': {
|
|
17790
|
+
opacity: '1',
|
|
17791
|
+
},
|
|
17792
|
+
},
|
|
17793
|
+
'fade-out': {
|
|
17794
|
+
'0%': {
|
|
17795
|
+
opacity: '1',
|
|
17796
|
+
},
|
|
17797
|
+
'100%': {
|
|
17798
|
+
opacity: '0',
|
|
17799
|
+
},
|
|
17800
|
+
},
|
|
17801
|
+
'loading-gradient': {
|
|
17802
|
+
'0%': {
|
|
17803
|
+
transform: 'translateX(-70%)',
|
|
17804
|
+
opacity: '0',
|
|
17805
|
+
},
|
|
17806
|
+
'50%': {
|
|
17807
|
+
opacity: '1',
|
|
17808
|
+
},
|
|
17809
|
+
'100%': {
|
|
17810
|
+
opacity: '0',
|
|
17811
|
+
transform: 'translateX(70%)',
|
|
17812
|
+
},
|
|
17813
|
+
},
|
|
17814
|
+
'translate-to-bottom': {
|
|
17815
|
+
'0%': {
|
|
17816
|
+
transform: 'translateY(0)',
|
|
17817
|
+
},
|
|
17818
|
+
'100%': {
|
|
17819
|
+
transform: 'translateY(100%)',
|
|
17820
|
+
},
|
|
17821
|
+
},
|
|
17822
|
+
'translate-to-top': {
|
|
17823
|
+
'0%': {
|
|
17824
|
+
transform: 'translateY(0)',
|
|
17825
|
+
},
|
|
17826
|
+
'100%': {
|
|
17827
|
+
transform: 'translateY(-100%)',
|
|
17828
|
+
},
|
|
17829
|
+
},
|
|
17830
|
+
'blur-in': {
|
|
17831
|
+
'0%': {
|
|
17832
|
+
'backdrop-filter': 'blur(0px)',
|
|
17833
|
+
},
|
|
17834
|
+
'100%': {
|
|
17835
|
+
'backdrop-filter': 'blur(20px) saturate(150%)',
|
|
17836
|
+
'background-color': `var(${themeTypesKeys['material-dark-average'].cssVariable})`,
|
|
17837
|
+
},
|
|
17838
|
+
},
|
|
17839
|
+
'blur-out': {
|
|
17840
|
+
'0%': {
|
|
17841
|
+
'backdrop-filter': 'blur(20px) saturate(150%)',
|
|
17842
|
+
'background-color': `var(${themeTypesKeys['material-dark-average'].cssVariable})`,
|
|
17843
|
+
},
|
|
17844
|
+
'100%': {
|
|
17845
|
+
'backdrop-filter': 'blur(0px)',
|
|
17846
|
+
},
|
|
17847
|
+
},
|
|
17848
|
+
display: {
|
|
17849
|
+
'0%': {
|
|
17850
|
+
display: 'none',
|
|
17851
|
+
},
|
|
17852
|
+
'100%': {
|
|
17853
|
+
display: 'block',
|
|
17854
|
+
},
|
|
17855
|
+
},
|
|
17856
|
+
hide: {
|
|
17857
|
+
'0%': {
|
|
17858
|
+
display: 'block',
|
|
17859
|
+
},
|
|
17860
|
+
'100%': {
|
|
17861
|
+
display: 'none',
|
|
17862
|
+
},
|
|
17863
|
+
},
|
|
17864
|
+
'move-loading-cover-to-right': {
|
|
17865
|
+
'0%': {
|
|
17866
|
+
transform: 'translateX(-64%)',
|
|
17867
|
+
},
|
|
17868
|
+
'100%': {
|
|
17869
|
+
transform: 'translateX(0%)',
|
|
17870
|
+
},
|
|
17871
|
+
},
|
|
17872
|
+
'scale-and-fade-down': {
|
|
17873
|
+
'0%': {
|
|
17874
|
+
transform: 'scale(1)',
|
|
17875
|
+
opacity: '1',
|
|
17876
|
+
},
|
|
17877
|
+
'100%': {
|
|
17878
|
+
transform: 'scale(0.9)',
|
|
17879
|
+
opacity: '0.5',
|
|
17880
|
+
},
|
|
17881
|
+
},
|
|
17882
|
+
'scale-and-fade-up': {
|
|
17883
|
+
'0%': {
|
|
17884
|
+
transform: 'scale(0.9)',
|
|
17885
|
+
opacity: '0.5',
|
|
17886
|
+
},
|
|
17887
|
+
'100%': {
|
|
17888
|
+
transform: 'scale(1)',
|
|
17889
|
+
opacity: '1',
|
|
17890
|
+
},
|
|
17891
|
+
},
|
|
17892
|
+
},
|
|
17893
|
+
animation: {
|
|
17894
|
+
'move-to-right-with-spring-bounce': `move-to-right-with-spring-bounce var(${CSS_VARS.MOVE_WITH_SPRING_BOUNCE_DURATION}, 0s) ease-out both`,
|
|
17895
|
+
'move-to-left-with-spring-bounce': `move-to-left-with-spring-bounce var(${CSS_VARS.MOVE_WITH_SPRING_BOUNCE_DURATION}, 0s) ease-out both`,
|
|
17896
|
+
'slide-to-top': `slide-to-top var(${CSS_VARS.SLIDE_TO_TOP_DURATION}, 0s) ${ANIMATION_TIMINGS.SHOW_ROUTE} both`,
|
|
17897
|
+
'slide-to-bottom': `slide-to-bottom var(${CSS_VARS.SLIDE_TO_BOTTOM_DURATION}, 0s) ${ANIMATION_TIMINGS.HIDE_ROUTE} both`,
|
|
17898
|
+
'expand-route': `expand-route var(${CSS_VARS.EXPAND_ROUTE_DURATION}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
|
|
17899
|
+
'collapse-route': `collapse-route var(${CSS_VARS.COLLAPSE_ROUTE_DURATION}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
|
|
17900
|
+
'fade-in': `fade-in var(${CSS_VARS.FADE_IN_DURATION}, 0s) ease-out both`,
|
|
17901
|
+
'fade-out': `fade-out var(${CSS_VARS.FADE_OUT_DURATION}, 0s) ease-out both`,
|
|
17902
|
+
'scale-and-fade-down': `scale-and-fade-down var(${CSS_VARS.SCALE_AND_FADE_DOWN_DURATION}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
|
|
17903
|
+
'scale-and-fade-up': `scale-and-fade-up var(${CSS_VARS.SCALE_AND_FADE_UP_DURATION}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
|
|
17904
|
+
'loading-gradient': 'loading-gradient 1s ease-in-out both infinite',
|
|
17905
|
+
'translate-to-bottom': `translate-to-bottom var(${CSS_VARS.TRANSLATE_TOP_OR_BOTTOM}, 0s) ${ANIMATION_TIMINGS.EXPAND_ROUTE} both`,
|
|
17906
|
+
'translate-to-top': `translate-to-top var(${CSS_VARS.TRANSLATE_TOP_OR_BOTTOM}, 0s) ${ANIMATION_TIMINGS.COLLAPSE_ROUTE} both`,
|
|
17907
|
+
'blur-in': `blur-in var(${CSS_VARS.BLUR_IN_DURATION}, 0s) ${ANIMATION_TIMINGS.SHOW_ROUTE} both`,
|
|
17908
|
+
'blur-out': `blur-out var(${CSS_VARS.BLUR_OUT_DURATION}, 0s) ${ANIMATION_TIMINGS.HIDE_ROUTE} both`,
|
|
17909
|
+
'display-delayed': `display 0s var(${CSS_VARS.DISPLAY_DELAYED_DURATION}, 0s) ease-out both`,
|
|
17910
|
+
hide: `hide 0s ease-out forwards`,
|
|
17911
|
+
'move-loading-cover-to-right': 'move-loading-cover-to-right 1.4s linear infinite',
|
|
17912
|
+
},
|
|
17913
|
+
opacity: {
|
|
17914
|
+
33: '0.33',
|
|
17915
|
+
66: '0.66',
|
|
17916
|
+
},
|
|
17917
|
+
fontFamily: {
|
|
17918
|
+
geist: ['Geist', 'sans-serif'],
|
|
17919
|
+
},
|
|
17920
|
+
letterSpacing: {
|
|
17921
|
+
// body text
|
|
17922
|
+
'body-small': '-0.366px',
|
|
17923
|
+
'body-medium': '-0.675px',
|
|
17924
|
+
'body-large': '-0.843px',
|
|
17925
|
+
// heading letter
|
|
17926
|
+
'heading-small': '-1.05px',
|
|
17927
|
+
'heading-medium': '-2.465px',
|
|
17928
|
+
'heading-large': '-3.525px',
|
|
17929
|
+
},
|
|
17930
|
+
fontSize: {
|
|
17931
|
+
// caption text
|
|
17932
|
+
caption: '0.875rem', // 14px
|
|
17933
|
+
// body text
|
|
17934
|
+
'body-small': '1.14375rem', // 18.5px
|
|
17935
|
+
'body-medium': '1.40625rem', // 22.5px
|
|
17936
|
+
'body-large': '1.75625rem', // 28.1px
|
|
17937
|
+
// heading
|
|
17938
|
+
'heading-small': '2.1875rem', // 35px
|
|
17939
|
+
'heading-medium': '3.08125rem', // 49.3px
|
|
17940
|
+
'heading-large': '4.40625rem', // 70.5px
|
|
17941
|
+
},
|
|
17942
|
+
fontWeight: {
|
|
17943
|
+
// body text and caption text
|
|
17944
|
+
'typography-regular': '400',
|
|
17945
|
+
'typography-bold': '600',
|
|
17946
|
+
// headings
|
|
17947
|
+
'heading-regular': '400',
|
|
17948
|
+
'heading-bold': '600',
|
|
17949
|
+
},
|
|
17950
|
+
lineHeight: {
|
|
17951
|
+
// caption text
|
|
17952
|
+
caption: '19.6px',
|
|
17953
|
+
// body text
|
|
17954
|
+
'body-small': '25.62px',
|
|
17955
|
+
'body-medium': '31.5px',
|
|
17956
|
+
'body-large': '39.34px',
|
|
17957
|
+
// headings
|
|
17958
|
+
'heading-small': '38.5px',
|
|
17959
|
+
'heading-medium': '49.3px',
|
|
17960
|
+
'heading-large': '66.97px',
|
|
17961
|
+
},
|
|
17962
|
+
width: widths,
|
|
17963
|
+
height: heights,
|
|
17964
|
+
minWidth: widths,
|
|
17965
|
+
minHeight: heights,
|
|
17966
|
+
maxWidth: widths,
|
|
17967
|
+
maxHeight: heights,
|
|
17968
|
+
spacing,
|
|
17969
|
+
borderRadius: spacing,
|
|
17970
|
+
boxShadow,
|
|
17971
|
+
backgroundImage: backgrounds,
|
|
17972
|
+
backdropBlur,
|
|
17973
|
+
colors: Object.assign({}, Object.entries(themeTypesKeys).reduce((acc, [key, { cssVariable }]) => {
|
|
17974
|
+
acc[key] = `var(${cssVariable})`;
|
|
17975
|
+
return acc;
|
|
17976
|
+
}, {})),
|
|
17977
|
+
},
|
|
17978
|
+
},
|
|
17979
|
+
plugins: [],
|
|
17594
17980
|
};
|
|
17595
17981
|
|
|
17596
17982
|
const createStoreImpl = (createState) => {
|
|
@@ -18165,8 +18551,8 @@ function BorderedContainer({ children, className, }) {
|
|
|
18165
18551
|
return (jsxRuntime.jsx("section", { className: cn('tw-border-t tw-border-t-material-light-thin', className), children: children }));
|
|
18166
18552
|
}
|
|
18167
18553
|
|
|
18168
|
-
function SquidLogo() {
|
|
18169
|
-
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width:
|
|
18554
|
+
function SquidLogo({ size = '40', className, }) {
|
|
18555
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 40 40", fill: "none", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_133_44979)", children: jsxRuntime.jsx("path", { d: "M39.7776 17.0119L39.7737 16.9863L39.6631 16.9902C39.6631 16.9902 39.6608 17.0237 39.6601 17.027L39.6233 17.0286C39.5751 17.6494 39.4736 18.2391 39.3215 18.7807C38.9488 20.1143 38.3241 21.4615 37.5632 22.5742C36.7215 23.8061 35.7416 24.719 34.7288 25.2142C34.0969 25.5239 33.4703 25.7509 32.8673 25.8894C32.3993 25.9949 31.9376 26.0477 31.4969 26.0477C29.9688 26.0477 28.5688 25.4047 27.4473 24.1886C25.7136 22.3078 24.7097 19.075 24.9488 16.143C25.0319 15.1173 25.196 14.163 25.3544 13.2405C25.6913 11.2822 25.9816 9.59092 25.4384 7.82282C25.1471 6.87567 24.532 6.14133 23.7048 5.7539C23.1416 5.48987 22.5537 5.35623 21.956 5.35623C20.0352 5.35623 18.4503 6.70896 17.6775 7.86752C16.4976 9.63632 15.9094 11.8636 16.0657 13.9772C16.2112 15.9555 16.8969 17.2596 17.9257 19.0251C18.4417 19.9099 18.9793 20.6915 19.4545 21.3818C20.2577 22.5499 20.9513 23.5588 21.2936 24.6652C21.7681 26.1988 21.4384 26.9364 21.2743 27.1828C21.0719 27.4868 20.7471 27.6619 20.3078 27.7036C20.2517 27.7092 20.1965 27.7115 20.143 27.7115C18.8021 27.7115 18.7765 25.881 18.7614 24.7867V24.7621C18.7607 24.6899 18.759 24.6212 18.7581 24.5555C18.7125 22.4123 17.8892 21.1315 16.8461 19.5092C16.1916 18.4915 15.4501 17.3388 14.7988 15.7683C13.7572 13.2596 13.4957 10.8396 14.0221 8.57625C14.0405 8.49546 14.0605 8.41467 14.0813 8.33294C14.7204 5.81374 16.3004 2.58743 20.1949 1.5241C20.9325 1.32247 21.6901 1.22002 22.4461 1.22002C24.7357 1.22002 26.7302 2.16251 27.9173 3.80489C28.8782 5.13364 29.3735 6.64005 29.4326 8.40978C29.447 8.8305 29.4359 9.27148 29.3998 9.72014C29.3157 10.7322 29.1013 11.8417 28.7453 13.1113C28.0254 15.6778 27.851 17.8522 28.2277 19.573C28.5166 20.8929 29.1478 21.8987 29.959 22.3313C30.6165 22.6817 31.3173 22.8594 32.0414 22.8594C33.891 22.8594 35.5758 21.6794 36.4254 20.5106C37.7613 18.6722 38.4654 15.4305 38.3502 13.481C38.3078 12.7658 38.247 12.1602 38.163 11.6242L38.1607 11.6163L38.159 11.6123C36.5781 8.19395 34.071 5.29639 30.9085 3.23306C27.6647 1.11921 23.892 0 20 0C14.6575 0 9.63516 2.08009 5.85751 5.85751C2.08079 9.63516 0 14.6575 0 20C0 21.5527 0.179278 23.1015 0.533644 24.6049L0.53993 24.6312L0.651222 24.6151C0.651222 24.6151 0.649593 24.5823 0.648894 24.58L0.685681 24.5744C0.616997 23.3839 0.724796 22.2377 0.99837 21.2591C1.37113 19.9264 1.99604 18.5783 2.75669 17.4657C3.59837 16.2345 4.57835 15.3208 5.59115 14.8256C6.21839 14.5183 6.84144 14.292 7.44237 14.1527C7.91432 14.0456 8.37998 13.9919 8.82468 13.9919C10.3527 13.9919 11.7534 14.6342 12.8743 15.8503C14.6079 17.7304 15.6119 20.9639 15.3728 23.8966C15.2896 24.9229 15.1255 25.8766 14.9662 26.7991C14.6293 28.7574 14.339 30.4487 14.8822 32.2165C15.1725 33.1637 15.7886 33.8983 16.6158 34.2854C17.179 34.5495 17.7669 34.6829 18.3646 34.6829C20.2854 34.6829 21.8703 33.3302 22.6431 32.1709C23.8231 30.4021 24.4109 28.1749 24.2549 26.0615C24.1094 24.0838 23.4237 22.779 22.3949 21.0133C21.8806 20.1308 21.342 19.3476 20.8668 18.6566C20.0636 17.4885 19.37 16.4799 19.0277 15.3725C18.5532 13.8389 18.8829 13.1013 19.0461 12.8556C19.2484 12.5516 19.5732 12.3765 20.0126 12.3348C20.0687 12.3292 20.1246 12.3269 20.1774 12.3269C21.5183 12.3269 21.5439 14.1558 21.559 15.2477L21.5597 15.2789C21.5604 15.3502 21.562 15.4172 21.563 15.4822C21.6086 17.6254 22.4319 18.9062 23.475 20.5285C24.1295 21.5462 24.871 22.6997 25.5222 24.2694C26.5311 26.6983 26.8077 29.0461 26.3462 31.2477C26.3334 31.3085 26.3197 31.3693 26.3062 31.4303C25.695 34.0589 24.1262 37.4221 20.1255 38.515C19.3879 38.7166 18.6303 38.8182 17.8743 38.8189C15.5846 38.8189 13.5902 37.8766 12.403 36.2342C11.4421 34.9055 10.9471 33.3991 10.8878 31.6293C10.8789 31.3725 10.8799 31.1069 10.8894 30.8414C10.9357 29.6894 11.1607 28.4093 11.5758 26.9278C12.2957 24.3614 12.4703 22.187 12.0934 20.4661C11.8047 19.1453 11.1735 18.1404 10.3623 17.7078C9.70477 17.3574 9.00466 17.1797 8.27986 17.1797C6.43097 17.1797 4.74552 18.3597 3.89593 19.5285C2.55995 21.3669 1.85588 24.6086 1.97113 26.5581C2.04237 27.7693 2.16554 28.6598 2.37183 29.4494L2.37416 29.4559L2.37579 29.4589C5.87008 35.9597 12.6247 39.9998 19.9998 39.9998C25.3423 39.9998 30.3646 37.9197 34.1423 34.1423C37.9197 30.3646 39.9998 25.3423 39.9998 19.9998C39.9998 19.0014 39.9253 17.9958 39.7774 17.0116L39.7776 17.0119Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_133_44979", children: jsxRuntime.jsx("rect", { width: "40", height: "40", fill: "white" }) }) })] }));
|
|
18170
18556
|
}
|
|
18171
18557
|
|
|
18172
18558
|
function ProfileHeaderBackground() {
|
|
@@ -18192,7 +18578,7 @@ function SwapConfiguration({ amount, tokenPrice = 0, isFetching: isFetchingProp
|
|
|
18192
18578
|
? walletButton === null || walletButton === void 0 ? void 0 : walletButton.address
|
|
18193
18579
|
: (_a = walletButton === null || walletButton === void 0 ? void 0 : walletButton.emptyAddressLabel) !== null && _a !== void 0 ? _a : 'Connect wallet' }), jsxRuntime.jsx(ChevronArrowIcon, { className: (walletButton === null || walletButton === void 0 ? void 0 : walletButton.address)
|
|
18194
18580
|
? 'tw-text-grey-600'
|
|
18195
|
-
: 'tw-text-royal-400' })] })] }))] }) })) }), jsxRuntime.jsx("div", { className: "tw-px-squid-m mobile-lg:tw-px-squid-l", children: jsxRuntime.jsx(AssetsButton, Object.assign({}, assetsButton, { chain: chain, token: token, isLoading: isLoading })) }), isFetching && (jsxRuntime.jsx("div", { className: "tw-absolute tw-bottom-2 tw-left-squid-m tw-z-10 tw-overflow-hidden mobile-lg:tw-left-squid-l", children: jsxRuntime.jsx("div", { className: "tw-h-[94px] tw-w-[1260px] tw-animate-move-loading-cover-to-right tw-bg-dark-cover" }) })), jsxRuntime.jsx(NumericInput, {
|
|
18581
|
+
: 'tw-text-royal-400' })] })] }))] }) })) }), jsxRuntime.jsx("div", { className: "tw-px-squid-m mobile-lg:tw-px-squid-l", children: jsxRuntime.jsx(AssetsButton, Object.assign({}, assetsButton, { chain: chain, token: token, isLoading: isLoading })) }), isFetching && (jsxRuntime.jsx("div", { className: "tw-absolute tw-bottom-2 tw-left-squid-m tw-z-10 tw-overflow-hidden mobile-lg:tw-left-squid-l", children: jsxRuntime.jsx("div", { className: "tw-h-[94px] tw-w-[1260px] tw-animate-move-loading-cover-to-right tw-bg-dark-cover" }) })), jsxRuntime.jsx(NumericInput, { token: {
|
|
18196
18582
|
decimals: (_b = token === null || token === void 0 ? void 0 : token.decimals) !== null && _b !== void 0 ? _b : 18,
|
|
18197
18583
|
symbol: (_c = token === null || token === void 0 ? void 0 : token.symbol) !== null && _c !== void 0 ? _c : '',
|
|
18198
18584
|
price: tokenPrice,
|
|
@@ -18295,7 +18681,7 @@ const SwapStepsCollapsed = React$1.forwardRef((props, ref) => {
|
|
|
18295
18681
|
});
|
|
18296
18682
|
|
|
18297
18683
|
const WIDTH_SM = '69';
|
|
18298
|
-
const HEIGHT_SM = '
|
|
18684
|
+
const HEIGHT_SM = '31';
|
|
18299
18685
|
const WIDTH_MD = '94';
|
|
18300
18686
|
const HEIGHT_MD = '42';
|
|
18301
18687
|
const SCALE = Number(WIDTH_SM) / Number(WIDTH_MD);
|
|
@@ -18310,11 +18696,11 @@ const heightMap = {
|
|
|
18310
18696
|
const SHAPE_PATH = 'M58.5042 35.4956L58.5043 35.4957C62.5071 39.4985 67.7544 41.5 73.0001 41.5C84.3219 41.5 93.5 32.3218 93.5 21C93.5 9.67822 84.3219 0.5 73.0001 0.5C67.7544 0.499977 62.5071 2.50151 58.5043 6.50431C57.9743 7.03437 57.4538 7.57007 56.9412 8.09756L56.9403 8.09852C55.2889 9.79812 53.7279 11.4027 52.097 12.5879C50.4734 13.7678 48.8225 14.5 47 14.5C45.1775 14.5 43.5266 13.7678 41.903 12.5879C40.2721 11.4027 38.7111 9.79812 37.0597 8.09852L37.0589 8.09766C36.5463 7.57013 36.0258 7.03441 35.4957 6.50431C31.4929 2.50151 26.2456 0.499977 20.9999 0.5C15.7543 0.500023 10.5071 2.50156 6.50431 6.50431C2.50153 10.5071 0.5 15.7544 0.5 21C0.5 26.2456 2.50153 31.4929 6.50431 35.4957C10.5071 39.4984 15.7543 41.5 20.9999 41.5C26.2456 41.5 31.4929 39.4985 35.4957 35.4957L35.4958 35.4956C36.023 34.968 36.5408 34.4349 37.0508 33.9099L37.0521 33.9086C38.7042 32.2077 40.2665 30.6013 41.8988 29.4147C43.5238 28.2333 45.1763 27.5 47 27.5C48.8237 27.5 50.4762 28.2333 52.1012 29.4147C53.7335 30.6013 55.2958 32.2077 56.9479 33.9086L56.9492 33.9099C57.4592 34.4349 57.977 34.968 58.5042 35.4956Z';
|
|
18311
18697
|
const containerVariantClassMap = {
|
|
18312
18698
|
horizontal: {
|
|
18313
|
-
small: 'tw-h-[
|
|
18699
|
+
small: 'tw-h-[31px] tw-w-[69px]',
|
|
18314
18700
|
medium: 'tw-h-[42px] tw-w-[94px]',
|
|
18315
18701
|
},
|
|
18316
18702
|
vertical: {
|
|
18317
|
-
small: 'tw-h-[69px] tw-w-[
|
|
18703
|
+
small: 'tw-h-[69px] tw-w-[31px]',
|
|
18318
18704
|
medium: 'tw-h-[94px] tw-w-[42px]',
|
|
18319
18705
|
},
|
|
18320
18706
|
};
|
|
@@ -24177,6 +24563,9 @@ function CoinsAddIcon() {
|
|
|
24177
24563
|
function Dollar({ className, size = '24', }) {
|
|
24178
24564
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12 7.5V6.5M12 16.5V17.5M14.1655 9C13.7333 8.4022 12.9254 8 12 8H11.7222C10.4949 8 9.5 8.79594 9.5 9.77778V9.8541C9.5 10.5564 9.99598 11.1984 10.7812 11.5125L13.2188 12.4875C14.004 12.8016 14.5 13.4436 14.5 14.1459C14.5 15.1699 13.4624 16 12.1824 16H12C11.0746 16 10.2667 15.5978 9.83446 15M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
24179
24565
|
}
|
|
24566
|
+
function StocksIcon({ size = '24', className, }) {
|
|
24567
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M14.75 12C15.8546 12 16.75 11.1046 16.75 10C16.75 8.89543 15.8546 8 14.75 8M14.75 12C14.1977 12 13.6977 11.7761 13.3358 11.4142M14.75 12V20M14.75 8C13.6454 8 12.75 8.89543 12.75 10C12.75 10.5523 12.9739 11.0523 13.3358 11.4142M14.75 8V4M14.75 4H7.75C6.09315 4 4.75 5.34315 4.75 7V17C4.75 18.6569 6.09315 20 7.75 20H14.75M14.75 4H17.75C19.4069 4 20.75 5.34315 20.75 7V17C20.75 18.6569 19.4069 20 17.75 20H14.75M13.3358 11.4142L9.75 15L7.75 13L5.25 15.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
24568
|
+
}
|
|
24180
24569
|
|
|
24181
24570
|
function ProfileHeader({ imageUrl, title, wallet, amount, }) {
|
|
24182
24571
|
return (jsxRuntime.jsx(TransactionHeaderLayout, { title: title, image: jsxRuntime.jsx(ProfilePicture, { src: imageUrl }), children: jsxRuntime.jsxs(BodyText, { size: "small", className: "tw-flex tw-items-center tw-gap-squid-xs tw-text-grey-500", children: [jsxRuntime.jsx(WalletLink, Object.assign({}, wallet)), jsxRuntime.jsx(PipeSeparator, {}), jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-squid-xxs", children: [jsxRuntime.jsx(Dollar, {}), amount] })] }) }));
|
|
@@ -24240,16 +24629,19 @@ function BridgeProperties({ amount, token, fromChain, toChain, wallet, boosted,
|
|
|
24240
24629
|
return (jsxRuntime.jsxs(PropertiesLayout, { children: [jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(SquareArrowTopLeftIcon, { size: "20" }), label: jsxRuntime.jsxs(BodyText, { size: "small", children: ["Bridge ", token.symbol] }), detail: jsxRuntime.jsx(IconLabel, { src: token.logoURI, variant: "round", children: jsxRuntime.jsx(BodyText, { size: "small", children: amount }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(ChainLink, { size: "24" }), label: "Chain", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsx(IconLabel, { src: fromChain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: fromChain.name }) }), to: jsxRuntime.jsx(IconLabel, { src: toChain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: toChain.name }) }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(WalletFilledIcon, {}), label: "Wallet", detail: jsxRuntime.jsx(BodyText, { size: "small", children: jsxRuntime.jsx(HashLink, { hash: wallet, showCopyButton: true }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(TimeFliesIcon, {}), label: "Time to complete", detail: jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center", children: [boosted && jsxRuntime.jsx(BoostBadge, {}), jsxRuntime.jsx(BodyText, { size: "small", children: timeToComplete })] }) })] }));
|
|
24241
24630
|
}
|
|
24242
24631
|
|
|
24243
|
-
function
|
|
24632
|
+
function ShoppingBagIcon() {
|
|
24244
24633
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2", d: "M12 5a3 3 0 01-6 0M1.883 2.875l-.75 12A2 2 0 003.129 17h11.742a2 2 0 001.996-2.125l-.75-12A2 2 0 0014.121 1H3.88a2 2 0 00-1.996 1.875z" }) }));
|
|
24245
24634
|
}
|
|
24635
|
+
function BackpackIcon({ size = '24', className, }) {
|
|
24636
|
+
return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15 11H17C18.6569 11 20 9.65685 20 8V7C20 5.89543 19.1046 5 18 5H15M15 11H9M15 11V13M9 11H7C5.34315 11 4 9.65685 4 8V7C4 5.89543 4.89543 5 6 5H9M9 11V13M5 11V18C5 19.6569 6.34315 21 8 21H16C17.6569 21 19 19.6569 19 18V11M9 5H15M9 5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5M10 17H14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
24637
|
+
}
|
|
24246
24638
|
|
|
24247
24639
|
function CollectionIcon() {
|
|
24248
24640
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "square", strokeLinejoin: "round", strokeWidth: "2", d: "M7.9 12l-4.307 2.101a1 1 0 000 1.798l7.969 3.887a1 1 0 00.877 0l7.969-3.887a1 1 0 000-1.798L16.1 12m-8.2 0L3.593 9.899a1 1 0 010-1.798l7.969-3.887a1 1 0 01.877 0L20.408 8.1a1 1 0 010 1.798L16.1 12m-8.2 0l3.662 1.786a1 1 0 00.877 0L16.1 12" }) }));
|
|
24249
24641
|
}
|
|
24250
24642
|
|
|
24251
24643
|
function BuyNFTProperties({ title, imageURI, collection, price, token, marketplace, fromChain, toChain, fromAddress, toAddress, boosted, timeToComplete, tokenId, nftType, }) {
|
|
24252
|
-
return (jsxRuntime.jsxs(PropertiesLayout, { className: "tw-flex tw-flex-col tw-gap-squid-m", children: [jsxRuntime.jsx(NFTPreviewCard, { name: title, imageURI: imageURI, collectionName: collection.name, tokenId: tokenId, nftType: nftType }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(CollectionIcon, {}), label: "Collection", detail: jsxRuntime.jsx(IconLabel, { src: collection.imageURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: collection.name }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(TagIcon, {}), label: "NFT Price", detail: jsxRuntime.jsx(IconLabel, { src: token.logoURI, variant: "round", children: jsxRuntime.jsx(BodyText, { size: "small", children: price }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(
|
|
24644
|
+
return (jsxRuntime.jsxs(PropertiesLayout, { className: "tw-flex tw-flex-col tw-gap-squid-m", children: [jsxRuntime.jsx(NFTPreviewCard, { name: title, imageURI: imageURI, collectionName: collection.name, tokenId: tokenId, nftType: nftType }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(CollectionIcon, {}), label: "Collection", detail: jsxRuntime.jsx(IconLabel, { src: collection.imageURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: collection.name }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(TagIcon, {}), label: "NFT Price", detail: jsxRuntime.jsx(IconLabel, { src: token.logoURI, variant: "round", children: jsxRuntime.jsx(BodyText, { size: "small", children: price }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(ShoppingBagIcon, {}), label: "Marketplace", detail: jsxRuntime.jsx(IconLabel, { src: marketplace.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: marketplace.name }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(ChainLink, { size: "24" }), label: "Chain", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsx(IconLabel, { src: fromChain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: fromChain.name }) }), to: jsxRuntime.jsx(IconLabel, { src: toChain.logoURI, children: jsxRuntime.jsx(BodyText, { size: "small", children: toChain.name }) }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(WalletFilledIcon, {}), label: "Wallet", detail: jsxRuntime.jsx(Transfer, { from: jsxRuntime.jsx(BodyText, { size: "small", children: jsxRuntime.jsx(HashLink, { hash: fromAddress, showCopyButton: true }) }), to: jsxRuntime.jsx(BodyText, { size: "small", children: jsxRuntime.jsx(HashLink, { hash: toAddress, showCopyButton: true }) }) }) }), jsxRuntime.jsx(PropertyListItem, { variant: "large", icon: jsxRuntime.jsx(TimeFliesIcon, {}), label: "Time to complete", detail: jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center", children: [boosted && jsxRuntime.jsx(BoostBadge, {}), jsxRuntime.jsx(BodyText, { size: "small", children: timeToComplete })] }) })] })] }));
|
|
24253
24645
|
}
|
|
24254
24646
|
function NFTPreviewCard({ name, imageURI, tokenId, nftType, collectionName, }) {
|
|
24255
24647
|
return (jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-items-center tw-gap-squid-m tw-px-squid-l tw-pt-squid-m tw-text-grey-300", children: [jsxRuntime.jsx("img", { className: "tw-max-w-96 tw-overflow-hidden tw-rounded-squid-xxs tw-shadow-elevation-light-3", src: imageURI, alt: name }), jsxRuntime.jsxs("div", { className: "tw-grid tw-w-full tw-grid-cols-[100px,1fr,100px]", children: [jsxRuntime.jsx("div", { className: "tw-flex tw-items-center", children: jsxRuntime.jsx(Chip, { className: "tw-border tw-border-grey-500 tw-bg-transparent !tw-text-grey-500", label: tokenId }) }), jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-items-center", children: [jsxRuntime.jsxs(BodyText, { size: "small", children: [jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: "\u201C\u00A0" }), name, jsxRuntime.jsx("span", { className: "tw-text-grey-600", children: "\u00A0\u201D" })] }), jsxRuntime.jsx(CaptionText, { children: collectionName })] }), jsxRuntime.jsx("div", { className: "tw-flex tw-items-center tw-justify-end", children: jsxRuntime.jsx(Chip, { className: "tw-border tw-border-grey-500 tw-bg-transparent !tw-text-grey-500", label: nftType }) })] })] }));
|
|
@@ -25576,19 +25968,18 @@ const RegExpNonZeroValue = /[^0.]/;
|
|
|
25576
25968
|
const interactiveChipClassName = 'hover:tw-bg-material-light-thin';
|
|
25577
25969
|
const notInteractiveChipClassName = 'tw-cursor-not-allowed';
|
|
25578
25970
|
const loadingClassName = 'tw-opacity-50';
|
|
25579
|
-
var
|
|
25580
|
-
(function (
|
|
25581
|
-
|
|
25582
|
-
|
|
25583
|
-
})(
|
|
25584
|
-
function NumericInput(
|
|
25585
|
-
|
|
25586
|
-
|
|
25587
|
-
|
|
25588
|
-
|
|
25589
|
-
}, showDetails = true, isLoading = false, direction, inputModeButton, isInteractive = false, balanceButton } = _a, props = __rest$1(_a, ["priceImpactPercentage", "balance", "error", "criticalPriceImpactPercentage", "token", "onAmountChange", "forcedAmount", "maxUsdDecimals", "formatIfVerySmall", "showDetails", "isLoading", "direction", "inputModeButton", "isInteractive", "balanceButton"]);
|
|
25971
|
+
var InputMode;
|
|
25972
|
+
(function (InputMode) {
|
|
25973
|
+
InputMode[InputMode["TOKEN"] = 0] = "TOKEN";
|
|
25974
|
+
InputMode[InputMode["USD"] = 1] = "USD";
|
|
25975
|
+
})(InputMode || (InputMode = {}));
|
|
25976
|
+
function NumericInput({ priceImpactPercentage, balance = '0', error, criticalPriceImpactPercentage = 5, token, onAmountChange, forcedAmount, maxUsdDecimals = 4, formatIfVerySmall = {
|
|
25977
|
+
token: '0.001',
|
|
25978
|
+
usd: '0.01',
|
|
25979
|
+
}, showDetails = true, isLoading = false, direction, inputModeButton, isInteractive = false, balanceButton, }) {
|
|
25980
|
+
var _a;
|
|
25590
25981
|
const [inputValue, setInputValue] = React$1.useState('');
|
|
25591
|
-
const [
|
|
25982
|
+
const [inputMode, setInputMode] = React$1.useState(InputMode.TOKEN);
|
|
25592
25983
|
const balanceChipClickable = isInteractive && parseFloat(balance) > 0;
|
|
25593
25984
|
React$1.useEffect(() => {
|
|
25594
25985
|
if (forcedAmount !== undefined) {
|
|
@@ -25597,11 +25988,11 @@ function NumericInput(_a) {
|
|
|
25597
25988
|
}, [forcedAmount]);
|
|
25598
25989
|
const updateInputValue = React$1.useCallback((newValue) => {
|
|
25599
25990
|
const safeNewValue = trimExtraDecimals(newValue, token.decimals);
|
|
25600
|
-
const formattedAmount =
|
|
25991
|
+
const formattedAmount = inputMode === InputMode.TOKEN
|
|
25601
25992
|
? safeNewValue
|
|
25602
25993
|
: convertTokenAmountToUSD(safeNewValue, token.price, maxUsdDecimals);
|
|
25603
25994
|
setInputValue(formattedAmount);
|
|
25604
|
-
}, [
|
|
25995
|
+
}, [inputMode, token.price, direction, token.decimals]);
|
|
25605
25996
|
const onBalanceButtonClick = React$1.useCallback(() => {
|
|
25606
25997
|
if (balanceChipClickable) {
|
|
25607
25998
|
updateInputValue(balance);
|
|
@@ -25613,7 +26004,7 @@ function NumericInput(_a) {
|
|
|
25613
26004
|
]);
|
|
25614
26005
|
const handleInputChange = (e) => {
|
|
25615
26006
|
let value = e.target.value.replace(/,/g, '.'); // Replace commas with dots
|
|
25616
|
-
const maxDecimalsForInputType =
|
|
26007
|
+
const maxDecimalsForInputType = inputMode === InputMode.TOKEN ? token.decimals : maxUsdDecimals;
|
|
25617
26008
|
const isValidAmount = new RegExp(`^\\d*\\.?\\d{0,${maxDecimalsForInputType}}$`).test(value);
|
|
25618
26009
|
if (isValidAmount) {
|
|
25619
26010
|
setInputValue(value);
|
|
@@ -25632,14 +26023,12 @@ function NumericInput(_a) {
|
|
|
25632
26023
|
const handleSwitchInputMode = () => {
|
|
25633
26024
|
var _a;
|
|
25634
26025
|
if (inputValue !== '') {
|
|
25635
|
-
const convertedAmount =
|
|
26026
|
+
const convertedAmount = inputMode === InputMode.TOKEN
|
|
25636
26027
|
? convertTokenAmountToUSD(inputValue, token.price, maxUsdDecimals)
|
|
25637
26028
|
: convertUSDToTokenAmount(inputValue, token.price, token.decimals);
|
|
25638
26029
|
setInputValue(convertedAmount);
|
|
25639
26030
|
}
|
|
25640
|
-
|
|
25641
|
-
? UserInputType.USD
|
|
25642
|
-
: UserInputType.TOKEN);
|
|
26031
|
+
setInputMode((prevMode) => prevMode === InputMode.TOKEN ? InputMode.USD : InputMode.TOKEN);
|
|
25643
26032
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
25644
26033
|
};
|
|
25645
26034
|
const getRawAmounts = (amount) => {
|
|
@@ -25650,7 +26039,7 @@ function NumericInput(_a) {
|
|
|
25650
26039
|
isTokenAmountVerySmall: false,
|
|
25651
26040
|
isUsdAmountVerySmall: false,
|
|
25652
26041
|
};
|
|
25653
|
-
if (
|
|
26042
|
+
if (inputMode === InputMode.TOKEN) {
|
|
25654
26043
|
const usdRawAmount = convertTokenAmountToUSD(amount, token.price, maxUsdDecimals);
|
|
25655
26044
|
const tokenRawAmount = amount;
|
|
25656
26045
|
const isTokenAmountVerySmall = !!tokenRawAmount &&
|
|
@@ -25690,7 +26079,7 @@ function NumericInput(_a) {
|
|
|
25690
26079
|
var _a;
|
|
25691
26080
|
if (isNaN(Number(inputValue)) || inputValue === '')
|
|
25692
26081
|
return '0';
|
|
25693
|
-
if (
|
|
26082
|
+
if (inputMode === InputMode.TOKEN) {
|
|
25694
26083
|
if (direction === 'from') {
|
|
25695
26084
|
return formatAmount(convertTokenAmountToUSD(inputValue, token.price, maxUsdDecimals));
|
|
25696
26085
|
}
|
|
@@ -25703,13 +26092,13 @@ function NumericInput(_a) {
|
|
|
25703
26092
|
}
|
|
25704
26093
|
}, [
|
|
25705
26094
|
inputValue,
|
|
25706
|
-
|
|
26095
|
+
inputMode,
|
|
25707
26096
|
token.price,
|
|
25708
26097
|
direction,
|
|
25709
26098
|
inputModeButton === null || inputModeButton === void 0 ? void 0 : inputModeButton.amountUsd,
|
|
25710
26099
|
]);
|
|
25711
26100
|
const AmountChip = isInteractive ? 'button' : 'div';
|
|
25712
|
-
const priceImpactClass = ((
|
|
26101
|
+
const priceImpactClass = ((_a = Number(priceImpactPercentage)) !== null && _a !== void 0 ? _a : 0) > Number(criticalPriceImpactPercentage)
|
|
25713
26102
|
? 'tw-text-status-negative'
|
|
25714
26103
|
: 'tw-text-grey-300';
|
|
25715
26104
|
const BalanceChipTag = balanceChipClickable ? 'button' : 'div';
|
|
@@ -25720,13 +26109,13 @@ function NumericInput(_a) {
|
|
|
25720
26109
|
const inputRef = React$1.useRef(null);
|
|
25721
26110
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isInteractive && !isLoading ? (jsxRuntime.jsxs("form", { className: containerClassname, onSubmit: (e) => {
|
|
25722
26111
|
e.preventDefault();
|
|
25723
|
-
}, children: [
|
|
26112
|
+
}, children: [inputMode === InputMode.USD && (jsxRuntime.jsx("span", { className: "tw-absolute tw-left-5 tw-top-[11px] tw-leading-[43px] tw-text-grey-600 mobile-lg:tw-left-[30px]", children: "$" })), jsxRuntime.jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: handleInputChange, placeholder: "0", className: cn('tw-h-[55px] tw-w-full tw-rounded-squid-s tw-bg-transparent tw-px-squid-xs tw-py-squid-s tw-text-grey-300 placeholder:tw-text-grey-600 hover:tw-bg-material-light-thin focus:tw-bg-material-light-thin focus:tw-text-royal-400 focus:tw-outline-none', inputMode === InputMode.USD && 'tw-pl-[33px]') })] })) : (jsxRuntime.jsx("div", { className: cn(containerClassname, (isLoading || Number(inputValue || 0) === 0) && loadingClassName), children: jsxRuntime.jsx("div", { className: "tw-flex tw-h-[55px] tw-w-full tw-items-center tw-rounded-squid-s tw-bg-transparent tw-px-squid-xs tw-py-squid-s tw-text-heading-small tw-font-heading-regular tw-text-grey-300 mobile-sm-height:tw-h-[65px]", children: jsxRuntime.jsx("span", { children: inputValue || 0 }) }) })), !showDetails ? null : (jsxRuntime.jsxs("footer", { className: cn('tw-flex tw-h-squid-m tw-max-h-squid-m tw-items-center tw-justify-between tw-gap-2 tw-px-squid-xs tw-text-grey-500 mobile-lg:tw-px-squid-m', isLoading && loadingClassName), children: [error ? (jsxRuntime.jsx("div", { className: "tw-px-squid-xs", children: jsxRuntime.jsx(ErrorMessage, { message: error.message }) })) : (jsxRuntime.jsx(Tooltip, Object.assign({}, (isLoading
|
|
25724
26113
|
? undefined
|
|
25725
|
-
:
|
|
26114
|
+
: inputMode === InputMode.TOKEN
|
|
25726
26115
|
? inputModeButton === null || inputModeButton === void 0 ? void 0 : inputModeButton.tokenModeTooltip
|
|
25727
26116
|
: inputModeButton === null || inputModeButton === void 0 ? void 0 : inputModeButton.usdModeTooltip), { tooltipWidth: "max", childrenClassName: "tw-rounded-squid-s", containerClassName: "tw-rounded-squid-s", children: jsxRuntime.jsxs(AmountChip, { onClick: isInteractive ? handleSwitchInputMode : undefined, className: cn(buttonClassName, isInteractive
|
|
25728
26117
|
? interactiveChipClassName
|
|
25729
|
-
: notInteractiveChipClassName), children: [jsxRuntime.jsx(SwapInputsIcon, {}),
|
|
26118
|
+
: notInteractiveChipClassName), children: [jsxRuntime.jsx(SwapInputsIcon, {}), inputMode === InputMode.TOKEN ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("span", { className: "tw-flex tw-items-center tw-text-grey-500", children: [jsxRuntime.jsxs(CaptionText, { className: "tw-opacity-66", children: [isUsdAmountVerySmall ? '<' : '', "$"] }), jsxRuntime.jsx(CaptionText, { children: isUsdAmountVerySmall
|
|
25730
26119
|
? formatIfVerySmall.token
|
|
25731
26120
|
: amountFormatted })] }) })) : (jsxRuntime.jsxs("span", { className: "tw-text-grey-500", children: [isTokenAmountVerySmall ? '<' : '', jsxRuntime.jsx(CaptionText, { children: isTokenAmountVerySmall
|
|
25732
26121
|
? formatIfVerySmall.token
|
|
@@ -25843,10 +26232,19 @@ function CircleX({ size = '20', className, }) {
|
|
|
25843
26232
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12.5003 7.49996L7.50033 12.5M12.5003 12.5L7.50033 7.49996M17.7087 9.99996C17.7087 14.2572 14.2575 17.7083 10.0003 17.7083C5.74313 17.7083 2.29199 14.2572 2.29199 9.99996C2.29199 5.74276 5.74313 2.29163 10.0003 2.29163C14.2575 2.29163 17.7087 5.74276 17.7087 9.99996Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
|
|
25844
26233
|
}
|
|
25845
26234
|
function CircleMinusIcon({ size = '24', className, }) {
|
|
25846
|
-
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", {
|
|
26235
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM16 12.9999C16.5523 12.9999 17 12.5522 17 11.9999C17 11.4476 16.5523 10.9999 16 10.9999L7.99997 11.0001C7.44769 11.0001 6.99998 11.4479 7 12.0001C7.00002 12.5524 7.44774 13.0001 8.00003 13.0001L16 12.9999Z", fill: "currentColor" }) }));
|
|
25847
26236
|
}
|
|
25848
26237
|
function CirclePlusIcon({ size = '24', className, }) {
|
|
25849
|
-
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", {
|
|
26238
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM16 12.9999C16.5523 12.9999 17 12.5522 17 11.9999C17 11.4476 16.5523 10.9999 16 10.9999L13 11V8.00012C13 7.44784 12.5523 7.00012 12 7.00012C11.4477 7.00012 11 7.44784 11 8.00012V11L7.99997 11.0001C7.44769 11.0001 6.99998 11.4479 7 12.0001C7.00002 12.5524 7.44774 13.0001 8.00003 13.0001L11 13V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V13L16 12.9999Z", fill: "currentColor" }) }));
|
|
26239
|
+
}
|
|
26240
|
+
function CircleXFilledIcon({ size = '24', className, }) {
|
|
26241
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L10.5858 12L8.29289 14.2929C7.90237 14.6834 7.90237 15.3166 8.29289 15.7071C8.68342 16.0976 9.31658 16.0976 9.70711 15.7071L12 13.4142L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L13.4142 12L15.7071 9.70711C16.0976 9.31658 16.0976 8.68342 15.7071 8.29289C15.3166 7.90237 14.6834 7.90237 14.2929 8.29289L12 10.5858L9.70711 8.29289Z", fill: "currentColor" }) }));
|
|
26242
|
+
}
|
|
26243
|
+
function TranslateIcon({ size = '24', className, }) {
|
|
26244
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M4 6L12 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 6V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12.0008 14.0001C8.11407 13.0284 6.11567 10.6405 5.54688 6.37769", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M4.0001 14C7.88484 13.0288 9.88317 10.6428 10.4531 6.38403", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14.5 17H19.5M13 19L16.0784 11.6888C16.4219 10.8729 17.5781 10.8729 17.9216 11.6888L21 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
26245
|
+
}
|
|
26246
|
+
function PowerIcon({ size = '24', className, }) {
|
|
26247
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M7.02331 4.5C4.59826 6.11238 3 8.86954 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 8.86954 19.4017 6.11238 16.9767 4.5M12 2V7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
25850
26248
|
}
|
|
25851
26249
|
|
|
25852
26250
|
function RangeInput({ label, initialValue, onChange, min = 0, max = 99, isWarning = false, }) {
|
|
@@ -26052,6 +26450,18 @@ function HeartSmallIcon() {
|
|
|
26052
26450
|
function HomeIcon({ className }) {
|
|
26053
26451
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "19", fill: "none", viewBox: "0 0 18 19", className: className, children: jsxRuntime.jsx("path", { fill: "currentColor", fillOpacity: "0.66", d: "M11.335 1.697a4 4 0 00-4.67 0l-5 3.593A4 4 0 000 8.538V15a4 4 0 004 4h1.5a1 1 0 001-1v-3.5a2.5 2.5 0 015 0V18a1 1 0 001 1H14a4 4 0 004-4V8.538a4 4 0 00-1.666-3.248l-5-3.593z" }) }));
|
|
26054
26452
|
}
|
|
26453
|
+
function MenuSwapIcon({ size = '24', className, }) {
|
|
26454
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_2573_73593)", children: [jsxRuntime.jsx("path", { d: "M16 9H20C21.6569 9 23 10.3431 23 12V20C23 21.6569 21.6569 23 20 23H12C10.3431 23 9 21.6569 9 20V16", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "7.5", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M6 11V6H11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M19 14L19 19L14 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("line", { x1: "6.70711", y1: "6.29289", x2: "18.7071", y2: "18.2929", stroke: "currentColor", strokeWidth: "2" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_2573_73593", children: jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
|
|
26455
|
+
}
|
|
26456
|
+
function ColorPaletteIcon({ size = '24', className, }) {
|
|
26457
|
+
return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M7.4 11.25H6.4V13.25H7.4V11.25ZM7.6 13.25H8.6V11.25H7.6V13.25ZM15.4 8.5H14.4V10.5H15.4V8.5ZM15.6 10.5H16.6V8.5H15.6V10.5ZM10.4 7H9.4V9H10.4V7ZM10.6 9H11.6V7H10.6V9ZM7 12.25C7 11.9739 7.22386 11.75 7.5 11.75V13.75C8.32843 13.75 9 13.0784 9 12.25H7ZM7.5 11.75C7.77614 11.75 8 11.9739 8 12.25H6C6 13.0784 6.67157 13.75 7.5 13.75V11.75ZM8 12.25C8 12.5261 7.77614 12.75 7.5 12.75V10.75C6.67157 10.75 6 11.4216 6 12.25H8ZM7.5 12.75C7.22386 12.75 7 12.5261 7 12.25H9C9 11.4216 8.32843 10.75 7.5 10.75V12.75ZM15 9.5C15 9.22386 15.2239 9 15.5 9V11C16.3284 11 17 10.3284 17 9.5H15ZM15.5 9C15.7761 9 16 9.22386 16 9.5H14C14 10.3284 14.6716 11 15.5 11V9ZM16 9.5C16 9.77614 15.7761 10 15.5 10V8C14.6716 8 14 8.67157 14 9.5H16ZM15.5 10C15.2239 10 15 9.77614 15 9.5H17C17 8.67157 16.3284 8 15.5 8V10ZM12 19.5C7.5271 19.5 4 16.0891 4 12H2C2 17.2998 6.53177 21.5 12 21.5V19.5ZM4 12C4 7.91095 7.5271 4.5 12 4.5V2.5C6.53177 2.5 2 6.70021 2 12H4ZM12 4.5C16.4729 4.5 20 7.91095 20 12H22C22 6.70021 17.4682 2.5 12 2.5V4.5ZM20 12C20 13.5786 19.581 14.0563 19.2921 14.2361C18.9042 14.4775 18.2607 14.5224 17.2336 14.3889C16.7375 14.3243 16.2569 14.236 15.7115 14.1503C15.1923 14.0687 14.6354 13.9936 14.1011 13.9858C13.0367 13.9703 11.7662 14.2315 11.1056 15.5528L12.8944 16.4472C13.04 16.156 13.2977 15.9743 14.0719 15.9856C14.457 15.9912 14.8971 16.0469 15.401 16.126C15.8788 16.2011 16.4476 16.3035 16.9757 16.3722C17.9971 16.505 19.3012 16.5862 20.3489 15.934C21.4956 15.2203 22 13.8745 22 12H20ZM11.1056 15.5528C10.6885 16.3868 10.8107 17.2221 11.0282 17.8666C11.2381 18.4885 11.5952 19.0909 11.8078 19.4797C11.9271 19.6979 12.0018 19.847 12.0433 19.9569C12.0928 20.0878 12.0416 20.0281 12.0725 19.8775C12.1227 19.6322 12.3012 19.5021 12.3753 19.4702C12.3936 19.4623 12.3055 19.5 12 19.5V21.5C12.4013 21.5 12.8121 21.4596 13.1661 21.3072C13.576 21.1307 13.9272 20.7897 14.0318 20.2788C14.117 19.8626 14.0021 19.4825 13.9142 19.2501C13.8185 18.9968 13.6825 18.7396 13.5626 18.5203C13.2968 18.0341 13.0613 17.6365 12.9232 17.2271C12.7927 16.8404 12.8115 16.6132 12.8944 16.4472L11.1056 15.5528ZM7.4 13.25H7.6V11.25H7.4V13.25ZM15.4 10.5H15.6V8.5H15.4V10.5ZM10 8C10 7.72386 10.2239 7.5 10.5 7.5V9.5C11.3284 9.5 12 8.82843 12 8H10ZM10.5 7.5C10.7761 7.5 11 7.72386 11 8H9C9 8.82843 9.67157 9.5 10.5 9.5V7.5ZM11 8C11 8.27614 10.7761 8.5 10.5 8.5V6.5C9.67157 6.5 9 7.17157 9 8H11ZM10.5 8.5C10.2239 8.5 10 8.27614 10 8H12C12 7.17157 11.3284 6.5 10.5 6.5V8.5ZM10.4 9H10.6V7H10.4V9Z", fill: "currentColor" }) }));
|
|
26458
|
+
}
|
|
26459
|
+
function ConsoleIcon({ size = '24', className, }) {
|
|
26460
|
+
return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M7.5 8L9.25 9.75L7.5 11.5M12 11.5H14M7 20H17C18.6569 20 20 18.6569 20 17V7C20 5.34315 18.6569 4 17 4H7C5.34315 4 4 5.34315 4 7V17C4 18.6569 5.34315 20 7 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
26461
|
+
}
|
|
26462
|
+
function BubblesIcon({ size = '30', className, }) {
|
|
26463
|
+
return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("path", { d: "M16 11C16 13.7614 13.7614 16 11 16C8.23858 16 6 13.7614 6 11C6 8.23858 8.23858 6 11 6C13.7614 6 16 8.23858 16 11Z", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M21 20.5C21 22.433 19.433 24 17.5 24C15.567 24 14 22.433 14 20.5C14 18.567 15.567 17 17.5 17C19.433 17 21 18.567 21 20.5Z", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M24 12.5C24 13.8807 22.8807 15 21.5 15C20.1193 15 19 13.8807 19 12.5C19 11.1193 20.1193 10 21.5 10C22.8807 10 24 11.1193 24 12.5Z", stroke: "currentColor", strokeWidth: "2" })] }));
|
|
26464
|
+
}
|
|
26055
26465
|
|
|
26056
26466
|
function ImageSparkle() {
|
|
26057
26467
|
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", children: [jsxRuntime.jsxs("mask", { id: "path-1-inside-1_1967_138", fill: "#fff", children: [jsxRuntime.jsx("path", { d: "M9.05 5.567l.319-.637a.333.333 0 01.596 0l.319.637a.334.334 0 00.149.15l.637.318a.333.333 0 010 .596l-.637.32a.334.334 0 00-.15.148l-.318.638a.333.333 0 01-.596 0l-.32-.638a.333.333 0 00-.148-.149l-.638-.319a.333.333 0 010-.596l.638-.319a.333.333 0 00.149-.149z" }), jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M2 4.667A2.667 2.667 0 014.667 2h6.666A2.667 2.667 0 0114 4.667v6.666A2.667 2.667 0 0111.333 14H4.667A2.667 2.667 0 012 11.333V4.667zm2.667-1.334c-.737 0-1.334.597-1.334 1.334v4.39l.115-.114a2.667 2.667 0 013.771 0l3.724 3.724h.39c.737 0 1.334-.597 1.334-1.334V4.667c0-.737-.597-1.334-1.334-1.334H4.667zm4.39 9.334l-2.78-2.781a1.333 1.333 0 00-1.886 0l-1.058 1.057v.39c0 .737.597 1.334 1.334 1.334h4.39z", clipRule: "evenodd" })] }), jsxRuntime.jsx("path", { fill: "currentColor", d: "M9.369 4.93l-1.342-.671 1.342.67zm-.32.637l-1.34-.67 1.34.67zm-.148.15L8.23 4.374l.67 1.341zm-.638.318l.67 1.342-.67-1.342zm0 .596l-.67 1.342.67-1.342zm.638.32L8.23 8.291 8.9 6.95zm.149.148l-1.342.671L9.05 7.1zm.319.638l1.341-.67-1.341.67zm.596 0l1.341.67-1.341-.67zm.319-.638l-1.342-.67 1.342.67zm0-1.532l1.341-.67-1.341.67zm-.32-.637l-1.34.67 1.34-.67zm-6.63 4.127h-1.5a1.5 1.5 0 002.56 1.06l-1.06-1.06zm.114-.114l1.06 1.06-1.06-1.06zm7.495 3.724l-1.06 1.06a1.5 1.5 0 001.06.44v-1.5zM6.276 9.886l1.06-1.061-1.06 1.06zm2.781 2.78v1.5a1.5 1.5 0 001.06-2.56l-1.06 1.06zm-4.666-2.78L3.33 8.825l1.06 1.06zm-1.058 1.057l-1.06-1.06a1.5 1.5 0 00-.44 1.06h1.5zm4.694-6.684l-.319.637 2.683 1.342.32-.638L8.026 4.26zm.203.116l-.638.319 1.342 2.683.637-.319L8.23 4.375zm-.638 3.598l.638.319L9.57 5.609l-.637-.32-1.342 2.684zm.116-.203l.319.638 2.683-1.342-.319-.637L7.708 7.77zm3.598.638l.32-.638L8.941 6.43l-.319.637 2.684 1.342zm-.202-.116l.637-.319L10.4 5.29l-.638.319 1.341 2.683zm.637-3.598l-.637-.32-1.342 2.684.638.319 1.341-2.683zm-.116.202l-.319-.637L8.623 5.6l.319.638 2.683-1.342zm-.521-.521c.225.113.408.296.521.521L8.942 6.238c.177.355.465.643.82.82l1.341-2.683zm.637 3.598c1.351-.676 1.351-2.604 0-3.28L10.4 7.378a1.167 1.167 0 010-2.087l1.341 2.683zm-.116-.203a1.167 1.167 0 01-.521.522L9.761 5.609a1.833 1.833 0 00-.82.82l2.683 1.341zm-3.598.638c.676 1.351 2.604 1.351 3.28 0L8.622 7.066c.43-.86 1.657-.86 2.087 0L8.027 8.408zm.203-.116a1.167 1.167 0 01-.522-.522l2.683-1.341a1.833 1.833 0 00-.82-.82L8.23 8.292zm-.638-3.598c-1.351.675-1.351 2.603 0 3.28L8.934 5.29c.86.43.86 1.657 0 2.087L7.592 4.694zm.116.202c.113-.225.296-.408.522-.521L9.57 7.058c.355-.177.643-.465.82-.82L7.708 4.896zm3.002.704c-.43.86-1.657.86-2.087 0l2.683-1.341c-.675-1.351-2.603-1.351-3.28 0L10.71 5.6zM4.667.5A4.167 4.167 0 00.5 4.667h3c0-.645.522-1.167 1.167-1.167v-3zm6.666 0H4.667v3h6.666v-3zM15.5 4.667A4.167 4.167 0 0011.333.5v3c.645 0 1.167.522 1.167 1.167h3zm0 6.666V4.667h-3v6.666h3zM11.333 15.5a4.167 4.167 0 004.167-4.167h-3c0 .645-.522 1.167-1.167 1.167v3zm-6.666 0h6.666v-3H4.667v3zM.5 11.333A4.167 4.167 0 004.667 15.5v-3A1.167 1.167 0 013.5 11.333h-3zm0-6.666v6.666h3V4.667h-3zm4.333 0a.167.167 0 01-.166.166v-3a2.833 2.833 0 00-2.834 2.834h3zm0 4.39v-4.39h-3v4.39h3zM2.387 7.882l-.114.115 2.121 2.12.114-.114-2.12-2.12zm5.893 0a4.167 4.167 0 00-5.893 0l2.121 2.122a1.167 1.167 0 011.65 0L8.28 7.882zm3.724 3.724L8.28 7.882l-2.122 2.122 3.724 3.723 2.122-2.121zm-.67-.44h-.391v3h.39v-3zm-.167.167c0-.092.074-.166.166-.166v3a2.833 2.833 0 002.834-2.834h-3zm0-6.666v6.666h3V4.667h-3zm.166.166a.167.167 0 01-.166-.166h3a2.833 2.833 0 00-2.834-2.834v3zm-6.666 0h6.666v-3H4.667v3zm.548 6.113l2.782 2.781 2.12-2.121-2.78-2.781-2.122 2.121zm.236 0a.167.167 0 01-.236 0l2.122-2.121a2.833 2.833 0 00-4.007 0l2.121 2.121zm-1.057 1.058l1.057-1.058L3.33 8.825 2.273 9.882l2.121 2.122zm.44-.67v-.391h-3v.39h3zm-.167-.167c.092 0 .166.074.166.166h-3a2.833 2.833 0 002.834 2.834v-3zm4.39 0h-4.39v3h4.39v-3z", mask: "url(#path-1-inside-1_1967_138)" })] }));
|
|
@@ -26083,6 +26493,15 @@ function PathSquareIcon({ size = '24', className, }) {
|
|
|
26083
26493
|
function XSocial({ className, size = '24', }) {
|
|
26084
26494
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M17.4033 3.5H20.2852L13.989 10.701L21.396 20.5H15.5964L11.054 14.557L5.85637 20.5H2.97269L9.70709 12.7977L2.60156 3.5H8.54839L12.6544 8.93215L17.4033 3.5ZM16.3918 18.7738H17.9887L7.68067 5.13549H5.96702L16.3918 18.7738Z", fill: "currentColor" }) }));
|
|
26085
26495
|
}
|
|
26496
|
+
function GithubIcon({ size = '24', className, }) {
|
|
26497
|
+
return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M12 1.95068C17.525 1.95068 22 6.42568 22 11.9507C21.9995 14.0459 21.3419 16.0883 20.1198 17.7902C18.8977 19.4922 17.1727 20.768 15.1875 21.4382C14.6875 21.5382 14.5 21.2257 14.5 20.9632C14.5 20.6257 14.5125 19.5507 14.5125 18.2132C14.5125 17.2757 14.2 16.6757 13.8375 16.3632C16.0625 16.1132 18.4 15.2632 18.4 11.4257C18.4 10.3257 18.0125 9.43818 17.375 8.73818C17.475 8.48818 17.825 7.46318 17.275 6.08818C17.275 6.08818 16.4375 5.81318 14.525 7.11318C13.725 6.88818 12.875 6.77568 12.025 6.77568C11.175 6.77568 10.325 6.88818 9.525 7.11318C7.6125 5.82568 6.775 6.08818 6.775 6.08818C6.225 7.46318 6.575 8.48818 6.675 8.73818C6.0375 9.43818 5.65 10.3382 5.65 11.4257C5.65 15.2507 7.975 16.1132 10.2 16.3632C9.9125 16.6132 9.65 17.0507 9.5625 17.7007C8.9875 17.9632 7.55 18.3882 6.65 16.8757C6.4625 16.5757 5.9 15.8382 5.1125 15.8507C4.275 15.8632 4.775 16.3257 5.125 16.5132C5.55 16.7507 6.0375 17.6382 6.15 17.9257C6.35 18.4882 7 19.5632 9.5125 19.1007C9.5125 19.9382 9.525 20.7257 9.525 20.9632C9.525 21.2257 9.3375 21.5257 8.8375 21.4382C6.8458 20.7752 5.11342 19.502 3.88611 17.799C2.65881 16.096 1.9989 14.0498 2 11.9507C2 6.42568 6.475 1.95068 12 1.95068Z", fill: "currentColor" }) }));
|
|
26498
|
+
}
|
|
26499
|
+
function DiscordIcon({ size = '24', className, }) {
|
|
26500
|
+
return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M19.6361 5.0228C18.1907 4.35756 16.6648 3.88561 15.0973 3.61902C14.8828 4.00447 14.6888 4.40105 14.5159 4.8071C12.8463 4.55418 11.1484 4.55418 9.47881 4.8071C9.30587 4.4011 9.1118 4.00452 8.8974 3.61902C7.32897 3.88786 5.80205 4.36093 4.35518 5.02628C1.48276 9.29851 0.70409 13.4646 1.09342 17.5716C2.77558 18.821 4.6584 19.7712 6.66003 20.3809C7.11074 19.7715 7.50956 19.1251 7.85226 18.4483C7.20135 18.2039 6.57311 17.9024 5.9748 17.5473C6.13227 17.4325 6.28627 17.3142 6.43508 17.1994C8.17601 18.0224 10.0761 18.4491 12 18.4491C13.9238 18.4491 15.8239 18.0224 17.5648 17.1994C17.7154 17.3229 17.8694 17.4412 18.0251 17.5473C17.4257 17.903 16.7963 18.2051 16.1442 18.4501C16.4865 19.1265 16.8853 19.7724 17.3364 20.3809C19.3398 19.7737 21.224 18.8239 22.9065 17.5734C23.3633 12.8106 22.1261 8.68273 19.6361 5.0228ZM8.34541 15.0459C7.26047 15.0459 6.36414 14.0561 6.36414 12.8384C6.36414 11.6208 7.22932 10.6223 8.34195 10.6223C9.45458 10.6223 10.344 11.6208 10.325 12.8384C10.3059 14.0561 9.45112 15.0459 8.34541 15.0459ZM15.6545 15.0459C14.5678 15.0459 13.675 14.0561 13.675 12.8384C13.675 11.6208 14.5401 10.6223 15.6545 10.6223C16.7689 10.6223 17.6514 11.6208 17.6323 12.8384C17.6133 14.0561 16.7602 15.0459 15.6545 15.0459Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }) }));
|
|
26501
|
+
}
|
|
26502
|
+
function MirrorIcon({ size = '24', className, }) {
|
|
26503
|
+
return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M6 9C6 5.68629 8.68629 3 12 3C15.3137 3 18 5.68629 18 9V20C18 20.5523 17.5523 21 17 21H7C6.44771 21 6 20.5523 6 20V9Z", stroke: "currentColor", strokeWidth: "2" }) }));
|
|
26504
|
+
}
|
|
26086
26505
|
|
|
26087
26506
|
function SortIcon() {
|
|
26088
26507
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: jsxRuntime.jsx("path", { d: "M3 5H21M9 19H15M6 12H18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
|
|
@@ -26110,7 +26529,7 @@ function SwapErrorIcon() {
|
|
|
26110
26529
|
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24Z", className: "tw-text-grey-900", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM31.0683 28.9289C27.163 25.0237 20.8314 25.0237 16.9261 28.9289C16.1451 29.71 16.1451 30.9763 16.9261 31.7574C17.7072 32.5384 18.9735 32.5384 19.7545 31.7574C22.0977 29.4142 25.8967 29.4142 28.2398 31.7574C29.0209 32.5384 30.2872 32.5384 31.0683 31.7574C31.8493 30.9763 31.8493 29.71 31.0683 28.9289ZM21 19C21 20.6569 19.8807 22 18.5 22C17.1193 22 16 20.6569 16 19C16 17.3431 17.1193 16 18.5 16C19.8807 16 21 17.3431 21 19ZM29.5 22C30.8807 22 32 20.6569 32 19C32 17.3431 30.8807 16 29.5 16C28.1193 16 27 17.3431 27 19C27 20.6569 28.1193 22 29.5 22Z", className: "tw-text-status-negative", fill: "currentColor" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_457_52502)", children: jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average", strokeOpacity: "0.33" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_b_457_52502", x: "-17", y: "-17", width: "82", height: "82", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_457_52502" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_457_52502", result: "shape" })] }) })] }));
|
|
26111
26530
|
}
|
|
26112
26531
|
function SwapWarningIcon() {
|
|
26113
|
-
return (jsxRuntime.jsxs("svg", { width: "42", height: "42", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_588_15630)", children: jsxRuntime.jsx("circle", { cx: "21", cy: "21", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average" }) }), jsxRuntime.jsxs("g", {
|
|
26532
|
+
return (jsxRuntime.jsxs("svg", { width: "42", height: "42", viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("g", { filter: "url(#filter0_b_588_15630)", children: jsxRuntime.jsx("circle", { cx: "21", cy: "21", r: "20.5", stroke: "currentColor", className: "tw-text-material-light-average" }) }), jsxRuntime.jsxs("g", { clipPath: "url(#clip0_588_15630)", children: [jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "currentColor", className: "tw-text-grey-900" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41 21C41 32.0457 32.0457 41 21 41C9.9543 41 1 32.0457 1 21C1 9.9543 9.9543 1 21 1C32.0457 1 41 9.9543 41 21ZM15.5 19C16.8807 19 18 17.6569 18 16C18 14.3431 16.8807 13 15.5 13C14.1193 13 13 14.3431 13 16C13 17.6569 14.1193 19 15.5 19ZM29 16C29 17.6569 27.8807 19 26.5 19C25.1193 19 24 17.6569 24 16C24 14.3431 25.1193 13 26.5 13C27.8807 13 29 14.3431 29 16ZM15 27C13.8954 27 13 27.8954 13 29C13 30.1046 13.8954 31 15 31H27C28.1046 31 29 30.1046 29 29C29 27.8954 28.1046 27 27 27H15Z", fill: "currentColor", className: "tw-text-status-partial" })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("filter", { id: "filter0_b_588_15630", x: "-20", y: "-20", width: "82", height: "82", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur_588_15630" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur_588_15630", result: "shape" })] }), jsxRuntime.jsx("clipPath", { id: "clip0_588_15630", children: jsxRuntime.jsx("path", { d: "M1 21C1 9.95431 9.95431 1 21 1C32.0457 1 41 9.95431 41 21C41 32.0457 32.0457 41 21 41C9.95431 41 1 32.0457 1 21Z", fill: "white" }) })] })] }));
|
|
26114
26533
|
}
|
|
26115
26534
|
|
|
26116
26535
|
function TradingViewStepsIcon({ size = '24', className, }) {
|
|
@@ -26121,6 +26540,62 @@ function TriangleExclamation() {
|
|
|
26121
26540
|
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.27146 2.30512C7.04321 0.982115 8.95481 0.982112 9.72657 2.30512L14.4052 10.3256C15.183 11.6589 14.2212 13.3334 12.6776 13.3334H3.3204C1.77682 13.3334 0.81507 11.6589 1.59284 10.3256L6.27146 2.30512ZM7.99967 5.33337C8.36786 5.33337 8.66634 5.63185 8.66634 6.00004V8.00004C8.66634 8.36823 8.36786 8.66671 7.99967 8.66671C7.63148 8.66671 7.33301 8.36823 7.33301 8.00004V6.00004C7.33301 5.63185 7.63148 5.33337 7.99967 5.33337ZM7.16634 10C7.16634 9.5398 7.53944 9.16671 7.99967 9.16671C8.45991 9.16671 8.83301 9.5398 8.83301 10C8.83301 10.4603 8.45991 10.8334 7.99967 10.8334C7.53944 10.8334 7.16634 10.4603 7.16634 10Z", fill: "currentColor" }) }));
|
|
26122
26541
|
}
|
|
26123
26542
|
|
|
26543
|
+
function CrossAnimatedIcon({ size = 24, isOpen, transitionDuration, className, }) {
|
|
26544
|
+
const rotateDegrees = isOpen ? 45 : 0;
|
|
26545
|
+
return (jsxRuntime.jsxs("div", { style: {
|
|
26546
|
+
width: size,
|
|
26547
|
+
height: size * 0.585,
|
|
26548
|
+
}, className: cn('tw-relative tw-rotate-0 tw-transition-transform', className), children: [jsxRuntime.jsx("span", { style: {
|
|
26549
|
+
height: size * 0.1,
|
|
26550
|
+
top: isOpen ? size * -0.05 : 0,
|
|
26551
|
+
transformOrigin: 'left center',
|
|
26552
|
+
left: isOpen ? size * 0.13 : 0,
|
|
26553
|
+
transitionDuration,
|
|
26554
|
+
transform: isOpen ? `rotate(${rotateDegrees}deg)` : 'rotate(0)',
|
|
26555
|
+
}, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" }), jsxRuntime.jsx("span", { style: {
|
|
26556
|
+
height: size * 0.1,
|
|
26557
|
+
top: isOpen ? size * 0.65 : size * 0.6,
|
|
26558
|
+
transformOrigin: 'left center',
|
|
26559
|
+
left: isOpen ? size * 0.13 : 0,
|
|
26560
|
+
transitionDuration,
|
|
26561
|
+
transform: isOpen ? `rotate(-${rotateDegrees}deg)` : 'rotate(0)',
|
|
26562
|
+
}, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" })] }));
|
|
26563
|
+
}
|
|
26564
|
+
|
|
26565
|
+
function SunriseIcon({ size = '32', className, }) {
|
|
26566
|
+
return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 6C16.5523 6 17 6.44772 17 7V8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8V7C15 6.44772 15.4477 6 16 6ZM6 16C6 15.4477 6.44772 15 7 15H8C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17H7C6.44772 17 6 16.5523 6 16ZM23 16C23 15.4477 23.4477 15 24 15H25C25.5523 15 26 15.4477 26 16C26 16.5523 25.5523 17 25 17H24C23.4477 17 23 16.5523 23 16Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9491 11.0503C20.5586 10.6597 20.5586 10.0266 20.9491 9.63604L21.6562 8.92893C22.0468 8.53841 22.6799 8.53841 23.0705 8.92893C23.461 9.31946 23.461 9.95262 23.0705 10.3431L22.3634 11.0503C21.9728 11.4408 21.3397 11.4408 20.9491 11.0503Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 20C6 19.4477 6.44772 19 7 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H7C6.44772 21 6 20.5523 6 20ZM10 24C10 23.4477 10.4477 23 11 23H21C21.5523 23 22 23.4477 22 24C22 24.5523 21.5523 25 21 25H11C10.4477 25 10 24.5523 10 24Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.92961 8.92893C9.32014 8.53841 9.9533 8.53841 10.3438 8.92893L11.0509 9.63604C11.4415 10.0266 11.4415 10.6597 11.0509 11.0503C10.6604 11.4408 10.0272 11.4408 9.63672 11.0503L8.92961 10.3431C8.53909 9.95262 8.53909 9.31946 8.92961 8.92893Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 17C11.4477 17 11 16.5523 11 16C11 13.2386 13.2386 11 16 11C18.7614 11 21 13.2386 21 16C21 16.5523 20.5523 17 20 17C18.3023 17 13.6977 17 12 17Z", fill: "currentColor" })] }));
|
|
26567
|
+
}
|
|
26568
|
+
function SunIcon({ size = '24', className, }) {
|
|
26569
|
+
return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M10.8335 1.66671C10.8335 1.20647 10.4604 0.833374 10.0002 0.833374C9.53992 0.833374 9.16683 1.20647 9.16683 1.66671V2.50004C9.16683 2.96028 9.53992 3.33337 10.0002 3.33337C10.4604 3.33337 10.8335 2.96028 10.8335 2.50004V1.66671Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M10.8335 17.5001C10.8335 17.0398 10.4604 16.6667 10.0002 16.6667C9.53992 16.6667 9.16683 17.0398 9.16683 17.5001V18.3334C9.16683 18.7936 9.53992 19.1667 10.0002 19.1667C10.4604 19.1667 10.8335 18.7936 10.8335 18.3334V17.5001Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M16.481 3.51916C16.8064 3.8446 16.8064 4.37224 16.481 4.69767L15.8893 5.28934C15.5638 5.61478 15.0362 5.61478 14.7108 5.28934C14.3853 4.9639 14.3853 4.43627 14.7108 4.11083L15.3024 3.51916C15.6279 3.19373 16.1555 3.19373 16.481 3.51916Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M5.28955 15.8893C5.61499 15.5638 5.61499 15.0362 5.28955 14.7108C4.96411 14.3853 4.43647 14.3853 4.11104 14.7108L3.51937 15.3024C3.19393 15.6279 3.19393 16.1555 3.51937 16.4809C3.84481 16.8064 4.37244 16.8064 4.69788 16.4809L5.28955 15.8893Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M16.6668 10.0001C16.6668 9.53982 17.0399 9.16672 17.5002 9.16672H18.3335C18.7937 9.16672 19.1668 9.53982 19.1668 10.0001C19.1668 10.4603 18.7937 10.8334 18.3335 10.8334H17.5002C17.0399 10.8334 16.6668 10.4603 16.6668 10.0001Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M1.66683 9.16672C1.20659 9.16672 0.833496 9.53982 0.833496 10.0001C0.833496 10.4603 1.20659 10.8334 1.66683 10.8334H2.50016C2.9604 10.8334 3.3335 10.4603 3.3335 10.0001C3.3335 9.53982 2.9604 9.16672 2.50016 9.16672H1.66683Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M14.7108 14.7108C15.0362 14.3853 15.5638 14.3853 15.8893 14.7108L16.481 15.3024C16.8064 15.6279 16.8064 16.1555 16.481 16.4809C16.1555 16.8064 15.6279 16.8064 15.3024 16.4809L14.7108 15.8893C14.3853 15.5638 14.3853 15.0362 14.7108 14.7108Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M4.69788 3.51916C4.37244 3.19373 3.84481 3.19373 3.51937 3.51916C3.19393 3.8446 3.19393 4.37224 3.51937 4.69767L4.11104 5.28934C4.43647 5.61478 4.96411 5.61478 5.28955 5.28934C5.61499 4.9639 5.61499 4.43627 5.28955 4.11083L4.69788 3.51916Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M6.46463 6.46451C8.41725 4.51189 11.5831 4.51189 13.5357 6.46451C15.4883 8.41713 15.4883 11.583 13.5357 13.5356C11.5831 15.4882 8.41725 15.4882 6.46463 13.5356C4.51201 11.583 4.51201 8.41713 6.46463 6.46451Z", fill: "currentColor" })] }));
|
|
26570
|
+
}
|
|
26571
|
+
function MoonIcon({ size = '20', className, }) {
|
|
26572
|
+
return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M10.0463 2.99972C10.2292 2.73432 10.2427 2.38723 10.0809 2.10846C9.91903 1.8297 9.61096 1.66925 9.28979 1.69647C5.02109 2.05816 1.66992 5.63639 1.66992 9.9982C1.66992 14.5997 5.40018 18.33 10.0017 18.33C14.3636 18.33 17.9419 14.9787 18.3035 10.7098C18.3307 10.3887 18.1702 10.0806 17.8914 9.91879C17.6127 9.75698 17.2656 9.77044 17.0002 9.95336C16.1951 10.5083 15.2201 10.8331 14.1667 10.8331C11.4052 10.8331 9.16667 8.59452 9.16667 5.8331C9.16667 4.77977 9.49145 3.80481 10.0463 2.99972Z", fill: "currentColor" }) }));
|
|
26573
|
+
}
|
|
26574
|
+
|
|
26575
|
+
const dockIconClassname = 'tw-text-grey-900';
|
|
26576
|
+
const dockIconSelectedClassname = 'group-data-[squid-theme-type=dark]:tw-text-royal-700 group-data-[squid-theme-type=light]:tw-text-volt-700';
|
|
26577
|
+
function getDockIconClassname({ isSelected }) {
|
|
26578
|
+
return cn('tw-max-h-full tw-max-w-full', isSelected ? dockIconSelectedClassname : dockIconClassname);
|
|
26579
|
+
}
|
|
26580
|
+
function DockIconSwap({ isSelected = false }) {
|
|
26581
|
+
return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 109 97", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1247_37415)", children: [jsxRuntime.jsx("path", { d: "M63.6703 17.0953L37.5166 21.707C34.6819 22.2068 32.7896 24.9126 33.29 27.7506L33.793 30.6033C33.3175 30.6287 32.8384 30.6832 32.3576 30.7679C25.9215 31.9028 21.6251 38.0463 22.7612 44.4898C23.8974 50.9334 30.036 55.2369 36.4721 54.1021C36.9528 54.0173 37.4217 53.9046 37.8772 53.7659L39.9405 65.4678C40.4409 68.3057 43.1446 70.2012 45.9793 69.7013L72.133 65.0897C74.9677 64.5899 76.8601 61.8841 76.3596 59.0461L74.1505 46.5176L86.5832 38.2026L75.5578 21.6867L70.3825 25.1479L69.7091 21.3289C69.2087 18.4909 66.505 16.5955 63.6703 17.0953Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M71.4603 22.6225L71.1863 21.0685C70.5423 17.4162 67.062 14.9742 63.4099 15.6181L37.2561 20.2297C33.604 20.8737 31.1688 24.3589 31.8128 28.0111L32.0402 29.3009C24.8183 30.606 20.0076 37.5116 21.284 44.7503C22.5604 51.9891 29.4428 56.8329 36.6755 55.5892L38.4633 65.7282C39.1073 69.3805 42.5876 71.8225 46.2398 71.1786L72.3935 66.567C76.0456 65.923 78.4808 62.4378 77.8369 58.7856L75.7976 47.2205L87.4171 39.4495C88.1053 38.9892 88.2905 38.0584 87.8308 37.3698L76.8053 20.8539C76.5843 20.5228 76.2408 20.2932 75.8504 20.2155C75.46 20.1379 75.0548 20.2186 74.7239 20.4398L71.4603 22.6225Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M63.6702 17.0953L37.5165 21.707C34.6818 22.2068 32.7895 24.9126 33.2899 27.7506L39.9404 65.4678C40.4408 68.3057 43.1445 70.2012 45.9792 69.7014L72.1329 65.0897C74.9676 64.5899 76.8599 61.8841 76.3595 59.0461L69.709 21.3289C69.2086 18.4909 66.5049 16.5955 63.6702 17.0953Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.0884 48.2686L62.4932 45.905", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.0986 43.5195L62.4998 45.908L60.1039 49.3081", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.3135 27.8751L45.9087 30.2388", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.3038 32.6307L45.9015 30.2358L48.2985 26.8421", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.9355 53.5151L47.8565 56.7029C45.8237 57.0613 44.4667 59.0018 44.8255 61.0369C45.1844 63.0721 47.1232 64.4314 49.1561 64.0729L67.2351 60.8851C69.2679 60.5267 70.6249 58.5863 70.2661 56.5511C69.9072 54.5159 67.9684 53.1566 65.9355 53.5151Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M36.4438 54.1219C42.8956 52.998 47.2174 46.8545 46.0969 40.4C44.9764 33.9455 38.8378 29.6242 32.3861 30.7481C25.9343 31.872 21.6125 38.0155 22.733 44.47C23.8535 50.9245 29.992 55.2458 36.4438 54.1219Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.1501 41.881 44.8381 41.2175 42.7504", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.1501 41.881 44.8381 41.2175 42.7504", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M36.0201 41.2762C36.466 41.7639 37.2044 41.8912 37.7941 41.538C38.3838 41.1848 38.6117 40.5265 38.4345 39.9194", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M36.0201 41.2762C36.466 41.7639 37.2044 41.8912 37.7941 41.538C38.3838 41.1848 38.6117 40.5265 38.4345 39.9194", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691L41.8629 42.4827Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M75.5576 21.6867L59.064 32.7176L70.0894 49.2335L86.5831 38.2026L75.5576 21.6867Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577L78.6657 33.9882Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1247_37415", x: "0.578613", y: "0.0148315", width: "108.005", height: "96.767", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1247_37415" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1247_37415" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1247_37415", result: "effect2_dropShadow_1247_37415" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1247_37415", result: "shape" })] }) })] }));
|
|
26582
|
+
}
|
|
26583
|
+
function DockIconCheckout({ isSelected = false }) {
|
|
26584
|
+
return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 93 106", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2833)", children: [jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2515 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9186 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M18.3712 30.4564L18.3695 30.4548C15.6599 28.0013 17.1621 23.6247 20.5774 23.0224C21.6474 22.8338 22.7516 23.0388 23.7004 23.6373C24.2013 23.9533 24.5661 24.3901 24.7664 24.63C24.7867 24.6544 24.8054 24.6767 24.8223 24.6966C25.0513 24.9668 25.1213 25.0168 25.1545 25.0342C25.2588 25.0822 25.5174 25.1212 25.9509 24.9851C26.5177 24.8071 27.0278 24.6086 27.4854 24.3592L27.4871 24.3582C31.5213 22.1663 34.4925 21.8579 36.5834 22.2735C37.0211 22.3605 37.4115 22.4777 37.7565 22.6105C38.2589 21.9016 39.03 21.3828 39.9537 21.22C40.8774 21.0571 41.7795 21.2809 42.494 21.7751C42.7728 21.5323 43.0995 21.2887 43.4811 21.0572C45.3037 19.9516 48.2013 19.2252 52.7419 19.9051L52.7479 19.906C53.2533 19.9839 53.8034 19.9955 54.3998 19.9688C54.8771 19.9474 55.0947 19.8169 55.1563 19.7518L55.1616 19.7462C55.1887 19.7179 55.2408 19.6469 55.3709 19.2988C55.3805 19.2731 55.391 19.2441 55.4027 19.212C55.508 18.9228 55.7018 18.3904 56.0503 17.9369C56.7169 17.0696 57.7043 16.476 58.778 16.2866C62.1993 15.6834 65.0914 19.2882 63.3961 22.5131L63.3937 22.5177C63.2826 22.7273 63.1507 22.9488 63.045 23.1262C63.0101 23.1849 62.978 23.2387 62.9505 23.2856C62.8217 23.5058 62.7372 23.666 62.68 23.8108L62.6792 23.8129C62.4875 24.2957 62.4881 24.9504 62.7043 25.6726L62.7054 25.676C62.874 26.244 63.1404 26.8129 63.4747 27.4538C63.5615 27.6201 63.6562 27.7973 63.7549 27.9818C64.0116 28.4617 64.2949 28.9914 64.5331 29.5088C65.1749 30.9027 65.7535 32.3652 66.1801 33.8858M18.3712 30.4564L24.3047 55.7631C23.7612 57.8303 24.1233 60.1232 24.6909 62.1362L23.2467 62.5413C23.2468 62.5416 23.2469 62.542 23.247 62.5423C23.6735 64.0628 24.2521 65.5253 24.8939 66.9191C25.1321 67.4366 25.4154 67.9662 25.6721 68.4462C25.7708 68.6307 25.8655 68.8079 25.9523 68.9742C26.2866 69.615 26.553 70.1839 26.7216 70.7519L26.7226 70.7554C26.9389 71.4776 26.9394 72.1323 26.7478 72.6151L26.747 72.6171C26.6897 72.7619 26.6052 72.9222 26.4764 73.1423C26.449 73.1892 26.4169 73.2431 26.382 73.3017C26.2763 73.4791 26.1443 73.7007 26.0332 73.9102L26.0308 73.9148C24.3356 77.1398 27.2277 80.7445 30.649 80.1413C31.7227 79.952 32.7101 79.3583 33.3767 78.491C33.7252 78.0376 33.919 77.5052 34.0243 77.2159C34.0359 77.1839 34.0465 77.1548 34.0561 77.1291C34.1862 76.781 34.2383 76.7101 34.2654 76.6818L34.2707 76.6761C34.3323 76.6111 34.5499 76.4805 35.0272 76.4591C35.6236 76.4324 36.1736 76.4441 36.6791 76.5219L36.6851 76.5228C41.2257 77.2028 44.1232 76.4763 45.9458 75.3707C46.3275 75.1392 46.6542 74.8956 46.933 74.6528C47.6475 75.1471 48.5496 75.3708 49.4733 75.208C50.3969 75.0451 51.1681 74.5263 51.6705 73.8174C52.0155 73.9503 52.4058 74.0675 52.8436 74.1545C54.9344 74.57 57.9057 74.2616 61.9399 72.0697L61.9416 72.0688C62.3992 71.8194 62.9093 71.6208 63.4761 71.4428C63.9095 71.3067 64.1681 71.3457 64.2724 71.3937C64.3056 71.4111 64.3756 71.4609 64.6047 71.7313C64.6216 71.7512 64.6403 71.7736 64.6606 71.7979C64.8609 72.0378 65.2257 72.4746 65.7266 72.7906C66.6754 73.3891 67.7795 73.5942 68.8495 73.4055C72.2649 72.8033 73.7671 68.4267 71.0575 65.9731L71.0558 65.9715C70.8797 65.8126 70.6799 65.6495 70.5199 65.519C70.4671 65.4758 70.4186 65.4362 70.3767 65.4015C70.1807 65.239 70.0466 65.1174 69.9434 65.0011C69.5936 64.6047 69.3725 63.9918 69.329 63.2427L69.3288 63.2391C69.2928 62.6459 69.3475 62.0176 69.4415 61.302C69.4674 61.1047 69.4977 60.8922 69.5294 60.6706C69.6046 60.1438 69.6871 59.5659 69.7348 59.0193L69.7349 59.0178C69.8676 57.4795 69.905 55.908 69.786 54.3362C69.6197 52.1009 69.1224 49.3441 67.5087 47.1992C68.0769 46.3083 68.327 45.2104 68.1286 44.0852C67.93 42.9587 67.3168 42.0147 66.4805 41.3731C67.264 38.8051 66.7885 36.0437 66.1801 33.8858M18.3712 30.4564C18.5472 30.6153 18.747 30.7784 18.907 30.9089C18.9599 30.9521 19.0084 30.9917 19.0503 31.0264C19.2461 31.1888 19.3801 31.3103 19.4834 31.4266C19.8333 31.823 20.0544 32.4359 20.098 33.1852L20.0982 33.1888C20.1342 33.782 20.0795 34.4104 19.9855 35.1259C19.9596 35.3232 19.9293 35.5357 19.8976 35.7573C19.8224 36.2841 19.7399 36.862 19.6922 37.4087C19.5583 38.9434 19.522 40.5206 19.641 42.0917C19.8073 44.327 20.3046 47.0838 21.9183 49.2288M18.3712 30.4564L21.9183 49.2288M66.1801 33.8858C66.1801 33.8861 66.1802 33.8864 66.1803 33.8866L64.736 34.2917L66.1797 33.8846C66.1798 33.885 66.18 33.8854 66.1801 33.8858ZM21.9183 49.2288C21.3501 50.1196 21.1 51.2175 21.2984 52.3427C21.497 53.4692 22.1102 54.4132 22.9465 55.0548L21.9183 49.2288ZM28.2032 25.6762C32.7848 23.1869 35.633 23.4152 37.1776 23.9951L28.2032 25.6762ZM28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815L28.2032 25.6762ZM40.2142 22.6972C39.7634 22.7767 39.3773 23.007 39.0988 23.3271L41.4778 22.9077C41.1066 22.7021 40.665 22.6177 40.2142 22.6972Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2514 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9187 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M64.7972 66.306L57.3992 24.3496L24.6195 30.1295L32.0176 72.086L64.7972 66.306Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M54.5418 38.4847L43.4253 34.4391C42.6636 34.1627 41.8173 34.312 41.1961 34.8322L32.1337 42.4359C31.5125 42.9561 31.2218 43.7659 31.3623 44.5624L33.4163 56.2117C33.5568 57.0083 34.1124 57.6689 34.8686 57.9462L45.9851 61.9918C46.7467 62.2682 47.5931 62.1189 48.2143 61.5987L57.2767 53.995C57.8979 53.4748 58.1886 52.665 58.0481 51.8685L55.994 40.2192C55.8536 39.4226 55.2979 38.762 54.5418 38.4847Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999L38.4824 50.9153Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2833", x: "-3.53467", y: "0.720215", width: "96.4963", height: "104.988", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2833" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2833" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2833", result: "effect2_dropShadow_2890_2833" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2833", result: "shape" })] }) })] }));
|
|
26585
|
+
}
|
|
26586
|
+
function DockIconScan({ isSelected = false }) {
|
|
26587
|
+
return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 104 93", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1987_41216)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_1987_41216", maskUnits: "userSpaceOnUse", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M29.121 24.4211L26.4157 24.8981C23.7506 25.368 21.9711 27.9095 22.441 30.5745L27.9109 61.596C28.3809 64.2611 30.9223 66.0406 33.5874 65.5707L77.7067 57.7912C80.3718 57.3213 82.1514 54.7799 81.6814 52.1148L76.2115 21.0934C75.7416 18.4283 73.2002 16.6487 70.5351 17.1187L52.3411 20.3268C48.8487 17.8692 44.4172 16.7483 39.8802 17.5483C35.3432 18.3483 31.5623 20.9172 29.121 24.4211Z" })] }), jsxRuntime.jsx("path", { d: "M29.121 24.4211L29.642 27.3755C30.4279 27.2369 31.1263 26.7909 31.5825 26.1361L29.121 24.4211ZM22.441 30.5745L19.4866 31.0955L22.441 30.5745ZM27.9109 61.596L30.8654 61.075L27.9109 61.596ZM70.5351 17.1187L71.056 20.0731L70.5351 17.1187ZM52.3411 20.3268L50.6146 22.7802C51.2673 23.2395 52.0761 23.4198 52.8621 23.2812L52.3411 20.3268ZM26.9366 27.8525L29.642 27.3755L28.6001 21.4667L25.8948 21.9437L26.9366 27.8525ZM25.3954 30.0536C25.2132 29.0202 25.9032 28.0347 26.9366 27.8525L25.8948 21.9437C21.598 22.7013 18.729 26.7987 19.4866 31.0955L25.3954 30.0536ZM30.8654 61.075L25.3954 30.0536L19.4866 31.0955L24.9565 62.1169L30.8654 61.075ZM33.0664 62.6162C32.033 62.7985 31.0476 62.1084 30.8654 61.075L24.9565 62.1169C25.7141 66.4137 29.8116 69.2827 34.1083 68.5251L33.0664 62.6162ZM77.1858 54.8368L33.0664 62.6162L34.1083 68.5251L78.2277 60.7457L77.1858 54.8368ZM78.727 52.6357C78.9092 53.6691 78.2192 54.6546 77.1858 54.8368L78.2277 60.7457C82.5245 59.988 85.3935 55.8906 84.6359 51.5939L78.727 52.6357ZM73.2571 21.6143L78.727 52.6357L84.6359 51.5939L79.1659 20.5724L73.2571 21.6143ZM71.056 20.0731C72.0894 19.8909 73.0749 20.5809 73.2571 21.6143L79.1659 20.5724C78.4083 16.2756 74.3109 13.4066 70.0141 14.1642L71.056 20.0731ZM52.8621 23.2812L71.056 20.0731L70.0141 14.1642L51.8202 17.3723L52.8621 23.2812ZM54.0676 17.8733C49.9494 14.9754 44.714 13.6497 39.3592 14.5939L40.4011 20.5028C44.1204 19.847 47.748 20.763 50.6146 22.7802L54.0676 17.8733ZM39.3592 14.5939C34.0045 15.5381 29.5382 18.5744 26.6596 22.7061L31.5825 26.1361C33.5863 23.2601 36.6819 21.1586 40.4011 20.5028L39.3592 14.5939Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_1987_41216)" })] }), jsxRuntime.jsx("rect", { x: "22.1691", y: "26.1546", width: "53.6", height: "40.3", rx: "4.4", transform: "rotate(-10 22.1691 26.1546)", className: "tw-fill-current tw-stroke-grey-100" }), jsxRuntime.jsx("path", { d: "M23.4946 32.5211L75.8864 23.283", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M55.7461 39.7263L52.6416 44.1618L69.4942 55.9669L72.5987 51.5313L55.7461 39.7263Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M61.7136 42.7723L57.5659 48.6982L74.4185 60.5033L78.5662 54.5774L61.7136 42.7723Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M45.6602 50.3281C54.7086 48.7326 60.75 40.1012 59.1539 31.0493C57.5578 21.9975 48.9287 15.9529 39.8802 17.5483C30.8318 19.1438 24.7905 27.7752 26.3866 36.8271C27.9826 45.879 36.6117 51.9236 45.6602 50.3281Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("mask", { id: "mask0_1987_41216", style: { maskType: 'luminance' }, maskUnits: "userSpaceOnUse", x: "26", y: "17", width: "34", height: "34", children: jsxRuntime.jsx("path", { d: "M46.1553 50.2408C55.2038 48.6453 61.2451 40.0139 59.649 30.962C58.0529 21.9101 49.4238 15.8655 40.3754 17.461C31.3269 19.0565 25.2856 27.6879 26.8817 36.7398C28.4778 45.7916 37.1069 51.8362 46.1553 50.2408Z", fill: "white" }) }), jsxRuntime.jsxs("g", { mask: "url(#mask0_1987_41216)", children: [jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532L50.3628 36.03Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1987_41216", x: "0.365234", y: "0.0429077", width: "103.392", height: "92.6035", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1987_41216" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1987_41216" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1987_41216", result: "effect2_dropShadow_1987_41216" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1987_41216", result: "shape" })] }) })] }));
|
|
26588
|
+
}
|
|
26589
|
+
function DockIconAnalytics({ isSelected = false }) {
|
|
26590
|
+
return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 96 99", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2870)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_2890_2870", maskUnits: "userSpaceOnUse", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.4285 20.8097L31.9076 17.8553C31.124 17.9934 30.4274 18.4372 29.9711 19.089C29.5147 19.7407 29.3359 20.5471 29.4741 21.3306L32.4285 20.8097ZM48.7338 17.9346L51.6882 17.4137C51.4005 15.782 49.8445 14.6925 48.2129 14.9802L48.7338 17.9346ZM40.9373 69.0653L37.9829 69.5862C38.2706 71.2179 39.8265 72.3074 41.4582 72.0197L40.9373 69.0653ZM57.2426 66.1902L57.7635 69.1446C58.5471 69.0065 59.2437 68.5627 59.7 67.9109C60.1564 67.2592 60.3352 66.4528 60.197 65.6693L57.2426 66.1902ZM57.2426 66.1902L56.7216 63.2357C55.0899 63.5234 54.0004 65.0794 54.2881 66.7111L57.2426 66.1902ZM73.5477 63.3151L74.0686 66.2695C75.7003 65.9818 76.7898 64.4259 76.5021 62.7942L73.5477 63.3151ZM67.7141 30.2315L70.6685 29.7106C70.5304 28.927 70.0866 28.2304 69.4349 27.774C68.7831 27.3177 67.9767 27.1389 67.1932 27.2771L67.7141 30.2315ZM51.409 33.1065L48.4546 33.6275C48.5928 34.411 49.0365 35.1076 49.6883 35.564C50.34 36.0204 51.1464 36.1991 51.93 36.061L51.409 33.1065ZM20.9573 51.1016L20.4363 48.1472C19.6527 48.2854 18.9562 48.7292 18.4998 49.3809C18.0434 50.0327 17.8647 50.839 18.0028 51.6226L20.9573 51.1016ZM37.2625 48.2266L40.217 47.7056C39.9293 46.074 38.3733 44.9845 36.7416 45.2722L37.2625 48.2266ZM24.6308 71.9354L21.6764 72.4563C21.9641 74.088 23.5201 75.1775 25.1517 74.8898L24.6308 71.9354ZM40.9361 69.0603L41.457 72.0147C43.0887 71.727 44.1782 70.171 43.8905 68.5394L40.9361 69.0603ZM32.9495 23.7641L49.2547 20.8891L48.2129 14.9802L31.9076 17.8553L32.9495 23.7641ZM43.8917 68.5443L35.3829 20.2888L29.4741 21.3306L37.9829 69.5862L43.8917 68.5443ZM56.7216 63.2358L40.4163 66.1109L41.4582 72.0197L57.7635 69.1446L56.7216 63.2358ZM54.2881 66.7111L54.2881 66.7112L60.197 65.6693L60.197 65.6692L54.2881 66.7111ZM57.7635 69.1446L74.0686 66.2695L73.0267 60.3607L56.7216 63.2357L57.7635 69.1446ZM76.5021 62.7942L70.6685 29.7106L64.7597 30.7524L70.5932 63.8361L76.5021 62.7942ZM67.1932 27.2771L50.8881 30.1521L51.93 36.061L68.2351 33.1859L67.1932 27.2771ZM45.7794 18.4556L48.4546 33.6275L54.3634 32.5856L51.6882 17.4137L45.7794 18.4556ZM21.4782 54.0561L37.7835 51.181L36.7416 45.2722L20.4363 48.1472L21.4782 54.0561ZM27.5852 71.4144L23.9117 50.5807L18.0028 51.6226L21.6764 72.4563L27.5852 71.4144ZM40.4151 66.1059L24.1099 68.9809L25.1517 74.8898L41.457 72.0147L40.4151 66.1059ZM34.3081 48.7475L37.9817 69.5812L43.8905 68.5394L40.217 47.7056L34.3081 48.7475Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_2890_2870)" })] }), jsxRuntime.jsx("path", { d: "M37.2626 48.2265L20.9573 51.1016L24.6308 71.9353L40.9361 69.0602L37.2626 48.2265Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.7338 17.9348L32.4285 20.8098L40.9372 69.0654L57.2425 66.1903L48.7338 17.9348Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M67.7141 30.2316L51.4088 33.1067L57.2423 66.1903L73.5476 63.3153L67.7141 30.2316Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628L37.497 29.6151Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2870", x: "-1.04272", y: "0.934082", width: "96.5909", height: "98.0017", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2870" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2870" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2870", result: "effect2_dropShadow_2890_2870" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2870", result: "shape" })] }) })] }));
|
|
26591
|
+
}
|
|
26592
|
+
function DockIconProfile({ isSelected = false }) {
|
|
26593
|
+
return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 91 92", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2884)", children: [jsxRuntime.jsx("path", { d: "M49.0981 64.2104C61.953 61.9437 70.5392 49.7011 68.276 36.8658C66.0128 24.0305 53.7572 15.4629 40.9023 17.7296C28.0474 19.9962 19.4612 32.2388 21.7244 45.0741C23.9876 57.9094 36.2432 66.477 49.0981 64.2104Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M49.3586 65.6876C63.0272 63.2774 72.1607 50.2586 69.7532 36.6053C67.3458 22.9521 54.3104 13.8422 40.6418 16.2524C26.9732 18.6625 17.8397 31.6813 20.2472 45.3346C22.6546 58.9879 35.69 68.0977 49.3586 65.6876Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M22.1104 28.5476C23.2067 26.1969 24.9162 24.1733 27.0532 22.6971L27.0537 22.6967C27.67 22.2704 27.8292 21.4229 27.3993 20.8017L27.3982 20.8C26.9703 20.1844 26.1255 20.0297 25.5064 20.4553L25.5045 20.4565C22.9691 22.2077 20.9415 24.6071 19.6404 27.3974L19.6398 27.3986C19.3231 28.0803 19.6183 28.8896 20.2999 29.2069C20.5624 29.3293 20.8462 29.3606 21.1118 29.3137C21.5296 29.2401 21.9137 28.9694 22.1102 28.548L22.1104 28.5476Z", className: "tw-fill-grey-300 tw-stroke-grey-900", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M43.9449 44.0574L43.9449 44.0574C43.5982 44.264 43.2244 44.3996 42.8431 44.4668C41.764 44.6571 40.6236 44.3 39.8533 43.4574C39.6904 43.2796 39.7029 43.0036 39.8812 42.8404L39.8815 42.8401L39.8815 42.8401C40.0588 42.6797 40.3357 42.6894 40.4991 42.8686L43.9449 44.0574ZM43.9449 44.0574C45.2277 43.2924 45.8302 41.76 45.4101 40.331L43.9449 44.0574ZM44.5707 40.5772C44.8784 41.6236 44.4373 42.7467 43.4966 43.3073C42.522 43.8877 41.2615 43.7027 40.4991 42.8686L44.5707 40.5772Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M51.9849 39.5628L51.9848 39.5628C51.6377 39.7694 51.264 39.9054 50.8827 39.9727C49.8031 40.163 48.6626 39.8055 47.8927 38.9628C47.7298 38.785 47.7424 38.509 47.9207 38.3458L47.9211 38.3454L47.9211 38.3454C48.0993 38.185 48.3751 38.1948 48.5385 38.374L51.9849 39.5628ZM51.9849 39.5628C53.2678 38.7982 53.8703 37.2658 53.45 35.8363M51.9849 39.5628L52.9071 35.5405M52.9071 35.5405L52.9072 35.5405C53.1388 35.4731 53.3818 35.6043 53.45 35.8363M52.9071 35.5405C52.6753 35.6086 52.5426 35.8513 52.6106 36.0825L52.9071 35.5405ZM53.45 35.8363L53.378 35.8574L53.45 35.8363C53.45 35.8363 53.45 35.8363 53.45 35.8363ZM52.6106 36.0825C52.9184 37.1294 52.4773 38.2526 51.5366 38.8127C50.5627 39.392 49.301 39.2085 48.5385 38.374L52.6106 36.0825Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M59.7053 40.6561L59.7056 40.6559C59.9299 40.5604 60.1845 40.6619 60.2805 40.8834C60.3764 41.105 60.2741 41.3619 60.0525 41.4576L60.0525 41.4577C59.7295 41.597 59.3945 41.7046 59.056 41.7956C60.2892 46.1438 58.5167 50.805 54.6571 53.2307C53.5151 53.9487 52.2719 54.4152 51.0004 54.6394C47.7072 55.22 44.2239 54.1756 41.8116 51.6588L41.8115 51.6588C41.6447 51.4844 41.6502 51.2078 41.8251 51.0409L59.7053 40.6561ZM59.7053 40.6561C58.8349 41.0318 57.8735 41.2193 56.9246 41.1958L56.9239 41.1958M59.7053 40.6561L56.9239 41.1958M56.9239 41.1958C56.6855 41.1919 56.483 41.3799 56.4763 41.6217L56.4763 41.6219M56.9239 41.1958L56.4763 41.6219M56.4763 41.6219C56.4703 41.8632 56.6615 42.0635 56.9028 42.0694L56.9028 42.0694M56.4763 41.6219L56.9028 42.0694M56.9028 42.0694C57.3363 42.0798 57.7711 42.0476 58.2009 41.9823C59.3574 45.9729 57.7367 50.2639 54.1912 52.4919C50.4409 54.8481 45.5006 54.2438 42.4433 51.0542L42.4432 51.0542M56.9028 42.0694L42.4432 51.0542M42.4432 51.0542C42.2757 50.8798 41.9985 50.8748 41.8252 51.0408L42.4432 51.0542Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M23.0014 50.7377L23.0699 50.7072L23.0014 50.7377C27.5772 61.0207 38.5449 66.5181 49.1764 64.643C51.064 64.3102 52.9419 63.7442 54.7704 62.9324C66.9005 57.5467 72.3868 43.3128 66.9996 31.2026C64.3895 25.3359 59.6475 20.8368 53.6469 18.5332C47.6474 16.2304 41.1069 16.3985 35.23 19.0075L35.2604 19.0761L35.23 19.0075C23.0999 24.3936 17.6137 38.6276 23.0014 50.7377ZM23.8008 50.3826L23.7323 50.4131L23.8008 50.3826C18.6089 38.7132 23.8955 24.9966 35.5849 19.8054C37.3455 19.0238 39.168 18.4696 41.0175 18.1435C45.1165 17.4207 49.3479 17.8194 53.3325 19.3486C59.115 21.5685 63.6845 25.9041 66.1996 31.5573C71.3916 43.2272 66.1051 56.9442 54.4155 62.1345C52.6522 62.917 50.8442 63.4619 49.0247 63.7827C38.7786 65.5884 28.2091 60.2924 23.8008 50.3826Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M20.4787 27.7884C20.3769 28.0073 20.4718 28.2668 20.6905 28.3684L20.7221 28.3004C20.7922 28.3331 20.8672 28.3414 20.9381 28.3289C21.0504 28.3091 21.1519 28.2369 21.2039 28.1253L21.2719 28.157C21.2719 28.157 21.2719 28.157 21.2719 28.157C22.4377 25.657 24.2553 23.5056 26.5274 21.936L26.5275 21.936C26.7258 21.7989 26.7763 21.5269 26.6387 21.328L26.6386 21.3279C26.5013 21.1304 26.2301 21.0802 26.0303 21.2176L26.0302 21.2177C23.6298 22.8755 21.7103 25.1472 20.4787 27.7883L20.4787 27.7884Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2884", x: "-0.638062", y: "0.365479", width: "91.2766", height: "91.209", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2884" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2884" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2884", result: "effect2_dropShadow_2890_2884" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2884", result: "shape" })] }) })] }));
|
|
26594
|
+
}
|
|
26595
|
+
function DockIconHelp({ isSelected = false }) {
|
|
26596
|
+
return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 100 100", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1744_41485)", children: [jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50 15.5C33.7075 15.5 20.5 28.7075 20.5 45C20.5 61.2925 33.7075 74.5 50 74.5C66.2925 74.5 79.5 61.2925 79.5 45C79.5 28.7077 66.2984 15.5 50 15.5ZM50 54.2516C44.8922 54.2516 40.7484 50.1078 40.7484 45C40.7484 39.8922 44.8922 35.7484 50 35.7484C55.1078 35.7484 59.2516 39.8922 59.2516 45C59.2516 50.1078 55.1078 54.2516 50 54.2516Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsxs("mask", { id: "path-3-outside-1_1744_41485", maskUnits: "userSpaceOnUse", x: "67.4766", y: "19.3555", width: "9", height: "9", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "67.4766", y: "19.3555", width: "9", height: "9" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z", className: "tw-fill-grey-300" }), jsxRuntime.jsx("path", { d: "M70.3437 21.5019L71.7579 22.9161L71.7579 22.9161L70.3437 21.5019ZM71.0508 21.5019L69.6366 22.9161L69.6366 22.9161L71.0508 21.5019ZM70.3437 22.209L71.7579 20.7948L71.7579 20.7948L70.3437 22.209ZM71.2167 23.082L72.6309 24.4962C73.4119 23.7151 73.4119 22.4488 72.6309 21.6678L71.2167 23.082ZM69.623 24.6757L68.2088 23.2614L68.2088 23.2614L69.623 24.6757ZM69.623 25.3828L68.2088 26.797L68.2088 26.797L69.623 25.3828ZM70.3301 25.3828L71.7443 26.797L71.7443 26.797L70.3301 25.3828ZM71.9238 23.7891L73.338 22.3749C72.9629 21.9998 72.4542 21.7891 71.9238 21.7891C71.3933 21.7891 70.8846 21.9998 70.5096 22.3749L71.9238 23.7891ZM72.7971 24.6625L71.3829 26.0767L71.3829 26.0767L72.7971 24.6625ZM73.5043 24.6625L74.9185 26.0767L74.9185 26.0767L73.5043 24.6625ZM73.5043 23.9553L74.9185 22.5411V22.5411L73.5043 23.9553ZM71.7579 22.9161C71.1721 23.5019 70.2224 23.5019 69.6366 22.9161L72.465 20.0877C71.4887 19.1114 69.9058 19.1114 68.9295 20.0877L71.7579 22.9161ZM71.7579 20.7948C72.3437 21.3806 72.3437 22.3303 71.7579 22.9161L68.9295 20.0877C67.9532 21.064 67.9532 22.6469 68.9295 23.6232L71.7579 20.7948ZM72.6309 21.6678L71.7579 20.7948L68.9295 23.6232L69.8025 24.4962L72.6309 21.6678ZM71.0372 26.0899L72.6309 24.4962L69.8025 21.6678L68.2088 23.2614L71.0372 26.0899ZM71.0372 23.9685C71.623 24.5543 71.623 25.5041 71.0372 26.0899L68.2088 23.2614C67.2325 24.2377 67.2325 25.8207 68.2088 26.797L71.0372 23.9685ZM68.9159 23.9685C69.5017 23.3828 70.4514 23.3828 71.0372 23.9685L68.2088 26.797C69.1851 27.7733 70.768 27.7733 71.7443 26.797L68.9159 23.9685ZM70.5096 22.3749L68.9159 23.9685L71.7443 26.797L73.338 25.2033L70.5096 22.3749ZM74.2114 23.2482L73.338 22.3749L70.5096 25.2033L71.3829 26.0767L74.2114 23.2482ZM72.09 23.2482C72.6758 22.6625 73.6256 22.6625 74.2114 23.2482L71.3829 26.0767C72.3592 27.053 73.9422 27.053 74.9185 26.0767L72.09 23.2482ZM72.09 25.3696C71.5043 24.7838 71.5043 23.834 72.09 23.2482L74.9185 26.0767C75.8948 25.1004 75.8948 23.5174 74.9185 22.5411L72.09 25.3696ZM69.6366 22.9161L72.09 25.3696L74.9185 22.5411L72.465 20.0877L69.6366 22.9161Z", className: "tw-fill-current", mask: "url(#path-3-outside-1_1744_41485)" }), jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.5276 26.845L42.5242 26.8404C41.9548 26.087 40.8824 25.9378 40.129 26.5072L34.9231 30.4415C34.1697 31.0109 34.0205 32.0833 34.5899 32.8367L34.5933 32.8413C35.1627 33.5947 36.2351 33.7439 36.9885 33.1745L42.1944 29.2402C42.9478 28.6708 43.097 27.5984 42.5276 26.845Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.4441 57.1753L65.4407 57.1707C64.8713 56.4173 63.7989 56.2681 63.0455 56.8375L57.8396 60.7718C57.0862 61.3412 56.937 62.4136 57.5064 63.167L57.5098 63.1716C58.0792 63.925 59.1516 64.0742 59.905 63.5048L65.1109 59.5705C65.8643 59.0011 66.0135 57.9287 65.4441 57.1753Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M71.8123 23.1934L69.9766 25.0292", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M73.1507 24.3089L70.6973 21.8555", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357L58.4985 28.2037Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1744_41485", x: "0", y: "0", width: "100", height: "100", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1744_41485" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1744_41485" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1744_41485", result: "effect2_dropShadow_1744_41485" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1744_41485", result: "shape" })] }) })] }));
|
|
26597
|
+
}
|
|
26598
|
+
|
|
26124
26599
|
function AssetsView({ chains, favoriteTokens, popularTokens, userTokens, }) {
|
|
26125
26600
|
const matchesMobileLg = useMediaQuery(MEDIA_QUERIES.MOBILE_LG.media);
|
|
26126
26601
|
return (jsxRuntime.jsxs(ProductCard, { children: [jsxRuntime.jsx(NavigationBar, { displayBackButton: true }), jsxRuntime.jsx("div", { className: "tw-max-h-[60px] tw-px-squid-m tw-py-squid-xs", children: jsxRuntime.jsx(Input, {}) }), jsxRuntime.jsx(BorderedContainer, { children: jsxRuntime.jsxs("div", { className: cn('tw-grid', matchesMobileLg
|
|
@@ -61158,35 +61633,6 @@ const transactionHalfSuccessAnimation = TransactionHalfSuccessAnimation;
|
|
|
61158
61633
|
const transactionErrorPauseAnimation = TransactionErrorPauseAnimation;
|
|
61159
61634
|
const transactionRejectedAnimation = TransactionRejectedAnimation;
|
|
61160
61635
|
|
|
61161
|
-
const useTimer = ({ immediateStart = true, }) => {
|
|
61162
|
-
const [timer, setTimer] = React$1.useState('0s');
|
|
61163
|
-
const intervalRef = React$1.useRef(null);
|
|
61164
|
-
const startTimer = () => {
|
|
61165
|
-
if (intervalRef.current !== null)
|
|
61166
|
-
return; // Prevent multiple intervals
|
|
61167
|
-
const startTime = Date.now();
|
|
61168
|
-
intervalRef.current = window.setInterval(() => {
|
|
61169
|
-
const elapsedTime = Date.now() - startTime;
|
|
61170
|
-
setTimer(formatDuration(elapsedTime));
|
|
61171
|
-
}, 1000);
|
|
61172
|
-
};
|
|
61173
|
-
const stopTimer = () => {
|
|
61174
|
-
if (intervalRef.current !== null) {
|
|
61175
|
-
clearInterval(intervalRef.current);
|
|
61176
|
-
intervalRef.current = null;
|
|
61177
|
-
}
|
|
61178
|
-
};
|
|
61179
|
-
React$1.useEffect(() => {
|
|
61180
|
-
if (immediateStart) {
|
|
61181
|
-
startTimer();
|
|
61182
|
-
}
|
|
61183
|
-
return () => {
|
|
61184
|
-
stopTimer();
|
|
61185
|
-
};
|
|
61186
|
-
}, [immediateStart]);
|
|
61187
|
-
return { timer, stopTimer, startTimer };
|
|
61188
|
-
};
|
|
61189
|
-
|
|
61190
61636
|
var SwapState;
|
|
61191
61637
|
(function (SwapState) {
|
|
61192
61638
|
// user needs to sign the transaction in their wallet
|
|
@@ -61458,6 +61904,10 @@ const themeKeysToReplace = [
|
|
|
61458
61904
|
userKey: 'status-warning',
|
|
61459
61905
|
internalKey: 'status-partial',
|
|
61460
61906
|
},
|
|
61907
|
+
{
|
|
61908
|
+
userKey: 'highlight',
|
|
61909
|
+
internalKey: 'volt',
|
|
61910
|
+
},
|
|
61461
61911
|
];
|
|
61462
61912
|
/**
|
|
61463
61913
|
* Parses the user readable config to css variables
|
|
@@ -61635,8 +62085,8 @@ exports.ArrowWallDownIcon = ArrowWallDownIcon;
|
|
|
61635
62085
|
exports.ArrowsSwapIcon = ArrowsSwapIcon;
|
|
61636
62086
|
exports.AssetsButton = AssetsButton;
|
|
61637
62087
|
exports.AssetsView = AssetsView;
|
|
62088
|
+
exports.BackpackIcon = BackpackIcon;
|
|
61638
62089
|
exports.BadgeImage = BadgeImage;
|
|
61639
|
-
exports.BagIcon = BagIcon;
|
|
61640
62090
|
exports.BankIcon = BankIcon;
|
|
61641
62091
|
exports.BlockSkeleton = BlockSkeleton;
|
|
61642
62092
|
exports.BodyText = BodyText;
|
|
@@ -61650,10 +62100,12 @@ exports.BridgeHeader = BridgeHeader;
|
|
|
61650
62100
|
exports.BridgeProperties = BridgeProperties;
|
|
61651
62101
|
exports.BridgeTransactionView = BridgeTransactionView;
|
|
61652
62102
|
exports.BrokenHeartIcon = BrokenHeartIcon;
|
|
62103
|
+
exports.BubblesIcon = BubblesIcon;
|
|
61653
62104
|
exports.Button = Button$1;
|
|
61654
62105
|
exports.BuyNFTHeader = BuyNFTHeader;
|
|
61655
62106
|
exports.BuyNFTProperties = BuyNFTProperties;
|
|
61656
62107
|
exports.BuyNFTTransactionView = BuyNFTTransactionView;
|
|
62108
|
+
exports.CSS_VARS = CSS_VARS;
|
|
61657
62109
|
exports.Calendar = Calendar;
|
|
61658
62110
|
exports.CaptionText = CaptionText;
|
|
61659
62111
|
exports.ChainLink = ChainLink;
|
|
@@ -61670,17 +62122,29 @@ exports.Chip = Chip;
|
|
|
61670
62122
|
exports.CircleMinusIcon = CircleMinusIcon;
|
|
61671
62123
|
exports.CirclePlusIcon = CirclePlusIcon;
|
|
61672
62124
|
exports.CircleX = CircleX;
|
|
62125
|
+
exports.CircleXFilledIcon = CircleXFilledIcon;
|
|
61673
62126
|
exports.ClockIcon = ClockIcon;
|
|
61674
62127
|
exports.ClockOutlineIcon = ClockOutlineIcon;
|
|
61675
62128
|
exports.CoinsAddIcon = CoinsAddIcon;
|
|
61676
62129
|
exports.CoinsIcon = CoinsIcon;
|
|
61677
62130
|
exports.Collapse = Collapse;
|
|
62131
|
+
exports.CollapsibleMenu = CollapsibleMenu;
|
|
61678
62132
|
exports.CollectionIcon = CollectionIcon;
|
|
62133
|
+
exports.ColorPaletteIcon = ColorPaletteIcon;
|
|
61679
62134
|
exports.CompassRound = CompassRound;
|
|
62135
|
+
exports.ConsoleIcon = ConsoleIcon;
|
|
61680
62136
|
exports.Copy = Copy;
|
|
62137
|
+
exports.CrossAnimatedIcon = CrossAnimatedIcon;
|
|
61681
62138
|
exports.DashboardFast = DashboardFast;
|
|
61682
62139
|
exports.DescriptionBlocks = DescriptionBlocks;
|
|
61683
62140
|
exports.DetailsToolbar = DetailsToolbar;
|
|
62141
|
+
exports.DiscordIcon = DiscordIcon;
|
|
62142
|
+
exports.DockIconAnalytics = DockIconAnalytics;
|
|
62143
|
+
exports.DockIconCheckout = DockIconCheckout;
|
|
62144
|
+
exports.DockIconHelp = DockIconHelp;
|
|
62145
|
+
exports.DockIconProfile = DockIconProfile;
|
|
62146
|
+
exports.DockIconScan = DockIconScan;
|
|
62147
|
+
exports.DockIconSwap = DockIconSwap;
|
|
61684
62148
|
exports.DockSwapIcon = DockSwapIcon;
|
|
61685
62149
|
exports.Dollar = Dollar;
|
|
61686
62150
|
exports.DotGrid1x3HorizontalIcon = DotGrid1x3HorizontalIcon;
|
|
@@ -61700,6 +62164,7 @@ exports.FilledHeartIcon = FilledHeartIcon;
|
|
|
61700
62164
|
exports.FilterButton = FilterButton;
|
|
61701
62165
|
exports.FilterIcon = FilterIcon;
|
|
61702
62166
|
exports.GasIcon = GasIcon;
|
|
62167
|
+
exports.GithubIcon = GithubIcon;
|
|
61703
62168
|
exports.HashLink = HashLink;
|
|
61704
62169
|
exports.HeadingText = HeadingText;
|
|
61705
62170
|
exports.HeartSmallIcon = HeartSmallIcon;
|
|
@@ -61730,9 +62195,12 @@ exports.MainView = MainView;
|
|
|
61730
62195
|
exports.MaxIcon = MaxIcon;
|
|
61731
62196
|
exports.Menu = Menu;
|
|
61732
62197
|
exports.MenuItem = MenuItem;
|
|
62198
|
+
exports.MenuSwapIcon = MenuSwapIcon;
|
|
62199
|
+
exports.MirrorIcon = MirrorIcon;
|
|
61733
62200
|
exports.Modal = Modal;
|
|
61734
62201
|
exports.ModalContent = ModalContent;
|
|
61735
62202
|
exports.ModalContentDivider = ModalContentDivider;
|
|
62203
|
+
exports.MoonIcon = MoonIcon;
|
|
61736
62204
|
exports.NavigationBar = NavigationBar;
|
|
61737
62205
|
exports.NotAllowedIcon = NotAllowedIcon;
|
|
61738
62206
|
exports.NumericInput = NumericInput;
|
|
@@ -61741,6 +62209,7 @@ exports.PercentIcon = PercentIcon;
|
|
|
61741
62209
|
exports.PieChartIcon = PieChartIcon;
|
|
61742
62210
|
exports.PipeSeparator = PipeSeparator;
|
|
61743
62211
|
exports.PlusIcon = PlusIcon;
|
|
62212
|
+
exports.PowerIcon = PowerIcon;
|
|
61744
62213
|
exports.ProductCard = ProductCard;
|
|
61745
62214
|
exports.ProfileHeader = ProfileHeader;
|
|
61746
62215
|
exports.ProfileHeaderBackground = ProfileHeaderBackground;
|
|
@@ -61762,7 +62231,9 @@ exports.SettingsButton = SettingsButton;
|
|
|
61762
62231
|
exports.SettingsGearIcon = SettingsGearIcon;
|
|
61763
62232
|
exports.SettingsItem = SettingsItem;
|
|
61764
62233
|
exports.SettingsSlider = SettingsSlider;
|
|
62234
|
+
exports.ShoppingBagIcon = ShoppingBagIcon;
|
|
61765
62235
|
exports.SizeTransition = SizeTransition;
|
|
62236
|
+
exports.SmileIcon = SmileIcon;
|
|
61766
62237
|
exports.SnapIcon = SnapIcon;
|
|
61767
62238
|
exports.SortIcon = SortIcon;
|
|
61768
62239
|
exports.SparkleIcon = SparkleIcon;
|
|
@@ -61774,12 +62245,16 @@ exports.SquidConfigProvider = SquidConfigProvider;
|
|
|
61774
62245
|
exports.SquidLogo = SquidLogo;
|
|
61775
62246
|
exports.StakeAction = StakeAction;
|
|
61776
62247
|
exports.StartAction = StartAction;
|
|
62248
|
+
exports.StocksIcon = StocksIcon;
|
|
61777
62249
|
exports.SuccessAction = SuccessAction;
|
|
62250
|
+
exports.SunIcon = SunIcon;
|
|
62251
|
+
exports.SunriseIcon = SunriseIcon;
|
|
61778
62252
|
exports.SwapAction = SwapAction;
|
|
61779
62253
|
exports.SwapConfiguration = SwapConfiguration;
|
|
61780
62254
|
exports.SwapDetailsView = SwapDetailsView;
|
|
61781
62255
|
exports.SwapErrorIcon = SwapErrorIcon;
|
|
61782
62256
|
exports.SwapHeader = SwapHeader;
|
|
62257
|
+
exports.SwapIcon = SwapIcon;
|
|
61783
62258
|
exports.SwapInputsIcon = SwapInputsIcon;
|
|
61784
62259
|
exports.SwapProgressView = SwapProgressView;
|
|
61785
62260
|
exports.SwapProgressViewHeader = SwapProgressViewHeader;
|
|
@@ -61814,6 +62289,7 @@ exports.TransactionState = TransactionState;
|
|
|
61814
62289
|
exports.TransactionView = TransactionView;
|
|
61815
62290
|
exports.TransactionViewLayout = TransactionViewLayout;
|
|
61816
62291
|
exports.Transfer = Transfer;
|
|
62292
|
+
exports.TranslateIcon = TranslateIcon;
|
|
61817
62293
|
exports.TriangleExclamation = TriangleExclamation;
|
|
61818
62294
|
exports.UsdAmount = UsdAmount;
|
|
61819
62295
|
exports.WalletFilledIcon = WalletFilledIcon;
|
|
@@ -61822,11 +62298,16 @@ exports.WalletLink = WalletLink;
|
|
|
61822
62298
|
exports.WalletsView = WalletsView;
|
|
61823
62299
|
exports.WrapAction = WrapAction;
|
|
61824
62300
|
exports.XSocial = XSocial;
|
|
62301
|
+
exports.baseTailwindConfig = baseTailwindConfig;
|
|
62302
|
+
exports.cn = cn;
|
|
61825
62303
|
exports.darkTheme = darkTheme;
|
|
61826
62304
|
exports.lightTheme = lightTheme;
|
|
61827
62305
|
exports.linkActionTimelineProps = linkActionTimelineProps;
|
|
61828
|
-
exports.statusBgClassMap = statusBgClassMap$1;
|
|
61829
|
-
exports.statusColorClassMap = statusColorClassMap;
|
|
61830
62306
|
exports.statusTextClassMap = statusTextClassMap;
|
|
62307
|
+
exports.useCollapsibleMenu = useCollapsibleMenu;
|
|
61831
62308
|
exports.useDropdownMenu = useDropdownMenu;
|
|
61832
62309
|
exports.useMediaQuery = useMediaQuery;
|
|
62310
|
+
exports.useOnResize = useOnResize;
|
|
62311
|
+
exports.useRect = useRect;
|
|
62312
|
+
exports.useTimer = useTimer;
|
|
62313
|
+
exports.useVersion = useVersion;
|