@orderly.network/ui-scaffold 2.10.1 → 2.10.2

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.
Files changed (6) hide show
  1. package/dist/index.js +117 -191
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +117 -191
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +11 -11
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import React6, { forwardRef, createContext, useCallback, useRef, useEffect, useMemo, useState, cloneElement, useContext, isValidElement } from 'react';
2
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
- import { useTranslation, i18n, useLocaleContext, Trans } from '@orderly.network/i18n';
4
3
  import { installExtension, ExtensionPositionEnum, tv, Flex, Text, Tooltip, useScreen, Button, cn, modal, toast, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, EVMAvatar, Divider, DropdownMenuItem, ChevronDownIcon, Box, PopoverRoot, PopoverAnchor, PopoverContent, SimpleDialog, Checkbox, useObserverElement, SimpleSheet, Logo, VectorIcon, PeopleIcon, SwapHorizIcon, Sheet, SheetContent, ChevronLeftIcon, Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, Spinner, ChainIcon, ScrollArea, formatAddress, Popover, Grid, CopyIcon, TextField, inputFormatter, ExtensionSlot, EyeIcon, EyeCloseIcon, SimpleDialogFooter, TooltipProvider, TooltipRoot, TooltipTrigger, BellIcon, TooltipContent, PopoverTrigger, PopupUnionIcon, CloseRoundFillIcon, SpotIcon, PerpsIcon, SelectedChoicesFillIcon } from '@orderly.network/ui';
4
+ import { useTranslation, i18n, useLocaleContext, Trans } from '@orderly.network/i18n';
5
5
  import { useWalletConnector, useAccount, useChains, useLocalStorage, useConfig, useTrack, useIndexPricesStream, WsNetworkStatus, useSubAccountQuery, useWsStatus, OrderlyContext, useMemoizedFn, useCollateral, usePositionStream, useMarginRatio, useLeverage, useMaintenanceStatus, useEventEmitter } from '@orderly.network/hooks';
6
6
  import { useAppContext, useAppConfig } from '@orderly.network/react-app';
7
7
  import { AccountStatusEnum, ABSTRACT_CHAIN_ID_MAP, EMPTY_LIST, TrackerEventName, EMPTY_OBJECT } from '@orderly.network/types';
@@ -35,11 +35,17 @@ var init_communtiyIcons = __esm({
35
35
  height: size,
36
36
  viewBox: "0 0 20 20",
37
37
  ref,
38
- fill: "#fff",
39
- fillOpacity: ".54",
38
+ fill: "currentColor",
40
39
  xmlns: "http://www.w3.org/2000/svg",
40
+ className: "oui-fill-base-contrast-54",
41
41
  ...rest,
42
- children: /* @__PURE__ */ jsx("path", { d: "M4.108 9.464S9.645 7.13 11.565 6.31c.736-.328 3.233-1.38 3.233-1.38s1.152-.46 1.056.658c-.032.46-.288 2.069-.544 3.81-.384 2.463-.8 5.157-.8 5.157s-.064.755-.608.887c-.544.13-1.44-.46-1.6-.592-.129-.098-2.401-1.576-3.233-2.299-.224-.197-.48-.591.032-1.051a124 124 0 0 0 3.36-3.285c.384-.394.768-1.313-.832-.197-2.272 1.61-4.513 3.12-4.513 3.12s-.512.33-1.472.034-2.08-.69-2.08-.69-.768-.493.544-1.018" })
42
+ children: /* @__PURE__ */ jsx(
43
+ "path",
44
+ {
45
+ d: "M4.108 9.464S9.645 7.13 11.565 6.31c.736-.328 3.233-1.38 3.233-1.38s1.152-.46 1.056.658c-.032.46-.288 2.069-.544 3.81-.384 2.463-.8 5.157-.8 5.157s-.064.755-.608.887c-.544.13-1.44-.46-1.6-.592-.129-.098-2.401-1.576-3.233-2.299-.224-.197-.48-.591.032-1.051a124 124 0 0 0 3.36-3.285c.384-.394.768-1.313-.832-.197-2.272 1.61-4.513 3.12-4.513 3.12s-.512.33-1.472.034-2.08-.69-2.08-.69-.768-.493.544-1.018",
46
+ fill: "currentColor"
47
+ }
48
+ )
43
49
  }
44
50
  );
45
51
  });
@@ -52,31 +58,45 @@ var init_communtiyIcons = __esm({
52
58
  height: size,
53
59
  viewBox: "0 0 20 20",
54
60
  ref,
55
- fill: "#fff",
56
- fillOpacity: ".54",
57
- ...rest,
58
- xmlns: "http://www.w3.org/2000/svg",
59
- children: /* @__PURE__ */ jsx("path", { d: "M14.956 5.522c1.604 2.374 2.396 5.053 2.1 8.136a.05.05 0 0 1-.02.033 11.7 11.7 0 0 1-3.55 1.805.045.045 0 0 1-.05-.017 9.6 9.6 0 0 1-.725-1.188.046.046 0 0 1 .024-.063 7 7 0 0 0 1.108-.531.046.046 0 0 0 .004-.076 6 6 0 0 1-.22-.174.04.04 0 0 0-.047-.006c-2.296 1.068-4.812 1.068-7.136 0a.04.04 0 0 0-.046.006 6 6 0 0 1-.22.174.046.046 0 0 0 .005.076c.353.204.721.384 1.107.531.025.01.037.039.025.063a8.5 8.5 0 0 1-.725 1.188.05.05 0 0 1-.05.017 11.7 11.7 0 0 1-3.546-1.805.05.05 0 0 1-.018-.033c-.248-2.667.257-5.368 2.097-8.137a.04.04 0 0 1 .02-.016 11.6 11.6 0 0 1 2.89-.903.05.05 0 0 1 .046.022c.125.224.269.51.366.744a10.7 10.7 0 0 1 3.246 0 8 8 0 0 1 .36-.744.044.044 0 0 1 .046-.022 11.7 11.7 0 0 1 2.89.903q.012.005.019.017m-6.018 5.07c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.576 1.442 1.276 1.442.71 0 1.276-.647 1.276-1.441m4.718 0c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.577 1.442 1.276 1.442.717 0 1.276-.647 1.276-1.441" })
60
- }
61
- );
62
- });
63
- CommuntiyXIcon = React6.forwardRef((props, ref) => {
64
- const { size = 20, ...rest } = props;
65
- return /* @__PURE__ */ jsx(
66
- "svg",
67
- {
68
- width: size,
69
- height: size,
70
- viewBox: "0 0 20 20",
71
- ref,
72
- fill: "#fff",
73
- fillOpacity: ".54",
61
+ fill: "currentColor",
74
62
  xmlns: "http://www.w3.org/2000/svg",
63
+ className: "oui-fill-base-contrast-54",
75
64
  ...rest,
76
- children: /* @__PURE__ */ jsx("path", { d: "m4.42 4.73 4.633 6.194-4.662 5.037H5.44l4.082-4.41 3.298 4.41h3.57l-4.893-6.543 4.34-4.689h-1.05l-3.759 4.062-3.037-4.062zm1.543.772h1.64l7.244 9.686h-1.64z" })
65
+ children: /* @__PURE__ */ jsx(
66
+ "path",
67
+ {
68
+ d: "M14.956 5.522c1.604 2.374 2.396 5.053 2.1 8.136a.05.05 0 0 1-.02.033 11.7 11.7 0 0 1-3.55 1.805.045.045 0 0 1-.05-.017 9.6 9.6 0 0 1-.725-1.188.046.046 0 0 1 .024-.063 7 7 0 0 0 1.108-.531.046.046 0 0 0 .004-.076 6 6 0 0 1-.22-.174.04.04 0 0 0-.047-.006c-2.296 1.068-4.812 1.068-7.136 0a.04.04 0 0 0-.046.006 6 6 0 0 1-.22.174.046.046 0 0 0 .005.076c.353.204.721.384 1.107.531.025.01.037.039.025.063a8.5 8.5 0 0 1-.725 1.188.05.05 0 0 1-.05.017 11.7 11.7 0 0 1-3.546-1.805.05.05 0 0 1-.018-.033c-.248-2.667.257-5.368 2.097-8.137a.04.04 0 0 1 .02-.016 11.6 11.6 0 0 1 2.89-.903.05.05 0 0 1 .046.022c.125.224.269.51.366.744a10.7 10.7 0 0 1 3.246 0 8 8 0 0 1 .36-.744.044.044 0 0 1 .046-.022 11.7 11.7 0 0 1 2.89.903q.012.005.019.017m-6.018 5.07c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.576 1.442 1.276 1.442.71 0 1.276-.647 1.276-1.441m4.718 0c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.577 1.442 1.276 1.442.717 0 1.276-.647 1.276-1.441",
69
+ fill: "currentColor"
70
+ }
71
+ )
77
72
  }
78
73
  );
79
74
  });
