@orderly.network/ui 2.10.1-alpha.0 → 2.10.2-alpha.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.
Files changed (16) hide show
  1. package/dist/index.css +214 -242
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +249 -54
  4. package/dist/index.d.ts +249 -54
  5. package/dist/index.js +1004 -616
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +1002 -617
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/styles.css +1 -1
  10. package/package.json +3 -3
  11. package/src/tailwind/index.ts +1 -1
  12. package/src/tailwind/theme/darkTheme.ts +109 -0
  13. package/src/tailwind/theme/index.ts +2 -0
  14. package/src/tailwind/theme/lightTheme.ts +108 -0
  15. package/tailwind.config.js +31 -11
  16. package/src/tailwind/theme.ts +0 -102
package/dist/index.mjs CHANGED
@@ -36,11 +36,100 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
36
36
  export * from 'embla-carousel-autoplay';
37
37
  export { default as Autoplay } from 'embla-carousel-autoplay';
38
38
 
39
+ var __create = Object.create;
39
40
  var __defProp = Object.defineProperty;
41
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
42
+ var __getOwnPropNames = Object.getOwnPropertyNames;
43
+ var __getProtoOf = Object.getPrototypeOf;
44
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
45
+ var __commonJS = (cb, mod) => function __require() {
46
+ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
47
+ };
40
48
  var __export = (target, all) => {
41
49
  for (var name in all)
42
50
  __defProp(target, name, { get: all[name], enumerable: true });
43
51
  };
52
+ var __copyProps = (to, from, except, desc) => {
53
+ if (from && typeof from === "object" || typeof from === "function") {
54
+ for (let key of __getOwnPropNames(from))
55
+ if (!__hasOwnProp.call(to, key) && key !== except)
56
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
57
+ }
58
+ return to;
59
+ };
60
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
61
+ // If the importer is in node compatibility mode or this is not an ESM
62
+ // file that has been converted to a CommonJS file using a Babel-
63
+ // compatible transform (i.e. "__esModule" has not been set), then set
64
+ // "default" to the CommonJS "module.exports" for node compatibility.
65
+ !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
66
+ mod
67
+ ));
68
+
69
+ // ../../node_modules/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc+core@1.13.2_@swc+helpers@0.5.17__@types+node@22.16.5_typescript@5.8.3_/node_modules/tailwindcss/lib/util/createPlugin.js
70
+ var require_createPlugin = __commonJS({
71
+ "../../node_modules/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc+core@1.13.2_@swc+helpers@0.5.17__@types+node@22.16.5_typescript@5.8.3_/node_modules/tailwindcss/lib/util/createPlugin.js"(exports) {
72
+ Object.defineProperty(exports, "__esModule", {
73
+ value: true
74
+ });
75
+ Object.defineProperty(exports, "default", {
76
+ enumerable: true,
77
+ get: function() {
78
+ return _default;
79
+ }
80
+ });
81
+ function createPlugin(plugin3, config) {
82
+ return {
83
+ handler: plugin3,
84
+ config
85
+ };
86
+ }
87
+ createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
88
+ const optionsFunction = function(options) {
89
+ return {
90
+ __options: options,
91
+ handler: pluginFunction(options),
92
+ config: configFunction(options)
93
+ };
94
+ };
95
+ optionsFunction.__isOptionsFunction = true;
96
+ optionsFunction.__pluginFunction = pluginFunction;
97
+ optionsFunction.__configFunction = configFunction;
98
+ return optionsFunction;
99
+ };
100
+ var _default = createPlugin;
101
+ }
102
+ });
103
+
104
+ // ../../node_modules/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc+core@1.13.2_@swc+helpers@0.5.17__@types+node@22.16.5_typescript@5.8.3_/node_modules/tailwindcss/lib/public/create-plugin.js
105
+ var require_create_plugin = __commonJS({
106
+ "../../node_modules/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc+core@1.13.2_@swc+helpers@0.5.17__@types+node@22.16.5_typescript@5.8.3_/node_modules/tailwindcss/lib/public/create-plugin.js"(exports) {
107
+ Object.defineProperty(exports, "__esModule", {
108
+ value: true
109
+ });
110
+ Object.defineProperty(exports, "default", {
111
+ enumerable: true,
112
+ get: function() {
113
+ return _default;
114
+ }
115
+ });
116
+ var _createPlugin = /* @__PURE__ */ _interop_require_default(require_createPlugin());
117
+ function _interop_require_default(obj) {
118
+ return obj && obj.__esModule ? obj : {
119
+ default: obj
120
+ };
121
+ }
122
+ var _default = _createPlugin.default;
123
+ }
124
+ });
125
+
126
+ // ../../node_modules/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc+core@1.13.2_@swc+helpers@0.5.17__@types+node@22.16.5_typescript@5.8.3_/node_modules/tailwindcss/plugin.js
127
+ var require_plugin = __commonJS({
128
+ "../../node_modules/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc+core@1.13.2_@swc+helpers@0.5.17__@types+node@22.16.5_typescript@5.8.3_/node_modules/tailwindcss/plugin.js"(exports, module) {
129
+ var createPlugin = require_create_plugin();
130
+ module.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
131
+ }
132
+ });
44
133
 
45
134
  // src/helpers/parse-props.ts
46
135
  var parseSizeProps = (props) => {
@@ -621,7 +710,7 @@ var spinnerVariants = tv$1({
621
710
  warning: "oui-fill-warning-darken",
622
711
  gray: "oui-fill-gray",
623
712
  darkGray: "oui-fill-darkGray",
624
- white: "oui-fill-white"
713
+ white: "oui-fill-base-contrast"
625
714
  }
626
715
  // background: {
627
716
  // default: "oui-text-base-contrast/40",
@@ -652,7 +741,7 @@ var Spinner = (props) => {
652
741
  "path",
653
742
  {
654
743
  d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
655
- fill: "currentColor",
744
+ fill: "currentFill",
656
745
  fillOpacity: 0.2
657
746
  }
658
747
  ),
@@ -750,8 +839,8 @@ var buttonVariants = tv$1(
750
839
  variant: {
751
840
  text: "oui-bg-transparent",
752
841
  outlined: "oui-border",
753
- contained: "oui-text-white",
754
- gradient: "oui-gradient-brand oui-text-[rgba(0,0,0,0.88)]"
842
+ contained: "oui-text-base-contrast",
843
+ gradient: "oui-gradient-brand oui-text-base-10"
755
844
  },
756
845
  size: {
757
846
  xs: ["oui-px-2", "oui-rounded", "oui-h-6", "oui-text-2xs"],
@@ -776,7 +865,7 @@ var buttonVariants = tv$1(
776
865
  sell: "hover:oui-bg-danger/80 active:oui-bg-danger/70",
777
866
  warning: "hover:oui-bg-warning-darken/80 active:oui-bg-warning-darken/70",
778
867
  gray: "hover:oui-bg-base-2/80 active:oui-bg-base-2/70",
779
- light: "hover:oui-bg-white/80 active:oui-bg-white/50 disable:oui-bg-white/20"
868
+ light: "hover:oui-bg-base-static-80 active:oui-bg-base-static-54 disable:oui-bg-base-static-20"
780
869
  },
781
870
  fullWidth: {
782
871
  true: "oui-w-full"
@@ -831,9 +920,9 @@ var buttonVariants = tv$1(
831
920
  variant: "contained",
832
921
  color: "light",
833
922
  className: [
834
- "oui-bg-white",
835
- "oui-text-black/[.88]",
836
- "disabled:oui-bg-white/30 hover:disabled:oui-bg-white/30 disabled:oui-text-black/[.36]"
923
+ "oui-bg-base-static",
924
+ "oui-text-base-static-contrast-80 disabled:oui-text-base-static-contrast-36",
925
+ "disabled:oui-bg-base-static-36 hover:disabled:oui-bg-base-static-36"
837
926
  ]
838
927
  },
839
928
  {
@@ -1138,7 +1227,7 @@ var iconVariants = tv$1({
1138
1227
  warning: "oui-text-warning-darken",
1139
1228
  // secondary: "oui-text-secondary",
1140
1229
  // tertiary: "oui-text-tertiary",
1141
- white: "oui-text-white",
1230
+ white: "oui-text-base-contrast",
1142
1231
  black: "oui-text-black",
1143
1232
  inherit: "oui-text-inherit"
1144
1233
  // gray: "oui-text-gray",
@@ -1746,8 +1835,7 @@ var AssetIcon = () => {
1746
1835
  "path",
1747
1836
  {
1748
1837
  d: "M10.9004 5H12.9004V6.59961L13.5 6.90039C13.8 7.10039 14.1008 7.29961 14.3008 7.59961C14.5008 7.89961 14.7008 8.19961 14.8008 8.59961C14.9008 8.99961 15 9.40039 15 9.90039H13.0996C13.0996 9.30039 13.0008 8.89961 12.8008 8.59961C12.6008 8.29961 12.4 8.19922 12 8.19922C11.8 8.19922 11.6 8.20078 11.5 8.30078L11.1992 8.59961C11.0992 8.69961 11.1 8.9 11 9C10.9 9.1 10.9004 9.3 10.9004 9.5C10.9004 9.7 11 9.8 11 10C11 10.2 11.0992 10.3004 11.1992 10.4004C11.2992 10.6004 11.3996 10.7008 11.5996 10.8008C11.6996 10.9008 11.8992 10.9996 12.1992 11.0996C12.5992 11.2996 13.0008 11.4992 13.3008 11.6992C13.7008 11.8992 13.9992 12.1004 14.1992 12.4004C14.4992 12.7004 14.7008 13.0008 14.8008 13.3008C14.9008 13.6008 15 14 15 14.5C15 15 14.9008 15.3992 14.8008 15.6992C14.7008 16.0992 14.5008 16.2996 14.3008 16.5996C14.1008 16.7996 13.8 16.9992 13.5 17.1992C13.3 17.2992 13.2 17.4004 13 17.4004V19H11V17.3008C10.8 17.2008 10.6004 17.1996 10.4004 17.0996C10.0004 16.9996 9.8 16.8 9.5 16.5C9.3 16.3 9.10039 15.9 8.90039 15.5C8.80039 15 8.69922 14.5004 8.69922 13.9004H10.6992C10.6992 14.2004 10.7008 14.5008 10.8008 14.8008C10.9008 15.1008 10.9996 15.3004 11.0996 15.4004C11.1996 15.5004 11.3 15.5992 11.5 15.6992C11.7 15.7992 11.8 15.8008 12 15.8008C12.2 15.8008 12.3 15.7992 12.5 15.6992C12.7 15.5992 12.8004 15.5004 12.9004 15.4004C13.0004 15.3004 12.9996 15.2 13.0996 15C13.1996 14.9 13.1992 14.7 13.1992 14.5C13.1992 14.3 13.0996 14.1 13.0996 14C13.0996 13.9 13.0004 13.6996 12.9004 13.5996C12.8004 13.3996 12.7 13.2992 12.5 13.1992L11.9004 12.9004C11.5004 12.7004 11.1008 12.5008 10.8008 12.3008C10.4008 12.1008 10.1004 11.8996 9.90039 11.5996C9.60039 11.3996 9.40078 11.0992 9.30078 10.6992C9.20078 10.3992 9.09961 10 9.09961 9.5C9.09961 9.1 9.09922 8.70039 9.19922 8.40039C9.39922 8.10039 9.50078 7.8 9.80078 7.5C10.0008 7.2 10.2004 7.00039 10.4004 6.90039C10.6004 6.80039 10.7004 6.69922 10.9004 6.69922V5Z",
1749
- fill: "white",
1750
- fillOpacity: 0.8
1838
+ className: "oui-fill-base-contrast-80"
1751
1839
  }
1752
1840
  ),
1753
1841
  /* @__PURE__ */ jsx(
@@ -1756,7 +1844,7 @@ var AssetIcon = () => {
1756
1844
  cx: "12",
1757
1845
  cy: "12",
1758
1846
  r: "9",
1759
- stroke: "white",
1847
+ stroke: "rgb(var(--oui-color-base-foreground))",
1760
1848
  strokeOpacity: 0.8,
1761
1849
  strokeWidth: "2"
1762
1850
  }
@@ -1778,8 +1866,7 @@ var BarChartIcon = () => {
1778
1866
  "path",
1779
1867
  {
1780
1868
  d: "M18.0142 3.9978C16.9092 3.9978 16.0142 4.8928 16.0142 5.9978V17.9978C16.0142 19.1028 16.9092 19.9978 18.0142 19.9978H20.0142C21.1192 19.9978 22.0142 19.1028 22.0142 17.9978V5.9978C22.0142 4.8928 21.1192 3.9978 20.0142 3.9978H18.0142ZM18.0142 5.9978H20.0142V17.9978H18.0142V5.9978ZM11.0142 7.9978C9.90917 7.9978 9.01416 8.8928 9.01416 9.9978V17.9978C9.01416 19.1028 9.90917 19.9978 11.0142 19.9978H13.0142C14.1192 19.9978 15.0142 19.1028 15.0142 17.9978V9.9978C15.0142 8.8928 14.1192 7.9978 13.0142 7.9978H11.0142ZM11.0142 9.9978H13.0142V17.9978H11.0142V9.9978ZM4.01416 11.9978C2.90916 11.9978 2.01416 12.8928 2.01416 13.9978V17.9978C2.01416 19.1028 2.90916 19.9978 4.01416 19.9978H6.01416C7.11916 19.9978 8.01416 19.1028 8.01416 17.9978V13.9978C8.01416 12.8928 7.11916 11.9978 6.01416 11.9978H4.01416ZM4.01416 13.9978H6.01416V17.9978H4.01416V13.9978Z",
1781
- fill: "white",
1782
- fillOpacity: 0.8
1869
+ className: "oui-fill-base-contrast-80"
1783
1870
  }
1784
1871
  )
1785
1872
  }
@@ -1798,8 +1885,7 @@ var BattleIcon = () => {
1798
1885
  "path",
1799
1886
  {
1800
1887
  d: "M3.59485 3L4.43619 6.47708L9.86872 11.7606L7.84097 13.9847L7.13438 13.2513L5.94468 14.4805L6.69071 15.2513L4.58079 17.5637L4.1897 17.163L3 18.3922L5.52401 21L6.71371 19.7708L6.32262 19.3667L8.56399 17.1902L9.31002 17.9576L10.4997 16.7284L9.79314 15.9983L12.0082 13.8387L14.2167 15.9881L13.5003 16.7284L14.69 17.9576L15.4426 17.18L17.684 19.3565L17.283 19.7708L18.476 21L21 18.3922L19.8103 17.163L19.4291 17.5569L17.3192 15.2411L18.0553 14.4805L16.8656 13.2513L16.1656 13.9745L14.1477 11.7606L14.151 11.7572L12.0082 9.41087L6.9602 3.86927L3.59485 3ZM20.4216 3L17.0562 3.86927L12.9777 8.34465L15.2454 10.691L19.5802 6.47708L20.4216 3Z",
1801
- fill: "white",
1802
- fillOpacity: 0.8
1888
+ className: "oui-fill-base-contrast-80"
1803
1889
  }
1804
1890
  )
1805
1891
  }
@@ -1819,8 +1905,7 @@ var BattleActiveIcon = (props) => {
1819
1905
  "path",
1820
1906
  {
1821
1907
  d: "M21.3574 2.5L17.6181 3.41756L13.0864 8.14158L15.6061 10.6183L20.4226 6.17025L21.3574 2.5Z",
1822
- fill: "white",
1823
- fillOpacity: "0.36"
1908
+ className: "oui-fill-base-contrast-36"
1824
1909
  }
1825
1910
  )
1826
1911
  ] }),
@@ -1847,16 +1932,14 @@ var BattleInactiveIcon = (props) => {
1847
1932
  "path",
1848
1933
  {
1849
1934
  d: "M2.66095 2.5L3.59576 6.17025L9.63192 11.7473L7.37886 14.095L6.59375 13.3208L5.27186 14.6183L6.10079 15.4319L3.75644 17.8728L3.32189 17.4498L2 18.7473L4.80446 21.5L6.12635 20.2025L5.6918 19.776L8.18222 17.4785L9.01114 18.2885L10.333 16.991L9.54793 16.2204L12.0091 13.9409L14.463 16.2097L13.667 16.991L14.9889 18.2885L15.8251 17.4677L18.3155 19.7652L17.87 20.2025L19.1955 21.5L22 18.7473L20.6781 17.4498L20.2545 17.8656L17.9102 15.4211L18.7281 14.6183L17.4062 13.3208L16.6284 14.0842L14.3863 11.7473L14.39 11.7437L12.0091 9.26702L6.40022 3.41756L2.66095 2.5Z",
1850
- fill: "white",
1851
- fillOpacity: "0.36"
1935
+ className: "oui-fill-base-contrast-36"
1852
1936
  }
1853
1937
  ),
1854
1938
  /* @__PURE__ */ jsx(
1855
1939
  "path",
1856
1940
  {
1857
1941
  d: "M21.3574 2.5L17.6181 3.41756L13.0864 8.14158L15.6061 10.6183L20.4226 6.17025L21.3574 2.5Z",
1858
- fill: "white",
1859
- fillOpacity: "0.12"
1942
+ className: "oui-fill-base-contrast-12"
1860
1943
  }
1861
1944
  )
1862
1945
  ] }) });
@@ -1880,8 +1963,8 @@ var BattleSolidActiveIcon = (props) => {
1880
1963
  y2: "12",
1881
1964
  gradientUnits: "userSpaceOnUse",
1882
1965
  children: [
1883
- /* @__PURE__ */ jsx("stop", { stopColor: "#59B0FE" }),
1884
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#26FEFE" })
1966
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
1967
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
1885
1968
  ]
1886
1969
  }
1887
1970
  ) })
@@ -1892,8 +1975,7 @@ var BattleSolidInactiveIcon = (props) => {
1892
1975
  "path",
1893
1976
  {
1894
1977
  d: "M2.66095 2.5L3.59576 6.17025L9.63192 11.7473L7.37886 14.095L6.59375 13.3208L5.27186 14.6183L6.10079 15.4319L3.75644 17.8728L3.32189 17.4498L2 18.7473L4.80446 21.5L6.12635 20.2025L5.6918 19.776L8.18222 17.4785L9.01114 18.2885L10.333 16.991L9.54793 16.2204L12.0091 13.9409L14.463 16.2097L13.667 16.991L14.9889 18.2885L15.8251 17.4677L18.3155 19.7652L17.87 20.2025L19.1955 21.5L22 18.7473L20.6781 17.4498L20.2545 17.8656L17.9102 15.4211L18.7281 14.6183L17.4062 13.3208L16.6284 14.0842L14.3863 11.7473L14.39 11.7437L12.0091 9.26702L6.40022 3.41756L2.66095 2.5ZM21.3573 2.5L17.618 3.41756L13.0864 8.14158L15.606 10.6183L20.4225 6.17025L21.3573 2.5Z",
1895
- fill: "white",
1896
- fillOpacity: "0.8"
1978
+ className: "oui-fill-base-contrast-80"
1897
1979
  }
1898
1980
  ) });
1899
1981
  };
@@ -1924,8 +2006,7 @@ var EarnActiveIcon = (props) => {
1924
2006
  "path",
1925
2007
  {
1926
2008
  d: "M19.6034 8.1276C19.5434 7.84577 19.8603 7.62722 20.0756 7.81876C21.7466 9.3053 22.8005 11.4702 22.8005 13.8826C22.8002 18.3657 19.1655 22.0005 14.6824 22.0007C12.27 22.0007 10.1051 20.9467 8.61857 19.2758C8.42703 19.0605 8.64561 18.7434 8.92748 18.8033C9.53166 18.9317 10.1582 18.9998 10.8005 18.9998C10.9368 18.9997 11.0722 18.9957 11.207 18.9893C11.2715 18.9862 11.3354 19.0036 11.3898 19.0385C12.3404 19.6468 13.4701 20.0007 14.6824 20.0007C17.9555 20.0005 20.6288 17.4294 20.7927 14.197L20.8005 13.8826C20.8005 12.6708 20.4471 11.5414 19.8392 10.591C19.8044 10.5365 19.787 10.4727 19.79 10.4082C19.7965 10.2728 19.8005 10.1365 19.8005 9.99976C19.8005 9.35761 19.7321 8.73148 19.6034 8.1276Z",
1927
- fill: "white",
1928
- fillOpacity: "0.36"
2009
+ className: "oui-fill-base-contrast-54"
1929
2010
  }
1930
2011
  )
1931
2012
  ] }),
@@ -1952,16 +2033,14 @@ var EarnInactiveIcon = (props) => {
1952
2033
  "path",
1953
2034
  {
1954
2035
  d: "M10.7999 2C15.2182 2 18.7999 5.58172 18.7999 10C18.7999 14.4183 15.2182 18 10.7999 18C6.38165 18 2.79993 14.4183 2.79993 10C2.79993 5.58172 6.38165 2 10.7999 2ZM9.79993 7C8.69536 7 7.79993 7.89543 7.79993 9V11C7.79993 12.1046 8.69536 13 9.79993 13H11.7999C12.9045 13 13.7999 12.1046 13.7999 11V9C13.7999 7.89543 12.9045 7 11.7999 7H9.79993Z",
1955
- fill: "white",
1956
- fillOpacity: "0.36"
2036
+ className: "oui-fill-base-contrast-36"
1957
2037
  }
1958
2038
  ),
1959
2039
  /* @__PURE__ */ jsx(
1960
2040
  "path",
1961
2041
  {
1962
2042
  d: "M19.6034 8.12792C19.5435 7.84606 19.8606 7.62751 20.0758 7.81905C21.7464 9.30546 22.7998 11.4698 22.7998 13.8818C22.7998 18.3653 19.1651 22 14.6816 22C12.2696 21.9999 10.1053 20.9466 8.61887 19.276C8.42732 19.0607 8.64587 18.7437 8.92773 18.8036C9.53159 18.9319 10.1577 19 10.7998 19C10.9363 19 11.0722 18.9959 11.2072 18.9895C11.2718 18.9864 11.3356 19.0039 11.3901 19.0387C12.3405 19.6468 13.4696 20 14.6816 20C17.955 20 20.6283 17.429 20.792 14.1963L20.7998 13.8818C20.7998 12.6698 20.4466 11.5407 19.8385 10.5903C19.8037 10.5358 19.7862 10.472 19.7893 10.4074C19.7957 10.2724 19.7998 10.1366 19.7998 10C19.7998 9.3579 19.7318 8.73178 19.6034 8.12792Z",
1963
- fill: "white",
1964
- fillOpacity: "0.12"
2043
+ className: "oui-fill-base-contrast-12"
1965
2044
  }
1966
2045
  )