75
+ CommuntiyXIcon = React6.forwardRef(
76
+ (props, ref) => {
77
+ const { size = 20, ...rest } = props;
78
+ return /* @__PURE__ */ jsx(
79
+ "svg",
80
+ {
81
+ width: size,
82
+ height: size,
83
+ viewBox: "0 0 20 20",
84
+ ref,
85
+ fill: "currentColor",
86
+ xmlns: "http://www.w3.org/2000/svg",
87
+ className: "oui-fill-base-contrast-54",
88
+ ...rest,
89
+ children: /* @__PURE__ */ jsx(
90
+ "path",
91
+ {
92
+ d: "m4.42 4.73 4.633 6.194-4.662 5.037H5.44l4.082-4.41 3.298 4.41h3.57l-4.893-6.543 4.34-4.689h-1.05l-3.759 4.062-3.037-4.062zm1.543.772h1.64l7.244 9.686h-1.64z",
93
+ fill: "currentColor"
94
+ }
95
+ )
96
+ }
97
+ );
98
+ }
99
+ );
80
100
  CommuntiyXIcon.displayName = "CommuntiyXIcon";
81
101
  CommuntiyTelegramIcon.displayName = "CommuntiyTelegramIcon";
82
102
  CommuntiyDiscordIcon.displayName = "CommuntiyDiscordIcon";