1967
2046
  ] }) });
@@ -2061,7 +2140,7 @@ var OrderlyIcon = (props) => {
2061
2140
  fillRule: "evenodd",
2062
2141
  clipRule: "evenodd",
2063
2142
  d: "M14.1556 4.8931C14.2202 4.94547 14.1824 5.04764 14.0992 5.04764H5.95063C5.86743 5.04764 5.82963 4.94547 5.89428 4.8931C7.02258 3.97918 8.4598 3.4317 10.0249 3.4317C11.59 3.4317 13.0272 3.97918 14.1556 4.8931Z",
2064
- fill: "white"
2143
+ fill: "rgb(var(--oui-color-base-foreground))"
2065
2144
  }
2066
2145
  ),
2067
2146
  /* @__PURE__ */ jsx(
@@ -2070,7 +2149,7 @@ var OrderlyIcon = (props) => {
2070
2149
  fillRule: "evenodd",
2071
2150
  clipRule: "evenodd",
2072
2151
  d: "M7.47028 11.7869C7.4233 11.7199 7.34764 11.6777 7.26581 11.6777H3.83C3.75128 11.6777 3.69391 11.7525 3.71579 11.8281C4.50796 14.565 7.03275 16.566 10.0249 16.566C13.0171 16.566 15.5419 14.565 16.334 11.8281C16.3559 11.7525 16.2985 11.6777 16.2198 11.6777H12.7841C12.7022 11.6777 12.6266 11.7199 12.5796 11.7869C12.0156 12.5911 11.0817 13.1167 10.025 13.1167C8.96818 13.1167 8.03421 12.5911 7.47028 11.7869Z",
2073
- fill: "white"
2152
+ fill: "rgb(var(--oui-color-base-foreground))"
2074
2153
  }
2075
2154
  ),
2076
2155
  /* @__PURE__ */ jsx(
@@ -2079,7 +2158,7 @@ var OrderlyIcon = (props) => {
2079
2158
  fillRule: "evenodd",
2080
2159
  clipRule: "evenodd",
2081
2160
  d: "M12.335 7.90476C12.3825 7.95713 12.4493 7.98867 12.5199 7.98867H16.114C16.1955 7.98867 16.2533 7.9094 16.2264 7.83259C15.9727 7.10647 15.5951 6.43851 15.119 5.85405C15.0743 5.79918 15.007 5.76813 14.9361 5.76813H5.11354C5.04278 5.76813 4.97543 5.79918 4.93074 5.85405C4.45459 6.43851 4.07701 7.10647 3.82337 7.83259C3.79652 7.9094 3.85428 7.98867 3.93567 7.98867H7.52982C7.60052 7.98867 7.66725 7.95713 7.71475 7.90476C8.28522 7.27587 9.10892 6.88093 10.0249 6.88093C10.9408 6.88093 11.7646 7.27587 12.335 7.90476Z",
2082
- fill: "white"
2161
+ fill: "rgb(var(--oui-color-base-foreground))"
2083
2162
  }
2084
2163
  ),
2085
2164
  /* @__PURE__ */ jsx(
@@ -2088,7 +2167,7 @@ var OrderlyIcon = (props) => {
2088
2167
  fillRule: "evenodd",
2089
2168
  clipRule: "evenodd",
2090
2169
  d: "M13.116 10.9587C13.0549 10.9587 13.0114 10.8991 13.028 10.8402C13.1029 10.5723 13.1429 10.29 13.1429 9.99822C13.1429 9.5877 13.0636 9.19568 12.9195 8.83669C12.895 8.77593 12.9388 8.70813 13.0042 8.70813H16.3916C16.4345 8.70813 16.4716 8.73843 16.4795 8.78064C16.5534 9.17523 16.5921 9.58228 16.5921 9.99832C16.5921 10.2979 16.572 10.5927 16.5333 10.8816C16.5273 10.9259 16.4894 10.9587 16.4447 10.9587H13.116ZM7.02183 10.8402C7.03829 10.8991 6.99492 10.9587 6.93381 10.9587H3.60511C3.56045 10.9587 3.52246 10.9259 3.51651 10.8816C3.47767 10.5927 3.45761 10.2979 3.45761 9.99832C3.45761 9.58228 3.49631 9.17523 3.5703 8.78064C3.5782 8.73843 3.61523 8.70813 3.65817 8.70813H7.04553C7.11101 8.70813 7.15477 8.77593 7.13037 8.83669C6.98617 9.19568 6.90682 9.5877 6.90682 9.99822C6.90682 10.29 6.94688 10.5723 7.02183 10.8402Z",
2091
- fill: "white"
2170
+ fill: "rgb(var(--oui-color-base-foreground))"
2092
2171
  }
2093
2172
  )
2094
2173
  ] }),
@@ -2103,12 +2182,19 @@ var OrderlyIcon = (props) => {
2103
2182
  y2: "19.9491",
2104
2183
  gradientUnits: "userSpaceOnUse",
2105
2184
  children: [
2106
- /* @__PURE__ */ jsx("stop", { stopColor: "#C750FF" }),
2107
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#5800E8" })
2185
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-secondary-start))" }),
2186
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-secondary-end))" })
2108
2187
  ]
2109
2188
  }
2110
2189
  ),
2111
- /* @__PURE__ */ jsx("clipPath", { id: "clip0_862_2443", children: /* @__PURE__ */ jsx("rect", { width: "20", height: "20", fill: "white" }) })
2190
+ /* @__PURE__ */ jsx("clipPath", { id: "clip0_862_2443", children: /* @__PURE__ */ jsx(
2191
+ "rect",
2192
+ {
2193
+ width: "20",
2194
+ height: "20",
2195
+ fill: "rgb(var(--oui-color-base-foreground))"
2196
+ }
2197
+ ) })
2112
2198
  ] })
2113
2199
  ]
2114
2200
  }
@@ -2154,8 +2240,8 @@ var EsOrderlyIcon = (props) => {
2154
2240
  y2: "21.2774",
2155
2241
  gradientUnits: "userSpaceOnUse",
2156
2242
  children: [
2157
- /* @__PURE__ */ jsx("stop", { stopColor: "white" }),
2158
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#EDE9F4" })
2243
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-foreground))" }),
2244
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-quaternary))" })
2159
2245
  ]
2160
2246
  }
2161
2247
  ),
@@ -2169,12 +2255,19 @@ var EsOrderlyIcon = (props) => {
2169
2255
  y2: "16.5531",
2170
2256
  gradientUnits: "userSpaceOnUse",
2171
2257
  children: [
2172
- /* @__PURE__ */ jsx("stop", { stopColor: "#C750FF" }),
2173
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#5800E8" })
2258
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-secondary-start))" }),
2259
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-secondary-end))" })
2174
2260
  ]
2175
2261
  }
2176
2262
  ),
2177
- /* @__PURE__ */ jsx("clipPath", { id: "clip0_862_2449", children: /* @__PURE__ */ jsx("rect", { width: "20", height: "20", fill: "white" }) })
2263
+ /* @__PURE__ */ jsx("clipPath", { id: "clip0_862_2449", children: /* @__PURE__ */ jsx(
2264
+ "rect",
2265
+ {
2266
+ width: "20",
2267
+ height: "20",
2268
+ fill: "rgb(var(--oui-color-base-foreground))"
2269
+ }
2270
+ ) })
2178
2271
  ] })
2179
2272
  ]
2180
2273
  }
@@ -2461,8 +2554,8 @@ var TraderMobileIcon = () => {
2461
2554
  y2: "23.3335",
2462
2555
  gradientUnits: "userSpaceOnUse",
2463
2556
  children: [
2464
- /* @__PURE__ */ jsx("stop", { stopColor: "#181C23" }),
2465
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#333948" })
2557
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-8))" }),
2558
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-4))" })
2466
2559
  ]
2467
2560
  }
2468
2561
  ),
@@ -2476,8 +2569,8 @@ var TraderMobileIcon = () => {
2476
2569
  y2: "29.3335",
2477
2570
  gradientUnits: "userSpaceOnUse",
2478
2571
  children: [
2479
- /* @__PURE__ */ jsx("stop", { stopColor: "#4A5369" }),
2480
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1B2028" })
2572
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-2))" }),
2573
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-7))" })
2481
2574
  ]
2482
2575
  }
2483
2576
  ),
@@ -2491,8 +2584,8 @@ var TraderMobileIcon = () => {
2491
2584
  y2: "19.3783",
2492
2585
  gradientUnits: "userSpaceOnUse",
2493
2586
  children: [
2494
- /* @__PURE__ */ jsx("stop", { stopColor: "#015B50" }),
2495
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#01B49E" })
2587
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-success-darken))" }),
2588
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-success))" })
2496
2589
  ]
2497
2590
  }
2498
2591
  ),
@@ -2506,8 +2599,8 @@ var TraderMobileIcon = () => {
2506
2599
  y2: "29.3334",
2507
2600
  gradientUnits: "userSpaceOnUse",
2508
2601
  children: [
2509
- /* @__PURE__ */ jsx("stop", { stopColor: "#01B49E" }),
2510
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#01B49E" })
2602
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-success))" }),
2603
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-success))" })
2511
2604
  ]
2512
2605
  }
2513
2606
  ),
@@ -2521,8 +2614,8 @@ var TraderMobileIcon = () => {
2521
2614
  y2: "22.0001",
2522
2615
  gradientUnits: "userSpaceOnUse",
2523
2616
  children: [
2524
- /* @__PURE__ */ jsx("stop", { stopColor: "#181C23" }),
2525
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#333948" })
2617
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-8))" }),
2618
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-4))" })
2526
2619
  ]
2527
2620
  }
2528
2621
  ),
@@ -2536,8 +2629,8 @@ var TraderMobileIcon = () => {
2536
2629
  y2: "29.3334",
2537
2630
  gradientUnits: "userSpaceOnUse",
2538
2631
  children: [
2539
- /* @__PURE__ */ jsx("stop", { stopColor: "#4A5369" }),
2540
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1B2028" })
2632
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-2))" }),
2633
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-7))" })
2541
2634
  ]
2542
2635
  }
2543
2636
  ),
@@ -2551,8 +2644,8 @@ var TraderMobileIcon = () => {
2551
2644
  y2: "25.3335",
2552
2645
  gradientUnits: "userSpaceOnUse",
2553
2646
  children: [
2554
- /* @__PURE__ */ jsx("stop", { stopColor: "#181C23" }),
2555
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#333948" })
2647
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-8))" }),
2648
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-4))" })
2556
2649
  ]
2557
2650
  }
2558
2651
  ),
@@ -2566,8 +2659,8 @@ var TraderMobileIcon = () => {
2566
2659
  y2: "29.3335",
2567
2660
  gradientUnits: "userSpaceOnUse",
2568
2661
  children: [
2569
- /* @__PURE__ */ jsx("stop", { stopColor: "#4A5369" }),
2570
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1B2028" })
2662
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-2))" }),
2663
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-7))" })
2571
2664
  ]
2572
2665
  }
2573
2666
  ),
@@ -2581,8 +2674,8 @@ var TraderMobileIcon = () => {
2581
2674
  y2: "-4.99792",
2582
2675
  gradientUnits: "userSpaceOnUse",
2583
2676
  children: [
2584
- /* @__PURE__ */ jsx("stop", { stopColor: "#01B49E", stopOpacity: "0.36" }),
2585
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#01B49E" })
2677
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-success))", stopOpacity: "0.36" }),
2678
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-success))" })
2586
2679
  ]
2587
2680
  }
2588
2681
  )
@@ -2654,21 +2747,21 @@ var AffiliateIcon = () => {
2654
2747
  "path",
2655
2748
  {
2656
2749
  d: "M16.2198 10.2711L15.999 10.4993L15.7783 10.2701C14.9185 9.38023 13.5199 9.37627 12.6562 10.2622L12.6485 10.2701C11.7838 11.164 11.7838 12.6095 12.6485 13.5044L15.6424 16.6463C15.8361 16.8487 16.1523 16.8517 16.3499 16.6532L16.3566 16.6463L19.3515 13.5044C20.2162 12.6105 20.2162 11.165 19.3515 10.2701C18.4917 9.38023 17.0931 9.37627 16.2294 10.2612L16.2198 10.2711Z",
2657
- fill: "#B9D1FF"
2750
+ fill: "rgb(var(--oui-color-primary-light))"
2658
2751
  }
2659
2752
  ),
2660
2753
  /* @__PURE__ */ jsx(
2661
2754
  "path",
2662
2755
  {
2663
2756
  d: "M15.9992 9.92654C17.0243 8.93604 18.641 8.95922 19.6391 9.99217L19.7312 10.0922C20.6519 11.146 20.6216 12.7633 19.6406 13.7797L19.6414 13.7804L16.6461 16.9219L16.6437 16.925L16.6336 16.9351C16.2776 17.2926 15.7023 17.2874 15.3531 16.9226V16.9219L12.3586 13.7804V13.7797C11.3466 12.7297 11.3471 11.0404 12.3609 9.99217L12.3695 9.98357V9.98279L12.4672 9.88748C13.4713 8.95732 15.0109 8.97251 15.9992 9.92654ZM19.0641 10.5476C18.3608 9.81979 17.2216 9.81726 16.5156 10.5406L16.507 10.55L16.5062 10.5492L16.2867 10.7773L15.9984 11.075L15.7109 10.7765L15.4898 10.5476V10.5469C14.7865 9.81999 13.6486 9.81767 12.943 10.5414L12.9422 10.5406L12.9351 10.5476L12.9359 10.5484C12.2663 11.2409 12.2241 12.3379 12.8101 13.082L12.9359 13.2265L12.9383 13.2281L15.9312 16.3695L15.9633 16.3922C15.9974 16.4073 16.0371 16.4004 16.0664 16.3711L16.0695 16.3672L19.0617 13.2281L19.0641 13.2258L19.1898 13.0828C19.7369 12.3893 19.7369 11.3867 19.1898 10.6922L19.0641 10.5476Z",
2664
- fill: "#B9D1FF"
2757
+ fill: "rgb(var(--oui-color-primary-light))"
2665
2758
  }
2666
2759
  ),
2667
2760
  /* @__PURE__ */ jsx(
2668
2761
  "path",
2669
2762
  {
2670
2763
  d: "M20 7.19997V3.53134C20 2.81862 20.8617 2.46168 21.3657 2.96565L25.8343 7.43428C26.3383 7.93826 25.9814 8.79997 25.2686 8.79997H21.6C20.7163 8.79997 20 8.08363 20 7.19997Z",
2671
- fill: "#1F2D94"
2764
+ fill: "rgb(var(--oui-color-primary-darken))"
2672
2765
  }
2673
2766
  ),
2674
2767
  /* @__PURE__ */ jsx(
@@ -2689,8 +2782,8 @@ var AffiliateIcon = () => {
2689
2782
  y2: "15.5451",
2690
2783
  gradientUnits: "userSpaceOnUse",
2691
2784
  children: [
2692
- /* @__PURE__ */ jsx("stop", { stopColor: "#333948" }),
2693
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#181C23" })
2785
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-4))" }),
2786
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-8))" })
2694
2787
  ]
2695
2788
  }
2696
2789
  ),
@@ -2704,8 +2797,8 @@ var AffiliateIcon = () => {
2704
2797
  y2: "29.6",
2705
2798
  gradientUnits: "userSpaceOnUse",
2706
2799
  children: [
2707
- /* @__PURE__ */ jsx("stop", { stopColor: "#4A5369" }),
2708
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#222832" })
2800
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-2))" }),
2801
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-7))" })
2709
2802
  ]
2710
2803
  }
2711
2804
  ),
@@ -2719,8 +2812,8 @@ var AffiliateIcon = () => {
2719
2812
  y2: "7.84048",
2720
2813
  gradientUnits: "userSpaceOnUse",
2721
2814
  children: [
2722
- /* @__PURE__ */ jsx("stop", { stopColor: "#1828C3" }),
2723
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#608CFF" })
2815
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-primary-end))" }),
2816
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-primary-start))" })
2724
2817
  ]
2725
2818
  }
2726
2819
  ),
@@ -2734,8 +2827,8 @@ var AffiliateIcon = () => {
2734
2827
  y2: "5.74778",
2735
2828
  gradientUnits: "userSpaceOnUse",
2736
2829
  children: [
2737
- /* @__PURE__ */ jsx("stop", { stopColor: "#1828C3" }),
2738
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#608CFF" })
2830
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-primary-end))" }),
2831
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-primary-start))" })
2739
2832
  ]
2740
2833
  }
2741
2834
  ),
@@ -2749,9 +2842,9 @@ var AffiliateIcon = () => {
2749
2842
  y2: "14.3999",
2750
2843
  gradientUnits: "userSpaceOnUse",
2751
2844
  children: [
2752
- /* @__PURE__ */ jsx("stop", { stopColor: "#3B4355" }),
2753
- /* @__PURE__ */ jsx("stop", { offset: "0.483985", stopColor: "#6A7387" }),
2754
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#3B4355" })
2845
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-3))" }),
2846
+ /* @__PURE__ */ jsx("stop", { offset: "0.483985", stopColor: "rgb(var(--oui-color-base-1))" }),
2847
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-3))" })
2755
2848
  ]
2756
2849
  }
2757
2850
  ),
@@ -2765,8 +2858,8 @@ var AffiliateIcon = () => {
2765
2858
  y2: "24.4001",
2766
2859
  gradientUnits: "userSpaceOnUse",
2767
2860
  children: [
2768
- /* @__PURE__ */ jsx("stop", { stopColor: "#333948" }),
2769
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#181C23" })
2861
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-4))" }),
2862
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-8))" })
2770
2863
  ]
2771
2864
  }
2772
2865
  ),
@@ -2780,8 +2873,8 @@ var AffiliateIcon = () => {
2780
2873
  y2: "29.6",
2781
2874
  gradientUnits: "userSpaceOnUse",
2782
2875
  children: [
2783
- /* @__PURE__ */ jsx("stop", { stopColor: "#656D83" }),
2784
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#222832" })
2876
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-1))" }),
2877
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-7))" })
2785
2878
  ]
2786
2879
  }
2787
2880
  ),
@@ -2795,8 +2888,8 @@ var AffiliateIcon = () => {
2795
2888
  y2: "8.79997",
2796
2889
  gradientUnits: "userSpaceOnUse",
2797
2890
  children: [
2798
- /* @__PURE__ */ jsx("stop", { stopColor: "#5D86FC" }),
2799
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#4667E8" })
2891
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-primary))" }),
2892
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-primary-darken))" })
2800
2893
  ]
2801
2894
  }
2802
2895
  )
@@ -2828,7 +2921,7 @@ var TradingRewardsIcon = () => {
2828
2921
  fillRule: "evenodd",
2829
2922
  clipRule: "evenodd",
2830
2923
  d: "M19.3296 5.18278C19.3806 5.22417 19.3507 5.30493 19.285 5.30493H12.8438C12.778 5.30493 12.7482 5.22417 12.7993 5.18278C13.6911 4.46035 14.8272 4.02759 16.0643 4.02759C17.3016 4.02759 18.4376 4.46035 19.3296 5.18278Z",
2831
- fill: "white"
2924
+ fill: "rgb(var(--oui-color-base-foreground))"
2832
2925
  }
2833
2926
  ),
2834
2927
  /* @__PURE__ */ jsx(
@@ -2837,7 +2930,7 @@ var TradingRewardsIcon = () => {
2837
2930
  fillRule: "evenodd",
2838
2931
  clipRule: "evenodd",
2839
2932
  d: "M14.0452 10.6322C14.0081 10.5792 13.9483 10.5459 13.8836 10.5459H11.1677C11.1055 10.5459 11.0601 10.605 11.0774 10.6647C11.7036 12.8282 13.6994 14.4099 16.0646 14.4099C18.4298 14.4099 20.4256 12.8282 21.0517 10.6647C21.069 10.605 21.0236 10.5459 20.9614 10.5459H18.2456C18.1809 10.5459 18.1211 10.5792 18.084 10.6322C17.6382 11.2679 16.8999 11.6834 16.0646 11.6834C15.2293 11.6834 14.491 11.2679 14.0452 10.6322Z",
2840
- fill: "white"
2933
+ fill: "rgb(var(--oui-color-base-foreground))"
2841
2934
  }
2842
2935
  ),
2843
2936
  /* @__PURE__ */ jsx(
@@ -2846,7 +2939,7 @@ var TradingRewardsIcon = () => {
2846
2939
  fillRule: "evenodd",
2847
2940
  clipRule: "evenodd",
2848
2941
  d: "M17.8902 7.56345C17.9277 7.60484 17.9805 7.62978 18.0363 7.62978H20.8773C20.9418 7.62978 20.9874 7.56711 20.9661 7.50639C20.7656 6.93242 20.4672 6.40442 20.0908 5.94243C20.0555 5.89906 20.0022 5.87451 19.9462 5.87451H12.1818C12.1259 5.87451 12.0727 5.89906 12.0373 5.94243C11.661 6.40442 11.3625 6.93242 11.162 7.50639C11.1408 7.56711 11.1864 7.62978 11.2508 7.62978H14.0918C14.1477 7.62978 14.2005 7.60484 14.238 7.56345C14.6889 7.06633 15.34 6.75415 16.0641 6.75415C16.7881 6.75415 17.4392 7.06633 17.8902 7.56345Z",
2849
- fill: "white"
2942
+ fill: "rgb(var(--oui-color-base-foreground))"
2850
2943
  }
2851
2944
  ),
2852
2945
  /* @__PURE__ */ jsx(
@@ -2855,7 +2948,7 @@ var TradingRewardsIcon = () => {
2855
2948
  fillRule: "evenodd",
2856
2949
  clipRule: "evenodd",
2857
2950
  d: "M18.5077 9.9775C18.4594 9.9775 18.425 9.93038 18.4381 9.88382C18.4973 9.67209 18.5289 9.44887 18.5289 9.21826C18.5289 8.89376 18.4662 8.58388 18.3523 8.30011C18.333 8.25208 18.3676 8.19849 18.4193 8.19849H21.0969C21.1308 8.19849 21.1602 8.22244 21.1664 8.2558C21.2248 8.56772 21.2554 8.88947 21.2554 9.21834C21.2554 9.45516 21.2395 9.68821 21.2089 9.91654C21.2041 9.95154 21.1742 9.9775 21.1389 9.9775H18.5077ZM13.6904 9.88382C13.7034 9.93038 13.6692 9.9775 13.6209 9.9775H10.9896C10.9543 9.9775 10.9243 9.95154 10.9196 9.91654C10.8889 9.68821 10.873 9.45516 10.873 9.21834C10.873 8.88947 10.9036 8.56772 10.9621 8.2558C10.9684 8.22244 10.9976 8.19849 11.0316 8.19849H13.7092C13.7609 8.19849 13.7955 8.25208 13.7762 8.30011C13.6622 8.58388 13.5995 8.89376 13.5995 9.21826C13.5995 9.44887 13.6312 9.67209 13.6904 9.88382Z",
2858
- fill: "white"
2951
+ fill: "rgb(var(--oui-color-base-foreground))"
2859
2952
  }
2860
2953
  ),
2861
2954
  /* @__PURE__ */ jsx(
@@ -2932,8 +3025,8 @@ var TradingRewardsIcon = () => {
2932
3025
  y2: "9.12524",
2933
3026
  gradientUnits: "userSpaceOnUse",
2934
3027
  children: [
2935
- /* @__PURE__ */ jsx("stop", { stopColor: "#5806D4" }),
2936
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#BB6CED" })
3028
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-secondary-start))" }),
3029
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-secondary-end))" })
2937
3030
  ]
2938
3031
  }
2939
3032
  ),
@@ -2947,8 +3040,8 @@ var TradingRewardsIcon = () => {
2947
3040
  y2: "17.8625",
2948
3041
  gradientUnits: "userSpaceOnUse",
2949
3042
  children: [
2950
- /* @__PURE__ */ jsx("stop", { stopColor: "#BD6CED" }),
2951
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#5A08DD" })
3043
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-secondary-start))" }),
3044
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-secondary-end))" })
2952
3045
  ]
2953
3046
  }
2954
3047
  ),
@@ -2962,8 +3055,8 @@ var TradingRewardsIcon = () => {
2962
3055
  y2: "20.7365",
2963
3056
  gradientUnits: "userSpaceOnUse",
2964
3057
  children: [
2965
- /* @__PURE__ */ jsx("stop", { stopColor: "#28303B" }),
2966
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#333948" })
3058
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-5))" }),
3059
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-4))" })
2967
3060
  ]
2968
3061
  }
2969
3062
  ),
@@ -2977,8 +3070,8 @@ var TradingRewardsIcon = () => {
2977
3070
  y2: "30.9792",
2978
3071
  gradientUnits: "userSpaceOnUse",
2979
3072
  children: [
2980
- /* @__PURE__ */ jsx("stop", { stopColor: "#636D85" }),
2981
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1B2028" })
3073
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-1))" }),
3074
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-7))" })
2982
3075
  ]
2983
3076
  }
2984
3077
  ),
@@ -2992,8 +3085,8 @@ var TradingRewardsIcon = () => {
2992
3085
  y2: "14.5052",
2993
3086
  gradientUnits: "userSpaceOnUse",
2994
3087
  children: [
2995
- /* @__PURE__ */ jsx("stop", { stopColor: "#181C23" }),
2996
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#333948" })
3088
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-8))" }),
3089
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-4))" })
2997
3090
  ]
2998
3091
  }
2999
3092
  ),
@@ -3007,8 +3100,8 @@ var TradingRewardsIcon = () => {
3007
3100
  y2: "22.8511",
3008
3101
  gradientUnits: "userSpaceOnUse",
3009
3102
  children: [
3010
- /* @__PURE__ */ jsx("stop", { stopColor: "#636D85" }),
3011
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1B2028" })
3103
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-1))" }),
3104
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-7))" })
3012
3105
  ]
3013
3106
  }
3014
3107
  ),
@@ -3022,8 +3115,8 @@ var TradingRewardsIcon = () => {
3022
3115
  y2: "14.5052",
3023
3116
  gradientUnits: "userSpaceOnUse",
3024
3117
  children: [
3025
- /* @__PURE__ */ jsx("stop", { stopColor: "#181C23" }),
3026
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#333948" })
3118
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-8))" }),
3119
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-4))" })
3027
3120
  ]
3028
3121
  }
3029
3122
  ),
@@ -3037,8 +3130,14 @@ var TradingRewardsIcon = () => {
3037
3130
  y2: "22.8511",
3038
3131
  gradientUnits: "userSpaceOnUse",
3039
3132
  children: [
3040
- /* @__PURE__ */ jsx("stop", { stopColor: "#636D85", stopOpacity: "0.411765" }),
3041
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1B2028" })
3133
+ /* @__PURE__ */ jsx(
3134
+ "stop",
3135
+ {
3136
+ stopColor: "rgb(var(--oui-color-base-1))",
3137
+ stopOpacity: "0.411765"
3138
+ }
3139
+ ),
3140
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-7))" })
3042
3141
  ]
3043
3142
  }
3044
3143
  )
@@ -3055,8 +3154,7 @@ var PortfolioActiveIcon = (props) => {
3055
3154
  {
3056
3155
  id: "Vector",
3057
3156
  d: "M8.9688 13.3124C6.3545 14.0269 4.5 16.3001 4.5 18.9999V20.9999C4.5 21.5522 4.9477 21.9999 5.5 21.9999H19.5C20.0523 21.9999 20.5 21.5522 20.5 20.9999V18.9999C20.5 16.3001 18.6455 14.0269 16.0312 13.3124C15.8071 13.2511 15.5869 13.2794 15.375 13.3749C14.4595 13.7875 13.4849 13.9999 12.5 13.9999C11.5151 13.9999 10.5405 13.7875 9.625 13.3749C9.4131 13.2794 9.1929 13.2511 8.9688 13.3124Z",
3058
- fill: "white",
3059
- fillOpacity: "0.36"
3157
+ className: "oui-fill-base-contrast-36"
3060
3158
  }
3061
3159
  ),
3062
3160
  /* @__PURE__ */ jsx(
@@ -3092,8 +3190,7 @@ var PortfolioInactiveIcon = (props) => {
3092
3190
  {
3093
3191
  id: "Vector",
3094
3192
  d: "M8.9688 13.3124C6.3545 14.0269 4.5 16.3001 4.5 18.9999V20.9999C4.5 21.5522 4.9477 21.9999 5.5 21.9999H19.5C20.0523 21.9999 20.5 21.5522 20.5 20.9999V18.9999C20.5 16.3001 18.6455 14.0269 16.0312 13.3124C15.8071 13.2511 15.5869 13.2794 15.375 13.3749C14.4595 13.7875 13.4849 13.9999 12.5 13.9999C11.5151 13.9999 10.5405 13.7875 9.625 13.3749C9.4131 13.2794 9.1929 13.2511 8.9688 13.3124Z",
3095
- fill: "white",
3096
- fillOpacity: "0.12"
3193
+ className: "oui-fill-base-contrast-12"
3097
3194
  }
3098
3195
  ),
3099
3196
  /* @__PURE__ */ jsx(
@@ -3101,8 +3198,7 @@ var PortfolioInactiveIcon = (props) => {
3101
3198
  {
3102
3199
  id: "Vector_2",
3103
3200
  d: "M12.5 2C9.7386 2 7.5 4.2386 7.5 7C7.5 9.7614 9.7386 12 12.5 12C15.2614 12 17.5 9.7614 17.5 7C17.5 4.2386 15.2614 2 12.5 2Z",
3104
- fill: "white",
3105
- fillOpacity: "0.36"
3201
+ className: "oui-fill-base-contrast-36"
3106
3202
  }
3107
3203
  )
3108
3204
  ] }) });
@@ -3127,8 +3223,7 @@ var TradingActiveIcon = (props) => {
3127
3223
  fillRule: "evenodd",
3128
3224
  clipRule: "evenodd",
3129
3225
  d: "M3.5 18C2.94772 18 2.5 17.5523 2.5 17C2.5 16.4477 2.94772 16 3.5 16H5.66905C7.0741 16 8.37613 15.2628 9.09902 14.058L10.3338 12L11.5 13.9436L10.814 15.087C9.72966 16.8942 7.77663 18 5.66905 18H3.5ZM12.6662 12L13.901 9.94202C14.6239 8.7372 15.9259 8 17.3309 8H19.5V10L22.5 7L19.5 4V6H17.3309C15.2234 6 13.2703 7.10579 12.186 8.91303L11.5 10.0563L12.6662 12Z",
3130
- fill: "white",
3131
- fillOpacity: "0.36"
3226
+ className: "oui-fill-base-contrast-36"
3132
3227
  }
3133
3228
  )
3134
3229
  ] }),
@@ -3165,8 +3260,7 @@ var TradingIcon = () => {
3165
3260
  fillRule: "evenodd",
3166
3261
  clipRule: "evenodd",
3167
3262
  d: "M2 7C2 6.44772 2.44772 6 3 6H5.16905C7.27663 6 9.22967 7.10579 10.314 8.91303L13.401 14.058C14.1239 15.2628 15.4259 16 16.831 16H19V14L22 17L19 20V18H16.831C14.7234 18 12.7703 16.8942 11.686 15.087L8.59902 9.94202C7.87613 8.7372 6.5741 8 5.16905 8H3C2.44772 8 2 7.55228 2 7Z",
3168
- fill: "white",
3169
- fillOpacity: 0.8
3263
+ className: "oui-fill-base-contrast-80"
3170
3264
  }
3171
3265
  ),
3172
3266
  /* @__PURE__ */ jsx(
@@ -3175,8 +3269,7 @@ var TradingIcon = () => {
3175
3269
  fillRule: "evenodd",
3176
3270
  clipRule: "evenodd",
3177
3271
  d: "M3 18C2.44772 18 2 17.5523 2 17C2 16.4477 2.44772 16 3 16H5.16905C6.5741 16 7.87613 15.2628 8.59902 14.058L9.83381 12L11 13.9437L10.314 15.087C9.22967 16.8942 7.27663 18 5.16905 18H3ZM12.1662 12L13.401 9.94202C14.1239 8.7372 15.4259 8 16.831 8H19V10L22 7L19 4V6H16.831C14.7234 6 12.7703 7.10579 11.686 8.91303L11 10.0563L12.1662 12Z",
3178
- fill: "white",
3179
- fillOpacity: 0.8
3272
+ className: "oui-fill-base-contrast-80"
3180
3273
  }
3181
3274
  )
3182
3275
  ]
@@ -3192,8 +3285,7 @@ var TradingInactiveIcon = (props) => {
3192
3285
  fillRule: "evenodd",
3193
3286
  clipRule: "evenodd",
3194
3287
  d: "M2.5 7C2.5 6.44772 2.94772 6 3.5 6H5.66905C7.77663 6 9.72967 7.10579 10.814 8.91303L13.901 14.058C14.6239 15.2628 15.9259 16 17.331 16H19.5V14L22.5 17L19.5 20V18H17.331C15.2234 18 13.2703 16.8942 12.186 15.087L9.09902 9.94202C8.37613 8.7372 7.0741 8 5.66905 8H3.5C2.94772 8 2.5 7.55228 2.5 7Z",
3195
- fill: "white",
3196
- fillOpacity: "0.12"
3288
+ className: "oui-fill-base-contrast-12"
3197
3289
  }
3198
3290
  ),
3199
3291
  /* @__PURE__ */ jsx(
@@ -3203,8 +3295,7 @@ var TradingInactiveIcon = (props) => {
3203
3295
  fillRule: "evenodd",
3204
3296
  clipRule: "evenodd",
3205
3297
  d: "M3.5 18C2.94772 18 2.5 17.5523 2.5 17C2.5 16.4477 2.94772 16 3.5 16H5.66905C7.0741 16 8.37613 15.2628 9.09902 14.058L10.3338 12L11.5 13.9437L10.814 15.087C9.72967 16.8942 7.77663 18 5.66905 18H3.5ZM12.6662 12L13.901 9.94202C14.6239 8.7372 15.9259 8 17.331 8H19.5V10L22.5 7L19.5 4V6H17.331C15.2234 6 13.2703 7.10579 12.186 8.91303L11.5 10.0563L12.6662 12Z",
3206
- fill: "white",
3207
- fillOpacity: "0.36"
3298
+ className: "oui-fill-base-contrast-36"
3208
3299
  }
3209
3300
  )
3210
3301
  ] }) });
@@ -3215,16 +3306,14 @@ var LeaderboardActiveIcon = (props) => {
3215
3306
  "path",
3216
3307
  {
3217
3308
  d: "M18 11H21C22.103 11 23 11.897 23 13V17C23 18.103 22.103 19 21 19H18V17V11Z",
3218
- fill: "white",
3219
- fillOpacity: "0.36"
3309
+ className: "oui-fill-base-contrast-36"
3220
3310
  }
3221
3311
  ),
3222
3312
  /* @__PURE__ */ jsx(
3223
3313
  "path",
3224
3314
  {
3225
3315
  d: "M6 9V17V19H3C1.897 19 1 18.103 1 17V11C1 9.897 1.897 9 3 9H6Z",
3226
- fill: "white",
3227
- fillOpacity: "0.36"
3316
+ className: "oui-fill-base-contrast-36"
3228
3317
  }
3229
3318
  ),
3230
3319
  /* @__PURE__ */ jsx(
@@ -3257,24 +3346,21 @@ var LeaderboardInactiveIcon = (props) => {
3257
3346
  "path",
3258
3347
  {
3259
3348
  d: "M18 11H21C22.103 11 23 11.897 23 13V17C23 18.103 22.103 19 21 19H18V17V11Z",
3260
- fill: "white",
3261
- fillOpacity: "0.12"
3349
+ className: "oui-fill-base-contrast-12"
3262
3350
  }
3263
3351
  ),
3264
3352
  /* @__PURE__ */ jsx(
3265
3353
  "path",
3266
3354
  {
3267
3355
  d: "M6 9V17V19H3C1.897 19 1 18.103 1 17V11C1 9.897 1.897 9 3 9H6Z",
3268
- fill: "white",
3269
- fillOpacity: "0.12"
3356
+ className: "oui-fill-base-contrast-12"
3270
3357
  }
3271
3358
  ),
3272
3359
  /* @__PURE__ */ jsx(
3273
3360
  "path",
3274
3361
  {
3275
3362
  d: "M16 7V17V19H8V17V7C8 5.897 8.897 5 10 5H14C15.103 5 16 5.897 16 7Z",
3276
- fill: "white",
3277
- fillOpacity: "0.36"
3363
+ className: "oui-fill-base-contrast-36"
3278
3364
  }
3279
3365
  )
3280
3366
  ] });
@@ -3287,8 +3373,7 @@ var MarketsActiveIcon = (props) => {
3287
3373
  fillRule: "evenodd",
3288
3374
  clipRule: "evenodd",
3289
3375
  d: "M11.75 8C10.6454 8 9.75 8.89543 9.75 10V18C9.75 19.1046 10.6454 20 11.75 20H13.75C14.8546 20 15.75 19.1046 15.75 18V10C15.75 8.89543 14.8546 8 13.75 8H11.75ZM4.75 12C3.64543 12 2.75 12.8954 2.75 14V18C2.75 19.1046 3.64543 20 4.75 20H6.75C7.85457 20 8.75 19.1046 8.75 18V14C8.75 12.8954 7.85457 12 6.75 12H4.75Z",
3290
- fill: "white",
3291
- fillOpacity: "0.16"
3376
+ className: "oui-fill-base-contrast-16"
3292
3377
  }
3293
3378
  ),
3294
3379
  /* @__PURE__ */ jsx(
@@ -3320,19 +3405,17 @@ var MarketsInactiveIcon = (props) => {
3320
3405
  /* @__PURE__ */ jsx(
3321
3406
  "path",
3322
3407
  {
3408
+ className: "oui-fill-base-contrast-12",
3323
3409
  fillRule: "evenodd",
3324
3410
  clipRule: "evenodd",
3325
- d: "M11.5 8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zm-7 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z",
3326
- fill: "#fff",
3327
- fillOpacity: ".12"
3411
+ d: "M11.5 8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2zm-7 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z"
3328
3412
  }
3329
3413
  ),
3330
3414
  /* @__PURE__ */ jsx(
3331
3415
  "path",
3332
3416
  {
3333
- d: "M16.5 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z",
3334
- fill: "#fff",
3335
- fillOpacity: ".36"
3417
+ className: "oui-fill-base-contrast-36",
3418
+ d: "M16.5 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z"
3336
3419
  }
3337
3420
  )
3338
3421
  ] });
@@ -3345,16 +3428,14 @@ var StarChildChatActiveIcon = (props) => {
3345
3428
  fillRule: "evenodd",
3346
3429
  clipRule: "evenodd",
3347
3430
  d: "M17.8889 6.03755C17.4388 6.00078 16.8565 6 15.9999 6H14.7999V4H16.0412C16.8462 3.99999 17.5106 3.99998 18.0518 4.04419C18.6139 4.09012 19.1306 4.18868 19.6159 4.43597C20.3685 4.81947 20.9805 5.43139 21.364 6.18404C21.6112 6.66937 21.7098 7.18608 21.7557 7.74817C21.7999 8.28936 21.7999 8.95372 21.7999 9.75868V13.2408C21.7999 14.0457 21.7999 14.7101 21.7557 15.2513C21.7098 15.8134 21.6112 16.3301 21.364 16.8154C20.9805 17.568 20.3685 18.18 19.6159 18.5635C19.1306 18.8108 18.6139 18.9093 18.0518 18.9552C17.5106 18.9995 16.8462 18.9995 16.0413 18.9994H15.8314L13.5592 21.6507L12.0406 21.6507L9.76852 18.9994H9.5586C8.75364 18.9995 8.08929 18.9995 7.5481 18.9552C6.986 18.9093 6.4693 18.8108 5.98397 18.5635C5.23132 18.18 4.61939 17.568 4.2359 16.8154C3.98861 16.3301 3.89005 15.8134 3.84412 15.2513C3.7999 14.7101 3.79991 14.0457 3.79993 13.2407L3.79993 12.4997H5.79993V13.1994C5.79993 14.056 5.80071 14.6383 5.83748 15.0884C5.8733 15.5268 5.93823 15.751 6.01791 15.9074C6.20966 16.2837 6.51562 16.5897 6.89195 16.7815C7.04835 16.8611 7.27255 16.9261 7.71097 16.9619C8.16106 16.9987 8.74335 16.9994 9.59993 16.9994H10.6885L12.7999 19.4632L14.9114 16.9994H15.9999C16.8565 16.9994 17.4388 16.9987 17.8889 16.9619C18.3273 16.9261 18.5515 16.8611 18.7079 16.7815C19.0842 16.5897 19.3902 16.2837 19.5819 15.9074C19.6616 15.751 19.7266 15.5268 19.7624 15.0884C19.7991 14.6383 19.7999 14.056 19.7999 13.1994V9.8C19.7999 8.94342 19.7991 8.36113 19.7624 7.91104C19.7266 7.47262 19.6616 7.24842 19.5819 7.09202C19.3902 6.71569 19.0842 6.40973 18.7079 6.21799C18.5515 6.1383 18.3273 6.07337 17.8889 6.03755Z",
3348
- fill: "white",
3349
- fillOpacity: "0.36"
3431
+ className: "oui-fill-base-contrast-36"
3350
3432
  }
3351
3433
  ),
3352
3434
  /* @__PURE__ */ jsx(
3353
3435
  "path",
3354
3436
  {
3355
3437
  d: "M8.83997 3.27539L12.1163 4.36719V6.26465L8.83997 7.35645L7.74817 10.6328H5.85071L4.75891 7.35645L1.48352 6.26465V4.36719L4.75891 3.27539L5.85071 0H7.74817L8.83997 3.27539ZM6.49817 4.38281L5.86633 5.01465L4.96204 5.31641L5.86633 5.61719L6.49817 6.25L6.79993 7.1543L7.10071 6.25L7.73352 5.61719L8.63782 5.31641L7.73352 5.01465L7.10071 4.38281L6.79993 3.47852L6.49817 4.38281Z",
3356
- fill: "white",
3357
- fillOpacity: "0.36"
3438
+ className: "oui-fill-base-contrast-36"
3358
3439
  }
3359
3440
  ),
3360
3441
  /* @__PURE__ */ jsx(
@@ -3363,8 +3444,7 @@ var StarChildChatActiveIcon = (props) => {
3363
3444
  fillRule: "evenodd",
3364
3445
  clipRule: "evenodd",
3365
3446
  d: "M11.5756 10.7757L12.2308 8.8103H13.3692L14.0243 10.7757L15.9897 11.4308V12.5692L14.0243 13.2244L13.3692 15.1898H12.2308L11.5756 13.2244L9.61023 12.5692V11.4308L11.5756 10.7757Z",
3366
- fill: "white",
3367
- fillOpacity: "0.12"
3447
+ className: "oui-fill-base-contrast-12"
3368
3448
  }
3369
3449
  )
3370
3450
  ] });