@@ -87,7 +107,6 @@ var init_orderlyNetworkTextIcon = __esm({
87
107
  "src/components/icons/orderlyNetworkTextIcon.tsx"() {
88
108
  OrderlyTextIcon = React6.forwardRef(
89
109
  (props, ref) => {
90
- const { opacity = 1, ...rest } = props;
91
110
  return /* @__PURE__ */ jsxs(
92
111
  "svg",
93
112
  {
@@ -95,9 +114,10 @@ var init_orderlyNetworkTextIcon = __esm({
95
114
  width: "45",
96
115
  height: "14",
97
116
  viewBox: "0 0 45 14",
98
- fill: "none",
117
+ fill: "currentColor",
99
118
  xmlns: "http://www.w3.org/2000/svg",
100
- ...rest,
119
+ className: "oui-fill-base-contrast",
120
+ ...props,
101
121
  children: [
102
122
  /* @__PURE__ */ jsx(
103
123
  "path",
@@ -105,16 +125,14 @@ var init_orderlyNetworkTextIcon = __esm({
105
125
  fillRule: "evenodd",
106
126
  clipRule: "evenodd",
107
127
  d: "M8.352 2.558a.063.063 0 0 1-.04.112H2.419a.063.063 0 0 1-.04-.112A4.73 4.73 0 0 1 5.365 1.5c1.132 0 2.171.396 2.987 1.058M3.518 7.546a.18.18 0 0 0-.148-.08H.886a.085.085 0 0 0-.083.11 4.75 4.75 0 0 0 4.562 3.429 4.75 4.75 0 0 0 4.562-3.43.085.085 0 0 0-.082-.108H7.36a.18.18 0 0 0-.148.079 2.252 2.252 0 0 1-3.694 0m3.518-2.812a.18.18 0 0 0 .134.061h2.598c.06 0 .101-.057.082-.113a4.8 4.8 0 0 0-.801-1.432.17.17 0 0 0-.132-.062H1.814a.17.17 0 0 0-.132.062A4.8 4.8 0 0 0 .88 4.682a.085.085 0 0 0 .081.113h2.6c.05 0 .099-.023.133-.06a2.25 2.25 0 0 1 1.67-.742c.663 0 1.258.286 1.67.741M7.6 6.95a.067.067 0 0 1-.063-.086 2.26 2.26 0 0 0-.079-1.45.067.067 0 0 1 .061-.093h2.45c.03 0 .058.022.063.052a4.8 4.8 0 0 1 .04 1.52.064.064 0 0 1-.065.057zm-4.407-.086a.067.067 0 0 1-.063.086H.723a.064.064 0 0 1-.064-.056 4.8 4.8 0 0 1 .039-1.52.065.065 0 0 1 .063-.053h2.45c.047 0 .079.049.061.093a2.25 2.25 0 0 0-.079 1.45",
108
- fill: "#fff",
109
- fillOpacity: opacity
128
+ fill: "currentColor"
110
129
  }
111
130
  ),
112
131
  /* @__PURE__ */ jsx(
113
132
  "path",
114
133
  {
115
134
  d: "M11.272 4.438h1.685v1.61l-.275-.312q.237-.511.662-.874.425-.361.949-.487.524-.124 1.073.038v1.585q-.661-.224-1.223-.125-.55.1-.874.475-.312.375-.312.923v3.608h-1.685zm4.148 3.22q0-.923.4-1.697.41-.774 1.123-1.211a2.95 2.95 0 0 1 1.573-.437 2.7 2.7 0 0 1 1.523.437 2.8 2.8 0 0 1 1.01 1.198q.363.762.363 1.71 0 .95-.362 1.71-.35.762-1.011 1.199a2.7 2.7 0 0 1-1.523.437 2.95 2.95 0 0 1-1.573-.437 3.1 3.1 0 0 1-1.124-1.198 3.7 3.7 0 0 1-.4-1.71m1.748 0q0 .5.224.924.225.412.612.65.387.236.861.236.475 0 .862-.237.386-.237.611-.649.225-.424.225-.924 0-.498-.225-.91-.225-.425-.611-.65a1.6 1.6 0 0 0-.862-.237q-.474 0-.861.237a1.6 1.6 0 0 0-.612.65q-.224.412-.224.91m3.395-6.016h1.685v9.237h-1.685zm4.192 5.329h3.97l-.387.537a2 2 0 0 0-.25-.9 1.63 1.63 0 0 0-.612-.623 1.64 1.64 0 0 0-.861-.225q-.487 0-.886.25a1.6 1.6 0 0 0-.625.686 2.1 2.1 0 0 0-.224.961q0 .537.224.974.239.436.662.687.425.25.961.25.525 0 .937-.238.423-.25.661-.674l1.386.624q-.45.787-1.236 1.26-.786.463-1.798.463-.96 0-1.747-.437a3.3 3.3 0 0 1-1.248-1.198 3.34 3.34 0 0 1-.45-1.71q0-.924.437-1.686.45-.775 1.223-1.21.774-.45 1.723-.45 1.061 0 1.885.537.825.536 1.21 1.448.4.898.226 1.96h-5.181zm6.221-2.534h1.685v1.61l-.274-.312q.237-.511.661-.874.425-.361.949-.487.525-.124 1.073.038v1.585q-.661-.224-1.223-.125-.549.1-.874.475-.312.375-.312.923v3.608h-1.685zm4.885-2.796h1.686v9.237H35.86zm4.359 9.324q.224.487.587.737.362.262.836.262.711 0 1.186-.5.487-.486.487-1.26V9.08l.262.35a2.43 2.43 0 0 1-.911 1.011q-.6.362-1.373.362-.8 0-1.386-.337a2.3 2.3 0 0 1-.886-.936q-.312-.6-.312-1.386V4.438h1.685v3.408q0 .436.162.761.162.312.462.5.312.174.761.174.45 0 .8-.175a1.3 1.3 0 0 0 .549-.511q.187-.338.187-.75V4.439H45v5.767q0 .936-.45 1.685a3.07 3.07 0 0 1-1.21 1.186 3.4 3.4 0 0 1-1.698.424q-.973 0-1.735-.474a3.3 3.3 0 0 1-1.186-1.26z",
116
- fill: "#fff",
117
- fillOpacity: opacity
135
+ fill: "currentColor"
118
136
  }
119
137
  )
120
138
  ]
@@ -159,14 +177,15 @@ var init_infoIcon = __esm({
159
177
  xmlns: "http://www.w3.org/2000/svg",
160
178
  width: `${size}px`,
161
179
  height: `${size}px`,
162
- fill: "none",
163
180
  viewBox: `0 0 20 20`,
181
+ fill: "currentColor",
182
+ className: "oui-fill-warning-darken",
164
183
  ...rest,
165
184
  children: /* @__PURE__ */ jsx(
166
185
  "path",
167
186
  {
168
187
  d: "M10.012 1.66602C5.40954 1.66602 1.67871 5.39685 1.67871 9.99935C1.67871 14.6018 5.40954 18.3327 10.012 18.3327C14.6145 18.3327 18.3454 14.6018 18.3454 9.99935C18.3454 5.39685 14.6145 1.66602 10.012 1.66602ZM10.012 5.83268C10.472 5.83268 10.8454 6.20602 10.8454 6.66602V10.8327C10.8454 11.2927 10.472 11.666 10.012 11.666C9.55204 11.666 9.17871 11.2927 9.17871 10.8327V6.66602C9.17871 6.20602 9.55204 5.83268 10.012 5.83268ZM10.012 12.4993C10.472 12.4993 10.8454 12.8727 10.8454 13.3327C10.8454 13.7927 10.472 14.166 10.012 14.166C9.55204 14.166 9.17871 13.7927 9.17871 13.3327C9.17871 12.8727 9.55204 12.4993 10.012 12.4993Z",
169
- fill: "#FF7D00"
188
+ fill: "currentColor"
170
189
  }
171
190
  )
172
191
  }
@@ -212,105 +231,27 @@ var init_orderlyLogo = __esm({
212
231
  fill: "none",
213
232
  xmlns: "http://www.w3.org/2000/svg",
214
233
  ...props,
234
+ className: cn(props.className, "oui-fill-base-contrast"),
215
235
  children: [
216
- /* @__PURE__ */ jsx(
217
- "path",
218
- {
219
- d: "M22.2637 18.5152H26.1444V13.3629C26.1444 10.2669 27.9664 9.39239 29.6701 9.39239C29.9777 9.39239 30.2617 9.41602 30.6639 9.46329V6.20176C30.2853 6.10722 29.9777 6.08359 29.7174 6.08359C27.8481 6.08359 26.6886 7.3362 26.2153 9.27421H26.1444V6.22539H22.2637V18.5152Z",
220
- fill: "white"
221
- }
222
- ),
223
- /* @__PURE__ */ jsx(
224
- "path",
225
- {
226
- d: "M37.3191 18.7516C39.1411 18.7516 40.3952 17.7826 40.7265 16.8608V18.5152H44.6072V1.97122H40.7265V7.87979C40.3952 6.95806 39.1411 5.98905 37.3191 5.98905C34.8108 5.98905 31.9713 7.83252 31.9713 12.3703C31.9713 16.9317 34.8108 18.7516 37.3191 18.7516ZM35.6153 12.3703C35.6153 10.196 36.9168 9.20331 38.2892 9.20331C39.638 9.20331 40.8921 10.196 40.8921 12.3703C40.8921 14.5447 39.638 15.5373 38.2892 15.5373C36.9168 15.5373 35.6153 14.5447 35.6153 12.3703Z",
227
- fill: "white"
228
- }
229
- ),
230
- /* @__PURE__ */ jsx(
231
- "path",
232
- {
233
- d: "M53.418 18.7516C56.4468 18.7516 58.6475 17.1917 59.2154 14.3556H55.8079C55.595 15.1592 55.0744 15.8209 53.489 15.8209C51.9746 15.8209 51.0281 15.1355 50.8151 13.3393H59.31C59.3573 13.0557 59.381 12.8194 59.381 12.3703C59.381 7.57255 56.5888 5.98905 53.418 5.98905C50.1289 5.98905 47.1474 7.73799 47.1474 12.323C47.1474 17.0972 50.3655 18.7516 53.418 18.7516ZM50.8388 11.0941C51.0754 9.676 51.8799 8.9197 53.3234 8.9197C55.0981 8.9197 55.6423 10.0305 55.7133 11.0941H50.8388Z",
234
- fill: "white"
235
- }
236
- ),
237
- /* @__PURE__ */ jsx(
238
- "path",
239
- {
240
- d: "M61.8978 18.5152H65.7784V13.3629C65.7784 10.2669 67.6005 9.39239 69.3042 9.39239C69.6118 9.39239 69.8957 9.41602 70.298 9.46329V6.20176C69.9194 6.10722 69.6118 6.08359 69.3515 6.08359C67.4821 6.08359 66.3227 7.3362 65.8494 9.27421H65.7784V6.22539H61.8978V18.5152Z",
241
- fill: "white"
242
- }
243
- ),
244
- /* @__PURE__ */ jsx(
245
- "path",
246
- {
247
- d: "M72.5672 18.5152H76.4479V1.97122H72.5672V18.5152Z",
248
- fill: "white"
249
- }
250
- ),
251
- /* @__PURE__ */ jsx(
252
- "path",
253
- {
254
- d: "M79.8261 20.0278V23.2893C83.6358 23.6911 85.2212 22.4149 86.8776 18.3734L91.8468 6.22539H87.8714L85.1739 13.5757L82.5473 6.22539H78.5957L83.0679 17.2626C83.3755 17.9953 83.3992 18.3734 83.1389 18.9643C82.9259 19.437 82.3817 20.3587 79.8261 20.0278Z",
255
- fill: "white"
256
- }
257
- ),
258
- /* @__PURE__ */ jsx(
259
- "path",
260
- {
261
- d: "M100.278 18.5152H104.229V8.63609H104.324L110.287 18.5152H114.546V1.97122H110.571V12.1103H110.476L104.371 1.97122H100.278V18.5152Z",
262
- fill: "white"
263
- }
264
- ),
265
- /* @__PURE__ */ jsx(
266
- "path",
267
- {
268
- d: "M123.327 18.7516C126.356 18.7516 128.557 17.1917 129.125 14.3556H125.717C125.504 15.1592 124.984 15.8209 123.398 15.8209C121.884 15.8209 120.937 15.1355 120.724 13.3393H129.219C129.267 13.0557 129.29 12.8194 129.29 12.3703C129.29 7.57255 126.498 5.98905 123.327 5.98905C120.038 5.98905 117.057 7.73799 117.057 12.323C117.057 17.0972 120.275 18.7516 123.327 18.7516ZM120.748 11.0941C120.985 9.676 121.789 8.9197 123.233 8.9197C125.007 8.9197 125.552 10.0305 125.623 11.0941H120.748Z",
269
- fill: "white"
270
- }
271
- ),
272
- /* @__PURE__ */ jsx(
273
- "path",
274
- {
275
- d: "M137.439 18.6807C138.172 18.6807 138.882 18.5861 139.474 18.4207V15.5609C138.93 15.6082 138.717 15.6082 138.456 15.6082C137.202 15.6082 136.966 14.9228 136.966 14.072V9.22695H139.379V6.22539H136.966V3.01113H133.085V6.22539H130.979V9.22695H133.085V14.6156C133.085 17.4753 134.789 18.6807 137.439 18.6807Z",
276
- fill: "white"
277
- }
278
- ),
279
- /* @__PURE__ */ jsx(
280
- "path",
281
- {
282
- d: "M144.456 18.5152H148.833L150.797 11.3777L152.761 18.5152H157.115L160.333 6.22539H156.666L154.749 14.781H154.654L152.454 6.22539H149.117L146.917 14.781H146.822L144.905 6.22539H141.261L144.456 18.5152Z",
283
- fill: "white"
284
- }
285
- ),
286
- /* @__PURE__ */ jsx(
287
- "path",
288
- {
289
- d: "M167.796 18.7516C170.896 18.7516 174.043 16.8845 174.043 12.3703C174.043 7.85616 170.896 5.98905 167.796 5.98905C164.673 5.98905 161.549 7.85616 161.549 12.3703C161.549 16.8845 164.673 18.7516 167.796 18.7516ZM165.169 12.3703C165.169 10.196 166.282 9.20331 167.796 9.20331C169.287 9.20331 170.399 10.196 170.399 12.3703C170.399 14.5447 169.287 15.5373 167.796 15.5373C166.282 15.5373 165.169 14.5447 165.169 12.3703Z",
290
- fill: "white"
291
- }
292
- ),
293
- /* @__PURE__ */ jsx(
294
- "path",
295
- {
296
- d: "M176.554 18.5152H180.434V13.3629C180.434 10.2669 182.256 9.39239 183.96 9.39239C184.268 9.39239 184.552 9.41602 184.954 9.46329V6.20176C184.575 6.10722 184.268 6.08359 184.007 6.08359C182.138 6.08359 180.979 7.3362 180.505 9.27421H180.434V6.22539H176.554V18.5152Z",
297
- fill: "white"
298
- }
299
- ),
300
- /* @__PURE__ */ jsx(
301
- "path",
302
- {
303
- d: "M187.223 18.5152H191.104V14.9701L192.074 13.9302L195.742 18.5152H200.001L194.44 11.4249L199.362 6.22539H195.126L191.104 10.8104V1.97122H187.223V18.5152Z",
304
- fill: "white"
305
- }
306
- ),
236
+ /* @__PURE__ */ jsx("path", { d: "M22.2637 18.5152H26.1444V13.3629C26.1444 10.2669 27.9664 9.39239 29.6701 9.39239C29.9777 9.39239 30.2617 9.41602 30.6639 9.46329V6.20176C30.2853 6.10722 29.9777 6.08359 29.7174 6.08359C27.8481 6.08359 26.6886 7.3362 26.2153 9.27421H26.1444V6.22539H22.2637V18.5152Z" }),
237
+ /* @__PURE__ */ jsx("path", { d: "M37.3191 18.7516C39.1411 18.7516 40.3952 17.7826 40.7265 16.8608V18.5152H44.6072V1.97122H40.7265V7.87979C40.3952 6.95806 39.1411 5.98905 37.3191 5.98905C34.8108 5.98905 31.9713 7.83252 31.9713 12.3703C31.9713 16.9317 34.8108 18.7516 37.3191 18.7516ZM35.6153 12.3703C35.6153 10.196 36.9168 9.20331 38.2892 9.20331C39.638 9.20331 40.8921 10.196 40.8921 12.3703C40.8921 14.5447 39.638 15.5373 38.2892 15.5373C36.9168 15.5373 35.6153 14.5447 35.6153 12.3703Z" }),
238
+ /* @__PURE__ */ jsx("path", { d: "M53.418 18.7516C56.4468 18.7516 58.6475 17.1917 59.2154 14.3556H55.8079C55.595 15.1592 55.0744 15.8209 53.489 15.8209C51.9746 15.8209 51.0281 15.1355 50.8151 13.3393H59.31C59.3573 13.0557 59.381 12.8194 59.381 12.3703C59.381 7.57255 56.5888 5.98905 53.418 5.98905C50.1289 5.98905 47.1474 7.73799 47.1474 12.323C47.1474 17.0972 50.3655 18.7516 53.418 18.7516ZM50.8388 11.0941C51.0754 9.676 51.8799 8.9197 53.3234 8.9197C55.0981 8.9197 55.6423 10.0305 55.7133 11.0941H50.8388Z" }),
239
+ /* @__PURE__ */ jsx("path", { d: "M61.8978 18.5152H65.7784V13.3629C65.7784 10.2669 67.6005 9.39239 69.3042 9.39239C69.6118 9.39239 69.8957 9.41602 70.298 9.46329V6.20176C69.9194 6.10722 69.6118 6.08359 69.3515 6.08359C67.4821 6.08359 66.3227 7.3362 65.8494 9.27421H65.7784V6.22539H61.8978V18.5152Z" }),
240
+ /* @__PURE__ */ jsx("path", { d: "M72.5672 18.5152H76.4479V1.97122H72.5672V18.5152Z" }),
241
+ /* @__PURE__ */ jsx("path", { d: "M79.8261 20.0278V23.2893C83.6358 23.6911 85.2212 22.4149 86.8776 18.3734L91.8468 6.22539H87.8714L85.1739 13.5757L82.5473 6.22539H78.5957L83.0679 17.2626C83.3755 17.9953 83.3992 18.3734 83.1389 18.9643C82.9259 19.437 82.3817 20.3587 79.8261 20.0278Z" }),
242
+ /* @__PURE__ */ jsx("path", { d: "M100.278 18.5152H104.229V8.63609H104.324L110.287 18.5152H114.546V1.97122H110.571V12.1103H110.476L104.371 1.97122H100.278V18.5152Z" }),
243
+ /* @__PURE__ */ jsx("path", { d: "M123.327 18.7516C126.356 18.7516 128.557 17.1917 129.125 14.3556H125.717C125.504 15.1592 124.984 15.8209 123.398 15.8209C121.884 15.8209 120.937 15.1355 120.724 13.3393H129.219C129.267 13.0557 129.29 12.8194 129.29 12.3703C129.29 7.57255 126.498 5.98905 123.327 5.98905C120.038 5.98905 117.057 7.73799 117.057 12.323C117.057 17.0972 120.275 18.7516 123.327 18.7516ZM120.748 11.0941C120.985 9.676 121.789 8.9197 123.233 8.9197C125.007 8.9197 125.552 10.0305 125.623 11.0941H120.748Z" }),
244
+ /* @__PURE__ */ jsx("path", { d: "M137.439 18.6807C138.172 18.6807 138.882 18.5861 139.474 18.4207V15.5609C138.93 15.6082 138.717 15.6082 138.456 15.6082C137.202 15.6082 136.966 14.9228 136.966 14.072V9.22695H139.379V6.22539H136.966V3.01113H133.085V6.22539H130.979V9.22695H133.085V14.6156C133.085 17.4753 134.789 18.6807 137.439 18.6807Z" }),
245
+ /* @__PURE__ */ jsx("path", { d: "M144.456 18.5152H148.833L150.797 11.3777L152.761 18.5152H157.115L160.333 6.22539H156.666L154.749 14.781H154.654L152.454 6.22539H149.117L146.917 14.781H146.822L144.905 6.22539H141.261L144.456 18.5152Z" }),
246
+ /* @__PURE__ */ jsx("path", { d: "M167.796 18.7516C170.896 18.7516 174.043 16.8845 174.043 12.3703C174.043 7.85616 170.896 5.98905 167.796 5.98905C164.673 5.98905 161.549 7.85616 161.549 12.3703C161.549 16.8845 164.673 18.7516 167.796 18.7516ZM165.169 12.3703C165.169 10.196 166.282 9.20331 167.796 9.20331C169.287 9.20331 170.399 10.196 170.399 12.3703C170.399 14.5447 169.287 15.5373 167.796 15.5373C166.282 15.5373 165.169 14.5447 165.169 12.3703Z" }),
247
+ /* @__PURE__ */ jsx("path", { d: "M176.554 18.5152H180.434V13.3629C180.434 10.2669 182.256 9.39239 183.96 9.39239C184.268 9.39239 184.552 9.41602 184.954 9.46329V6.20176C184.575 6.10722 184.268 6.08359 184.007 6.08359C182.138 6.08359 180.979 7.3362 180.505 9.27421H180.434V6.22539H176.554V18.5152Z" }),
248
+ /* @__PURE__ */ jsx("path", { d: "M187.223 18.5152H191.104V14.9701L192.074 13.9302L195.742 18.5152H200.001L194.44 11.4249L199.362 6.22539H195.126L191.104 10.8104V1.97122H187.223V18.5152Z" }),
307
249
  /* @__PURE__ */ jsx(
308
250
  "path",
309
251
  {
310
252
  fillRule: "evenodd",
311
253
  clipRule: "evenodd",
312
- d: "M9.66235 0.640167L9.70838 0.640167C12.1367 0.64581 14.355 1.54403 16.052 3.02375C16.1722 3.1286 16.0961 3.32102 15.9365 3.32102L3.43427 3.32102C3.27465 3.32102 3.1985 3.1286 3.31874 3.02375C5.01571 1.54403 7.23406 0.645809 9.66235 0.640167Z",
313
- fill: "white"
254
+ d: "M9.66235 0.640167L9.70838 0.640167C12.1367 0.64581 14.355 1.54403 16.052 3.02375C16.1722 3.1286 16.0961 3.32102 15.9365 3.32102L3.43427 3.32102C3.27465 3.32102 3.1985 3.1286 3.31874 3.02375C5.01571 1.54403 7.23406 0.645809 9.66235 0.640167Z"
314
255
  }
315
256
  ),
316
257
  /* @__PURE__ */ jsx(
@@ -318,8 +259,7 @@ var init_orderlyLogo = __esm({
318
259
  {
319
260
  fillRule: "evenodd",
320
261
  clipRule: "evenodd",
321
- d: "M5.9175 12.9472C5.84821 12.8485 5.73663 12.7865 5.61594 12.7865L0.606422 12.7865C0.461299 12.7865 0.355489 12.924 0.39667 13.063C1.58273 17.0661 5.29234 19.9869 9.68495 19.9869C14.0776 19.9869 17.7872 17.0661 18.9732 13.063C19.0144 12.924 18.9086 12.7865 18.7635 12.7865L13.754 12.7865C13.6333 12.7865 13.5218 12.8485 13.4525 12.9472C12.6208 14.1317 11.2434 14.9061 9.68499 14.9061C8.12654 14.9061 6.74917 14.1317 5.9175 12.9472Z",
322
- fill: "white"
262
+ d: "M5.9175 12.9472C5.84821 12.8485 5.73663 12.7865 5.61594 12.7865L0.606422 12.7865C0.461299 12.7865 0.355489 12.924 0.39667 13.063C1.58273 17.0661 5.29234 19.9869 9.68495 19.9869C14.0776 19.9869 17.7872 17.0661 18.9732 13.063C19.0144 12.924 18.9086 12.7865 18.7635 12.7865L13.754 12.7865C13.6333 12.7865 13.5218 12.8485 13.4525 12.9472C12.6208 14.1317 11.2434 14.9061 9.68499 14.9061C8.12654 14.9061 6.74917 14.1317 5.9175 12.9472Z"
323
263
  }
324
264
  ),
325
265
  /* @__PURE__ */ jsx(
@@ -327,8 +267,7 @@ var init_orderlyLogo = __esm({
327
267
  {
328
268
  fillRule: "evenodd",
329
269
  clipRule: "evenodd",
330
- d: "M13.3322 7.51577C13.4208 7.63078 13.5556 7.7029 13.7009 7.7029L18.7216 7.7029C18.868 7.7029 18.9741 7.56325 18.9304 7.42361C18.551 6.2113 17.9392 5.10154 17.147 4.14637C17.0811 4.06686 16.9826 4.02197 16.8792 4.02197L2.4903 4.02197C2.38694 4.02197 2.28845 4.06686 2.22251 4.14637C1.43037 5.10153 0.818541 6.2113 0.439134 7.42361C0.395431 7.56325 0.501494 7.7029 0.647976 7.7029L5.66868 7.7029C5.81394 7.7029 5.9488 7.63078 6.03735 7.51577C6.87801 6.42387 8.19911 5.72017 9.68478 5.72017C11.1704 5.72017 12.4916 6.42387 13.3322 7.51577Z",
331
- fill: "white"
270
+ d: "M13.3322 7.51577C13.4208 7.63078 13.5556 7.7029 13.7009 7.7029L18.7216 7.7029C18.868 7.7029 18.9741 7.56325 18.9304 7.42361C18.551 6.2113 17.9392 5.10154 17.147 4.14637C17.0811 4.06686 16.9826 4.02197 16.8792 4.02197L2.4903 4.02197C2.38694 4.02197 2.28845 4.06686 2.22251 4.14637C1.43037 5.10153 0.818541 6.2113 0.439134 7.42361C0.395431 7.56325 0.501494 7.7029 0.647976 7.7029L5.66868 7.7029C5.81394 7.7029 5.9488 7.63078 6.03735 7.51577C6.87801 6.42387 8.19911 5.72017 9.68478 5.72017C11.1704 5.72017 12.4916 6.42387 13.3322 7.51577Z"
332
271
  }
333
272
  ),
334
273
  /* @__PURE__ */ jsx(
@@ -336,8 +275,7 @@ var init_orderlyLogo = __esm({
336
275
  {
337
276
  fillRule: "evenodd",
338
277
  clipRule: "evenodd",
339
- d: "M14.1283 12.0868C14.0334 12.0868 13.969 11.9902 14.0018 11.9013C14.184 11.4069 14.2835 10.8724 14.2835 10.3148C14.2835 9.70687 14.1652 9.12653 13.9505 8.59547C13.9142 8.50592 13.9788 8.40582 14.0755 8.40582L19.0003 8.40582C19.1057 8.40582 19.1968 8.48012 19.2156 8.58377C19.3172 9.14546 19.3702 9.72401 19.3702 10.3149C19.3702 10.8567 19.3256 11.3881 19.2399 11.9057C19.2225 12.0108 19.1307 12.0868 19.0241 12.0868L14.1283 12.0868ZM5.36846 11.9013C5.40122 11.9902 5.33678 12.0868 5.24195 12.0868L0.346163 12.0868C0.239492 12.0868 0.147732 12.0108 0.130321 11.9057C0.0445957 11.3881 0 10.8567 0 10.3149C0 9.72401 0.0530502 9.14546 0.154653 8.58377C0.173403 8.48011 0.264481 8.40582 0.369941 8.40582L5.29476 8.40582C5.39146 8.40582 5.45599 8.50592 5.41977 8.59547C5.20498 9.12653 5.08673 9.70687 5.08673 10.3148C5.08673 10.8724 5.18623 11.4069 5.36846 11.9013Z",
340
- fill: "white"
278
+ d: "M14.1283 12.0868C14.0334 12.0868 13.969 11.9902 14.0018 11.9013C14.184 11.4069 14.2835 10.8724 14.2835 10.3148C14.2835 9.70687 14.1652 9.12653 13.9505 8.59547C13.9142 8.50592 13.9788 8.40582 14.0755 8.40582L19.0003 8.40582C19.1057 8.40582 19.1968 8.48012 19.2156 8.58377C19.3172 9.14546 19.3702 9.72401 19.3702 10.3149C19.3702 10.8567 19.3256 11.3881 19.2399 11.9057C19.2225 12.0108 19.1307 12.0868 19.0241 12.0868L14.1283 12.0868ZM5.36846 11.9013C5.40122 11.9902 5.33678 12.0868 5.24195 12.0868L0.346163 12.0868C0.239492 12.0868 0.147732 12.0108 0.130321 11.9057C0.0445957 11.3881 0 10.8567 0 10.3149C0 9.72401 0.0530502 9.14546 0.154653 8.58377C0.173403 8.48011 0.264481 8.40582 0.369941 8.40582L5.29476 8.40582C5.39146 8.40582 5.45599 8.50592 5.41977 8.59547C5.20498 9.12653 5.08673 9.70687 5.08673 10.3148C5.08673 10.8724 5.18623 11.4069 5.36846 11.9013Z"
341
279
  }
342
280
  )
343
281
  ]
@@ -802,7 +740,7 @@ var WalletMenu = (props) => {
802
740
  variant: "gradient",
803
741
  angle: 45,
804
742
  "data-testid": "oui-testid-nav-bar-address-btn",
805
- children: /* @__PURE__ */ jsx(Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]", children: address })
743
+ children: /* @__PURE__ */ jsx(Text.formatted, { rule: "address", className: "oui-text-base-10", children: address })
806
744
  }
807
745
  ) }),
808
746
  /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs(
@@ -835,7 +773,7 @@ var WalletMenu = (props) => {
835
773
  width: "18",
836
774
  height: "18",
837
775
  viewBox: "0 0 18 18",
838
- className: "oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken",
776
+ className: "oui-fill-base-contrast-36 hover:oui-fill-primary-darken",
839
777
  children: /* @__PURE__ */ jsx(
840
778
  "path",
841
779
  {
@@ -853,7 +791,7 @@ var WalletMenu = (props) => {
853
791
  width: "18",
854
792
  height: "18",
855
793
  viewBox: "0 0 18 18",
856
- className: "oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken",
794
+ className: "oui-fill-base-contrast-36 hover:oui-fill-primary-darken",
857
795
  children: /* @__PURE__ */ jsx("path", { d: "M12.7432 15.7432C14.3999 15.7432 15.7432 14.3999 15.7432 12.7432V5.24316C15.7432 3.58641 14.3999 2.24316 12.7432 2.24316H5.24316C3.58641 2.24316 2.24316 3.58641 2.24316 5.24316V12.7432C2.24316 14.3999 3.58641 15.7432 5.24316 15.7432H12.7432ZM6.74316 11.9932C6.55116 11.9932 6.35092 11.9287 6.20392 11.7824C5.91142 11.4892 5.91142 10.9972 6.20392 10.7039L9.20392 7.70392L7.49316 5.99316H11.9932V10.4932L10.2824 8.78241L7.28241 11.7824C7.13616 11.9287 6.93516 11.9932 6.74316 11.9932Z" })
858
796
  }
859
797
  ) })
@@ -1758,8 +1696,7 @@ var SubAccountIcon = forwardRef(
1758
1696
  "path",
1759
1697
  {
1760
1698
  d: "M10 2.5C8.16892 2.5 6.66667 4.00225 6.66667 5.83333C6.66667 7.66441 8.16892 9.16667 10 9.16667C11.8311 9.16667 13.3333 7.66441 13.3333 5.83333C13.3333 4.00225 11.8311 2.5 10 2.5ZM10 4.16667C10.9303 4.16667 11.6667 4.90299 11.6667 5.83333C11.6667 6.76368 10.9303 7.5 10 7.5C9.06965 7.5 8.33333 6.76368 8.33333 5.83333C8.33333 4.90299 9.06965 4.16667 10 4.16667ZM10 11.6667C8.54587 11.6667 6.82264 12.0082 5.37435 12.5798C4.65021 12.8656 3.99558 13.205 3.47168 13.641C2.94778 14.0769 2.5 14.6662 2.5 15.4167V17.5H17.5V16.6667V15.4167C17.5 14.6662 17.0522 14.0769 16.5283 13.641C16.0044 13.205 15.3498 12.8656 14.6257 12.5798C13.1774 12.0082 11.4541 11.6667 10 11.6667ZM10 13.3333C11.1784 13.3333 12.7884 13.645 14.0153 14.1292C14.6288 14.3713 15.1475 14.66 15.4622 14.9219C15.777 15.1838 15.8333 15.3622 15.8333 15.4167V15.8333H4.16667V15.4167C4.16667 15.3622 4.22299 15.1838 4.53776 14.9219C4.85253 14.66 5.37124 14.3713 5.9847 14.1292C7.21162 13.645 8.82163 13.3333 10 13.3333Z",
1761
- fill: "white",
1762
- fillOpacity: "0.98"
1699
+ className: "oui-fill-base-contrast-98"
1763
1700
  }
1764
1701
  )
1765
1702
  }
@@ -1862,7 +1799,7 @@ var AccountItem = (props) => {
1862
1799
  className: cn(
1863
1800
  "oui-relative oui-cursor-pointer oui-rounded-[6px] oui-bg-base-6 oui-px-3 oui-py-4",
1864
1801
  "oui-border oui-border-base-6",
1865
- props.isCurrent && " oui-border-[#38E2FE] ",
1802
+ props.isCurrent && " oui-border-[rgb(var(--oui-gradient-brand-start))] ",
1866
1803
  !props.isCurrent && "hover:oui-border-base-contrast-16"
1867
1804
  ),
1868
1805
  children: [
@@ -1882,9 +1819,9 @@ var AccountItem = (props) => {
1882
1819
  "div",
1883
1820
  {
1884
1821
  className: cn(
1885
- "oui-absolute -oui-right-[1px] -oui-top-[1px] oui-leading-3 oui-text-base-contrast-54",
1886
- "oui-text-[10px] oui-font-semibold oui-text-black",
1887
- "oui-rounded-[6px] oui-rounded-br-none oui-rounded-tl-none oui-bg-[#38E2FE] oui-py-0.5 oui-pl-1 oui-pr-[5px]"
1822
+ "oui-absolute -oui-right-[1px] -oui-top-[1px] oui-leading-3",
1823
+ "oui-text-[10px] oui-font-semibold oui-text-base-10",
1824
+ "oui-rounded-[6px] oui-rounded-br-none oui-rounded-tl-none oui-bg-[rgb(var(--oui-gradient-brand-start))] oui-py-0.5 oui-pl-1 oui-pr-[5px]"
1888
1825
  ),
1889
1826
  children: t("subAccount.modal.current")
1890
1827
  }
@@ -2358,51 +2295,45 @@ var SubAccountWidget = (props) => {
2358
2295
  };
2359
2296
  var CommunityDiscord = (props) => {
2360
2297
  const { width = 20, height = 20, className } = props;
2361
- return /* @__PURE__ */ jsx("div", { className: "orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast", children: /* @__PURE__ */ jsx(
2298
+ return /* @__PURE__ */ jsx(
2362
2299
  "svg",
2363
2300
  {
2364
2301
  xmlns: "http://www.w3.org/2000/svg",
2365
2302
  width: "24",
2366
2303
  height: "24",
2367
2304
  viewBox: "0 0 24 24",
2368
- fill: "white",
2369
- fillOpacity: 1,
2370
- className: `${className}`,
2305
+ className: cn("oui-fill-base-contrast", className),
2371
2306
  children: /* @__PURE__ */ jsx("path", { d: "M14.9559 5.5217C16.5596 7.89629 17.3515 10.5748 17.0555 13.6583C17.0542 13.6714 17.0475 13.6833 17.0368 13.6912C15.8224 14.5893 14.6458 15.1343 13.4857 15.4958C13.4767 15.4985 13.467 15.4984 13.4581 15.4953C13.4491 15.4923 13.4413 15.4865 13.4358 15.4788C13.1678 15.1032 12.9243 14.7073 12.7109 14.2915C12.6987 14.267 12.7099 14.2375 12.7351 14.2278C13.1218 14.0811 13.4896 13.9052 13.8434 13.6969C13.8712 13.6805 13.873 13.6403 13.8473 13.621C13.7722 13.5648 13.6978 13.5058 13.6266 13.4468C13.6133 13.4359 13.5954 13.4338 13.5803 13.4411C11.2837 14.5092 8.76789 14.5092 6.44412 13.4411C6.42903 13.4343 6.41111 13.4367 6.39815 13.4474C6.32715 13.5064 6.2526 13.5648 6.17823 13.621C6.1525 13.6403 6.15463 13.6805 6.18267 13.6969C6.53642 13.9012 6.90419 14.0811 7.29042 14.2285C7.31544 14.2382 7.32734 14.267 7.31491 14.2915C7.10618 14.7078 6.86265 15.1037 6.58967 15.4793C6.57777 15.4945 6.55825 15.5015 6.53979 15.4958C5.38518 15.1343 4.20857 14.5893 2.99415 13.6912C2.98403 13.6833 2.97676 13.6708 2.97569 13.6578C2.72826 10.9906 3.23253 8.28992 5.07333 5.52116C5.07776 5.51383 5.08451 5.50811 5.09232 5.50472C5.99808 5.08607 6.96844 4.77807 7.98265 4.60218C8.00111 4.59932 8.01957 4.6079 8.02915 4.62434C8.15446 4.84779 8.2977 5.13434 8.39461 5.36851C9.46367 5.20405 10.5494 5.20405 11.6408 5.36851C11.7377 5.13934 11.876 4.84779 12.0008 4.62434C12.0052 4.61619 12.0121 4.60965 12.0205 4.60567C12.0288 4.60169 12.0382 4.60047 12.0473 4.60218C13.062 4.77861 14.0324 5.08661 14.9374 5.50472C14.9454 5.50811 14.952 5.51383 14.9559 5.5217V5.5217ZM8.9381 10.593C8.94929 9.80452 8.37846 9.15206 7.66191 9.15206C6.95122 9.15206 6.3859 9.7988 6.3859 10.593C6.3859 11.387 6.96241 12.0338 7.66191 12.0338C8.37278 12.0338 8.9381 11.387 8.9381 10.593V10.593ZM13.6563 10.593C13.6675 9.80452 13.0966 9.15206 12.3803 9.15206C11.6694 9.15206 11.1041 9.7988 11.1041 10.593C11.1041 11.387 11.6806 12.0338 12.3803 12.0338C13.0966 12.0338 13.6563 11.387 13.6563 10.593V10.593Z" })
2372
2307
  }
2373
- ) });
2308
+ );
2374
2309
  };
2375
2310
  var CommunityTG = (props) => {
2376
2311
  const { width = 20, height = 20, className } = props;
2377
- return /* @__PURE__ */ jsx("div", { className: "orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast", children: /* @__PURE__ */ jsx(
2312
+ return /* @__PURE__ */ jsx(
2378
2313
  "svg",
2379
2314
  {
2380
2315
  xmlns: "http://www.w3.org/2000/svg",
2381
2316
  width: "24",
2382
2317
  height: "24",
2383
2318
  viewBox: "0 0 24 24",
2384
- fill: "white",
2385
- fillOpacity: 1,
2386
- className: `${className}`,
2319
+ className: cn("oui-fill-base-contrast", className),
2387
2320
  children: /* @__PURE__ */ jsx("path", { d: "M4.10787 9.4635C4.10787 9.4635 9.64487 7.13143 11.5652 6.31025C12.3013 5.98181 14.7978 4.93069 14.7978 4.93069C14.7978 4.93069 15.95 4.47087 15.854 5.58763C15.822 6.0475 15.5659 7.65694 15.3099 9.39781C14.9258 11.8613 14.5097 14.5547 14.5097 14.5547C14.5097 14.5547 14.4457 15.3102 13.9016 15.4416C13.3575 15.5729 12.4613 14.9817 12.3013 14.8503C12.1733 14.7518 9.9009 13.2737 9.06876 12.5511C8.84471 12.354 8.58868 11.9599 9.10074 11.5C10.253 10.4161 11.6292 9.06937 12.4613 8.21537C12.8454 7.82119 13.2295 6.9015 11.6292 8.01825C9.35681 9.62774 7.11641 11.1387 7.11641 11.1387C7.11641 11.1387 6.60431 11.4671 5.64415 11.1715C4.68394 10.8759 3.56374 10.4817 3.56374 10.4817C3.56374 10.4817 2.79565 9.98906 4.10787 9.4635Z" })
2388
2321
  }
2389
- ) });
2322
+ );
2390
2323
  };
2391
2324
  var CommunityX = (props) => {
2392
2325
  const { width = 20, height = 20, className } = props;
2393
- return /* @__PURE__ */ jsx("div", { className: "orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast", children: /* @__PURE__ */ jsx(
2326
+ return /* @__PURE__ */ jsx(
2394
2327
  "svg",
2395
2328
  {
2396
2329
  xmlns: "http://www.w3.org/2000/svg",
2397
2330
  width: "24",
2398
2331
  height: "24",
2399
2332
  viewBox: "0 0 24 24",
2400
- fill: "white",
2401
- fillOpacity: 1,
2402
- className: `${className}`,
2333
+ className: cn("oui-fill-base-contrast", className),
2403
2334
  children: /* @__PURE__ */ jsx("path", { d: "M4.41988 4.72946L9.05295 10.9243L4.39062 15.961H5.43993L9.52178 11.5513L12.8198 15.961H16.3906L11.4969 9.41769L15.8365 4.72946H14.7872L11.028 8.7907L7.9907 4.72946H4.41988ZM5.96296 5.50238H7.6034L14.8473 15.188H13.2069L5.96296 5.50238Z" })
2404
2335
  }
2405
- ) });
2336
+ );
2406
2337
  };
2407
2338
  var CommunityDune = (props) => {
2408
2339
  const { width = 20, height = 20, className } = props;
@@ -2414,23 +2345,10 @@ var CommunityDune = (props) => {
2414
2345
  viewBox: "0 0 24 24",
2415
2346
  fill: "none",
2416
2347
  xmlns: "http://www.w3.org/2000/svg",
2348
+ className: cn("oui-fill-base-contrast-54", className),
2417
2349
  children: [
2418
- /* @__PURE__ */ jsx(
2419
- "path",
2420
- {
2421
- d: "M11.9957 19.1899C15.9699 19.1899 19.1916 15.9686 19.1916 11.995C19.1916 8.02132 15.9699 4.80005 11.9957 4.80005C8.02152 4.80005 4.7998 8.02132 4.7998 11.995C4.7998 15.9686 8.02152 19.1899 11.9957 19.1899Z",
2422
- fill: "white",
2423
- fillOpacity: 0.54
2424
- }
2425
- ),
2426
- /* @__PURE__ */ jsx(
2427
- "path",
2428
- {
2429
- d: "M6.05127 16.0536C6.05127 16.0536 10.8064 14.496 19.1871 11.7634C19.1871 11.7634 19.6461 16.2385 15.0068 18.5726C15.0068 18.5726 12.7191 19.6691 10.2092 18.9658C10.2092 18.9658 7.70999 18.494 6.05127 16.0536Z",
2430
- fill: "white",
2431
- fillOpacity: 0.54
2432
- }
2433
- )
2350
+ /* @__PURE__ */ jsx("path", { d: "M11.9957 19.1899C15.9699 19.1899 19.1916 15.9686 19.1916 11.995C19.1916 8.02132 15.9699 4.80005 11.9957 4.80005C8.02152 4.80005 4.7998 8.02132 4.7998 11.995C4.7998 15.9686 8.02152 19.1899 11.9957 19.1899Z" }),
2351
+ /* @__PURE__ */ jsx("path", { d: "M6.05127 16.0536C6.05127 16.0536 10.8064 14.496 19.1871 11.7634C19.1871 11.7634 19.6461 16.2385 15.0068 18.5726C15.0068 18.5726 12.7191 19.6691 10.2092 18.9658C10.2092 18.9658 7.70999 18.494 6.05127 16.0536Z" })
2434
2352
  ]
2435
2353
  }
2436
2354
  );
@@ -3041,7 +2959,8 @@ function useLinkDeviceScript() {
3041
2959
  function createUrl(params) {
3042
2960
  const str = JSON.stringify(params);
3043
2961
  const base64 = window.btoa(str);
3044
- return `${window.location.origin}?link=${base64}`;
2962
+ const { origin, pathname } = window.location;
2963
+ return `${origin + pathname}?link=${base64}`;
3045
2964
  }
3046
2965
  var LinkDevice = (props) => {
3047
2966
  const { t } = useTranslation();
@@ -3128,7 +3047,7 @@ var QRCode = (props) => {
3128
3047
  Flex,
3129
3048
  {
3130
3049
  className: cn(
3131
- "oui-w-[240px] oui-h-[240px] ",
3050
+ "oui-w-[276px] oui-h-[276px] ",
3132
3051
  "oui-border oui-border-base-contrast-20 oui-rounded-2xl"
3133
3052
  ),
3134
3053
  justify: "center",
@@ -3136,10 +3055,10 @@ var QRCode = (props) => {
3136
3055
  children: /* @__PURE__ */ jsx(
3137
3056
  Flex,
3138
3057
  {
3139
- className: "oui-w-[220px] oui-h-[220px] oui-rounded-lg oui-bg-white",
3058
+ className: "oui-w-[256px] oui-h-[256px] oui-rounded-lg oui-bg-base-contrast",
3140
3059
  justify: "center",
3141
3060
  itemAlign: "center",
3142
- children: /* @__PURE__ */ jsx(QRCodeCanvas, { width: 196, height: 196, content: props.url })
3061
+ children: /* @__PURE__ */ jsx(QRCodeCanvas, { width: 232, height: 232, content: props.url })
3143
3062
  }
3144
3063
  )
3145
3064
  }
@@ -3274,8 +3193,7 @@ var Spinner3 = () => {
3274
3193
  "path",
3275
3194
  {
3276
3195
  d: "M73 40C73 58.2254 58.2254 73 40 73C21.7746 73 7 58.2254 7 40C7 21.7746 21.7746 7 40 7C58.2254 7 73 21.7746 73 40ZM13.6 40C13.6 54.5803 25.4197 66.4 40 66.4C54.5803 66.4 66.4 54.5803 66.4 40C66.4 25.4197 54.5803 13.6 40 13.6C25.4197 13.6 13.6 25.4197 13.6 40Z",
3277
- fill: "white",
3278
- fillOpacity: "0.06"
3196
+ className: "oui-fill-base-contrast-6"
3279
3197
  }
3280
3198
  ),
3281
3199
  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
@@ -3928,7 +3846,7 @@ var Footer = (props) => {
3928
3846
  typeof props.telegramUrl !== "undefined" && /* @__PURE__ */ jsx(
3929
3847
  CommuntiyTelegramIcon,
3930
3848
  {
3931
- className: "oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",
3849
+ className: "oui-fill-base-contrast-54 hover:oui-fill-base-contrast oui-cursor-pointer",
3932
3850
  fill: "currentColor",
3933
3851
  fillOpacity: 1,
3934
3852
  onClick: (e) => openUrl(props.telegramUrl)
@@ -3937,7 +3855,7 @@ var Footer = (props) => {
3937
3855
  typeof props.discordUrl !== "undefined" && /* @__PURE__ */ jsx(
3938
3856
  CommuntiyDiscordIcon,
3939
3857
  {
3940
- className: "oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",
3858
+ className: "oui-fill-base-contrast-54 hover:oui-fill-base-contrast oui-cursor-pointer",
3941
3859
  fill: "currentColor",
3942
3860
  fillOpacity: 1,
3943
3861
  onClick: (e) => openUrl(props.discordUrl)
@@ -3946,7 +3864,7 @@ var Footer = (props) => {
3946
3864
  typeof props.twitterUrl !== "undefined" && /* @__PURE__ */ jsx(
3947
3865
  CommuntiyXIcon,
3948
3866
  {
3949
- className: "oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",
3867
+ className: "oui-fill-base-contrast-54 hover:oui-fill-base-contrast oui-cursor-pointer",
3950
3868
  fill: "currentColor",
3951
3869
  fillOpacity: 1,
3952
3870
  onClick: (e) => openUrl(props.twitterUrl)
@@ -4583,7 +4501,7 @@ var TotalValue = (props) => {
4583
4501
  {
4584
4502
  direction: "column",
4585
4503
  gap: 0,
4586
- className: "oui-text-2xs",
4504
+ className: "oui-text-2xs oui-text-base-contrast",
4587
4505
  itemAlign: "start",
4588
4506
  children: [
4589
4507
  /* @__PURE__ */ jsxs(Flex, { gap: 1, itemAlign: "center", children: [
@@ -4608,6 +4526,7 @@ var TotalValue = (props) => {
4608
4526
  /* @__PURE__ */ jsx(
4609
4527
  Text.numeral,
4610
4528
  {
4529
+ intensity: 98,
4611
4530
  visible: props.visible,
4612
4531
  unit: "USDC",
4613
4532
  unitClassName: "oui-text-base-contrast-20 oui-ml-1",
@@ -4632,7 +4551,7 @@ var FreeCollateral = (props) => {
4632
4551
  {
4633
4552
  direction: "column",
4634
4553
  gap: 0,
4635
- className: "oui-text-2xs",
4554
+ className: "oui-text-2xs oui-text-base-contrast",
4636
4555
  itemAlign: "start",
4637
4556
  children: [
4638
4557
  /* @__PURE__ */ jsxs(Flex, { gap: 1, itemAlign: "center", children: [
@@ -4656,6 +4575,7 @@ var FreeCollateral = (props) => {
4656
4575
  /* @__PURE__ */ jsx(
4657
4576
  Text.numeral,
4658
4577
  {
4578
+ intensity: 98,
4659
4579
  unit: "USDC",
4660
4580
  unitClassName: "oui-text-base-contrast-20 oui-ml-1",
4661
4581
  visible,
@@ -4675,11 +4595,11 @@ var CurrentLeverage = (props) => {
4675
4595
  {
4676
4596
  direction: "column",
4677
4597
  gap: 0,
4678
- className: "oui-text-2xs",
4598
+ className: "oui-text-2xs oui-text-base-contrast",
4679
4599
  itemAlign: "start",
4680
4600
  children: [
4681
4601
  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { intensity: 54, className: "oui-whitespace-nowrap", children: t("leverage.currentLeverage") }) }),
4682
- /* @__PURE__ */ jsx(Text.numeral, { as: "div", unit: "x", children: currentLeverage ?? 0 })
4602
+ /* @__PURE__ */ jsx(Text.numeral, { as: "div", unit: "x", intensity: 98, children: currentLeverage ?? 0 })
4683
4603
  ]
4684
4604
  }
4685
4605
  );
@@ -4692,7 +4612,7 @@ var UnrealPnL = (props) => {
4692
4612
  {
4693
4613
  direction: "column",
4694
4614
  gap: 0,
4695
- className: "oui-text-2xs",
4615
+ className: "oui-text-2xs oui-text-base-contrast",
4696
4616
  itemAlign: "start",
4697
4617
  children: [
4698
4618
  /* @__PURE__ */ jsxs(Flex, { gap: 1, itemAlign: "center", children: [
@@ -4721,6 +4641,7 @@ var UnrealPnL = (props) => {
4721
4641
  showIdentifier: true,
4722
4642
  weight: "semibold",
4723
4643
  visible,
4644
+ intensity: 98,
4724
4645
  suffix: /* @__PURE__ */ jsx(Text.numeral, { coloring: true, prefix: "(", suffix: ")", rule: "percentages", children: props.unrealized_pnl_ROI ?? "-" }),
4725
4646
  children: props.unrealPnL ?? "-"
4726
4647
  }
@@ -4754,9 +4675,10 @@ var AccountInfoPopover = (props) => {
4754
4675
  /* @__PURE__ */ jsx(
4755
4676
  Text.numeral,
4756
4677
  {
4678
+ intensity: 98,
4757
4679
  visible: props.visible,
4758
4680
  unit: "USDC",
4759
- className: "group-hover:-oui-translate-x-5 oui-transition-transform",
4681
+ className: "oui-transition-transform group-hover:-oui-translate-x-5",
4760
4682
  unitClassName: "oui-text-base-contrast-36 oui-ml-1",
4761
4683
  children: totalValue ?? "-"
4762
4684
  }
@@ -4777,9 +4699,10 @@ var AccountInfoPopover = (props) => {
4777
4699
  /* @__PURE__ */ jsx(
4778
4700
  Text.numeral,
4779
4701
  {
4702
+ intensity: 98,
4780
4703
  unit: "USDC",
4781
4704
  visible: props.visible,
4782
- className: "group-hover:-oui-translate-x-5 oui-transition-transform",
4705
+ className: "oui-transition-transform group-hover:-oui-translate-x-5",
4783
4706
  unitClassName: "oui-text-base-contrast-36 oui-ml-1",
4784
4707
  children: props.freeCollateral ?? "-"
4785
4708
  }
@@ -4800,10 +4723,11 @@ var AccountInfoPopover = (props) => {
4800
4723
  /* @__PURE__ */ jsx(
4801
4724
  Text.pnl,
4802
4725
  {
4726
+ intensity: 98,
4803
4727
  coloring: true,
4804
4728
  showIdentifier: true,
4805
4729
  visible: props.visible,
4806
- className: "group-hover:-oui-translate-x-5 oui-transition-transform",
4730
+ className: "oui-transition-transform group-hover:-oui-translate-x-5",
4807
4731
  suffix: /* @__PURE__ */ jsx(
4808
4732
  Text.roi,
4809
4733
  {
@@ -4834,7 +4758,8 @@ var AccountInfoPopover = (props) => {
4834
4758
  /* @__PURE__ */ jsx(
4835
4759
  Text.numeral,
4836
4760
  {
4837
- className: "group-hover:-oui-translate-x-5 oui-transition-transform",
4761
+ intensity: 98,
4762
+ className: "oui-transition-transform group-hover:-oui-translate-x-5",
4838
4763
  unit: "x",
4839
4764
  children: props.currentLeverage ?? "-"
4840
4765
  }
@@ -5410,7 +5335,8 @@ var SubMenus = (props) => {
5410
5335
  }
5411
5336
  },
5412
5337
  className: cn(
5413
- customSubMenuRender ? "oui-w-auto oui-p-0 oui-border-0 oui-rounded-lg" : "oui-w-[200px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1",
5338
+ "oui-subMenu",
5339
+ customSubMenuRender ? "oui-w-auto oui-rounded-lg oui-border-0 oui-p-0" : "oui-w-[200px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1",
5414
5340
  className
5415
5341
  ),
5416
5342
  children: customSubMenuRender ? customSubMenuRender() : items.map((item, index) => {