@@ -3374,27 +3454,24 @@ var StarChildChatInactiveIcon = (props) => {
3374
3454
  /* @__PURE__ */ jsx(
3375
3455
  "path",
3376
3456
  {
3377
- d: "M17.8889 6.03755C17.4388 6.00078 16.8565 6 15.9999 6H14.7999V4H16.0412C16.8462 3.99999 17.5106 3.99998 18.0518 4.04419C18.6139 4.09012 19.1306 4.18868 19.6159 4.43597C20.3685 4.81947 20.9805 5.43139 21.364 6.18404C21.6112 6.66937 21.7098 7.18608 21.7557 7.74817C21.7999 8.28936 21.7999 8.95372 21.7999 9.75868V13.2408C21.7999 14.0457 21.7999 14.7101 21.7557 15.2513C21.7098 15.8134 21.6112 16.3301 21.364 16.8154C20.9805 17.568 20.3685 18.18 19.6159 18.5635C19.1306 18.8108 18.6139 18.9093 18.0518 18.9552C17.5106 18.9995 16.8462 18.9995 16.0413 18.9994H15.8314L13.5592 21.6507L12.0406 21.6507L9.76852 18.9994H9.5586C8.75364 18.9995 8.08929 18.9995 7.5481 18.9552C6.986 18.9093 6.4693 18.8108 5.98397 18.5635C5.23132 18.18 4.61939 17.568 4.2359 16.8154C3.98861 16.3301 3.89005 15.8134 3.84412 15.2513C3.7999 14.7101 3.79991 14.0457 3.79993 13.2407L3.79993 12.4997H5.79993V13.1994C5.79993 14.056 5.80071 14.6383 5.83748 15.0884C5.8733 15.5268 5.93823 15.751 6.01791 15.9074C6.20966 16.2837 6.51562 16.5897 6.89195 16.7815C7.04835 16.8611 7.27255 16.9261 7.71097 16.9619C8.16106 16.9987 8.74335 16.9994 9.59993 16.9994H10.6885L12.7999 19.4632L14.9114 16.9994H15.9999C16.8565 16.9994 17.4388 16.9987 17.8889 16.9619C18.3273 16.9261 18.5515 16.8611 18.7079 16.7815C19.0842 16.5897 19.3902 16.2837 19.5819 15.9074C19.6616 15.751 19.7266 15.5268 19.7624 15.0884C19.7991 14.6383 19.7999 14.056 19.7999 13.1994V9.8C19.7999 8.94342 19.7991 8.36113 19.7624 7.91104C19.7266 7.47262 19.6616 7.24842 19.5819 7.09202C19.3902 6.71569 19.0842 6.40973 18.7079 6.21799C18.5515 6.1383 18.3273 6.07337 17.8889 6.03755Z",
3378
- fill: "#fff",
3379
- fillOpacity: "0.36"
3457
+ className: "oui-fill-base-contrast-36",
3458
+ d: "M17.8889 6.03755C17.4388 6.00078 16.8565 6 15.9999 6H14.7999V4H16.0412C16.8462 3.99999 17.5106 3.99998 18.0518 4.04419C18.6139 4.09012 19.1306 4.18868 19.6159 4.43597C20.3685 4.81947 20.9805 5.43139 21.364 6.18404C21.6112 6.66937 21.7098 7.18608 21.7557 7.74817C21.7999 8.28936 21.7999 8.95372 21.7999 9.75868V13.2408C21.7999 14.0457 21.7999 14.7101 21.7557 15.2513C21.7098 15.8134 21.6112 16.3301 21.364 16.8154C20.9805 17.568 20.3685 18.18 19.6159 18.5635C19.1306 18.8108 18.6139 18.9093 18.0518 18.9552C17.5106 18.9995 16.8462 18.9995 16.0413 18.9994H15.8314L13.5592 21.6507L12.0406 21.6507L9.76852 18.9994H9.5586C8.75364 18.9995 8.08929 18.9995 7.5481 18.9552C6.986 18.9093 6.4693 18.8108 5.98397 18.5635C5.23132 18.18 4.61939 17.568 4.2359 16.8154C3.98861 16.3301 3.89005 15.8134 3.84412 15.2513C3.7999 14.7101 3.79991 14.0457 3.79993 13.2407L3.79993 12.4997H5.79993V13.1994C5.79993 14.056 5.80071 14.6383 5.83748 15.0884C5.8733 15.5268 5.93823 15.751 6.01791 15.9074C6.20966 16.2837 6.51562 16.5897 6.89195 16.7815C7.04835 16.8611 7.27255 16.9261 7.71097 16.9619C8.16106 16.9987 8.74335 16.9994 9.59993 16.9994H10.6885L12.7999 19.4632L14.9114 16.9994H15.9999C16.8565 16.9994 17.4388 16.9987 17.8889 16.9619C18.3273 16.9261 18.5515 16.8611 18.7079 16.7815C19.0842 16.5897 19.3902 16.2837 19.5819 15.9074C19.6616 15.751 19.7266 15.5268 19.7624 15.0884C19.7991 14.6383 19.7999 14.056 19.7999 13.1994V9.8C19.7999 8.94342 19.7991 8.36113 19.7624 7.91104C19.7266 7.47262 19.6616 7.24842 19.5819 7.09202C19.3902 6.71569 19.0842 6.40973 18.7079 6.21799C18.5515 6.1383 18.3273 6.07337 17.8889 6.03755Z"
3380
3459
  }
3381
3460
  ),
3382
3461
  /* @__PURE__ */ jsx(
3383
3462
  "path",
3384
3463
  {
3385
- d: "M8.83997 3.27539L12.1163 4.36719V6.26465L8.83997 7.35645L7.74817 10.6328H5.85071L4.75891 7.35645L1.48352 6.26465V4.36719L4.75891 3.27539L5.85071 0H7.74817L8.83997 3.27539ZM6.49817 4.38281L5.86633 5.01465L4.96204 5.31641L5.86633 5.61719L6.49817 6.25L6.79993 7.1543L7.10071 6.25L7.73352 5.61719L8.63782 5.31641L7.73352 5.01465L7.10071 4.38281L6.79993 3.47852L6.49817 4.38281Z",
3386
- fill: "#fff",
3387
- fillOpacity: "0.36"
3464
+ className: "oui-fill-base-contrast-36",
3465
+ d: "M8.83997 3.27539L12.1163 4.36719V6.26465L8.83997 7.35645L7.74817 10.6328H5.85071L4.75891 7.35645L1.48352 6.26465V4.36719L4.75891 3.27539L5.85071 0H7.74817L8.83997 3.27539ZM6.49817 4.38281L5.86633 5.01465L4.96204 5.31641L5.86633 5.61719L6.49817 6.25L6.79993 7.1543L7.10071 6.25L7.73352 5.61719L8.63782 5.31641L7.73352 5.01465L7.10071 4.38281L6.79993 3.47852L6.49817 4.38281Z"
3388
3466
  }
3389
3467
  ),
3390
3468
  /* @__PURE__ */ jsx(
3391
3469
  "path",
3392
3470
  {
3471
+ className: "oui-fill-base-contrast-12",
3393
3472
  fillRule: "evenodd",
3394
3473
  clipRule: "evenodd",
3395
- d: "M11.5756 10.7757L12.2308 8.8103H13.3692L14.0243 10.7757L15.9897 11.4308V12.5692L14.0243 13.2244L13.3692 15.1898H12.2308L11.5756 13.2244L9.61023 12.5692V11.4308L11.5756 10.7757Z",
3396
- fill: "#fff",
3397
- fillOpacity: "0.12"
3474
+ d: "M11.5756 10.7757L12.2308 8.8103H13.3692L14.0243 10.7757L15.9897 11.4308V12.5692L14.0243 13.2244L13.3692 15.1898H12.2308L11.5756 13.2244L9.61023 12.5692V11.4308L11.5756 10.7757Z"
3398
3475
  }
3399
3476
  )
3400
3477
  ] });
@@ -3416,8 +3493,7 @@ var SelectedChoicesFillIcon = (props) => {
3416
3493
  "path",
3417
3494
  {
3418
3495
  d: "M7.0083 1.16602C10.2299 1.16604 12.8411 3.7775 12.8413 6.99902C12.8413 10.2208 10.23 12.833 7.0083 12.833C3.78667 12.833 1.17529 10.2208 1.17529 6.99902C1.17554 3.77748 3.78682 1.16602 7.0083 1.16602ZM10.396 4.08301C10.222 4.08303 10.0402 4.13922 9.90771 4.26562L5.64111 8.33105L4.09229 6.85449C3.82733 6.6018 3.38148 6.60197 3.11572 6.85449C2.85068 7.10722 2.85068 7.53236 3.11572 7.78516L5.15381 9.72754C5.41881 9.97998 5.86442 9.98002 6.12939 9.72754L10.8843 5.19629C11.1499 4.94355 11.1498 4.51844 10.8843 4.26562C10.7518 4.1392 10.57 4.08301 10.396 4.08301Z",
3419
- fill: "white",
3420
- fillOpacity: "0.8"
3496
+ className: "oui-fill-base-contrast-80"
3421
3497
  }
3422
3498
  ) });
3423
3499
  };
@@ -3436,16 +3512,14 @@ var SpotIcon = (props) => {
3436
3512
  "path",
3437
3513
  {
3438
3514
  d: "M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM9 7C7.89543 7 7 7.89543 7 9V11C7 12.1046 7.89543 13 9 13H11C12.1046 13 13 12.1046 13 11V9C13 7.89543 12.1046 7 11 7H9Z",
3439
- fill: "white",
3440
- fillOpacity: "0.8"
3515
+ className: "oui-fill-base-contrast-80"
3441
3516
  }
3442
3517
  ),
3443
3518
  /* @__PURE__ */ jsx(
3444
3519
  "path",
3445
3520
  {
3446
3521
  d: "M18.8034 8.1276C18.7434 7.84577 19.0603 7.62722 19.2756 7.81876C20.9466 9.3053 22.0006 11.4702 22.0006 13.8826C22.0003 18.3657 18.3655 22.0005 13.8824 22.0007C11.4701 22.0007 9.30514 20.9467 7.81859 19.2758C7.62706 19.0605 7.84563 18.7434 8.1275 18.8033C8.73168 18.9317 9.35821 18.9998 10.0006 18.9998C10.1368 18.9997 10.2723 18.9957 10.407 18.9893C10.4716 18.9862 10.5354 19.0036 10.5898 19.0385C11.5405 19.6468 12.6701 20.0007 13.8824 20.0007C17.1555 20.0005 19.8288 17.4294 19.9927 14.197L20.0006 13.8826C20.0006 12.6708 19.6471 11.5414 19.0392 10.591C19.0044 10.5365 18.987 10.4727 18.9901 10.4082C18.9965 10.2728 19.0006 10.1365 19.0006 9.99976C19.0005 9.35761 18.9321 8.73148 18.8034 8.1276Z",
3447
- fill: "white",
3448
- fillOpacity: "0.8"
3522
+ className: "oui-fill-base-contrast-80"
3449
3523
  }
3450
3524
  )
3451
3525
  ] });
@@ -3469,8 +3543,8 @@ var PerpsIcon = (props) => {
3469
3543
  y2: "9.9414",
3470
3544
  gradientUnits: "userSpaceOnUse",
3471
3545
  children: [
3472
- /* @__PURE__ */ jsx("stop", { stopColor: "#59B0FE" }),
3473
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#26FEFE" })
3546
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-brand-end))" }),
3547
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-gradient-brand-start))" })
3474
3548
  ]
3475
3549
  }
3476
3550
  ) })
@@ -3486,7 +3560,17 @@ function EmptyStateIcon() {
3486
3560
  fill: "none",
3487
3561
  viewBox: "0 0 64 64",
3488
3562
  children: [
3489
- /* @__PURE__ */ jsx("rect", { width: "36", height: "48", x: "18", y: "5", fill: "#07080A", rx: "4" }),
3563
+ /* @__PURE__ */ jsx(
3564
+ "rect",
3565
+ {
3566
+ width: "36",
3567
+ height: "48",
3568
+ x: "18",
3569
+ y: "5",
3570
+ fill: "rgb(var(--oui-color-base-10))",
3571
+ rx: "4"
3572
+ }
3573
+ ),
3490
3574
  /* @__PURE__ */ jsx(
3491
3575
  "rect",
3492
3576
  {
@@ -3512,28 +3596,98 @@ function EmptyStateIcon() {
3512
3596
  /* @__PURE__ */ jsx(
3513
3597
  "path",
3514
3598
  {
3515
- fill: "#303237",
3599
+ fill: "rgb(var(--oui-color-base-5))",
3516
3600
  d: "M36.636 53.323V50H6v3.323C6 55.91 7.943 58 10.462 58H41c-2.392 0-4.364-2.168-4.364-4.663"
3517
3601
  }
3518
3602
  ),
3519
- /* @__PURE__ */ jsx("rect", { width: "9", height: "2", x: "15", y: "16", fill: "#3F4146", rx: "1" }),
3520
- /* @__PURE__ */ jsx("rect", { width: "16", height: "2", x: "15", y: "24", fill: "#3F4146", rx: "1" }),
3521
- /* @__PURE__ */ jsx("rect", { width: "12", height: "3", x: "28", y: "29", fill: "#45484E", rx: "1.5" }),
3603
+ /* @__PURE__ */ jsx(
3604
+ "rect",
3605
+ {
3606
+ width: "9",
3607
+ height: "2",
3608
+ x: "15",
3609
+ y: "16",
3610
+ fill: "rgb(var(--oui-color-base-4))",
3611
+ rx: "1"
3612
+ }
3613
+ ),
3614
+ /* @__PURE__ */ jsx(
3615
+ "rect",
3616
+ {
3617
+ width: "16",
3618
+ height: "2",
3619
+ x: "15",
3620
+ y: "24",
3621
+ fill: "rgb(var(--oui-color-base-4))",
3622
+ rx: "1"
3623
+ }
3624
+ ),
3625
+ /* @__PURE__ */ jsx(
3626
+ "rect",
3627
+ {
3628
+ width: "12",
3629
+ height: "3",
3630
+ x: "28",
3631
+ y: "29",
3632
+ fill: "rgb(var(--oui-color-base-3))",
3633
+ rx: "1.5"
3634
+ }
3635
+ ),
3522
3636
  /* @__PURE__ */ jsx(
3523
3637
  "path",
3524
3638
  {
3525
- fill: "#45484E",
3639
+ fill: "rgb(var(--oui-color-base-3))",
3526
3640
  d: "M33 23a2 2 0 012-2h1.5a1.5 1.5 0 010 3H34a1 1 0 01-1-1z"
3527
3641
  }
3528
3642
  ),
3529
- /* @__PURE__ */ jsx("rect", { width: "9", height: "3", x: "29", y: "37", fill: "#45484E", rx: "1.5" }),
3530
- /* @__PURE__ */ jsx("rect", { width: "13", height: "2", x: "15", y: "30", fill: "#3F4146", rx: "1" }),
3531
- /* @__PURE__ */ jsx("rect", { width: "15", height: "2", x: "15", y: "36", fill: "#3F4146", rx: "1" }),
3532
- /* @__PURE__ */ jsx("rect", { width: "24", height: "2", x: "15", y: "42", fill: "#3F4146", rx: "1" }),
3643
+ /* @__PURE__ */ jsx(
3644
+ "rect",
3645
+ {
3646
+ width: "9",
3647
+ height: "3",
3648
+ x: "29",
3649
+ y: "37",
3650
+ fill: "rgb(var(--oui-color-base-3))",
3651
+ rx: "1.5"
3652
+ }
3653
+ ),
3654
+ /* @__PURE__ */ jsx(
3655
+ "rect",
3656
+ {
3657
+ width: "13",
3658
+ height: "2",
3659
+ x: "15",
3660
+ y: "30",
3661
+ fill: "rgb(var(--oui-color-base-4))",
3662
+ rx: "1"
3663
+ }
3664
+ ),
3665
+ /* @__PURE__ */ jsx(
3666
+ "rect",
3667
+ {
3668
+ width: "15",
3669
+ height: "2",
3670
+ x: "15",
3671
+ y: "36",
3672
+ fill: "rgb(var(--oui-color-base-4))",
3673
+ rx: "1"
3674
+ }
3675
+ ),
3676
+ /* @__PURE__ */ jsx(
3677
+ "rect",
3678
+ {
3679
+ width: "24",
3680
+ height: "2",
3681
+ x: "15",
3682
+ y: "42",
3683
+ fill: "rgb(var(--oui-color-base-4))",
3684
+ rx: "1"
3685
+ }
3686
+ ),
3533
3687
  /* @__PURE__ */ jsx(
3534
3688
  "path",
3535
3689
  {
3536
- fill: "#181A1D",
3690
+ fill: "rgb(var(--oui-color-base-8))",
3537
3691
  fillRule: "evenodd",
3538
3692
  d: "M27.24 30.022a12.451 12.451 0 1122.195 9.87l5.328 5.328-1.58 1.58-5.241-5.24a12.452 12.452 0 01-20.703-11.537zm14.193 12.39A10.156 10.156 0 1037.47 22.49a10.156 10.156 0 003.963 19.92z",
3539
3693
  clipRule: "evenodd"
@@ -3542,7 +3696,7 @@ function EmptyStateIcon() {
3542
3696
  /* @__PURE__ */ jsx(
3543
3697
  "path",
3544
3698
  {
3545
- fill: "#54565B",
3699
+ fill: "rgb(var(--oui-color-base-2))",
3546
3700
  fillRule: "evenodd",
3547
3701
  d: "M27.24 29.022a12.451 12.451 0 1122.195 9.87l5.328 5.328-1.58 1.58-5.241-5.24a12.452 12.452 0 01-20.703-11.537zm14.193 12.39A10.156 10.156 0 1037.47 21.49a10.156 10.156 0 003.963 19.92z",
3548
3702
  clipRule: "evenodd"
@@ -3551,14 +3705,14 @@ function EmptyStateIcon() {
3551
3705
  /* @__PURE__ */ jsx(
3552
3706
  "path",
3553
3707
  {
3554
- fill: "#16181B",
3708
+ fill: "rgb(var(--oui-color-base-8))",
3555
3709
  d: "M51.755 43.867c-.99.99-.99 2.596 0 3.586l3.754 3.754a2.536 2.536 0 103.586-3.586l-3.754-3.754a2.536 2.536 0 00-3.586 0z"
3556
3710
  }
3557
3711
  ),
3558
3712
  /* @__PURE__ */ jsx(
3559
3713
  "path",
3560
3714
  {
3561
- fill: "#4E525C",
3715
+ fill: "rgb(var(--oui-color-base-2))",
3562
3716
  d: "M51.755 42.867c-.99.99-.99 2.596 0 3.586l3.754 3.754a2.536 2.536 0 103.586-3.586l-3.754-3.754a2.536 2.536 0 00-3.586 0z"
3563
3717
  }
3564
3718
  ),
@@ -3573,8 +3727,8 @@ function EmptyStateIcon() {
3573
3727
  y2: "25.703",
3574
3728
  gradientUnits: "userSpaceOnUse",
3575
3729
  children: [
3576
- /* @__PURE__ */ jsx("stop", { stopColor: "#0C0D10" }),
3577
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#121418" })
3730
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-color-base-10))" }),
3731
+ /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "rgb(var(--oui-color-base-9))" })
3578
3732
  ]
3579
3733
  }
3580
3734
  ),
@@ -3588,8 +3742,14 @@ function EmptyStateIcon() {
3588
3742
  y2: "23.703",
3589
3743
  gradientUnits: "userSpaceOnUse",
3590
3744
  children: [
3591
- /* @__PURE__ */ jsx("stop", { stopColor: "#1B1D22" }),
3592
- /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#26292E" })
3745
+ /* @__PURE__ */ jsx("stop", { stopColor: "rgb(var(--oui-gradient-neutral-end))" }),
3746
+ /* @__PURE__ */ jsx(
3747
+ "stop",
3748
+ {
3749
+ offset: "1",
3750
+ stopColor: "rgb(var(--oui-gradient-neutral-start))"
3751
+ }
3752
+ )
3593
3753
  ]
3594
3754
  }
3595
3755
  )
@@ -3612,9 +3772,8 @@ var VectorIcon = React70__default.forwardRef(
3612
3772
  children: /* @__PURE__ */ jsx(
3613
3773
  "path",
3614
3774
  {
3615
- fillOpacity: 0.8,
3616
3775
  d: "M0.999023 0.103516C0.447023 0.103516 -0.000976562 0.551516 -0.000976562 1.10352C-0.000976562 1.65552 0.447023 2.10352 0.999023 2.10352H18.999C19.551 2.10352 19.999 1.65552 19.999 1.10352C19.999 0.551516 19.551 0.103516 18.999 0.103516H0.999023ZM0.999023 5.10352C0.447023 5.10352 -0.000976562 5.55152 -0.000976562 6.10352C-0.000976562 6.65552 0.447023 7.10352 0.999023 7.10352H18.999C19.551 7.10352 19.999 6.65552 19.999 6.10352C19.999 5.55152 19.551 5.10352 18.999 5.10352H0.999023ZM0.999023 10.1035C0.447023 10.1035 -0.000976562 10.5515 -0.000976562 11.1035C-0.000976562 11.6555 0.447023 12.1035 0.999023 12.1035H18.999C19.551 12.1035 19.999 11.6555 19.999 11.1035C19.999 10.5515 19.551 10.1035 18.999 10.1035H0.999023Z",
3617
- fill: "white"
3776
+ className: "oui-fill-base-contrast-80"
3618
3777
  }
3619
3778
  )
3620
3779
  }
@@ -3642,15 +3801,14 @@ var SwapHorizIcon = () => {
3642
3801
  y: "0",
3643
3802
  width: "20",
3644
3803
  height: "20",
3645
- children: /* @__PURE__ */ jsx("rect", { width: "20", height: "20", fill: "#D9D9D9" })
3804
+ children: /* @__PURE__ */ jsx("rect", { width: "20", height: "20", fill: "rgb(var(--oui-color-tertiary))" })
3646
3805
  }
3647
3806
  ),
3648
3807
  /* @__PURE__ */ jsx("g", { mask: "url(#mask0_2321_5422)", children: /* @__PURE__ */ jsx(
3649
3808
  "path",
3650
3809
  {
3651
- d: "M6 16.5L2 12.5L6 8.5L7.0625 9.5625L4.875 11.75H11V13.25H4.875L7.0625 15.4375L6 16.5ZM14 11.5L12.9375 10.4375L15.125 8.25H9V6.75H15.125L12.9375 4.5625L14 3.5L18 7.5L14 11.5Z",
3652
- fill: "white",
3653
- fillOpacity: "0.54"
3810
+ className: "oui-fill-base-contrast-54",
3811
+ d: "M6 16.5L2 12.5L6 8.5L7.0625 9.5625L4.875 11.75H11V13.25H4.875L7.0625 15.4375L6 16.5ZM14 11.5L12.9375 10.4375L15.125 8.25H9V6.75H15.125L12.9375 4.5625L14 3.5L18 7.5L14 11.5Z"
3654
3812
  }
3655
3813
  ) })
3656
3814
  ]
@@ -3670,8 +3828,7 @@ var PeopleIcon = () => {
3670
3828
  "path",
3671
3829
  {
3672
3830
  d: "M15.499 2.92969C13.0137 2.92969 10.999 4.94469 10.999 7.42969C10.999 9.91469 13.0137 11.9297 15.499 11.9297C17.9843 11.9297 19.999 9.91469 19.999 7.42969C19.999 4.94469 17.9843 2.92969 15.499 2.92969ZM7.99902 3.92969C5.78992 3.92969 3.99902 5.72069 3.99902 7.92969C3.99902 10.1387 5.78992 11.9297 7.99902 11.9297C8.82842 11.9297 9.61402 11.6767 10.2802 11.2107C10.7329 10.8947 10.8466 10.2577 10.5302 9.80469C10.2138 9.35169 9.60792 9.26969 9.15522 9.58569C8.82232 9.81869 8.41522 9.92969 7.99902 9.92969C6.89442 9.92969 5.99902 9.03469 5.99902 7.92969C5.99902 6.82469 6.89442 5.92969 7.99902 5.92969C8.32522 5.92969 8.62362 6.00168 8.90522 6.14868C9.39522 6.40368 10.0254 6.2317 10.2802 5.7417C10.5351 5.2527 10.3327 4.62168 9.84282 4.36768C9.27772 4.07368 8.64842 3.92969 7.99902 3.92969ZM15.499 4.92969C16.8797 4.92969 17.999 6.04869 17.999 7.42969C17.999 8.81069 16.8797 9.92969 15.499 9.92969C14.1183 9.92969 12.999 8.81069 12.999 7.42969C12.999 6.04869 14.1183 4.92969 15.499 4.92969ZM5.06152 13.2737C3.22742 14.0307 1.99902 15.8857 1.99902 17.9297V19.9297C1.99902 20.4817 2.44672 20.9297 2.99902 20.9297H6.99902C7.55132 20.9297 7.99902 20.4817 7.99902 19.9297C7.99902 19.3777 7.55132 18.9297 6.99902 18.9297H3.99902V17.9297C3.99902 16.8057 4.66572 15.7737 5.43202 15.3197C6.15272 15.6237 6.91512 15.8537 7.59312 15.9107C8.14352 15.9577 8.63982 15.5427 8.68652 14.9917C8.73322 14.4417 8.33552 13.9757 7.78522 13.9287C7.34622 13.8917 6.86642 13.7597 6.31152 13.5237C6.17752 13.4667 6.09972 13.4217 5.84282 13.3047C5.59092 13.1897 5.31732 13.1677 5.06152 13.2737ZM12.0615 13.2737C10.2274 14.0307 8.99902 15.8857 8.99902 17.9297V19.9297C8.99902 20.4817 9.44672 20.9297 9.99902 20.9297H20.999C21.5513 20.9297 21.999 20.4817 21.999 19.9297V17.9297C21.999 15.9337 20.7638 14.1237 18.9365 13.3357C18.6793 13.2247 18.3796 13.2217 18.124 13.3357C17.2392 13.7327 16.3772 13.9297 15.499 13.9297C14.6238 13.9297 13.7588 13.7217 12.8428 13.3047C12.5909 13.1897 12.3173 13.1677 12.0615 13.2737ZM12.446 15.3197C13.3908 15.6777 14.5299 15.9297 15.499 15.9297C16.4605 15.9297 17.5525 15.6947 18.4782 15.3527C19.3808 15.8667 19.999 16.8287 19.999 17.9297V18.9297H10.999V17.9297C10.999 16.7647 11.6549 15.7827 12.446 15.3197Z",
3673
- fill: "white",
3674
- fillOpacity: 0.8
3831
+ className: "oui-fill-base-contrast-80"
3675
3832
  }
3676
3833
  )
3677
3834
  }
@@ -3690,8 +3847,7 @@ var PersonIcon = () => {
3690
3847
  "path",
3691
3848
  {
3692
3849
  d: "M11.998 1.95312C9.23665 1.95312 6.99805 4.19172 6.99805 6.95312C6.99805 9.71452 9.23665 11.9531 11.998 11.9531C14.7594 11.9531 16.998 9.71452 16.998 6.95312C16.998 4.19172 14.7594 1.95312 11.998 1.95312ZM11.998 3.95312C13.6549 3.95312 14.998 5.29622 14.998 6.95312C14.998 8.61002 13.6549 9.95312 11.998 9.95312C10.3411 9.95312 8.99805 8.61002 8.99805 6.95312C8.99805 5.29622 10.3411 3.95312 11.998 3.95312ZM8.46685 13.2656C5.85255 13.9801 3.99805 16.2533 3.99805 18.9531V20.9531C3.99805 21.5054 4.44575 21.9531 4.99805 21.9531H18.998C19.5503 21.9531 19.998 21.5054 19.998 20.9531V18.9531C19.998 16.2533 18.1435 13.9801 15.5292 13.2656C15.3051 13.2043 15.0849 13.2326 14.873 13.3281C13.9575 13.7407 12.9829 13.9531 11.998 13.9531C11.0131 13.9531 10.0385 13.7407 9.12305 13.3281C8.91115 13.2326 8.69095 13.2043 8.46685 13.2656ZM8.87305 15.2656C9.88285 15.6475 10.9177 15.9531 11.998 15.9531C13.0783 15.9531 14.1132 15.6475 15.123 15.2656C16.8264 15.7816 17.998 17.2195 17.998 18.9531V19.9531H5.99805V18.9531C5.99805 17.2195 7.16965 15.7816 8.87305 15.2656Z",
3693
- fill: "white",
3694
- fillOpacity: 0.8
3850
+ className: "oui-fill-base-contrast-80"
3695
3851
  }
3696
3852
  )
3697
3853
  }
@@ -3712,7 +3868,7 @@ var SettingFillIcon = React70__default.forwardRef(
3712
3868
  );
3713
3869
  SettingFillIcon.displayName = "SettingFillIcon";
3714
3870
  var TradingLeftNavIcon = (props) => {
3715
- const { width = 24, height = 24, opacity = 0.54, ...rest } = props;
3871
+ const { width = 24, height = 24, ...rest } = props;
3716
3872
  return /* @__PURE__ */ jsx(
3717
3873
  "svg",
3718
3874
  {
@@ -3720,13 +3876,13 @@ var TradingLeftNavIcon = (props) => {
3720
3876
  height: `${height}px`,
3721
3877
  viewBox: "0 0 20 20",
3722
3878
  xmlns: "http://www.w3.org/2000/svg",
3879
+ className: "oui-text-base-contrast-54",
3723
3880
  ...rest,
3724
3881
  children: /* @__PURE__ */ jsx(
3725
3882
  "path",
3726
3883
  {
3727
3884
  d: "M5.426 1.66663C5.24175 1.67715 4.98875 1.75081 4.85308 1.85868C4.80817 1.89464 4.67798 2.0148 4.65323 2.05076L1.02049 7.28121C0.892158 7.44872 0.833496 7.67235 0.833496 7.80916C0.833496 8.18539 1.09108 8.41167 1.09108 8.41167L9.28423 18.0043C9.28973 18.0113 9.58307 18.3393 10.0002 18.3332C10.4172 18.3262 10.7106 18.0113 10.7161 18.0043C10.9718 17.7053 18.9404 8.37835 18.9404 8.37835C18.9404 8.37835 19.1668 8.08015 19.1668 7.80916C19.1668 7.53729 18.9486 7.23472 18.9486 7.23472L15.3571 2.05338C15.3315 2.01742 15.2728 2.0297 15.2426 1.99901C15.2059 1.95691 15.2013 1.89728 15.1564 1.86132C15.0207 1.75345 14.8603 1.74292 14.6981 1.7245C14.6541 1.71836 14.6284 1.67013 14.5835 1.67013H14.4973L5.426 1.66663ZM7.36474 3.42414H12.6356L10.0002 6.43841L7.36474 3.42414ZM5.50299 4.02664L8.05224 6.93216H3.46891L5.50299 4.02664ZM14.4973 4.02664L16.5314 6.93216H11.9481L14.4973 4.02664ZM3.69808 8.68616H9.08349V14.9892L3.69808 8.68616ZM10.9168 8.68616H16.3022C15.0235 10.1806 12.4999 13.1387 10.9168 14.9892V8.68616Z",
3728
- fill: "white",
3729
- fillOpacity: opacity
3885
+ fill: "currentColor"
3730
3886
  }
3731
3887
  )
3732
3888
  }
@@ -3775,24 +3931,21 @@ var LeftNavVaultsIcon = forwardRef(
3775
3931
  "path",
3776
3932
  {
3777
3933
  d: "M20 5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V14C4 14.5523 4.44772 15 5 15H19C19.5523 15 20 14.5523 20 14V5ZM22 14C22 15.6569 20.6569 17 19 17H5C3.34315 17 2 15.6569 2 14V5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V14Z",
3778
- fill: "white",
3779
- fillOpacity: "0.8"
3934
+ className: "oui-fill-base-contrast-80"
3780
3935
  }
3781
3936
  ),
3782
3937
  /* @__PURE__ */ jsx(
3783
3938
  "path",
3784
3939
  {
3785
3940
  d: "M7 20C7 19.4477 7.44772 19 8 19H16C16.5523 19 17 19.4477 17 20C17 20.5523 16.5523 21 16 21H8C7.44772 21 7 20.5523 7 20Z",
3786
- fill: "white",
3787
- fillOpacity: "0.8"
3941
+ className: "oui-fill-base-contrast-80"
3788
3942
  }
3789
3943
  ),
3790
3944
  /* @__PURE__ */ jsx(
3791
3945
  "path",
3792
3946
  {
3793
3947
  d: "M15.2783 6.30759C15.6607 5.90925 16.2939 5.89604 16.6924 6.27829C17.0907 6.66069 17.1039 7.29393 16.7217 7.69235L12.7217 11.8593C12.5331 12.0558 12.2723 12.167 12 12.167C11.7277 12.167 11.4669 12.0558 11.2783 11.8593L10.3994 10.9433L8.72165 12.6924C8.33925 13.0907 7.70601 13.1039 7.30759 12.7217C6.90925 12.3392 6.89604 11.706 7.27829 11.3076L9.67868 8.80759L9.7529 8.73825C9.93282 8.5854 10.1621 8.49997 10.4004 8.49997C10.6725 8.50008 10.9326 8.61129 11.1211 8.80759L11.999 9.72263L15.2783 6.30759Z",
3794
- fill: "white",
3795
- fillOpacity: "0.8"
3948
+ className: "oui-fill-base-contrast-80"
3796
3949
  }
3797
3950
  )
3798
3951
  ]
@@ -3800,9 +3953,6 @@ var LeftNavVaultsIcon = forwardRef(
3800
3953
  );
3801
3954
  }
3802
3955
  );
3803
- if (process.env.NODE_ENV !== "production") {
3804
- LeftNavVaultsIcon.displayName = "LeftNavVaultsIcon";
3805
- }
3806
3956
  var NewsFillIcon = React70__default.forwardRef(
3807
3957
  (props, ref) => {
3808
3958
  const { opacity = 1, ...rest } = props;
@@ -3836,24 +3986,21 @@ var WoofiStakeIcon = (props) => {
3836
3986
  "path",
3837
3987
  {
3838
3988
  d: "M14.4333 15.5449L13.5283 13.3949C13.3283 12.8099 12.8233 12.5149 12.2183 12.5149C11.6133 12.5149 11.1083 12.9049 10.9083 13.3949L9.89825 15.5449L8.38825 10.7549H6.47325L8.69325 17.6949C8.79325 17.9899 8.99325 18.1849 9.29825 18.1849H10.4083C10.7083 18.1849 10.9133 17.9899 11.0133 17.7949L12.1233 15.0599L13.3333 17.7949C13.4333 17.9899 13.6333 18.1849 13.9383 18.1849H14.9483C15.2483 18.1849 15.4532 17.9899 15.5533 17.7949L16.5633 14.4699H14.7483L14.4333 15.5449Z",
3839
- fill: "white",
3840
- fillOpacity: "0.8"
3989
+ className: "oui-fill-base-contrast-80"
3841
3990
  }
3842
3991
  ),
3843
3992
  /* @__PURE__ */ jsx(
3844
3993
  "path",
3845
3994
  {
3846
3995
  d: "M15.9433 10.76L15.0333 13.495H16.9483L17.7583 10.76H15.9433Z",
3847
- fill: "white",
3848
- fillOpacity: "0.8"
3996
+ className: "oui-fill-base-contrast-80"
3849
3997
  }
3850
3998
  ),
3851
3999
  /* @__PURE__ */ jsx(
3852
4000
  "path",
3853
4001
  {
3854
4002
  d: "M1.83325 15.14C1.20325 12.355 2.59325 10.06 3.48825 8.935C4.96325 7.075 7.07825 5.82 8.75325 5.82C11.3283 5.82 13.2983 8.19 14.1833 9.475H16.1533C15.9683 9.13 14.3183 6.2 11.5783 4.84C12.7233 3.945 13.3283 2.58 13.5033 1.34C13.5533 1.005 13.4533 0.665 13.2283 0.405C12.9983 0.15 12.6733 0 12.3283 0H4.69825C4.32325 0 3.97325 0.18 3.74825 0.475C3.52825 0.775 3.45825 1.16 3.56325 1.52C3.76325 2.19 4.39325 3.865 5.79325 4.915C4.47825 5.565 3.19825 6.6 2.17325 7.895C0.298253 10.26 -0.396748 12.995 0.218252 15.59L0.258252 15.71C1.21825 18.095 4.14825 18.48 5.96325 18.48C6.67325 18.48 7.20825 18.42 7.38825 18.395L6.86825 16.765C5.81325 16.85 2.62325 16.94 1.83325 15.14ZM11.7283 1.67C11.4633 2.63 10.6983 4.145 8.55825 4.145C6.75825 4.145 5.82825 2.71 5.39325 1.67H11.7283Z",
3855
- fill: "white",
3856
- fillOpacity: "0.8"
4003
+ className: "oui-fill-base-contrast-80"
3857
4004
  }
3858
4005
  )
3859
4006
  ] });
@@ -3866,24 +4013,21 @@ var EarnIcon = (props) => {
3866
4013
  fillRule: "evenodd",
3867
4014
  clipRule: "evenodd",
3868
4015
  d: "M10 19C13.866 19 17 15.866 17 12C17 8.13401 13.866 5 10 5C6.13401 5 3 8.13401 3 12C3 15.866 6.13401 19 10 19ZM10 21C14.9706 21 19 16.9706 19 12C19 7.02944 14.9706 3 10 3C5.02944 3 1 7.02944 1 12C1 16.9706 5.02944 21 10 21Z",
3869
- fill: "white",
3870
- fillOpacity: "0.8"
4016
+ className: "oui-fill-base-contrast-80"
3871
4017
  }
3872
4018
  ),
3873
4019
  /* @__PURE__ */ jsx(
3874
4020
  "path",
3875
4021
  {
3876
4022
  d: "M10 7C10.5523 7 11 7.44772 11 8H12C12.5523 8 13 8.44772 13 9C13 9.55228 12.5523 10 12 10H9V11H12C12.5523 11 13 11.4477 13 12V15C13 15.5523 12.5523 16 12 16H11C11 16.5523 10.5523 17 10 17C9.44772 17 9 16.5523 9 16H8C7.44772 16 7 15.5523 7 15C7 14.4477 7.44772 14 8 14H11V13H8C7.44772 13 7 12.5523 7 12V9C7 8.44772 7.44772 8 8 8H9C9 7.44772 9.44772 7 10 7Z",
3877
- fill: "white",
3878
- fillOpacity: "0.8"
4023
+ className: "oui-fill-base-contrast-80"
3879
4024
  }
3880
4025
  ),
3881
4026
  /* @__PURE__ */ jsx(
3882
4027
  "path",
3883
4028
  {
3884
4029
  d: "M15.6203 3.72962C15.3518 3.54661 15.4854 3.11807 15.8039 3.18284C19.9099 4.01795 22.9999 7.64751 22.9999 12.0002C22.9998 16.3529 19.9099 19.9825 15.8039 20.8176C15.4854 20.8824 15.3518 20.4538 15.6203 20.2708C16.6993 19.5353 17.6263 18.5936 18.3466 17.5031C18.3641 17.4767 18.3855 17.4531 18.4101 17.4331C19.9893 16.1497 20.9998 14.1938 20.9999 12.0002C20.9999 9.80647 19.9896 7.84985 18.4101 6.56641C18.3855 6.54643 18.3641 6.52284 18.3466 6.49641C17.6263 5.40614 16.6993 4.46488 15.6203 3.72962Z",
3885
- fill: "white",
3886
- fillOpacity: "0.8"
4030
+ className: "oui-fill-base-contrast-80"
3887
4031
  }
3888
4032
  )
3889
4033
  ] });
@@ -3893,8 +4037,7 @@ var ReferralSolidIcon = (props) => {
3893
4037
  "path",
3894
4038
  {
3895
4039
  d: "M14.7002 3C16.6882 3.00011 18.2996 4.61163 18.2998 6.59961V7.91797L19.3965 8.64941C20.3979 9.317 20.9998 10.441 21 11.6445V17.4004C20.9998 19.3883 19.3883 20.9998 17.4004 21H6.59961C4.6117 20.9998 3.00021 19.3883 3 17.4004V11.6445C3.00016 10.441 3.60213 9.317 4.60352 8.64941L5.7002 7.91797V6.59961C5.7004 4.61163 7.3118 3.00011 9.2998 3H14.7002ZM13.1055 17.6807C12.4555 18.1862 11.5445 18.1862 10.8945 17.6807L4.7998 12.9395V17.4004C4.80001 18.3942 5.60581 19.2 6.59961 19.2002H17.4004C18.3942 19.2 19.2 18.3942 19.2002 17.4004V12.9395L13.1055 17.6807ZM9.2998 4.7998C8.30591 4.79991 7.50021 5.60574 7.5 6.59961V12.7598L12 16.2598L16.5 12.7598V6.59961C16.4998 5.60574 15.6941 4.79991 14.7002 4.7998H9.2998ZM12.1553 7.9541C12.7383 7.34613 13.6825 7.34927 14.2627 7.96094C14.846 8.57618 14.8462 9.57015 14.2627 10.1846L12.2412 12.3447L12.2363 12.3486C12.1031 12.4849 11.8896 12.4835 11.7588 12.3447L9.7373 10.1846C9.15379 9.56947 9.15402 8.5755 9.7373 7.96094L9.74316 7.95508C10.3262 7.34618 11.2703 7.34919 11.8506 7.96094L11.999 8.11816L12.1484 7.96094L12.1553 7.9541ZM5.60156 10.1475C5.34425 10.319 5.13998 10.5509 5.00195 10.8174L5.7002 11.3594V10.0811L5.60156 10.1475ZM18.2998 11.3594L18.9971 10.8174C18.859 10.551 18.6556 10.3189 18.3984 10.1475L18.2998 10.0811V11.3594Z",
3896
- fill: "white",
3897
- fillOpacity: "0.8"
4040
+ className: "oui-fill-base-contrast-80"
3898
4041
  }
3899
4042
  ) });
3900
4043
  };
@@ -4620,7 +4763,7 @@ var inputVariants = tv(
4620
4763
  "placeholder:oui-text-base-contrast-20",
4621
4764
  "placeholder:oui-text-xs",
4622
4765
  "oui-tabular-nums",
4623
- "oui-text-white",
4766
+ "oui-text-base-contrast",
4624
4767
  "autofill:oui-bg-transparent",
4625
4768
  "oui-input-input",
4626
4769
  "disabled:oui-cursor-not-allowed",
@@ -4690,7 +4833,10 @@ var inputVariants = tv(
4690
4833
  input: ["oui-text-danger"]
4691
4834
  },
4692
4835
  warning: {
4693
- box: ["oui-outline-warning-darken", "focus-within:oui-outline-warning-darken"],
4836
+ box: [
4837
+ "oui-outline-warning-darken",
4838
+ "focus-within:oui-outline-warning-darken"
4839
+ ],
4694
4840
  input: ["oui-text-warning-darken"]
4695
4841
  },
4696
4842
  default: {
@@ -4790,7 +4936,11 @@ var Input = React70__default.forwardRef((props, ref) => {
4790
4936
  id: id || cid,
4791
4937
  prefix,
4792
4938
  className: additional({
4793
- className: cnBase(classNames?.additional, classNames?.prefix)
4939
+ className: cnBase(
4940
+ "oui-input-prefix",
4941
+ classNames?.additional,
4942
+ classNames?.prefix
4943
+ )
4794
4944
  })
4795
4945
  }
4796
4946
  ),
@@ -4810,7 +4960,11 @@ var Input = React70__default.forwardRef((props, ref) => {
4810
4960
  id: id || cid,
4811
4961
  suffix: suffixElement,
4812
4962
  className: additional({
4813
- className: cnBase(classNames?.additional, classNames?.suffix)
4963
+ className: cnBase(
4964
+ "oui-input-suffix",
4965
+ classNames?.additional,
4966
+ classNames?.suffix
4967
+ )
4814
4968
  })
4815
4969
  }
4816
4970
  )
@@ -4825,23 +4979,17 @@ var ClearButton = React70__default.forwardRef((props, ref) => {
4825
4979
  props.onClick();
4826
4980
  },
4827
4981
  ref,
4828
- className: props.className,
4982
+ className: cnBase("oui-input-clear-btn", props.className),
4829
4983
  children: /* @__PURE__ */ jsx(
4830
4984
  "svg",
4831
4985
  {
4832
4986
  width: "16",
4833
4987
  height: "16",
4834
4988
  viewBox: "0 0 16 16",
4835
- fill: "none",
4989
+ fill: "currentColor",
4836
4990
  xmlns: "http://www.w3.org/2000/svg",
4837
- children: /* @__PURE__ */ jsx(
4838
- "path",
4839
- {
4840
- d: "M8 1.302a6.667 6.667 0 1 0 0 13.333A6.667 6.667 0 0 0 8 1.302m-2 4c.17 0 .349.057.479.187l1.52 1.521L9.52 5.49a.68.68 0 0 1 .48-.188c.17 0 .348.057.479.187.26.261.26.698 0 .96l-1.52 1.52 1.52 1.52c.26.261.26.698 0 .96a.687.687 0 0 1-.959 0L8 8.926l-1.521 1.521a.686.686 0 0 1-.959 0 .686.686 0 0 1 0-.959l1.521-1.52-1.52-1.52a.686.686 0 0 1 0-.96A.68.68 0 0 1 6 5.302",
4841
- fill: "#fff",
4842
- fillOpacity: ".2"
4843
- }
4844
- )
4991
+ className: "oui-fill-base-contrast-20",
4992
+ children: /* @__PURE__ */ jsx("path", { d: "M8 1.302a6.667 6.667 0 1 0 0 13.333A6.667 6.667 0 0 0 8 1.302m-2 4c.17 0 .349.057.479.187l1.52 1.521L9.52 5.49a.68.68 0 0 1 .48-.188c.17 0 .348.057.479.187.26.261.26.698 0 .96l-1.52 1.52 1.52 1.52c.26.261.26.698 0 .96a.687.687 0 0 1-.959 0L8 8.926l-1.521 1.521a.686.686 0 0 1-.959 0 .686.686 0 0 1 0-.959l1.521-1.52-1.52-1.52a.686.686 0 0 1 0-.96A.68.68 0 0 1 6 5.302" })
4845
4993
  }
4846
4994
  )
4847
4995
  }
@@ -4851,6 +4999,7 @@ ClearButton.displayName = "ClearButton";
4851
4999
  Input.displayName = "Input";
4852
5000
  var popoverVariants = tv({
4853
5001
  base: [
5002
+ "oui-popover-content",
4854
5003
  "oui-z-50",
4855
5004
  "oui-w-72",
4856
5005
  "oui-rounded-md",
@@ -5950,7 +6099,7 @@ var checkboxVariants = tv$1({
5950
6099
  variants: {
5951
6100
  color: {
5952
6101
  primary: "oui-border-primary data-[state=checked]:oui-text-base-contrast",
5953
- white: "oui-border-base-contrast-54 "
6102
+ white: "oui-border-base-contrast-54"
5954
6103
  // data-[state=checked]:oui-bg-white/80 data-[state=checked]:oui-text-[rgba(0,0,0,0.88)]
5955
6104
  },
5956
6105
  variant: {
@@ -5988,7 +6137,7 @@ var Checkbox = React70.forwardRef(({ className, color = "white", variant = "chec
5988
6137
  CheckboxIcon,
5989
6138
  {
5990
6139
  className: cnBase(
5991
- color === "primary" ? "oui-text-primary" : "oui-text-white"
6140
+ color === "primary" ? "oui-text-primary" : "oui-text-base-contrast"
5992
6141
  )
5993
6142
  }
5994
6143
  ) : /* @__PURE__ */ jsx(
@@ -6029,6 +6178,7 @@ var CheckboxIcon = (props) => /* @__PURE__ */ jsx(
6029
6178
  var switchVariants = tv$1({
6030
6179
  slots: {
6031
6180
  root: [
6181
+ "oui-switch",
6032
6182
  "peer",
6033
6183
  "oui-inline-flex",
6034
6184
  "oui-h-[16px]",
@@ -6057,8 +6207,9 @@ var switchVariants = tv$1({
6057
6207
  "oui-h-[10px]",
6058
6208
  "oui-w-[10px]",
6059
6209
  "oui-rounded-full",
6060
- // "oui-bg-white/80",
6061
- "oui-bg-primary-contrast",
6210
+ // hardcode white display better than primary-contrast, because primary-contrast is too dark in light mode
6211
+ "oui-bg-white",
6212
+ // "oui-bg-primary-contrast",
6062
6213
  "oui-shadow-lg",
6063
6214
  "oui-ring-0",
6064
6215
  "oui-transition-transform",
@@ -6325,135 +6476,329 @@ function useSort(props) {
6325
6476
  }, [sorting, onSort]);
6326
6477
  return [sorting, setSorting];
6327
6478
  }
6328
- function useWrap(deps) {
6329
- const wrapRef = useRef(null);
6330
- useEffect(() => {
6331
- if (!wrapRef.current) return;
6332
- const bgColor = window.getComputedStyle(wrapRef.current).backgroundColor;
6333
- wrapRef.current.style.setProperty("--oui-table-background-color", bgColor);
6334
- }, deps);
6335
- return wrapRef;
6336
- }
6337
- var alignVariants = tv$1({
6338
- variants: {
6339
- align: {
6340
- left: "oui-text-left",
6341
- center: "oui-text-center",
6342
- right: "oui-text-right"
6479
+ function useMediaQuery(query) {
6480
+ const getMatches = (query2) => {
6481
+ if (typeof window !== "undefined") {
6482
+ return window.matchMedia(query2).matches;
6343
6483
  }
6344
- },
6345
- defaultVariants: {
6346
- align: "left"
6347
- }
6348
- });
6349
- var TableCell = (props) => {
6350
- const { cell } = props;
6351
- const { original: record, index } = cell.row;
6352
- const { formatter, render, rule, textProps, numeralProps } = cell.column.columnDef.meta || {};
6353
- let value = cell.getValue();
6354
- if (typeof formatter === "function") {
6355
- value = formatter(value, record, index);
6356
- }
6357
- if (typeof render === "function") {
6358
- return render(value, record, index, cell);
6484
+ return false;
6485
+ };
6486
+ const [matches, setMatches] = useState(getMatches(query));
6487
+ function handleChange() {
6488
+ setMatches(getMatches(query));
6359
6489
  }
6360
- if (typeof rule !== "undefined") {
6361
- if (isTextRule(rule)) {
6362
- const _textProps = typeof textProps === "function" ? textProps(value, record, index) : textProps;
6363
- return /* @__PURE__ */ jsx(FormattedText, { rule, ..._textProps, children: value });
6364
- }
6365
- if (isNumeralRule(rule)) {
6366
- const _numeralProps = typeof numeralProps === "function" ? numeralProps(value, record, index) : numeralProps;
6367
- return /* @__PURE__ */ jsx(Numeral, { rule, ..._numeralProps, children: value });
6490
+ useEffect(() => {
6491
+ const matchMedia = window?.matchMedia(query);
6492
+ handleChange();
6493
+ if (matchMedia?.addListener) {
6494
+ matchMedia?.addListener(handleChange);
6495
+ } else {
6496
+ matchMedia?.addEventListener?.("change", handleChange);
6368
6497
  }
6369
- }
6370
- return flexRender(cell.column.columnDef.cell, cell.getContext());
6371
- };
6372
- function getColumnPinningProps(column, isHeader) {
6373
- const isPinned = column.getIsPinned();
6374
- const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
6375
- const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
6376
- const style = {
6377
- left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
6378
- right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
6379
- width: column.getSize()
6380
- };
6381
- const contentCls = cnBase(
6382
- isPinned ? "oui-sticky" : "oui-relative",
6383
- isPinned ? "oui-z-[1]" : "oui-z-0",
6384
- isPinned && "oui-bg-[var(--oui-table-background-color)]"
6385
- );
6386
- const shadowCls = cnBase(
6387
- "before:oui-block before:oui-absolute",
6388
- "before:oui-w-[32px] before:oui-h-full",
6389
- "before:oui-top-0 before:oui-z-[-1]",
6390
- "before:oui-bg-[linear-gradient(90deg,rgba(var(--oui-color-base-10)_/_0.80)_0%,rgba(var(--oui-color-base-10)_/_0.36)_65%,rgba(var(--oui-color-base-10)_/_0.00)_100%)]"
6391
- );
6392
- const leftShadow = isLastLeftPinnedColumn && cnBase(shadowCls, "before:oui-right-[-32px]");
6393
- const rightShadow = isFirstRightPinnedColumn && cnBase(shadowCls, "before:oui-left-[-32px] before:oui-rotate-180");
6498
+ return () => {
6499
+ if (matchMedia?.removeListener) {
6500
+ matchMedia?.removeListener(handleChange);
6501
+ } else {
6502
+ matchMedia?.removeEventListener?.("change", handleChange);
6503
+ }
6504
+ };
6505
+ }, [query]);
6506
+ return matches;
6507
+ }
6508
+
6509
+ // src/hooks/useScreen.ts
6510
+ function useScreen() {
6511
+ const isMobile = useMediaQuery("(max-width: 768px)");
6394
6512
  return {
6395
- style,
6396
- classNames: {
6397
- content: contentCls,
6398
- leftShadow,
6399
- rightShadow
6400
- }
6513
+ isMobile,
6514
+ isDesktop: !isMobile
6401
6515
  };
6402
6516
  }
6403
- var TableBody = (props) => {
6404
- return /* @__PURE__ */ jsx(
6405
- "tbody",
6406
- {
6407
- className: cnBase(
6408
- "oui-table-tbody oui-relative",
6409
- "oui-text-base-contrast-80",
6410
- props.className
6411
- ),
6412
- "data-testid": props.testId,
6413
- children: props.rows.map((row) => {
6414
- const { className, onClick, ...rest } = typeof props.onRow === "function" ? props.onRow(row.original, row.index, row) || {} : {};
6415
- const expandView = row.getIsExpanded() && /* @__PURE__ */ jsx("tr", { className: "oui-table-expand-tr oui-z-0 [&>td:first-child]:oui-pl-3 [&>td:last-child]:oui-pr-3", children: /* @__PURE__ */ jsx(
6416
- "td",
6417
- {
6418
- className: "oui-table-expand-td",
6419
- colSpan: row.getVisibleCells().length,
6420
- children: props.expandRowRender?.(row, row.index)
6421
- }
6422
- ) });
6423
- const rowView = /* @__PURE__ */ jsxs(Fragment$1, { children: [
6424
- /* @__PURE__ */ jsx(
6425
- "tr",
6426
- {
6427
- className: cnBase(
6428
- "oui-table-tbody-tr oui-group oui-h-10",
6429
- "[&>td:first-child]:oui-pl-3 [&>td:last-child]:oui-pr-3",
6430
- typeof onClick === "function" && "oui-cursor-pointer",
6431
- props.bordered && "oui-border-b oui-border-b-line-4",
6432
- className
6433
- ),
6434
- onClick,
6435
- ...rest,
6436
- children: row.getVisibleCells().map((cell) => {
6437
- const column = cell.column;
6438
- const { style: pinStyle, classNames: pinClassNames } = getColumnPinningProps(column);
6439
- const { align, className: rowClassName } = column.columnDef.meta || {};
6440
- const {
6441
- style: cellStyle,
6442
- className: cellClassName,
6443
- children,
6444
- ...rest2
6445
- } = typeof props.onCell === "function" ? props.onCell(cell.column, row.original, row.index, cell) || {} : {};
6446
- const cellView = children !== void 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
6447
- /* @__PURE__ */ jsx(TableCell, { cell }),
6448
- /* @__PURE__ */ jsx(
6449
- CellHover,
6450
- {
6451
- selected: row.getIsSelected(),
6452
- isFirst: column.getIsFirstColumn(),
6453
- isLast: column.getIsLastColumn()
6454
- }
6455
- )
6456
- ] });
6517
+ function useObserverElement(element, callback) {
6518
+ useEffect(() => {
6519
+ if (!element) {
6520
+ return;
6521
+ }
6522
+ const resizeObserver = new ResizeObserver((entries) => {
6523
+ for (const entry of entries) {
6524
+ callback(entry);
6525
+ }
6526
+ });
6527
+ resizeObserver.observe(element);
6528
+ return () => {
6529
+ resizeObserver.unobserve(element);
6530
+ };
6531
+ }, [element]);
6532
+ }
6533
+ function useLongPress(callback, longPressTime = 600) {
6534
+ const timeoutRef = useRef(null);
6535
+ const targetRef = useRef(null);
6536
+ const startPositionRef = useRef(null);
6537
+ const isLongPressTriggeredRef = useRef(false);
6538
+ const clearLongPress = useCallback(() => {
6539
+ if (timeoutRef.current) {
6540
+ clearTimeout(timeoutRef.current);
6541
+ timeoutRef.current = null;
6542
+ }
6543
+ targetRef.current = null;
6544
+ startPositionRef.current = null;
6545
+ isLongPressTriggeredRef.current = false;
6546
+ }, []);
6547
+ const startLongPress = useCallback(
6548
+ (e) => {
6549
+ clearLongPress();
6550
+ if ("touches" in e) {
6551
+ e.preventDefault();
6552
+ }
6553
+ targetRef.current = e.currentTarget;
6554
+ const clientX = "touches" in e ? e.touches[0]?.clientX : e.clientX;
6555
+ const clientY = "touches" in e ? e.touches[0]?.clientY : e.clientY;
6556
+ startPositionRef.current = { x: clientX, y: clientY };
6557
+ isLongPressTriggeredRef.current = false;
6558
+ timeoutRef.current = setTimeout(() => {
6559
+ if (targetRef.current && startPositionRef.current) {
6560
+ isLongPressTriggeredRef.current = true;
6561
+ callback();
6562
+ }
6563
+ clearLongPress();
6564
+ }, longPressTime);
6565
+ },
6566
+ [callback, longPressTime, clearLongPress]
6567
+ );
6568
+ const handleMouseDown = useCallback(
6569
+ (e) => {
6570
+ if (e.button !== 0) return;
6571
+ startLongPress(e);
6572
+ },
6573
+ [startLongPress]
6574
+ );
6575
+ const handleMouseUp = useCallback(() => {
6576
+ clearLongPress();
6577
+ }, [clearLongPress]);
6578
+ const handleMouseMove = useCallback(
6579
+ (e) => {
6580
+ if (isLongPressTriggeredRef.current) return;
6581
+ if (startPositionRef.current) {
6582
+ const deltaX = Math.abs(e.clientX - startPositionRef.current.x);
6583
+ const deltaY = Math.abs(e.clientY - startPositionRef.current.y);
6584
+ const threshold = 5;
6585
+ if (deltaX > threshold || deltaY > threshold) {
6586
+ clearLongPress();
6587
+ }
6588
+ }
6589
+ },
6590
+ [clearLongPress]
6591
+ );
6592
+ const handleMouseLeave = useCallback(() => {
6593
+ clearLongPress();
6594
+ }, [clearLongPress]);
6595
+ const handleContextMenu = useCallback((e) => {
6596
+ if (timeoutRef.current || isLongPressTriggeredRef.current) {
6597
+ e.preventDefault();
6598
+ e.stopPropagation();
6599
+ }
6600
+ }, []);
6601
+ const handleTouchStart = useCallback(
6602
+ (e) => {
6603
+ startLongPress(e);
6604
+ },
6605
+ [startLongPress]
6606
+ );
6607
+ const handleTouchEnd = useCallback(() => {
6608
+ clearLongPress();
6609
+ }, [clearLongPress]);
6610
+ const handleTouchMove = useCallback(
6611
+ (e) => {
6612
+ if (timeoutRef.current) {
6613
+ e.preventDefault();
6614
+ }
6615
+ if (isLongPressTriggeredRef.current) return;
6616
+ if (startPositionRef.current && e.touches[0]) {
6617
+ const deltaX = Math.abs(
6618
+ e.touches[0].clientX - startPositionRef.current.x
6619
+ );
6620
+ const deltaY = Math.abs(
6621
+ e.touches[0].clientY - startPositionRef.current.y
6622
+ );
6623
+ const threshold = 5;
6624
+ if (deltaX > threshold || deltaY > threshold) {
6625
+ clearLongPress();
6626
+ }
6627
+ }
6628
+ },
6629
+ [clearLongPress]
6630
+ );
6631
+ const handleTouchCancel = useCallback(() => {
6632
+ clearLongPress();
6633
+ }, [clearLongPress]);
6634
+ return {
6635
+ onMouseDown: handleMouseDown,
6636
+ onMouseUp: handleMouseUp,
6637
+ onMouseMove: handleMouseMove,
6638
+ onMouseLeave: handleMouseLeave,
6639
+ onContextMenu: handleContextMenu,
6640
+ onTouchStart: handleTouchStart,
6641
+ onTouchEnd: handleTouchEnd,
6642
+ onTouchMove: handleTouchMove,
6643
+ onTouchCancel: handleTouchCancel
6644
+ };
6645
+ }
6646
+ var useThemeAttribute = () => {
6647
+ const [themeAttribute, setThemeAttribute] = useState("");
6648
+ useEffect(() => {
6649
+ setThemeAttribute(
6650
+ document.documentElement.getAttribute("data-oui-theme") ?? ""
6651
+ );
6652
+ const observer = new MutationObserver((mutations) => {
6653
+ for (const mutation of mutations) {
6654
+ if (mutation.type === "attributes" && mutation.attributeName === "data-oui-theme") {
6655
+ setThemeAttribute(
6656
+ document.documentElement.getAttribute("data-oui-theme") ?? ""
6657
+ );
6658
+ break;
6659
+ }
6660
+ }
6661
+ });
6662
+ observer.observe(document.documentElement, {
6663
+ attributes: true,
6664
+ attributeFilter: ["data-oui-theme"]
6665
+ });
6666
+ return () => observer?.disconnect();
6667
+ }, []);
6668
+ return themeAttribute;
6669
+ };
6670
+
6671
+ // src/table/hooks/useWrap.ts
6672
+ function useWrap(deps) {
6673
+ const wrapRef = useRef(null);
6674
+ const themeAttribute = useThemeAttribute();
6675
+ useEffect(() => {
6676
+ if (!wrapRef.current) return;
6677
+ const bgColor = window.getComputedStyle(wrapRef.current).backgroundColor;
6678
+ wrapRef.current.style.setProperty("--oui-table-background-color", bgColor);
6679
+ }, [...deps, themeAttribute]);
6680
+ return wrapRef;
6681
+ }
6682
+ var alignVariants = tv$1({
6683
+ variants: {
6684
+ align: {
6685
+ left: "oui-text-left",
6686
+ center: "oui-text-center",
6687
+ right: "oui-text-right"
6688
+ }
6689
+ },
6690
+ defaultVariants: {
6691
+ align: "left"
6692
+ }
6693
+ });
6694
+ var TableCell = (props) => {
6695
+ const { cell } = props;
6696
+ const { original: record, index } = cell.row;
6697
+ const { formatter, render, rule, textProps, numeralProps } = cell.column.columnDef.meta || {};
6698
+ let value = cell.getValue();
6699
+ if (typeof formatter === "function") {
6700
+ value = formatter(value, record, index);
6701
+ }
6702
+ if (typeof render === "function") {
6703
+ return render(value, record, index, cell);
6704
+ }
6705
+ if (typeof rule !== "undefined") {
6706
+ if (isTextRule(rule)) {
6707
+ const _textProps = typeof textProps === "function" ? textProps(value, record, index) : textProps;
6708
+ return /* @__PURE__ */ jsx(FormattedText, { rule, ..._textProps, children: value });
6709
+ }
6710
+ if (isNumeralRule(rule)) {
6711
+ const _numeralProps = typeof numeralProps === "function" ? numeralProps(value, record, index) : numeralProps;
6712
+ return /* @__PURE__ */ jsx(Numeral, { rule, ..._numeralProps, children: value });
6713
+ }
6714
+ }
6715
+ return flexRender(cell.column.columnDef.cell, cell.getContext());
6716
+ };
6717
+ function getColumnPinningProps(column, isHeader) {
6718
+ const isPinned = column.getIsPinned();
6719
+ const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
6720
+ const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
6721
+ const style = {
6722
+ left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
6723
+ right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
6724
+ width: column.getSize()
6725
+ };
6726
+ const contentCls = cnBase(
6727
+ isPinned ? "oui-sticky" : "oui-relative",
6728
+ isPinned ? "oui-z-[1]" : "oui-z-0",
6729
+ isPinned && "oui-bg-[var(--oui-table-background-color)]"
6730
+ );
6731
+ const shadowCls = cnBase(
6732
+ "before:oui-block before:oui-absolute",
6733
+ "before:oui-w-[32px] before:oui-h-full",
6734
+ "before:oui-top-0 before:oui-z-[-1]",
6735
+ "before:oui-bg-[linear-gradient(90deg,rgba(var(--oui-color-base-10)_/_0.80)_0%,rgba(var(--oui-color-base-10)_/_0.36)_65%,rgba(var(--oui-color-base-10)_/_0.00)_100%)]"
6736
+ );
6737
+ const leftShadow = isLastLeftPinnedColumn && cnBase(shadowCls, "before:oui-right-[-32px]");
6738
+ const rightShadow = isFirstRightPinnedColumn && cnBase(shadowCls, "before:oui-left-[-32px] before:oui-rotate-180");
6739
+ return {
6740
+ style,
6741
+ classNames: {
6742
+ content: contentCls,
6743
+ leftShadow,
6744
+ rightShadow
6745
+ }
6746
+ };
6747
+ }
6748
+ var TableBody = (props) => {
6749
+ return /* @__PURE__ */ jsx(
6750
+ "tbody",
6751
+ {
6752
+ className: cnBase(
6753
+ "oui-table-tbody oui-relative",
6754
+ "oui-text-base-contrast-80",
6755
+ props.className
6756
+ ),
6757
+ "data-testid": props.testId,
6758
+ children: props.rows.map((row) => {
6759
+ const { className, onClick, ...rest } = typeof props.onRow === "function" ? props.onRow(row.original, row.index, row) || {} : {};
6760
+ const expandView = row.getIsExpanded() && /* @__PURE__ */ jsx("tr", { className: "oui-table-expand-tr oui-z-0 [&>td:first-child]:oui-pl-3 [&>td:last-child]:oui-pr-3", children: /* @__PURE__ */ jsx(
6761
+ "td",
6762
+ {
6763
+ className: "oui-table-expand-td",
6764
+ colSpan: row.getVisibleCells().length,
6765
+ children: props.expandRowRender?.(row, row.index)
6766
+ }
6767
+ ) });
6768
+ const rowView = /* @__PURE__ */ jsxs(Fragment$1, { children: [
6769
+ /* @__PURE__ */ jsx(
6770
+ "tr",
6771
+ {
6772
+ className: cnBase(
6773
+ "oui-table-tbody-tr oui-group oui-h-10",
6774
+ "[&>td:first-child]:oui-pl-3 [&>td:last-child]:oui-pr-3",
6775
+ typeof onClick === "function" && "oui-cursor-pointer",
6776
+ props.bordered && "oui-border-b oui-border-b-line-4",
6777
+ className
6778
+ ),
6779
+ onClick,
6780
+ ...rest,
6781
+ children: row.getVisibleCells().map((cell) => {
6782
+ const column = cell.column;
6783
+ const { style: pinStyle, classNames: pinClassNames } = getColumnPinningProps(column);
6784
+ const { align, className: rowClassName } = column.columnDef.meta || {};
6785
+ const {
6786
+ style: cellStyle,
6787
+ className: cellClassName,
6788
+ children,
6789
+ ...rest2
6790
+ } = typeof props.onCell === "function" ? props.onCell(cell.column, row.original, row.index, cell) || {} : {};
6791
+ const cellView = children !== void 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
6792
+ /* @__PURE__ */ jsx(TableCell, { cell }),
6793
+ /* @__PURE__ */ jsx(
6794
+ CellHover,
6795
+ {
6796
+ selected: row.getIsSelected(),
6797
+ isFirst: column.getIsFirstColumn(),
6798
+ isLast: column.getIsLastColumn()
6799
+ }
6800
+ )
6801
+ ] });
6457
6802
  return /* @__PURE__ */ jsx(
6458
6803
  "td",
6459
6804
  {
@@ -6520,9 +6865,8 @@ var SortingIcon2 = () => {
6520
6865
  return /* @__PURE__ */ jsx(BaseSortIcon, { children: /* @__PURE__ */ jsx(
6521
6866
  "path",
6522
6867
  {
6523
- d: "M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042m0 7.916a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958",
6524
- fill: "#fff",
6525
- fillOpacity: ".2"
6868
+ className: "oui-fill-base-contrast-20",
6869
+ d: "M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042m0 7.916a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958"
6526
6870
  }
6527
6871
  ) });
6528
6872
  };
@@ -6531,17 +6875,15 @@ var AscendingIcon = () => {
6531
6875
  /* @__PURE__ */ jsx(
6532
6876
  "path",
6533
6877
  {
6534
- d: "M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042",
6535
- fill: "#fff",
6536
- fillOpacity: ".8"
6878
+ className: "oui-fill-base-contrast-80",
6879
+ d: "M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042"
6537
6880
  }
6538
6881
  ),
6539
6882
  /* @__PURE__ */ jsx(
6540
6883
  "path",
6541
6884
  {
6542
- d: "M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958",
6543
- fill: "#fff",
6544
- fillOpacity: ".2"
6885
+ className: "oui-fill-base-contrast-20",
6886
+ d: "M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958"
6545
6887
  }
6546
6888
  )
6547
6889
  ] });
@@ -6551,17 +6893,15 @@ var DescendingIcon = () => {
6551
6893
  /* @__PURE__ */ jsx(
6552
6894
  "path",
6553
6895
  {
6554
- d: "M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042",
6555
- fill: "#fff",
6556
- fillOpacity: ".2"
6896
+ className: "oui-fill-base-contrast-20",
6897
+ d: "M5 1.042a.47.47 0 0 0-.338.135L2.166 3.844c-.206.22-.005.531.338.531h4.992c.342 0 .543-.311.337-.531L5.338 1.177A.47.47 0 0 0 5 1.042"
6557
6898
  }
6558
6899
  ),
6559
6900
  /* @__PURE__ */ jsx(
6560
6901
  "path",
6561
6902
  {
6562
- d: "M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958",
6563
- fill: "#fff",
6564
- fillOpacity: ".8"
6903
+ className: "oui-fill-base-contrast-80",
6904
+ d: "M5 8.958a.47.47 0 0 1-.338-.135L2.166 6.156c-.206-.22-.005-.531.338-.531h4.992c.342 0 .543.311.337.531L5.338 8.823A.47.47 0 0 1 5 8.958"
6565
6905
  }
6566
6906
  )
6567
6907
  ] });
@@ -7016,44 +7356,44 @@ var OrderlyExtensionRegistry = class _OrderlyExtensionRegistry {
7016
7356
  }
7017
7357
  extensionMap = /* @__PURE__ */ new Map();
7018
7358
  // private formatterMap: Map<string, Function> = new Map();
7019
- register(plugin) {
7020
- if (!plugin.builder) ;
7021
- for (let index = 0; index < plugin.positions.length; index++) {
7022
- if (typeof plugin.builder !== "function") {
7023
- const builder = this.extensionMap.get(plugin.positions[index])?.builder;
7024
- plugin.builder = typeof builder === "undefined" ? (
7359
+ register(plugin3) {
7360
+ if (!plugin3.builder) ;
7361
+ for (let index = 0; index < plugin3.positions.length; index++) {
7362
+ if (typeof plugin3.builder !== "function") {
7363
+ const builder = this.extensionMap.get(plugin3.positions[index])?.builder;
7364
+ plugin3.builder = typeof builder === "undefined" ? (
7025
7365
  // ? DEFAULT_BUILDER
7026
7366
  void 0
7027
7367
  ) : builder;
7028
7368
  }
7029
- const pos = plugin.positions[index];
7030
- this.registerToPosition(pos, plugin);
7369
+ const pos = plugin3.positions[index];
7370
+ this.registerToPosition(pos, plugin3);
7031
7371
  }
7032
7372
  }
7033
- registerToPosition(position, plugin) {
7373
+ registerToPosition(position, plugin3) {
7034
7374
  if (this.extensionMap.has(position)) {
7035
7375
  const existingPlugin = this.extensionMap.get(position);
7036
7376
  if (!existingPlugin?.__isInternal) {
7037
- if (!existingPlugin?.builder && plugin.__isInternal) {
7038
- this.setBuilder(position, plugin.builder);
7377
+ if (!existingPlugin?.builder && plugin3.__isInternal) {
7378
+ this.setBuilder(position, plugin3.builder);
7039
7379
  }
7040
7380
  return;
7041
7381
  }
7042
- if (!plugin.builder) {
7043
- plugin.builder = existingPlugin.builder;
7382
+ if (!plugin3.builder) {
7383
+ plugin3.builder = existingPlugin.builder;
7044
7384
  }
7045
7385
  }
7046
- this.extensionMap.set(position, plugin);
7386
+ this.extensionMap.set(position, plugin3);
7047
7387
  }
7048
7388
  setBuilder(position, builder) {
7049
- const plugin = this.extensionMap.get(position);
7050
- if (plugin) {
7051
- plugin.builder = builder;
7389
+ const plugin3 = this.extensionMap.get(position);
7390
+ if (plugin3) {
7391
+ plugin3.builder = builder;
7052
7392
  }
7053
7393
  }
7054
- unregister(plugin) {
7055
- for (let index = 0; index < plugin.positions.length; index++) {
7056
- const pos = plugin.positions[index];
7394
+ unregister(plugin3) {
7395
+ for (let index = 0; index < plugin3.positions.length; index++) {
7396
+ const pos = plugin3.positions[index];
7057
7397
  this.unregisterFromPosition(pos);
7058
7398
  }
7059
7399
  }
@@ -7100,9 +7440,9 @@ var NotFound = (props) => {
7100
7440
  // src/plugin/useBuilder.ts
7101
7441
  var useBuilder = (position, props) => {
7102
7442
  const registry = OrderlyExtensionRegistry.getInstance();
7103
- const plugin = registry.getPluginsByPosition(position);
7443
+ const plugin3 = registry.getPluginsByPosition(position);
7104
7444
  return () => {
7105
- return plugin?.builder?.(props) || props;
7445
+ return plugin3?.builder?.(props) || props;
7106
7446
  };
7107
7447
  };
7108
7448
 
@@ -7116,8 +7456,8 @@ var ExtensionSlot = (props) => {
7116
7456
  const elementProps = useExtensionBuilder(position, rest);
7117
7457
  const Ele = useMemo(() => {
7118
7458
  const registry = OrderlyExtensionRegistry.getInstance();
7119
- const plugin = registry.getPluginsByPosition(position);
7120
- return plugin?.render ?? defaultValue ?? NotFound;
7459
+ const plugin3 = registry.getPluginsByPosition(position);
7460
+ return plugin3?.render ?? defaultValue ?? NotFound;
7121
7461
  }, []);
7122
7462
  return /* @__PURE__ */ jsx(
7123
7463
  ErrorBoundary,
@@ -7827,7 +8167,7 @@ var SheetOverlay = React70.forwardRef(({ className, ...props }, ref) => /* @__PU
7827
8167
  DialogPrimitive.Overlay,
7828
8168
  {
7829
8169
  className: cnBase(
7830
- "oui-fixed oui-inset-0 oui-z-50 oui-bg-black/80 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out data-[state=closed]:oui-fade-out-0 data-[state=open]:oui-fade-in-0",
8170
+ "oui-sheet-overlay oui-fixed oui-inset-0 oui-z-50 oui-bg-black/80 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out data-[state=closed]:oui-fade-out-0 data-[state=open]:oui-fade-in-0",
7831
8171
  className
7832
8172
  ),
7833
8173
  ...props,
@@ -7836,7 +8176,7 @@ var SheetOverlay = React70.forwardRef(({ className, ...props }, ref) => /* @__PU
7836
8176
  ));
7837
8177
  SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
7838
8178
  var sheetVariants = tv$1({
7839
- base: "oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-px-4 oui-shadow-lg oui-transition oui-ease-in-out data-[state=closed]:oui-duration-260 data-[state=open]:oui-duration-300 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out",
8179
+ base: "oui-sheet-content oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-px-4 oui-shadow-lg oui-transition oui-ease-in-out data-[state=closed]:oui-duration-260 data-[state=open]:oui-duration-300 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out",
7840
8180
  variants: {
7841
8181
  side: {
7842
8182
  top: "oui-inset-x-0 oui-top-0 oui-border-b data-[state=closed]:oui-slide-out-to-top data-[state=open]:oui-slide-in-from-top",
@@ -7874,7 +8214,7 @@ var SheetContent = React70.forwardRef(
7874
8214
  DialogPrimitive.Close,
7875
8215
  {
7876
8216
  className: cnBase(
7877
- "oui-ring-offset-base-700 focus:oui-ring-ring oui-absolute oui-right-4 oui-top-4 oui-z-10 oui-rounded-sm oui-transition-opacity focus:oui-outline-none focus:oui-ring-2 focus:oui-ring-offset-2 active:oui-outline-none focus:orderly-outline-none disabled:oui-pointer-events-none data-[state=open]:oui-bg-secondary",
8217
+ "oui-sheet-close-btn oui-ring-offset-base-700 focus:oui-ring-ring oui-absolute oui-right-4 oui-top-4 oui-z-10 oui-rounded-sm oui-transition-opacity focus:oui-outline-none focus:oui-ring-2 focus:oui-ring-offset-2 active:oui-outline-none focus:orderly-outline-none disabled:oui-pointer-events-none data-[state=open]:oui-bg-secondary",
7878
8218
  props?.closeClassName
7879
8219
  ),
7880
8220
  children: [
@@ -8768,173 +9108,6 @@ var SimpleDialog = (props) => {
8768
9108
  }
8769
9109
  ) });
8770
9110
  };
8771
- function useMediaQuery(query) {
8772
- const getMatches = (query2) => {
8773
- if (typeof window !== "undefined") {
8774
- return window.matchMedia(query2).matches;
8775
- }
8776
- return false;
8777
- };
8778
- const [matches, setMatches] = useState(getMatches(query));
8779
- function handleChange() {
8780
- setMatches(getMatches(query));
8781
- }
8782
- useEffect(() => {
8783
- const matchMedia = window?.matchMedia(query);
8784
- handleChange();
8785
- if (matchMedia?.addListener) {
8786
- matchMedia?.addListener(handleChange);
8787
- } else {
8788
- matchMedia?.addEventListener?.("change", handleChange);
8789
- }
8790
- return () => {
8791
- if (matchMedia?.removeListener) {
8792
- matchMedia?.removeListener(handleChange);
8793
- } else {
8794
- matchMedia?.removeEventListener?.("change", handleChange);
8795
- }
8796
- };
8797
- }, [query]);
8798
- return matches;
8799
- }
8800
-
8801
- // src/hooks/useScreen.ts
8802
- function useScreen() {
8803
- const isMobile = useMediaQuery("(max-width: 768px)");
8804
- return {
8805
- isMobile,
8806
- isDesktop: !isMobile
8807
- };
8808
- }
8809
- function useObserverElement(element, callback) {
8810
- useEffect(() => {
8811
- if (!element) {
8812
- return;
8813
- }
8814
- const resizeObserver = new ResizeObserver((entries) => {
8815
- for (const entry of entries) {
8816
- callback(entry);
8817
- }
8818
- });
8819
- resizeObserver.observe(element);
8820
- return () => {
8821
- resizeObserver.unobserve(element);
8822
- };
8823
- }, [element]);
8824
- }
8825
- function useLongPress(callback, longPressTime = 600) {
8826
- const timeoutRef = useRef(null);
8827
- const targetRef = useRef(null);
8828
- const startPositionRef = useRef(null);
8829
- const isLongPressTriggeredRef = useRef(false);
8830
- const clearLongPress = useCallback(() => {
8831
- if (timeoutRef.current) {
8832
- clearTimeout(timeoutRef.current);
8833
- timeoutRef.current = null;
8834
- }
8835
- targetRef.current = null;
8836
- startPositionRef.current = null;
8837
- isLongPressTriggeredRef.current = false;
8838
- }, []);
8839
- const startLongPress = useCallback(
8840
- (e) => {
8841
- clearLongPress();
8842
- if ("touches" in e) {
8843
- e.preventDefault();
8844
- }
8845
- targetRef.current = e.currentTarget;
8846
- const clientX = "touches" in e ? e.touches[0]?.clientX : e.clientX;
8847
- const clientY = "touches" in e ? e.touches[0]?.clientY : e.clientY;
8848
- startPositionRef.current = { x: clientX, y: clientY };
8849
- isLongPressTriggeredRef.current = false;
8850
- timeoutRef.current = setTimeout(() => {
8851
- if (targetRef.current && startPositionRef.current) {
8852
- isLongPressTriggeredRef.current = true;
8853
- callback();
8854
- }
8855
- clearLongPress();
8856
- }, longPressTime);
8857
- },
8858
- [callback, longPressTime, clearLongPress]
8859
- );
8860
- const handleMouseDown = useCallback(
8861
- (e) => {
8862
- if (e.button !== 0) return;
8863
- startLongPress(e);
8864
- },
8865
- [startLongPress]
8866
- );
8867
- const handleMouseUp = useCallback(() => {
8868
- clearLongPress();
8869
- }, [clearLongPress]);
8870
- const handleMouseMove = useCallback(
8871
- (e) => {
8872
- if (isLongPressTriggeredRef.current) return;
8873
- if (startPositionRef.current) {
8874
- const deltaX = Math.abs(e.clientX - startPositionRef.current.x);
8875
- const deltaY = Math.abs(e.clientY - startPositionRef.current.y);
8876
- const threshold = 5;
8877
- if (deltaX > threshold || deltaY > threshold) {
8878
- clearLongPress();
8879
- }
8880
- }
8881
- },
8882
- [clearLongPress]
8883
- );
8884
- const handleMouseLeave = useCallback(() => {
8885
- clearLongPress();
8886
- }, [clearLongPress]);
8887
- const handleContextMenu = useCallback((e) => {
8888
- if (timeoutRef.current || isLongPressTriggeredRef.current) {
8889
- e.preventDefault();
8890
- e.stopPropagation();
8891
- }
8892
- }, []);
8893
- const handleTouchStart = useCallback(
8894
- (e) => {
8895
- startLongPress(e);
8896
- },
8897
- [startLongPress]
8898
- );
8899
- const handleTouchEnd = useCallback(() => {
8900
- clearLongPress();
8901
- }, [clearLongPress]);
8902
- const handleTouchMove = useCallback(
8903
- (e) => {
8904
- if (timeoutRef.current) {
8905
- e.preventDefault();
8906
- }
8907
- if (isLongPressTriggeredRef.current) return;
8908
- if (startPositionRef.current && e.touches[0]) {
8909
- const deltaX = Math.abs(
8910
- e.touches[0].clientX - startPositionRef.current.x
8911
- );
8912
- const deltaY = Math.abs(
8913
- e.touches[0].clientY - startPositionRef.current.y
8914
- );
8915
- const threshold = 5;
8916
- if (deltaX > threshold || deltaY > threshold) {
8917
- clearLongPress();
8918
- }
8919
- }
8920
- },
8921
- [clearLongPress]
8922
- );
8923
- const handleTouchCancel = useCallback(() => {
8924
- clearLongPress();
8925
- }, [clearLongPress]);
8926
- return {
8927
- onMouseDown: handleMouseDown,
8928
- onMouseUp: handleMouseUp,
8929
- onMouseMove: handleMouseMove,
8930
- onMouseLeave: handleMouseLeave,
8931
- onContextMenu: handleContextMenu,
8932
- onTouchStart: handleTouchStart,
8933
- onTouchEnd: handleTouchEnd,
8934
- onTouchMove: handleTouchMove,
8935
- onTouchCancel: handleTouchCancel
8936
- };
8937
- }
8938
9111
  var AlertDialog = (props) => {
8939
9112
  const [locale] = useLocale("dialog");
8940
9113
  const {
@@ -9657,12 +9830,14 @@ function downloadCSV(data, filename = `${Date.now()}.csv`) {
9657
9830
  var tabsVariants = tv({
9658
9831
  slots: {
9659
9832
  list: [
9833
+ "oui-tabs-list",
9660
9834
  "oui-header-list",
9661
9835
  "oui-flex",
9662
9836
  "oui-items-center"
9663
9837
  // "oui-px-1",
9664
9838
  ],
9665
9839
  content: [
9840
+ "oui-tabs-content",
9666
9841
  "oui-ring-offset-background",
9667
9842
  "focus-visible:oui-outline-none",
9668
9843
  "focus-visible:oui-ring-2",
@@ -9671,6 +9846,7 @@ var tabsVariants = tv({
9671
9846
  ],
9672
9847
  trigger: [
9673
9848
  "oui-tab-trigger",
9849
+ "oui-tabs-trigger",
9674
9850
  "oui-inline-flex",
9675
9851
  "oui-items-center",
9676
9852
  "oui-justify-center",
@@ -9708,7 +9884,7 @@ var tabsVariants = tv({
9708
9884
  "data-[state=active]:after:oui-content-['']",
9709
9885
  "data-[state=active]:after:oui-block",
9710
9886
  "data-[state=active]:after:oui-h-[3px]",
9711
- "data-[state=active]:after:oui-bg-white",
9887
+ "data-[state=active]:after:oui-bg-base-contrast",
9712
9888
  "data-[state=active]:after:oui-absolute",
9713
9889
  "data-[state=active]:after:oui-rounded-full",
9714
9890
  "data-[state=active]:after:-oui-bottom-0",
@@ -10038,8 +10214,10 @@ var Tabs = (props) => {
10038
10214
  value,
10039
10215
  ...rest
10040
10216
  } = props;
10041
- const tabsOverrides = getComponentTheme("tabs", { variant: "contained" });
10042
- const tabsVariant = variant || tabsOverrides.variant;
10217
+ const tabsOverrides = getComponentTheme("tabs", {
10218
+ variant: variant ?? "contained"
10219
+ });
10220
+ const tabsVariant = tabsOverrides.variant;
10043
10221
  const [tabList, setTabList] = useState({});
10044
10222
  const registerTab = useCallback((config) => {
10045
10223
  setTabList((prev) => {
@@ -10074,7 +10252,7 @@ var Tabs = (props) => {
10074
10252
  variant: tabsVariant,
10075
10253
  size: rest.size,
10076
10254
  "data-testid": tab.testid,
10077
- className: classNames?.trigger,
10255
+ className: cnBase(classNames?.trigger, tab.classNames?.trigger),
10078
10256
  children: tab.title
10079
10257
  },
10080
10258
  key
@@ -10125,7 +10303,7 @@ var Tabs = (props) => {
10125
10303
  };
10126
10304
  Tabs.displayName = "Tabs";
10127
10305
  var TabPanel = (props) => {
10128
- const { title, value, icon, className, style, testid, children } = props;
10306
+ const { title, value, icon, style, testid, children, className, classNames } = props;
10129
10307
  const { registerTab, unregisterTab } = useContext(TabsContext);
10130
10308
  useEffect(() => {
10131
10309
  const tabConfig = {
@@ -10134,6 +10312,7 @@ var TabPanel = (props) => {
10134
10312
  icon,
10135
10313
  testid,
10136
10314
  className,
10315
+ classNames,
10137
10316
  style,
10138
10317
  content: children
10139
10318
  };
@@ -10141,7 +10320,7 @@ var TabPanel = (props) => {
10141
10320
  return () => {
10142
10321
  unregisterTab(tabConfig);
10143
10322
  };
10144
- }, [children, className, style, icon, testid, title, value]);
10323
+ }, [children, style, icon, testid, title, value, className, classNames]);
10145
10324
  return null;
10146
10325
  };
10147
10326
  if (process.env.NODE_ENV !== "production") {
@@ -10608,44 +10787,71 @@ var Slider = BaseSlider;
10608
10787
  Slider.single = SingleSlider;
10609
10788
  var ToastErrorIcon = React70__default.forwardRef(
10610
10789
  (props, ref) => {
10611
- const { opacity = 1, viewBox = "0 0 20 20", ...rest } = props;
10612
- return /* @__PURE__ */ jsx(BaseIcon, { ref, viewBox, ...rest, children: /* @__PURE__ */ jsx(
10613
- "path",
10790
+ const { opacity = 1, viewBox = "0 0 20 20", className, ...rest } = props;
10791
+ return /* @__PURE__ */ jsx(
10792
+ BaseIcon,
10614
10793
  {
10615
- d: "M10 1.628a8.333 8.333 0 1 0-.001 16.666 8.333 8.333 0 0 0 0-16.666m-2.5 5c.212 0 .435.071.598.234L10 8.762l1.9-1.9a.85.85 0 0 1 .6-.234c.213 0 .436.071.6.234a.86.86 0 0 1 0 1.198l-1.902 1.901 1.901 1.9a.86.86 0 0 1 0 1.2.86.86 0 0 1-1.198 0L10 11.158 8.097 13.06a.86.86 0 0 1-1.198 0 .857.857 0 0 1 0-1.198L8.8 9.96l-1.9-1.9a.857.857 0 0 1 0-1.2.84.84 0 0 1 .6-.233",
10616
- fill: "#FF447C",
10617
- fillOpacity: opacity
10794
+ ref,
10795
+ viewBox,
10796
+ fill: "currentColor",
10797
+ className: cnBase(className, "oui-fill-danger"),
10798
+ ...rest,
10799
+ children: /* @__PURE__ */ jsx(
10800
+ "path",
10801
+ {
10802
+ d: "M10 1.628a8.333 8.333 0 1 0-.001 16.666 8.333 8.333 0 0 0 0-16.666m-2.5 5c.212 0 .435.071.598.234L10 8.762l1.9-1.9a.85.85 0 0 1 .6-.234c.213 0 .436.071.6.234a.86.86 0 0 1 0 1.198l-1.902 1.901 1.901 1.9a.86.86 0 0 1 0 1.2.86.86 0 0 1-1.198 0L10 11.158 8.097 13.06a.86.86 0 0 1-1.198 0 .857.857 0 0 1 0-1.198L8.8 9.96l-1.9-1.9a.857.857 0 0 1 0-1.2.84.84 0 0 1 .6-.233",
10803
+ fillOpacity: opacity
10804
+ }
10805
+ )
10618
10806
  }
10619
- ) });
10807
+ );
10620
10808
  }
10621
10809
  );
10622
10810
  var ToastSuccessIcon = React70__default.forwardRef(
10623
10811
  (props, ref) => {
10624
- const { opacity = 1, viewBox = "0 0 20 20", ...rest } = props;
10625
- return /* @__PURE__ */ jsx(BaseIcon, { ref, viewBox, ...rest, children: /* @__PURE__ */ jsx(
10626
- "path",
10812
+ const { opacity = 1, viewBox = "0 0 20 20", className, ...rest } = props;
10813
+ return /* @__PURE__ */ jsx(
10814
+ BaseIcon,
10627
10815
  {
10628
- fillRule: "evenodd",
10629
- clipRule: "evenodd",
10630
- d: "M1.678 10a8.333 8.333 0 1 1 16.667-.001 8.333 8.333 0 0 1-16.667 0m12.477-3.907c.189-.18.448-.26.697-.26s.507.08.697.26c.38.362.38.969 0 1.33l-6.793 6.473a1.033 1.033 0 0 1-1.394 0l-2.911-2.774a.92.92 0 0 1 0-1.33 1.034 1.034 0 0 1 1.395 0l2.213 2.11z",
10631
- fill: "#00B49E"
10816
+ ref,
10817
+ viewBox,
10818
+ fill: "currentColor",
10819
+ className: cnBase(className, "oui-fill-success"),
10820
+ ...rest,
10821
+ children: /* @__PURE__ */ jsx(
10822
+ "path",
10823
+ {
10824
+ fillRule: "evenodd",
10825
+ clipRule: "evenodd",
10826
+ d: "M1.678 10a8.333 8.333 0 1 1 16.667-.001 8.333 8.333 0 0 1-16.667 0m12.477-3.907c.189-.18.448-.26.697-.26s.507.08.697.26c.38.362.38.969 0 1.33l-6.793 6.473a1.033 1.033 0 0 1-1.394 0l-2.911-2.774a.92.92 0 0 1 0-1.33 1.034 1.034 0 0 1 1.395 0l2.213 2.11z"
10827
+ }
10828
+ )
10632
10829
  }
10633
- ) });
10830
+ );
10634
10831
  }
10635
10832
  );
10636
10833
  var ToastLoadingIcon = React70__default.forwardRef(
10637
10834
  (props, ref) => {
10638
- const { opacity = 1, viewBox = "0 0 20 20", ...rest } = props;
10639
- return /* @__PURE__ */ jsx(BaseIcon, { ref, viewBox, ...rest, children: /* @__PURE__ */ jsx(
10640
- "path",
10835
+ const { opacity = 1, viewBox = "0 0 20 20", className, ...rest } = props;
10836
+ return /* @__PURE__ */ jsx(
10837
+ BaseIcon,
10641
10838
  {
10642
- fillRule: "evenodd",
10643
- clipRule: "evenodd",
10644
- d: "M9.167 3.333c0-.46.373-.833.833-.833A7.5 7.5 0 1 1 2.5 10a.833.833 0 0 1 1.667 0A5.834 5.834 0 1 0 10 4.167a.833.833 0 0 1-.833-.834",
10645
- fill: "#4774F6",
10646
- fillOpacity: opacity
10839
+ ref,
10840
+ viewBox,
10841
+ fill: "currentColor",
10842
+ className: cnBase(className, "oui-fill-primary"),
10843
+ ...rest,
10844
+ children: /* @__PURE__ */ jsx(
10845
+ "path",
10846
+ {
10847
+ fillRule: "evenodd",
10848
+ clipRule: "evenodd",
10849
+ d: "M9.167 3.333c0-.46.373-.833.833-.833A7.5 7.5 0 1 1 2.5 10a.833.833 0 0 1 1.667 0A5.834 5.834 0 1 0 10 4.167a.833.833 0 0 1-.833-.834",
10850
+ fillOpacity: opacity
10851
+ }
10852
+ )
10647
10853
  }
10648
- ) });
10854
+ );
10649
10855
  }
10650
10856
  );
10651
10857
  ToastErrorIcon.displayName = "ToasterErrorIcon";
@@ -10667,28 +10873,26 @@ var Toaster = (props) => {
10667
10873
  // },
10668
10874
  success: {
10669
10875
  iconTheme: {
10670
- primary: "rgba(123, 220, 138, 1)",
10671
- secondary: "rgba(25, 14, 44, 1)"
10876
+ primary: "rgb(var(--oui-color-success-light))",
10877
+ secondary: "rgb(var(--oui-color-base-10))"
10672
10878
  },
10673
10879
  style: {
10674
- // color: "rgba(123, 220, 138, 1)",
10675
- background: "rgba(40, 46, 58, 1)"
10880
+ background: "rgb(var(--oui-color-base-5))"
10676
10881
  }
10677
10882
  },
10678
10883
  loading: {
10679
10884
  duration: 5e3,
10680
10885
  style: {
10681
- background: "rgba(40, 46, 58, 1)"
10886
+ background: "rgb(var(--oui-color-base-5))"
10682
10887
  }
10683
10888
  },
10684
10889
  error: {
10685
10890
  iconTheme: {
10686
- primary: "rgba(217, 91, 129, 1)",
10687
- secondary: "rgba(25, 14, 44, 1)"
10891
+ primary: "rgb(var(--oui-color-danger))",
10892
+ secondary: "rgb(var(--oui-color-base-10))"
10688
10893
  },
10689
10894
  style: {
10690
- // color: "rgba(217, 91, 129, 1)",
10691
- background: "rgba(40, 46, 58, 1)"
10895
+ background: "rgb(var(--oui-color-base-5))"
10692
10896
  }
10693
10897
  },
10694
10898
  custom: {
@@ -10696,7 +10900,7 @@ var Toaster = (props) => {
10696
10900
  removeDelay: 0,
10697
10901
  position: "top-right",
10698
10902
  style: {
10699
- background: "rgba(40, 46, 58, 1)"
10903
+ background: "rgb(var(--oui-color-base-5))"
10700
10904
  }
10701
10905
  }
10702
10906
  },
@@ -10713,12 +10917,11 @@ var Toaster = (props) => {
10713
10917
  toast: t,
10714
10918
  style: {
10715
10919
  ...t.style,
10716
- color: "rgba(255, 255, 255, 0.8)",
10717
- // background: "rgba(25, 14, 44, 1)",
10920
+ color: "rgb(var(--oui-color-base-foreground) / 0.8)",
10718
10921
  borderRadius: "6px",
10719
10922
  wordBreak: "break-all",
10720
10923
  maxWidth: 800,
10721
- boxShadow: "0px 4px 8px 0px rgba(0, 0, 0, 0.36)"
10924
+ boxShadow: "0px 4px 8px 0px rgb(var(--oui-color-base-10) / 0.36)"
10722
10925
  },
10723
10926
  children: ({ icon, message }) => {
10724
10927
  let customIcon = icon;
@@ -11070,6 +11273,7 @@ var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
11070
11273
  var dropdownMenuVariants = tv$1({
11071
11274
  slots: {
11072
11275
  content: [
11276
+ "oui-dropdown-menu-content",
11073
11277
  "oui-z-50",
11074
11278
  "oui-min-w-[8rem]",
11075
11279
  "oui-overflow-hidden",
@@ -11092,6 +11296,7 @@ var dropdownMenuVariants = tv$1({
11092
11296
  "data-[side=top]:oui-slide-in-from-bottom-2"
11093
11297
  ],
11094
11298
  item: [
11299
+ "oui-dropdown-menu-item",
11095
11300
  "oui-relative",
11096
11301
  "oui-flex",
11097
11302
  "oui-cursor-default",
@@ -11283,7 +11488,15 @@ var ComponentsProvider = (props) => {
11283
11488
  return props.children;
11284
11489
  };
11285
11490
  var OrderlyThemeProvider = (props) => {
11286
- const { components, overrides, children } = props;
11491
+ const {
11492
+ components,
11493
+ overrides,
11494
+ themes,
11495
+ currentThemeId,
11496
+ currentTheme,
11497
+ setCurrentThemeId,
11498
+ children
11499
+ } = props;
11287
11500
  const resolveComponentTheme = useCallback(
11288
11501
  (component, defaultValue) => {
11289
11502
  return overrides?.[component] || defaultValue;
@@ -11291,8 +11504,20 @@ var OrderlyThemeProvider = (props) => {
11291
11504
  [overrides]
11292
11505
  );
11293
11506
  const memoizedValue = useMemo(() => {
11294
- return { getComponentTheme: resolveComponentTheme };
11295
- }, [resolveComponentTheme]);
11507
+ return {
11508
+ getComponentTheme: resolveComponentTheme,
11509
+ themes: themes ?? [],
11510
+ currentThemeId,
11511
+ currentTheme,
11512
+ setCurrentThemeId
11513
+ };
11514
+ }, [
11515
+ resolveComponentTheme,
11516
+ themes,
11517
+ currentThemeId,
11518
+ currentTheme,
11519
+ setCurrentThemeId
11520
+ ]);
11296
11521
  return /* @__PURE__ */ jsx(OrderlyThemeContext.Provider, { value: memoizedValue, children: /* @__PURE__ */ jsx(ComponentsProvider, { components, children }) });
11297
11522
  };
11298
11523
  var Either = memo((props) => {
@@ -11321,13 +11546,6 @@ function startViewTransition(callback) {
11321
11546
  callback();
11322
11547
  }
11323
11548
  }
11324
-
11325
- // src/tailwind.css
11326
- var tailwind_exports = {};
11327
- __export(tailwind_exports, {
11328
- default: () => tailwind_default
11329
- });
11330
- var tailwind_default = {};
11331
11549
  var stopPropagation = (event) => {
11332
11550
  event.stopPropagation();
11333
11551
  };
@@ -11455,6 +11673,173 @@ var DotStatus = (props) => {
11455
11673
  };
11456
11674
  DotStatus.displayName = "DotStatus";
11457
11675
 
11458
- export { ActionSheet, AddCircleIcon, AffiliateIcon, AlertDialog, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, Button, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, collapse_default as Collapse, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ConfirmDialog, CopyIcon, DataFilter, DataTable, DatePicker2 as DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, GradientText, Grid2 as Grid, HoverCard, HoverCardContent, HoverCardRoot, HoverCardTrigger, Icon, InfoCircleIcon, Input2 as Input, InputAdditional, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, LocaleContext, LocaleProvider, Logo, MarketsActiveIcon, MarketsInactiveIcon, Marquee, ModalContext, ModalIdContext, ModalProvider, MultiSortHeader, NewsFillIcon, tailwind_exports as OUITailwind, OrderlyIcon, OrderlyThemeProvider, PaginationItems, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, RwaIcon, ScrollArea, ScrollBar, ScrollIndicator, Select2 as Select, SelectItem, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, SimpleDropdownMenu, SimpleSheet, Slider, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, features_exports as TableFeatures, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text2 as Text, TextField, ThrottledButton, Tips, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, formatter_exports as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };
11676
+ // src/tailwind.css
11677
+ var tailwind_exports = {};
11678
+ __export(tailwind_exports, {
11679
+ default: () => tailwind_default
11680
+ });
11681
+ var tailwind_default = {};
11682
+
11683
+ // src/tailwind/theme/darkTheme.ts
11684
+ __toESM(require_plugin());
11685
+ var DARK_THEME_CSS_VARS = {
11686
+ "--oui-font-family": '"Manrope","PingFang SC", "Noto Sans CJK SC", "Noto Sans", sans-serif',
11687
+ /* colors */
11688
+ "--oui-color-primary": "176 132 233",
11689
+ "--oui-color-primary-light": "213 190 244",
11690
+ "--oui-color-primary-darken": "137 76 209",
11691
+ "--oui-color-primary-contrast": "255 255 255",
11692
+ "--oui-color-link": "189 107 237",
11693
+ "--oui-color-link-light": "217 152 250",
11694
+ "--oui-color-secondary": "255 255 255",
11695
+ "--oui-color-tertiary": "218 218 218",
11696
+ "--oui-color-quaternary": "218 218 218",
11697
+ "--oui-color-danger": "245 97 139",
11698
+ "--oui-color-danger-light": "250 167 188",
11699
+ "--oui-color-danger-darken": "237 72 122",
11700
+ "--oui-color-danger-contrast": "255 255 255",
11701
+ "--oui-color-success": "41 233 169",
11702
+ "--oui-color-success-light": "101 240 194",
11703
+ "--oui-color-success-darken": "0 161 120",
11704
+ "--oui-color-success-contrast": "255 255 255",
11705
+ "--oui-color-warning": "255 209 70",
11706
+ "--oui-color-warning-light": "255 229 133",
11707
+ "--oui-color-warning-darken": "255 152 0",
11708
+ "--oui-color-warning-contrast": "255 255 255",
11709
+ "--oui-color-fill": "36 32 47",
11710
+ "--oui-color-fill-active": "40 46 58",
11711
+ "--oui-color-base-1": "93 83 123",
11712
+ "--oui-color-base-2": "81 72 107",
11713
+ "--oui-color-base-3": "68 61 69",
11714
+ "--oui-color-base-4": "57 52 74",
11715
+ "--oui-color-base-5": "51 46 66",
11716
+ "--oui-color-base-6": "43 38 56",
11717
+ "--oui-color-base-7": "36 32 47",
11718
+ "--oui-color-base-8": "29 26 38",
11719
+ "--oui-color-base-9": "22 20 28",
11720
+ "--oui-color-base-10": "14 13 18",
11721
+ "--oui-color-base-foreground": "255 255 255",
11722
+ "--oui-color-line": "255 255 255",
11723
+ "--oui-color-base-static": "255 255 255",
11724
+ "--oui-color-base-static-contrast": "0 0 0",
11725
+ "--oui-color-trading-loss": "245 97 139",
11726
+ "--oui-color-trading-loss-contrast": "255 255 255",
11727
+ "--oui-color-trading-profit": "41 233 169",
11728
+ "--oui-color-trading-profit-contrast": "255 255 255",
11729
+ /* gradients */
11730
+ "--oui-gradient-primary-start": "40 0 97",
11731
+ "--oui-gradient-primary-end": "189 107 237",
11732
+ "--oui-gradient-secondary-start": "81 42 121",
11733
+ "--oui-gradient-secondary-end": "176 132 233",
11734
+ "--oui-gradient-success-start": "1 83 68",
11735
+ "--oui-gradient-success-end": "41 223 169",
11736
+ "--oui-gradient-danger-start": "153 24 76",
11737
+ "--oui-gradient-danger-end": "245 97 139",
11738
+ "--oui-gradient-brand-start": "231 219 249",
11739
+ "--oui-gradient-brand-end": "159 107 225",
11740
+ "--oui-gradient-brand-stop-start": "6.62%",
11741
+ "--oui-gradient-brand-stop-end": "86.5%",
11742
+ "--oui-gradient-brand-angle": "17.44deg",
11743
+ "--oui-gradient-warning-start": "152 58 8",
11744
+ "--oui-gradient-warning-end": "255 209 70",
11745
+ "--oui-gradient-neutral-start": "27 29 24",
11746
+ "--oui-gradient-neutral-end": "38 41 46",
11747
+ /* rounded */
11748
+ "--oui-rounded-sm": "2px",
11749
+ "--oui-rounded": "4px",
11750
+ "--oui-rounded-md": "6px",
11751
+ "--oui-rounded-lg": "8px",
11752
+ "--oui-rounded-xl": "12px",
11753
+ "--oui-rounded-2xl": "16px",
11754
+ "--oui-rounded-full": "9999px",
11755
+ /* spacing */
11756
+ "--oui-spacing-xs": "20rem",
11757
+ "--oui-spacing-sm": "22.5rem",
11758
+ "--oui-spacing-md": "26.25rem",
11759
+ "--oui-spacing-lg": "30rem",
11760
+ "--oui-spacing-xl": "33.75rem"
11761
+ };
11762
+
11763
+ // src/tailwind/theme/lightTheme.ts
11764
+ __toESM(require_plugin());
11765
+ var LIGHT_THEME_CSS_VARS = {
11766
+ "--oui-font-family": '"Manrope", "PingFang SC", "Noto Sans CJK SC", "Noto Sans", sans-serif',
11767
+ /* colors */
11768
+ "--oui-color-primary": "240 185 11",
11769
+ "--oui-color-primary-light": "240 185 11",
11770
+ "--oui-color-primary-darken": "240 185 11",
11771
+ "--oui-color-primary-contrast": "12 14 18",
11772
+ "--oui-color-link": "230 175 0",
11773
+ "--oui-color-link-light": "252 213 53",
11774
+ "--oui-color-secondary": "255 255 255",
11775
+ "--oui-color-tertiary": "234 236 239",
11776
+ "--oui-color-quaternary": "218 218 218",
11777
+ "--oui-color-danger": "246 70 93",
11778
+ "--oui-color-danger-light": "255 120 140",
11779
+ "--oui-color-danger-darken": "220 50 75",
11780
+ "--oui-color-danger-contrast": "0 0 0",
11781
+ "--oui-color-success": "14 203 129",
11782
+ "--oui-color-success-light": "50 220 160",
11783
+ "--oui-color-success-darken": "46 189 133",
11784
+ "--oui-color-success-contrast": "0 0 0",
11785
+ "--oui-color-warning": "255 182 93",
11786
+ "--oui-color-warning-light": "255 207 139",
11787
+ "--oui-color-warning-darken": "255 125 0",
11788
+ "--oui-color-warning-contrast": "0 0 0",
11789
+ "--oui-color-fill": "245 245 245",
11790
+ "--oui-color-fill-active": "238 238 238",
11791
+ "--oui-color-base-1": "160 160 160",
11792
+ "--oui-color-base-2": "210 210 210",
11793
+ "--oui-color-base-3": "180 180 180",
11794
+ "--oui-color-base-4": "200 202 205",
11795
+ "--oui-color-base-5": "230 230 230",
11796
+ "--oui-color-base-6": "245 245 245",
11797
+ "--oui-color-base-7": "234 236 239",
11798
+ "--oui-color-base-8": "255 255 255",
11799
+ "--oui-color-base-9": "255 255 255",
11800
+ "--oui-color-base-10": "245 245 245",
11801
+ "--oui-color-base-foreground": "0 0 0",
11802
+ "--oui-color-line": "0 0 0",
11803
+ "--oui-color-base-static": "255 255 255",
11804
+ "--oui-color-base-static-contrast": "0 0 0",
11805
+ "--oui-color-trading-loss": "246 70 93",
11806
+ "--oui-color-trading-loss-contrast": "255 255 255",
11807
+ "--oui-color-trading-profit": "14 203 129",
11808
+ "--oui-color-trading-profit-contrast": "255 255 255",
11809
+ /* gradients */
11810
+ "--oui-gradient-primary-start": "240 185 11",
11811
+ "--oui-gradient-primary-end": "240 185 11",
11812
+ "--oui-gradient-secondary-start": "252 213 53",
11813
+ "--oui-gradient-secondary-end": "210 160 0",
11814
+ "--oui-gradient-success-start": "14 203 129",
11815
+ "--oui-gradient-success-end": "14 203 129",
11816
+ "--oui-gradient-danger-start": "2246 70 93",
11817
+ "--oui-gradient-danger-end": "246 70 93",
11818
+ "--oui-gradient-warning-start": "255 182 93",
11819
+ "--oui-gradient-warning-end": "255 182 93",
11820
+ "--oui-gradient-neutral-start": "245 245 245",
11821
+ "--oui-gradient-neutral-end": "245 245 245",
11822
+ "--oui-gradient-brand-stop-start": "6.62%",
11823
+ "--oui-gradient-brand-stop-end": "86.5%",
11824
+ "--oui-gradient-brand-angle": "17.44deg",
11825
+ "--oui-gradient-brand-start": "240 185 11",
11826
+ "--oui-gradient-brand-end": "240 185 11",
11827
+ /* rounded */
11828
+ "--oui-rounded-sm": "2px",
11829
+ "--oui-rounded": "4px",
11830
+ "--oui-rounded-md": "6px",
11831
+ "--oui-rounded-lg": "8px",
11832
+ "--oui-rounded-xl": "12px",
11833
+ "--oui-rounded-2xl": "16px",
11834
+ "--oui-rounded-full": "9999px",
11835
+ /* spacing */
11836
+ "--oui-spacing-xs": "20rem",
11837
+ "--oui-spacing-sm": "22.5rem",
11838
+ "--oui-spacing-md": "26.25rem",
11839
+ "--oui-spacing-lg": "30rem",
11840
+ "--oui-spacing-xl": "33.75rem"
11841
+ };
11842
+
11843
+ export { ActionSheet, AddCircleIcon, AffiliateIcon, AlertDialog, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, Button, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, collapse_default as Collapse, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ConfirmDialog, CopyIcon, DARK_THEME_CSS_VARS, DataFilter, DataTable, DatePicker2 as DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, GradientText, Grid2 as Grid, HoverCard, HoverCardContent, HoverCardRoot, HoverCardTrigger, Icon, InfoCircleIcon, Input2 as Input, InputAdditional, LIGHT_THEME_CSS_VARS, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, LocaleContext, LocaleProvider, Logo, MarketsActiveIcon, MarketsInactiveIcon, Marquee, ModalContext, ModalIdContext, ModalProvider, MultiSortHeader, NewsFillIcon, tailwind_exports as OUITailwind, OrderlyIcon, OrderlyThemeProvider, PaginationItems, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, RwaIcon, ScrollArea, ScrollBar, ScrollIndicator, Select2 as Select, SelectItem, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, SimpleDropdownMenu, SimpleSheet, Slider, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, features_exports as TableFeatures, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text2 as Text, TextField, ThrottledButton, Tips, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, formatter_exports as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen, useThemeAttribute };
11459
11844
  //# sourceMappingURL=index.mjs.map
11460
11845
  //# sourceMappingURL=index.mjs.map