@dhedge/trading-widget 0.0.1 → 0.0.2

package/package.json

@@ -1,22 +1,30 @@
 {
   "name": "@dhedge/trading-widget",
-  "version": "0.0.1",
+  "version": "0.0.2",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "typings": "dist/index.d.ts",
   "dependencies": {
-    "@dhedge/core-ui-kit": "*",
-    "classnames": "^2.5.1",
-    "@heroicons/react": "^2.1.1",
+    "@date-fns/utc": "^1.1.1",
     "@headlessui/react": "^1.7.18",
-    "react-popper-tooltip": "^4.4.2",
+    "@heroicons/react": "^2.1.1",
     "bignumber.js": "^9.1.2",
-    "lodash.isnumber": "^3.0.3",
+    "classnames": "^2.5.1",
     "date-fns": "^2.30.0",
-    "@date-fns/utc": "^1.1.1"
+    "lodash.chunk": "^4.2.0",
+    "lodash.debounce": "^4.0.8",
+    "lodash.isnumber": "^3.0.3",
+    "lodash.noop": "^3.0.1",
+    "lodash.uniqby": "^4.7.0",
+    "react-popper-tooltip": "^4.4.2",
+    "@pythnetwork/pyth-evm-js": "^1.36.0",
+    "ts-custom-error": "^3.3.1"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "typings": "dist/index.d.ts",
   "peerDependencies": {
+    "@tanstack/react-query": "^5.28.4",
     "react": ">=18.2.0",
-    "wagmi": "^2.5.4"
+    "viem": "^2.8.14",
+    "wagmi": "^2.5.11"
   }
 }

package/style.css

@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.transparent-scrollbar::-webkit-scrollbar{height:0px;width:0px;background-color:transparent}.tooltip-container[data-popper-interactive=false]{pointer-events:none}.tooltip-arrow{pointer-events:none;position:absolute;height:1rem;width:1rem}.tooltip-arrow:before{margin:auto;display:block;height:0px;width:0px;border-style:solid;content:""}.tooltip-arrow:after{position:absolute;margin:auto;display:block;height:0px;width:0px;border-style:solid;content:""}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow{left:0;margin-top:-.3rem;top:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:before{border-color:transparent transparent #4C505B transparent;border-width:0 .5rem .4rem;position:absolute;top:-1px}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:after{border-color:transparent transparent #4C505B transparent;border-width:0 .5rem .4rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow{bottom:0;left:0;margin-bottom:-.9rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:before{border-color:#4C505B transparent transparent transparent;border-width:.4rem .5rem 0;position:absolute;top:1px}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:after{border-color:#4C505B transparent transparent transparent;border-width:.4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow{left:0;margin-left:-.6rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:before{border-color:transparent #4C505B transparent transparent;border-width:.5rem .4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:after{border-color:transparent #4C505B transparent transparent;border-width:.5rem .4rem .5rem 0;left:6px;top:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow{margin-right:-.6rem;right:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:before{border-color:transparent transparent transparent #4C505B;border-width:.5rem 0 .5rem .4em}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:after{border-color:transparent transparent transparent #4C505B;border-width:.5rem 0 .5rem .4em;left:3px;top:0}.dtw-pointer-events-none{pointer-events:none}.dtw-static{position:static}.dtw-absolute{position:absolute}.dtw-relative{position:relative}.dtw-bottom-0{bottom:0}.dtw-left-0{left:0}.dtw-right-0{right:0}.dtw-right-2{right:.5rem}.dtw-top-0{top:0}.dtw-z-0{z-index:0}.dtw-z-10{z-index:10}.dtw-z-50{z-index:50}.dtw--ml-2{margin-left:-.5rem}.dtw-mb-0{margin-bottom:0}.dtw-mb-0\.5{margin-bottom:.125rem}.dtw-mb-4{margin-bottom:1rem}.dtw-mb-8{margin-bottom:2rem}.dtw-ml-1{margin-left:.25rem}.dtw-ml-2{margin-left:.5rem}.dtw-mt-6{margin-top:1.5rem}.dtw-block{display:block}.dtw-inline-block{display:inline-block}.dtw-inline{display:inline}.dtw-flex{display:flex}.dtw-inline-flex{display:inline-flex}.dtw-hidden{display:none}.dtw-h-3{height:.75rem}.dtw-h-4{height:1rem}.dtw-h-5{height:1.25rem}.dtw-h-6{height:1.5rem}.dtw-h-7{height:1.75rem}.dtw-h-9{height:2.25rem}.dtw-h-\[80px\]{height:80px}.dtw-h-\[var\(--panel-icon-secondary-size\)\]{height:var(--panel-icon-secondary-size)}.dtw-h-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{height:var(--panel-input-token-icon-size,var(--panel-icon-size))}.dtw-h-full{height:100%}.dtw-w-11{width:2.75rem}.dtw-w-14{width:3.5rem}.dtw-w-20{width:5rem}.dtw-w-3{width:.75rem}.dtw-w-4{width:1rem}.dtw-w-5{width:1.25rem}.dtw-w-7{width:1.75rem}.dtw-w-9{width:2.25rem}.dtw-w-\[60px\]{width:60px}.dtw-w-\[70px\]{width:70px}.dtw-w-\[var\(--panel-icon-secondary-size\)\]{width:var(--panel-icon-secondary-size)}.dtw-w-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{width:var(--panel-input-token-icon-size,var(--panel-icon-size))}.dtw-w-fit{width:-moz-fit-content;width:fit-content}.dtw-w-full{width:100%}.dtw-min-w-full{min-width:100%}.dtw-max-w-xs{max-width:20rem}.dtw-flex-1{flex:1 1 0%}.dtw-flex-shrink-0{flex-shrink:0}.dtw-grow{flex-grow:1}.dtw-border-separate{border-collapse:separate}.dtw-translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes dtw-pulse{50%{opacity:.5}}.dtw-animate-pulse{animation:dtw-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dtw-animate-spin{animation:dtw-spin 1s linear infinite}.dtw-cursor-help{cursor:help}.dtw-cursor-pointer{cursor:pointer}.dtw-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dtw-flex-col{flex-direction:column}.dtw-items-center{align-items:center}.dtw-justify-end{justify-content:flex-end}.dtw-justify-center{justify-content:center}.dtw-justify-between{justify-content:space-between}.dtw-gap-1{gap:.25rem}.dtw-gap-1\.5{gap:.375rem}.dtw-gap-2{gap:.5rem}.dtw-gap-\[var\(--panel-balance-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-balance-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-content-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-content-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-input-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-input-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-input-price-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-input-price-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-inputs-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-inputs-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-meta-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-meta-group-gap,var(--panel-gap))}.dtw-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.dtw-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.dtw-gap-y-0{row-gap:0px}.dtw-gap-y-0\.5{row-gap:.125rem}.dtw-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-self-end{align-self:flex-end}.dtw-overflow-visible{overflow:visible}.dtw-overflow-x-auto{overflow-x:auto}.dtw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtw-whitespace-normal{white-space:normal}.dtw-whitespace-nowrap{white-space:nowrap}.dtw-rounded-\[var\(--panel-input-button-radius\,var\(--panel-radius\)\)\]{border-radius:var(--panel-input-button-radius,var(--panel-radius))}.dtw-rounded-\[var\(--panel-input-radius\,var\(--panel-radius\)\)\]{border-radius:var(--panel-input-radius,var(--panel-radius))}.dtw-rounded-\[var\(--panel-radius\)\]{border-radius:var(--panel-radius)}.dtw-rounded-\[var\(--panel-radius-secondary\)\]{border-radius:var(--panel-radius-secondary)}.dtw-rounded-\[var\(--panel-radius-secondary\,var\(--panel-radius\)\)\]{border-radius:var(--panel-radius-secondary,var(--panel-radius))}.dtw-rounded-full{border-radius:9999px}.dtw-rounded-lg{border-radius:.5rem}.dtw-rounded-md{border-radius:.375rem}.dtw-rounded-xl{border-radius:.75rem}.dtw-border{border-width:1px}.dtw-border-\[length\:var\(--panel-action-accent-button-border-width\)\]{border-width:var(--panel-action-accent-button-border-width)}.dtw-border-\[color\:var\(--panel-action-accent-button-border-color\)\]{border-color:var(--panel-action-accent-button-border-color)}.dtw-border-\[color\:var\(--panel-error-content-color\)\]{border-color:var(--panel-error-content-color)}.dtw-border-\[color\:var\(--panel-warning-content-color\)\]{border-color:var(--panel-warning-content-color)}.dtw-border-\[var\(--panel-action-outline-button-border-color\,var\(--panel-border-color\)\)\]{border-color:var(--panel-action-outline-button-border-color,var(--panel-border-color))}.dtw-border-\[var\(--panel-input-border-color\)\]{border-color:var(--panel-input-border-color)}.dtw-border-\[var\(--panel-input-button-border-color\,var\(--panel-accent-to-color\)\)\]{border-color:var(--panel-input-button-border-color,var(--panel-accent-to-color))}.dtw-bg-\[var\(--panel-input-bg\,var\(--panel-neutral-color\)\)\]{background-color:var(--panel-input-bg,var(--panel-neutral-color))}.dtw-bg-\[var\(--panel-input-button-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-input-button-bg,var(--panel-secondary-color))}.dtw-bg-\[var\(--panel-popup-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-popup-bg,var(--panel-secondary-color))}.dtw-bg-\[var\(--panel-tab-bg\,var\(--panel-neutral-color\)\)\]{background-color:var(--panel-tab-bg,var(--panel-neutral-color))}.dtw-bg-error\/30{background-color:#dd376a4d}.dtw-bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dtw-bg-themeBlue{--tw-bg-opacity: 1;background-color:rgb(21 46 77 / var(--tw-bg-opacity))}.dtw-bg-themeDark-800{--tw-bg-opacity: 1;background-color:rgb(27 36 50 / var(--tw-bg-opacity))}.dtw-bg-themeGray-700{--tw-bg-opacity: 1;background-color:rgb(76 80 91 / var(--tw-bg-opacity))}.dtw-bg-transparent{background-color:transparent}.dtw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dtw-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.dtw-from-\[var\(--panel-action-accent-button-bg-from\,var\(--panel-accent-from-color\)\)\]{--tw-gradient-from: var(--panel-action-accent-button-bg-from,var(--panel-accent-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dtw-to-\[var\(--panel-action-accent-button-bg-to\,var\(--panel-accent-to-color\)\)\]{--tw-gradient-to: var(--panel-action-accent-button-bg-to,var(--panel-accent-to-color)) var(--tw-gradient-to-position)}.dtw-stroke-\[color\:var\(--panel-accent-from-color\)\]{stroke:var(--panel-accent-from-color)}.dtw-stroke-info{stroke:#504c56}.dtw-stroke-themeGreen{stroke:#73d393}.dtw-p-1{padding:.25rem}.dtw-p-2{padding:.5rem}.dtw-p-4{padding:1rem}.dtw-px-1{padding-left:.25rem;padding-right:.25rem}.dtw-px-1\.5{padding-left:.375rem;padding-right:.375rem}.dtw-px-2{padding-left:.5rem;padding-right:.5rem}.dtw-px-5{padding-left:1.25rem;padding-right:1.25rem}.dtw-px-\[var\(--panel-balance-group-px\)\]{padding-left:var(--panel-balance-group-px);padding-right:var(--panel-balance-group-px)}.dtw-px-\[var\(--panel-content-px\)\]{padding-left:var(--panel-content-px);padding-right:var(--panel-content-px)}.dtw-px-\[var\(--panel-input-button-px\)\]{padding-left:var(--panel-input-button-px);padding-right:var(--panel-input-button-px)}.dtw-px-\[var\(--panel-input-px\)\]{padding-left:var(--panel-input-px);padding-right:var(--panel-input-px)}.dtw-px-\[var\(--panel-inputs-group-px\)\]{padding-left:var(--panel-inputs-group-px);padding-right:var(--panel-inputs-group-px)}.dtw-px-\[var\(--panel-meta-group-px\)\]{padding-left:var(--panel-meta-group-px);padding-right:var(--panel-meta-group-px)}.dtw-px-\[var\(--panel-tab-group-px\)\]{padding-left:var(--panel-tab-group-px);padding-right:var(--panel-tab-group-px)}.dtw-px-\[var\(--panel-tab-px\)\]{padding-left:var(--panel-tab-px);padding-right:var(--panel-tab-px)}.dtw-py-1{padding-top:.25rem;padding-bottom:.25rem}.dtw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.dtw-py-2{padding-top:.5rem;padding-bottom:.5rem}.dtw-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.dtw-py-\[var\(--panel-input-button-py\)\]{padding-top:var(--panel-input-button-py);padding-bottom:var(--panel-input-button-py)}.dtw-py-\[var\(--panel-input-py\)\]{padding-top:var(--panel-input-py);padding-bottom:var(--panel-input-py)}.dtw-py-\[var\(--panel-tab-py\)\]{padding-top:var(--panel-tab-py);padding-bottom:var(--panel-tab-py)}.dtw-pb-\[var\(--panel-content-pb\)\]{padding-bottom:var(--panel-content-pb)}.dtw-pt-3{padding-top:.75rem}.dtw-pt-\[var\(--panel-content-pt\)\]{padding-top:var(--panel-content-pt)}.dtw-text-center{text-align:center}.dtw-text-right{text-align:right}.dtw-text-\[length\:var\(--panel-balance-font-size\,var\(--panel-font-size-lg\)\)\]{font-size:var(--panel-balance-font-size,var(--panel-font-size-lg))}.dtw-text-\[length\:var\(--panel-balance-price-font-size\,var\(--panel-font-size\)\)\]{font-size:var(--panel-balance-price-font-size,var(--panel-font-size))}.dtw-text-\[length\:var\(--panel-input-button-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-input-button-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-input-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-input-font-size,var(--panel-font-size-sm))}.dtw-text-\[length\:var\(--panel-input-label-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-input-label-font-size,var(--panel-font-size-sm))}.dtw-text-\[length\:var\(--panel-input-token-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-input-token-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-label-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-label-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-popup-font-size\)\]{font-size:var(--panel-popup-font-size)}.dtw-text-\[length\:var\(--panel-tab-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-tab-font-size,var(--panel-font-size-sm))}.dtw-text-sm{font-size:.875rem;line-height:1.25rem}.dtw-text-xl{font-size:1.25rem;line-height:1.75rem}.dtw-text-xs{font-size:.75rem;line-height:1rem}.dtw-font-\[var\(--panel-input-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-input-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-input-label-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-input-label-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-input-token-font-weight\,var\(--panel-font-weight-medium\)\)\]{font-weight:var(--panel-input-token-font-weight,var(--panel-font-weight-medium))}.dtw-font-\[var\(--panel-meta-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-meta-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-tab-font-weight\,var\(--panel-font-weight-bold\)\)\]{font-weight:var(--panel-tab-font-weight,var(--panel-font-weight-bold))}.dtw-font-bold{font-weight:700}.dtw-font-light{font-weight:300}.dtw-font-medium{font-weight:500}.dtw-leading-\[var\(--panel-balance-line-height\,var\(--panel-line-height-lg\)\)\]{line-height:var(--panel-balance-line-height,var(--panel-line-height-lg))}.dtw-leading-\[var\(--panel-balance-price-line-height\,var\(--panel-line-height\)\)\]{line-height:var(--panel-balance-price-line-height,var(--panel-line-height))}.dtw-leading-\[var\(--panel-input-button-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-input-button-line-height,var(--panel-line-height-xs))}.dtw-leading-\[var\(--panel-input-label-line-height\,var\(--panel-line-height-sm\)\)\]{line-height:var(--panel-input-label-line-height,var(--panel-line-height-sm))}.dtw-leading-\[var\(--panel-input-line-height\,var\(--panel-line-height-sm\)\)\]{line-height:var(--panel-input-line-height,var(--panel-line-height-sm))}.dtw-leading-\[var\(--panel-label-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-label-line-height,var(--panel-line-height-xs))}.dtw-text-\[color\:var\(--panel-action-accent-button-color\,var\(--panel-accent-content-color\)\)\]{color:var(--panel-action-accent-button-color,var(--panel-accent-content-color))}.dtw-text-\[color\:var\(--panel-action-outline-button-color\,var\(--panel-content-color\)\)\]{color:var(--panel-action-outline-button-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-balance-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-balance-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-balance-price-content-color\,var\(--panel-secondary-content-color\)\)\]{color:var(--panel-balance-price-content-color,var(--panel-secondary-content-color))}.dtw-text-\[color\:var\(--panel-content-color\)\]{color:var(--panel-content-color)}.dtw-text-\[color\:var\(--panel-error-content-color\)\]{color:var(--panel-error-content-color)}.dtw-text-\[color\:var\(--panel-icon-color\,var\(--panel-content-color\)\)\]{color:var(--panel-icon-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-button-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-input-button-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-input-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-loading-content-color\,var\(--panel-loading-content-color\)\)\]{color:var(--panel-input-loading-content-color,var(--panel-loading-content-color))}.dtw-text-\[color\:var\(--panel-loading-content-color\)\]{color:var(--panel-loading-content-color)}.dtw-text-\[color\:var\(--panel-popup-content-color\,var\(--panel-secondary-content-color\)\)\]{color:var(--panel-popup-content-color,var(--panel-secondary-content-color))}.dtw-text-\[color\:var\(--panel-secondary-content-color\)\]{color:var(--panel-secondary-content-color)}.dtw-text-\[color\:var\(--panel-tab-content-color\,var\(--panel-neutral-content-color\)\)\]{color:var(--panel-tab-content-color,var(--panel-neutral-content-color))}.dtw-text-\[color\:var\(--panel-tab-select-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-tab-select-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-warning-content-color\)\]{color:var(--panel-warning-content-color)}.dtw-text-error{--tw-text-opacity: 1;color:rgb(221 55 106 / var(--tw-text-opacity))}.dtw-text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.dtw-text-themeGray{--tw-text-opacity: 1;color:rgb(177 182 193 / var(--tw-text-opacity))}.dtw-text-themeGray-600{--tw-text-opacity: 1;color:rgb(157 162 173 / var(--tw-text-opacity))}.dtw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dtw-text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity))}.dtw-opacity-0{opacity:0}.dtw-opacity-100{opacity:1}.dtw-opacity-50{opacity:.5}.dtw-opacity-\[var\(--panel-action-opacity\)\]{opacity:var(--panel-action-opacity)}.dtw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dtw-outline-none{outline:2px solid transparent;outline-offset:2px}.dtw-outline-0{outline-width:0px}.dtw-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dtw-ring-\[var\(--panel-popup-border-color\,var\(--panel-secondary-content-color\)\)\]{--tw-ring-color: var(--panel-popup-border-color,var(--panel-secondary-content-color))}.dtw-backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dtw-backdrop-brightness-75{--tw-backdrop-brightness: brightness(.75);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dtw-backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dtw-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-duration-100{transition-duration:.1s}.dtw-duration-500{transition-duration:.5s}.dtw-duration-75{transition-duration:75ms}.dtw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dtw-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.placeholder\:dtw-text-\[color\:var\(--panel-input-placeholder-color\,var\(--panel-secondary-content-color\)\)\]::-moz-placeholder{color:var(--panel-input-placeholder-color,var(--panel-secondary-content-color))}.placeholder\:dtw-text-\[color\:var\(--panel-input-placeholder-color\,var\(--panel-secondary-content-color\)\)\]::placeholder{color:var(--panel-input-placeholder-color,var(--panel-secondary-content-color))}.focus-within\:dtw-border-\[var\(--panel-input-focus-border-color\)\]:focus-within{border-color:var(--panel-input-focus-border-color)}.focus-within\:dtw-bg-\[var\(--panel-input-focus-bg\)\]:focus-within{background-color:var(--panel-input-focus-bg)}@keyframes dtw-spin{to{transform:rotate(360deg)}}.hover\:dtw-animate-spin:hover{animation:dtw-spin 1s linear infinite}.hover\:dtw-bg-\[var\(--panel-meta-hover-bg\,var\(--panel-neutral-color\)\)\]:hover{background-color:var(--panel-meta-hover-bg,var(--panel-neutral-color))}.hover\:dtw-bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.hover\:dtw-bg-themeBlue:hover{--tw-bg-opacity: 1;background-color:rgb(21 46 77 / var(--tw-bg-opacity))}.hover\:dtw-text-\[color\:var\(--panel-tab-hover-content-color\,var\(--panel-content-hover-color\)\)\]:hover{color:var(--panel-tab-hover-content-color,var(--panel-content-hover-color))}.hover\:dtw-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:dtw-opacity-\[var\(--panel-action-hover-opacity\)\]:hover{opacity:var(--panel-action-hover-opacity)}.focus\:dtw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:dtw-border-opacity-100:active{--tw-border-opacity: 1}.hover\:enabled\:dtw-border-\[var\(--panel-action-outline-button-border-hover-color\)\]:enabled:hover{border-color:var(--panel-action-outline-button-border-hover-color)}.hover\:enabled\:dtw-from-\[var\(--panel-action-accent-button-hover-bg-from\,var\(--panel-accent-hover-from-color\)\)\]:enabled:hover{--tw-gradient-from: var(--panel-action-accent-button-hover-bg-from,var(--panel-accent-hover-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:enabled\:dtw-to-\[var\(--panel-action-accent-button-hover-bg-to\,var\(--panel-accent-hover-to-color\)\)\]:enabled:hover{--tw-gradient-to: var(--panel-action-accent-button-hover-bg-to,var(--panel-accent-hover-to-color)) var(--tw-gradient-to-position)}.disabled\:dtw-opacity-50:disabled{opacity:.5}.dtw-group:hover .group-hover\:dtw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:dtw-h-10{height:2.5rem}.sm\:dtw-h-4{height:1rem}.sm\:dtw-h-5{height:1.25rem}.sm\:dtw-h-6{height:1.5rem}.sm\:dtw-h-8{height:2rem}.sm\:dtw-h-\[var\(--panel-icon-secondary-size-sm\)\]{height:var(--panel-icon-secondary-size-sm)}.sm\:dtw-h-\[var\(--panel-input-token-icon-size-sm\,var\(--panel-icon-size-sm\)\)\]{height:var(--panel-input-token-icon-size-sm,var(--panel-icon-size-sm))}.sm\:dtw-w-10{width:2.5rem}.sm\:dtw-w-4{width:1rem}.sm\:dtw-w-5{width:1.25rem}.sm\:dtw-w-6{width:1.5rem}.sm\:dtw-w-8{width:2rem}.sm\:dtw-w-\[var\(--panel-icon-secondary-size-sm\)\]{width:var(--panel-icon-secondary-size-sm)}.sm\:dtw-w-\[var\(--panel-input-token-icon-size-sm\,var\(--panel-icon-size-sm\)\)\]{width:var(--panel-input-token-icon-size-sm,var(--panel-icon-size-sm))}.sm\:dtw-text-\[length\:var\(--panel-input-token-font-size-sm\,var\(--panel-font-size\)\)\]{font-size:var(--panel-input-token-font-size-sm,var(--panel-font-size))}.sm\:dtw-leading-\[var\(--panel-input-token-line-height-sm\,var\(--panel-line-height\)\)\]{line-height:var(--panel-input-token-line-height-sm,var(--panel-line-height))}}@media (min-width: 768px){.md\:dtw-hidden{display:none}}@media (min-width: 1024px){.lg\:dtw-text-\[length\:var\(--panel-input-font-size-lg\,var\(--panel-font-size-lg\)\)\]{font-size:var(--panel-input-font-size-lg,var(--panel-font-size-lg))}.lg\:dtw-leading-\[var\(--panel-input-line-height-lg\,var\(--panel-line-height-lg\)\)\]{line-height:var(--panel-input-line-height-lg,var(--panel-line-height-lg))}}
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.transparent-scrollbar::-webkit-scrollbar{height:0px;width:0px;background-color:transparent}.tooltip-container[data-popper-interactive=false]{pointer-events:none}.tooltip-arrow{pointer-events:none;position:absolute;height:1rem;width:1rem}.tooltip-arrow:before{margin:auto;display:block;height:0px;width:0px;border-style:solid;content:""}.tooltip-arrow:after{position:absolute;margin:auto;display:block;height:0px;width:0px;border-style:solid;content:""}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow{left:0;margin-top:-.3rem;top:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:before{border-color:transparent transparent #4C505B transparent;border-width:0 .5rem .4rem;position:absolute;top:-1px}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:after{border-color:transparent transparent #4C505B transparent;border-width:0 .5rem .4rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow{bottom:0;left:0;margin-bottom:-.9rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:before{border-color:#4C505B transparent transparent transparent;border-width:.4rem .5rem 0;position:absolute;top:1px}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:after{border-color:#4C505B transparent transparent transparent;border-width:.4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow{left:0;margin-left:-.6rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:before{border-color:transparent #4C505B transparent transparent;border-width:.5rem .4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:after{border-color:transparent #4C505B transparent transparent;border-width:.5rem .4rem .5rem 0;left:6px;top:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow{margin-right:-.6rem;right:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:before{border-color:transparent transparent transparent #4C505B;border-width:.5rem 0 .5rem .4em}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:after{border-color:transparent transparent transparent #4C505B;border-width:.5rem 0 .5rem .4em;left:3px;top:0}.dtw-pointer-events-none{pointer-events:none}.dtw-static{position:static}.dtw-absolute{position:absolute}.dtw-relative{position:relative}.dtw-inset-0{top:0;right:0;bottom:0;left:0}.dtw-bottom-0{bottom:0}.dtw-left-0{left:0}.dtw-right-0{right:0}.dtw-right-3{right:.75rem}.dtw-right-3\.5{right:.875rem}.dtw-top-0{top:0}.dtw-top-12{top:3rem}.dtw-z-0{z-index:0}.dtw-z-10{z-index:10}.dtw-z-50{z-index:50}.dtw--ml-2{margin-left:-.5rem}.dtw-mb-0{margin-bottom:0}.dtw-mb-0\.5{margin-bottom:.125rem}.dtw-mb-1{margin-bottom:.25rem}.dtw-mb-4{margin-bottom:1rem}.dtw-mb-8{margin-bottom:2rem}.dtw-ml-1{margin-left:.25rem}.dtw-ml-2{margin-left:.5rem}.dtw-mt-6{margin-top:1.5rem}.dtw-block{display:block}.dtw-inline-block{display:inline-block}.dtw-inline{display:inline}.dtw-flex{display:flex}.dtw-inline-flex{display:inline-flex}.dtw-hidden{display:none}.dtw-h-3{height:.75rem}.dtw-h-4{height:1rem}.dtw-h-5{height:1.25rem}.dtw-h-6{height:1.5rem}.dtw-h-7{height:1.75rem}.dtw-h-9{height:2.25rem}.dtw-h-\[80px\]{height:80px}.dtw-h-\[var\(--panel-icon-secondary-size\)\]{height:var(--panel-icon-secondary-size)}.dtw-h-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{height:var(--panel-input-token-icon-size,var(--panel-icon-size))}.dtw-h-full{height:100%}.dtw-max-h-28{max-height:7rem}.dtw-w-11{width:2.75rem}.dtw-w-14{width:3.5rem}.dtw-w-20{width:5rem}.dtw-w-3{width:.75rem}.dtw-w-4{width:1rem}.dtw-w-5{width:1.25rem}.dtw-w-7{width:1.75rem}.dtw-w-9{width:2.25rem}.dtw-w-\[60px\]{width:60px}.dtw-w-\[70px\]{width:70px}.dtw-w-\[var\(--panel-icon-secondary-size\)\]{width:var(--panel-icon-secondary-size)}.dtw-w-\[var\(--panel-input-token-icon-size\,var\(--panel-icon-size\)\)\]{width:var(--panel-input-token-icon-size,var(--panel-icon-size))}.dtw-w-fit{width:-moz-fit-content;width:fit-content}.dtw-w-full{width:100%}.dtw-min-w-full{min-width:100%}.dtw-max-w-xs{max-width:20rem}.dtw-flex-1{flex:1 1 0%}.dtw-flex-shrink-0{flex-shrink:0}.dtw-grow{flex-grow:1}.dtw-border-separate{border-collapse:separate}.dtw-translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dtw-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes dtw-pulse{50%{opacity:.5}}.dtw-animate-pulse{animation:dtw-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dtw-animate-spin{animation:dtw-spin 1s linear infinite}.dtw-cursor-help{cursor:help}.dtw-cursor-pointer{cursor:pointer}.dtw-list-inside{list-style-position:inside}.dtw-list-disc{list-style-type:disc}.dtw-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dtw-flex-col{flex-direction:column}.dtw-items-center{align-items:center}.dtw-justify-end{justify-content:flex-end}.dtw-justify-center{justify-content:center}.dtw-justify-between{justify-content:space-between}.dtw-gap-1{gap:.25rem}.dtw-gap-1\.5{gap:.375rem}.dtw-gap-2{gap:.5rem}.dtw-gap-\[var\(--panel-balance-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-balance-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-content-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-content-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-input-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-input-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-input-price-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-input-price-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-inputs-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-inputs-group-gap,var(--panel-gap))}.dtw-gap-\[var\(--panel-meta-group-gap\,var\(--panel-gap\)\)\]{gap:var(--panel-meta-group-gap,var(--panel-gap))}.dtw-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.dtw-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.dtw-gap-y-0{row-gap:0px}.dtw-gap-y-0\.5{row-gap:.125rem}.dtw-gap-y-1{row-gap:.25rem}.dtw-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.dtw-self-start{align-self:flex-start}.dtw-self-end{align-self:flex-end}.dtw-overflow-visible{overflow:visible}.dtw-overflow-x-auto{overflow-x:auto}.dtw-overflow-y-scroll{overflow-y:scroll}.dtw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtw-whitespace-normal{white-space:normal}.dtw-whitespace-nowrap{white-space:nowrap}.dtw-rounded-\[var\(--panel-input-button-radius\,var\(--panel-radius\)\)\]{border-radius:var(--panel-input-button-radius,var(--panel-radius))}.dtw-rounded-\[var\(--panel-input-radius\,var\(--panel-radius\)\)\]{border-radius:var(--panel-input-radius,var(--panel-radius))}.dtw-rounded-\[var\(--panel-radius\)\]{border-radius:var(--panel-radius)}.dtw-rounded-\[var\(--panel-radius-secondary\)\]{border-radius:var(--panel-radius-secondary)}.dtw-rounded-\[var\(--panel-radius-secondary\,var\(--panel-radius\)\)\]{border-radius:var(--panel-radius-secondary,var(--panel-radius))}.dtw-rounded-full{border-radius:9999px}.dtw-rounded-lg{border-radius:.5rem}.dtw-rounded-md{border-radius:.375rem}.dtw-rounded-xl{border-radius:.75rem}.dtw-border{border-width:1px}.dtw-border-\[length\:var\(--panel-action-accent-button-border-width\)\]{border-width:var(--panel-action-accent-button-border-width)}.dtw-border-\[color\:var\(--panel-action-accent-button-border-color\)\]{border-color:var(--panel-action-accent-button-border-color)}.dtw-border-\[color\:var\(--panel-error-content-color\)\]{border-color:var(--panel-error-content-color)}.dtw-border-\[color\:var\(--panel-warning-content-color\)\]{border-color:var(--panel-warning-content-color)}.dtw-border-\[var\(--panel-action-outline-button-border-color\,var\(--panel-border-color\)\)\]{border-color:var(--panel-action-outline-button-border-color,var(--panel-border-color))}.dtw-border-\[var\(--panel-input-border-color\)\]{border-color:var(--panel-input-border-color)}.dtw-border-\[var\(--panel-input-button-border-color\,var\(--panel-accent-to-color\)\)\]{border-color:var(--panel-input-button-border-color,var(--panel-accent-to-color))}.dtw-bg-\[var\(--panel-input-bg\,var\(--panel-neutral-color\)\)\]{background-color:var(--panel-input-bg,var(--panel-neutral-color))}.dtw-bg-\[var\(--panel-input-button-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-input-button-bg,var(--panel-secondary-color))}.dtw-bg-\[var\(--panel-popup-bg\,var\(--panel-secondary-color\)\)\]{background-color:var(--panel-popup-bg,var(--panel-secondary-color))}.dtw-bg-\[var\(--panel-tab-bg\,var\(--panel-neutral-color\)\)\]{background-color:var(--panel-tab-bg,var(--panel-neutral-color))}.dtw-bg-error\/30{background-color:#dd376a4d}.dtw-bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dtw-bg-themeBlue{--tw-bg-opacity: 1;background-color:rgb(21 46 77 / var(--tw-bg-opacity))}.dtw-bg-themeDark-800{--tw-bg-opacity: 1;background-color:rgb(27 36 50 / var(--tw-bg-opacity))}.dtw-bg-themeGray-700{--tw-bg-opacity: 1;background-color:rgb(76 80 91 / var(--tw-bg-opacity))}.dtw-bg-transparent{background-color:transparent}.dtw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dtw-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.dtw-from-\[var\(--panel-action-accent-button-bg-from\,var\(--panel-accent-from-color\)\)\]{--tw-gradient-from: var(--panel-action-accent-button-bg-from,var(--panel-accent-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dtw-to-\[var\(--panel-action-accent-button-bg-to\,var\(--panel-accent-to-color\)\)\]{--tw-gradient-to: var(--panel-action-accent-button-bg-to,var(--panel-accent-to-color)) var(--tw-gradient-to-position)}.dtw-stroke-\[color\:var\(--panel-accent-from-color\)\]{stroke:var(--panel-accent-from-color)}.dtw-stroke-info{stroke:#504c56}.dtw-stroke-themeGreen{stroke:#73d393}.dtw-p-1{padding:.25rem}.dtw-p-2{padding:.5rem}.dtw-p-4{padding:1rem}.dtw-px-1{padding-left:.25rem;padding-right:.25rem}.dtw-px-1\.5{padding-left:.375rem;padding-right:.375rem}.dtw-px-2{padding-left:.5rem;padding-right:.5rem}.dtw-px-5{padding-left:1.25rem;padding-right:1.25rem}.dtw-px-\[var\(--panel-balance-group-px\)\]{padding-left:var(--panel-balance-group-px);padding-right:var(--panel-balance-group-px)}.dtw-px-\[var\(--panel-content-px\)\]{padding-left:var(--panel-content-px);padding-right:var(--panel-content-px)}.dtw-px-\[var\(--panel-input-button-px\)\]{padding-left:var(--panel-input-button-px);padding-right:var(--panel-input-button-px)}.dtw-px-\[var\(--panel-input-px\)\]{padding-left:var(--panel-input-px);padding-right:var(--panel-input-px)}.dtw-px-\[var\(--panel-inputs-group-px\)\]{padding-left:var(--panel-inputs-group-px);padding-right:var(--panel-inputs-group-px)}.dtw-px-\[var\(--panel-meta-group-px\)\]{padding-left:var(--panel-meta-group-px);padding-right:var(--panel-meta-group-px)}.dtw-px-\[var\(--panel-tab-group-px\)\]{padding-left:var(--panel-tab-group-px);padding-right:var(--panel-tab-group-px)}.dtw-px-\[var\(--panel-tab-px\)\]{padding-left:var(--panel-tab-px);padding-right:var(--panel-tab-px)}.dtw-py-1{padding-top:.25rem;padding-bottom:.25rem}.dtw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.dtw-py-2{padding-top:.5rem;padding-bottom:.5rem}.dtw-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.dtw-py-\[var\(--panel-input-button-py\)\]{padding-top:var(--panel-input-button-py);padding-bottom:var(--panel-input-button-py)}.dtw-py-\[var\(--panel-input-py\)\]{padding-top:var(--panel-input-py);padding-bottom:var(--panel-input-py)}.dtw-py-\[var\(--panel-tab-py\)\]{padding-top:var(--panel-tab-py);padding-bottom:var(--panel-tab-py)}.dtw-pb-\[var\(--panel-content-pb\)\]{padding-bottom:var(--panel-content-pb)}.dtw-pt-3{padding-top:.75rem}.dtw-pt-\[var\(--panel-content-pt\)\]{padding-top:var(--panel-content-pt)}.dtw-text-center{text-align:center}.dtw-text-right{text-align:right}.dtw-text-\[length\:var\(--panel-balance-font-size\,var\(--panel-font-size-lg\)\)\]{font-size:var(--panel-balance-font-size,var(--panel-font-size-lg))}.dtw-text-\[length\:var\(--panel-balance-price-font-size\,var\(--panel-font-size\)\)\]{font-size:var(--panel-balance-price-font-size,var(--panel-font-size))}.dtw-text-\[length\:var\(--panel-input-button-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-input-button-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-input-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-input-font-size,var(--panel-font-size-sm))}.dtw-text-\[length\:var\(--panel-input-label-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-input-label-font-size,var(--panel-font-size-sm))}.dtw-text-\[length\:var\(--panel-input-token-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-input-token-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-label-font-size\,var\(--panel-font-size-xs\)\)\]{font-size:var(--panel-label-font-size,var(--panel-font-size-xs))}.dtw-text-\[length\:var\(--panel-popup-font-size\)\]{font-size:var(--panel-popup-font-size)}.dtw-text-\[length\:var\(--panel-tab-font-size\,var\(--panel-font-size-sm\)\)\]{font-size:var(--panel-tab-font-size,var(--panel-font-size-sm))}.dtw-text-sm{font-size:.875rem;line-height:1.25rem}.dtw-text-xl{font-size:1.25rem;line-height:1.75rem}.dtw-text-xs{font-size:.75rem;line-height:1rem}.dtw-font-\[var\(--panel-input-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-input-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-input-label-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-input-label-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-input-token-font-weight\,var\(--panel-font-weight-medium\)\)\]{font-weight:var(--panel-input-token-font-weight,var(--panel-font-weight-medium))}.dtw-font-\[var\(--panel-meta-font-weight\,var\(--panel-font-weight-light\)\)\]{font-weight:var(--panel-meta-font-weight,var(--panel-font-weight-light))}.dtw-font-\[var\(--panel-tab-font-weight\,var\(--panel-font-weight-bold\)\)\]{font-weight:var(--panel-tab-font-weight,var(--panel-font-weight-bold))}.dtw-font-bold{font-weight:700}.dtw-font-light{font-weight:300}.dtw-font-medium{font-weight:500}.dtw-leading-\[var\(--panel-balance-line-height\,var\(--panel-line-height-lg\)\)\]{line-height:var(--panel-balance-line-height,var(--panel-line-height-lg))}.dtw-leading-\[var\(--panel-balance-price-line-height\,var\(--panel-line-height\)\)\]{line-height:var(--panel-balance-price-line-height,var(--panel-line-height))}.dtw-leading-\[var\(--panel-input-button-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-input-button-line-height,var(--panel-line-height-xs))}.dtw-leading-\[var\(--panel-input-label-line-height\,var\(--panel-line-height-sm\)\)\]{line-height:var(--panel-input-label-line-height,var(--panel-line-height-sm))}.dtw-leading-\[var\(--panel-input-line-height\,var\(--panel-line-height-sm\)\)\]{line-height:var(--panel-input-line-height,var(--panel-line-height-sm))}.dtw-leading-\[var\(--panel-label-line-height\,var\(--panel-line-height-xs\)\)\]{line-height:var(--panel-label-line-height,var(--panel-line-height-xs))}.dtw-text-\[color\:var\(--panel-action-accent-button-color\,var\(--panel-accent-content-color\)\)\]{color:var(--panel-action-accent-button-color,var(--panel-accent-content-color))}.dtw-text-\[color\:var\(--panel-action-outline-button-color\,var\(--panel-content-color\)\)\]{color:var(--panel-action-outline-button-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-balance-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-balance-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-balance-price-content-color\,var\(--panel-secondary-content-color\)\)\]{color:var(--panel-balance-price-content-color,var(--panel-secondary-content-color))}.dtw-text-\[color\:var\(--panel-content-color\)\]{color:var(--panel-content-color)}.dtw-text-\[color\:var\(--panel-error-content-color\)\]{color:var(--panel-error-content-color)}.dtw-text-\[color\:var\(--panel-icon-color\,var\(--panel-content-color\)\)\]{color:var(--panel-icon-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-button-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-input-button-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-input-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-input-loading-content-color\,var\(--panel-loading-content-color\)\)\]{color:var(--panel-input-loading-content-color,var(--panel-loading-content-color))}.dtw-text-\[color\:var\(--panel-loading-content-color\)\]{color:var(--panel-loading-content-color)}.dtw-text-\[color\:var\(--panel-popup-content-color\,var\(--panel-secondary-content-color\)\)\]{color:var(--panel-popup-content-color,var(--panel-secondary-content-color))}.dtw-text-\[color\:var\(--panel-secondary-content-color\)\]{color:var(--panel-secondary-content-color)}.dtw-text-\[color\:var\(--panel-tab-content-color\,var\(--panel-neutral-content-color\)\)\]{color:var(--panel-tab-content-color,var(--panel-neutral-content-color))}.dtw-text-\[color\:var\(--panel-tab-select-content-color\,var\(--panel-content-color\)\)\]{color:var(--panel-tab-select-content-color,var(--panel-content-color))}.dtw-text-\[color\:var\(--panel-warning-content-color\)\]{color:var(--panel-warning-content-color)}.dtw-text-error{--tw-text-opacity: 1;color:rgb(221 55 106 / var(--tw-text-opacity))}.dtw-text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.dtw-text-themeGray{--tw-text-opacity: 1;color:rgb(177 182 193 / var(--tw-text-opacity))}.dtw-text-themeGray-600{--tw-text-opacity: 1;color:rgb(157 162 173 / var(--tw-text-opacity))}.dtw-text-warning{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity))}.dtw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dtw-text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity))}.dtw-opacity-0{opacity:0}.dtw-opacity-100{opacity:1}.dtw-opacity-50{opacity:.5}.dtw-opacity-\[var\(--panel-action-opacity\)\]{opacity:var(--panel-action-opacity)}.dtw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dtw-outline-none{outline:2px solid transparent;outline-offset:2px}.dtw-outline-0{outline-width:0px}.dtw-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dtw-ring-\[var\(--panel-popup-border-color\,var\(--panel-secondary-content-color\)\)\]{--tw-ring-color: var(--panel-popup-border-color,var(--panel-secondary-content-color))}.dtw-backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dtw-backdrop-brightness-75{--tw-backdrop-brightness: brightness(.75);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dtw-backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dtw-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dtw-duration-100{transition-duration:.1s}.dtw-duration-500{transition-duration:.5s}.dtw-duration-75{transition-duration:75ms}.dtw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dtw-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.placeholder\:dtw-text-\[color\:var\(--panel-input-placeholder-color\,var\(--panel-secondary-content-color\)\)\]::-moz-placeholder{color:var(--panel-input-placeholder-color,var(--panel-secondary-content-color))}.placeholder\:dtw-text-\[color\:var\(--panel-input-placeholder-color\,var\(--panel-secondary-content-color\)\)\]::placeholder{color:var(--panel-input-placeholder-color,var(--panel-secondary-content-color))}.focus-within\:dtw-border-\[var\(--panel-input-focus-border-color\)\]:focus-within{border-color:var(--panel-input-focus-border-color)}.focus-within\:dtw-bg-\[var\(--panel-input-focus-bg\)\]:focus-within{background-color:var(--panel-input-focus-bg)}@keyframes dtw-spin{to{transform:rotate(360deg)}}.hover\:dtw-animate-spin:hover{animation:dtw-spin 1s linear infinite}.hover\:dtw-bg-\[var\(--panel-meta-hover-bg\,var\(--panel-neutral-color\)\)\]:hover{background-color:var(--panel-meta-hover-bg,var(--panel-neutral-color))}.hover\:dtw-bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.hover\:dtw-bg-themeBlue:hover{--tw-bg-opacity: 1;background-color:rgb(21 46 77 / var(--tw-bg-opacity))}.hover\:dtw-text-\[color\:var\(--panel-tab-hover-content-color\,var\(--panel-content-hover-color\)\)\]:hover{color:var(--panel-tab-hover-content-color,var(--panel-content-hover-color))}.hover\:dtw-text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:dtw-opacity-\[var\(--panel-action-hover-opacity\)\]:hover{opacity:var(--panel-action-hover-opacity)}.focus\:dtw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:dtw-border-opacity-100:active{--tw-border-opacity: 1}.hover\:enabled\:dtw-border-\[var\(--panel-action-outline-button-border-hover-color\)\]:enabled:hover{border-color:var(--panel-action-outline-button-border-hover-color)}.hover\:enabled\:dtw-from-\[var\(--panel-action-accent-button-hover-bg-from\,var\(--panel-accent-hover-from-color\)\)\]:enabled:hover{--tw-gradient-from: var(--panel-action-accent-button-hover-bg-from,var(--panel-accent-hover-from-color)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:enabled\:dtw-to-\[var\(--panel-action-accent-button-hover-bg-to\,var\(--panel-accent-hover-to-color\)\)\]:enabled:hover{--tw-gradient-to: var(--panel-action-accent-button-hover-bg-to,var(--panel-accent-hover-to-color)) var(--tw-gradient-to-position)}.disabled\:dtw-opacity-50:disabled{opacity:.5}.dtw-group:hover .group-hover\:dtw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:dtw-h-10{height:2.5rem}.sm\:dtw-h-4{height:1rem}.sm\:dtw-h-5{height:1.25rem}.sm\:dtw-h-6{height:1.5rem}.sm\:dtw-h-8{height:2rem}.sm\:dtw-h-\[var\(--panel-icon-secondary-size-sm\)\]{height:var(--panel-icon-secondary-size-sm)}.sm\:dtw-h-\[var\(--panel-input-token-icon-size-sm\,var\(--panel-icon-size-sm\)\)\]{height:var(--panel-input-token-icon-size-sm,var(--panel-icon-size-sm))}.sm\:dtw-w-10{width:2.5rem}.sm\:dtw-w-4{width:1rem}.sm\:dtw-w-5{width:1.25rem}.sm\:dtw-w-6{width:1.5rem}.sm\:dtw-w-8{width:2rem}.sm\:dtw-w-\[var\(--panel-icon-secondary-size-sm\)\]{width:var(--panel-icon-secondary-size-sm)}.sm\:dtw-w-\[var\(--panel-input-token-icon-size-sm\,var\(--panel-icon-size-sm\)\)\]{width:var(--panel-input-token-icon-size-sm,var(--panel-icon-size-sm))}.sm\:dtw-text-\[length\:var\(--panel-input-token-font-size-sm\,var\(--panel-font-size\)\)\]{font-size:var(--panel-input-token-font-size-sm,var(--panel-font-size))}.sm\:dtw-leading-\[var\(--panel-input-token-line-height-sm\,var\(--panel-line-height\)\)\]{line-height:var(--panel-input-token-line-height-sm,var(--panel-line-height))}}@media (min-width: 768px){.md\:dtw-hidden{display:none}}@media (min-width: 1024px){.lg\:dtw-text-\[length\:var\(--panel-input-font-size-lg\,var\(--panel-font-size-lg\)\)\]{font-size:var(--panel-input-font-size-lg,var(--panel-font-size-lg))}.lg\:dtw-leading-\[var\(--panel-input-line-height-lg\,var\(--panel-line-height-lg\)\)\]{line-height:var(--panel-input-line-height-lg,var(--panel-line-height-lg))}}

package/{components → trading-widget/components}/common/badge/token-badge/token-badge.d.ts

@@ -1,5 +1,5 @@
 import type { FC, HTMLAttributes, ReactElement } from 'react';
-import type { TokenIconSize } from 'types';
+import type { TokenIconSize } from 'trading-widget/types';
 interface TokenBadgeProps {
     symbol: string;
     iconSymbols: string[];

package/{components → trading-widget/components}/common/icon/token-icon/token-icon.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-import type { TokenIconSize } from 'types';
+import type { TokenIconSize } from 'trading-widget/types';
 export interface TokenIconProps {
     symbols: string[];
     size?: TokenIconSize;

package/trading-widget/components/common/layout/overlay/overlay.d.ts

@@ -0,0 +1,7 @@
+import type { FC, PropsWithChildren } from 'react';
+interface OverlayProps {
+    className?: string;
+    transparent?: boolean;
+}
+export declare const Overlay: FC<PropsWithChildren<OverlayProps>>;
+export {};

package/{components → trading-widget/components}/common/meta/transaction-disclosure/transaction-disclosure-item/transaction-disclosure-item.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ThemeType } from 'types';
+import type { ThemeType } from 'trading-widget/types';
 export interface TransactionDisclosureItemProps {
     tooltipText: string;
     label: string;

package/{components → trading-widget/components}/common/meta/transaction-disclosure/transaction-disclosure.d.ts

@@ -1,5 +1,5 @@
 import type { FC, PropsWithChildren } from 'react';
-import type { ThemeType } from 'types';
+import type { ThemeType } from 'trading-widget/types';
 import type { TransactionDisclosureItemProps } from './transaction-disclosure-item/transaction-disclosure-item';
 interface TransactionOverviewDisclosureProps {
     buttonItemChildren?: TransactionDisclosureItemProps['children'];

package/{components → trading-widget/components}/common/spinner/spinner.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-import type { ThemeType } from 'types';
+import type { ThemeType } from 'trading-widget/types';
 interface SpinnerProps {
     type?: ThemeType;
     className?: string;

package/{components → trading-widget/components}/common/tab/tab-button/tab-button.d.ts

@@ -1,4 +1,4 @@
-import type { TradingPanelType } from '@dhedge/core-ui-kit/types';
+import type { TradingPanelType } from 'core-kit/types';
 import type { FC } from 'react';
 interface TabProps {
     tradingType: TradingPanelType;

package/trading-widget/components/default-examples/image/image.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { ImageProps } from 'trading-widget/providers/component-provider';
+export declare const Image: FC<ImageProps>;

package/trading-widget/components/deposit/button/trade-button/trade-button.hooks.d.ts

@@ -0,0 +1,5 @@
+export declare const useDepositTradeButton: () => {
+    handleClick: () => void;
+    disabled: boolean;
+    label: string;
+};

package/{components → trading-widget/components}/deposit/input-group/input-group.hooks.d.ts

@@ -3,7 +3,7 @@ export declare const useDepositInputGroup: () => {
     sendToken: {
         price: string;
         balance: string;
-        updater: (payload: Partial<import("../../../../../core-ui-kit/dist/trading-panel.types-hhd3i-Wf").D>) => void;
+        updater: (payload: Partial<import("../../../..").DynamicTradingToken>) => void;
         isLoading?: boolean | undefined;
         address: `0x${string}`;
         symbol: string;

package/{components → trading-widget/components}/deposit/meta/transaction-disclosure/transaction-disclosure.hooks.d.ts

@@ -1,6 +1,6 @@
 export declare const useDepositTransactionDisclosure: () => {
-    projectedEarnings: import("../../../../../../core-ui-kit/dist/trading-panel.types-hhd3i-Wf").g;
-    themeType: import("types").ThemeType;
+    projectedEarnings: import("../../../../..").UseProjectedEarningsResult;
+    themeType: import("trading-widget/types").ThemeType;
     slippageTooltipText: string;
     isMaxSlippageLoading: boolean;
     slippagePlaceholder: string;

package/{components → trading-widget/components}/index.d.ts

@@ -1,3 +1,3 @@
 import type { FC } from 'react';
-import type { ProvidersProps } from 'providers';
+import type { ProvidersProps } from 'trading-widget/providers';
 export declare const TradingWidget: FC<ProvidersProps>;

package/{components → trading-widget/components}/widget/widget-input/asset-composition-table/asset-composition-table.hooks.d.ts

@@ -1,9 +1,9 @@
-import type { TokenIconSize } from 'types';
+import type { TokenIconSize } from 'trading-widget/types';
 export interface AssetCompositionTableProps {
     className?: string;
     showFraction?: boolean;
     iconSize?: TokenIconSize;
 }
 export declare const useAssetCompositionTable: () => {
-    poolComposition: import("../../../../../../core-ui-kit/dist/pool.types-Ekba6o9H").a[];
+    poolComposition: import("../../../../..").PoolCompositionWithFraction[];
 };

package/{components → trading-widget/components}/widget/widget-input/token-selector/token-selector.d.ts

@@ -1,3 +1,3 @@
 import type { FC } from 'react';
-import { TokenSelectorProps } from './token-selector.hooks';
+import type { TokenSelectorProps } from './token-selector.hooks';
 export declare const TokenSelector: FC<TokenSelectorProps>;

package/{components → trading-widget/components}/widget/widget-input/widget-input.hooks.d.ts

@@ -1,5 +1,5 @@
 import type { ChangeEvent } from 'react';
-import { ThemeType } from 'types';
+import type { ThemeType } from 'trading-widget/types';
 export interface WidgetInputProps {
     label: string;
     assetSymbol: string;

package/trading-widget/components/widget/widget-overlay/high-slippage-overlay/high-slippage-overlay.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { OverlayProps } from 'trading-widget/types';
+export declare const HighSlippageOverlay: FC<OverlayProps>;

package/trading-widget/components/widget/widget-overlay/index.d.ts

@@ -0,0 +1,4 @@
+export { PendingApprovalOverlay } from './pending-approval-overlay/pending-approval-overlay';
+export { OverlaySwitch } from './overlay-switch/overlay-switch';
+export { TermsOfUseOverlay } from './terms-of-use-overlay/terms-of-use-overlay';
+export { HighSlippageOverlay } from './high-slippage-overlay/high-slippage-overlay';

package/trading-widget/components/widget/widget-overlay/overlay-switch/overlay-switch.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const OverlaySwitch: FC<PropsWithChildren>;

package/trading-widget/components/widget/widget-overlay/terms-of-use-overlay/terms-of-use-overlay.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { OverlayProps } from 'trading-widget/types';
+export declare const TermsOfUseOverlay: FC<OverlayProps>;

package/{components → trading-widget/components}/widget/widget-settings/slippage-selector/slippage-selector.hooks.d.ts

@@ -7,7 +7,7 @@ export declare const useSlippageSelector: () => {
         isMultiAssetWithdrawalEnabled: boolean;
         isMaxSlippageLoading: boolean;
     };
-    tradingType: import("../../../../../../core-ui-kit/dist/trading-panel.types-hhd3i-Wf").b;
+    tradingType: import("../../../../..").TradingPanelType;
     isCustomSlippage: boolean;
     invalidSlippage: boolean;
     onDefaultSlippageSelect: () => void;

package/{components → trading-widget/components}/widget/widget-settings/widget-settings.d.ts

@@ -1,4 +1,4 @@
-import type { TradingPanelType } from '@dhedge/core-ui-kit/types';
+import type { TradingPanelType } from 'core-kit/types';
 import type { FC } from 'react';
 interface WidgetSettingsProps {
     tradingType: TradingPanelType;

package/{components → trading-widget/components}/widget/widget.hooks.d.ts

@@ -1,4 +1,4 @@
-import type { TradingPanelType } from '@dhedge/core-ui-kit/types';
+import type { TradingPanelType } from 'core-kit/types';
 export declare const useWidget: () => {
     type: TradingPanelType;
     onTabChange: (index: number) => void;

package/{components → trading-widget/components}/withdraw/button/valid-withdraw-button/valid-withdraw-button.hooks.d.ts

@@ -10,5 +10,5 @@ export declare const useValidWithdrawButton: () => {
     withdrawalWindowStartTime: string;
     approve: () => Promise<void>;
     updateOracles: () => Promise<void>;
-    confirmHighSlippage: () => void;
+    handleHighSlippageClick: () => void;
 };

package/{components → trading-widget/components}/withdraw/input-group/input-group.hooks.d.ts

@@ -1,6 +1,6 @@
 export declare const useWithdrawInputGroup: () => {
     sendToken: {
-        updater: (payload: Partial<import("../../../../../core-ui-kit/dist/trading-panel.types-hhd3i-Wf").D>) => void;
+        updater: (payload: Partial<import("../../../..").DynamicTradingToken>) => void;
         balance: string;
         price: string;
         isLoading?: boolean | undefined;

package/{components → trading-widget/components}/withdraw/meta/transaction-disclosure/transaction-disclosure.hooks.d.ts

@@ -1,5 +1,5 @@
 export declare const useWithdrawTransactionDisclosure: () => {
-    themeType: import("types").ThemeType;
+    themeType: import("trading-widget/types").ThemeType;
     slippageTooltipText: string;
     isMaxSlippageLoading: boolean;
     slippagePlaceholder: string;

package/{constants → trading-widget/constants}/synthetix-v3.d.ts

@@ -1,2 +1,2 @@
-import type { PeriodConfig, SynthetixV3PeriodType } from 'types/synthetix-v3.types';
+import type { PeriodConfig, SynthetixV3PeriodType } from 'trading-widget/types/synthetix-v3.types';
 export declare const SYNTHETIX_V3_PERIOD_RANGE_CONFIG: Record<SynthetixV3PeriodType, PeriodConfig>;

package/{hooks → trading-widget/hooks}/use-get-slippage-placeholder.d.ts

@@ -1,2 +1,2 @@
-import type { TradingPanelType } from '@dhedge/core-ui-kit/types';
+import type { TradingPanelType } from 'core-kit/types';
 export declare const useGetSlippagePlaceholder: (tradingType: TradingPanelType, slippage: number | 'auto', minSlippage?: number) => string;

package/{hooks → trading-widget/hooks}/use-get-theme-type-by-slippage.d.ts

@@ -1,2 +1,2 @@
-import type { ThemeType } from 'types';
+import type { ThemeType } from 'trading-widget/types';
 export declare const useGetThemeTypeBySlippage: (slippage: number) => ThemeType;

package/{hooks → trading-widget/hooks}/use-trading-type-name.d.ts

@@ -1,2 +1,2 @@
-import type { TradingPanelType } from '@dhedge/core-ui-kit/types';
+import type { TradingPanelType } from 'core-kit/types';
 export declare const useTradingTypeName: (tradingType: TradingPanelType) => string;

package/{hooks → trading-widget/hooks}/use-user-staked-pools.d.ts

@@ -1,4 +1,4 @@
-import type { Address } from '@dhedge/core-ui-kit/types';
+import type { Address } from 'core-kit/types';
 export declare const useUserStakedPools: () => {
     address: Address;
     amount: string;

package/trading-widget/hooks/use-user-vault-balance.d.ts

@@ -0,0 +1,3 @@
+import type { Address } from 'core-kit/types';
+import type { Balance } from 'trading-widget/types';
+export declare const useUserVaultBalance: (address: Address) => Balance | undefined;

package/{hooks → trading-widget/hooks}/use-user-vaults-balances.d.ts

@@ -1,2 +1,2 @@
-import type { UserPoolBalances } from 'types';
+import type { UserPoolBalances } from 'trading-widget/types';
 export declare const useUserVaultsBalances: () => UserPoolBalances;

package/{providers → trading-widget/providers}/component-provider/component-provider.d.ts

@@ -7,5 +7,6 @@ export declare const ComponentProviderContext: import("react").Context<Partial<{
     ExtraActionButton?: import("react").ComponentType | undefined;
     Image?: import("react").ComponentType<import("./component-provider.types").ImageProps> | undefined;
     LogoSpinner?: import("react").ComponentType<import("react").SVGProps<SVGElement>> | undefined;
+    DepositTermsOfUse?: import("react").ComponentType | undefined;
 } | undefined>>;
 export declare const ComponentProvider: FC<PropsWithChildren<ComponentProviderProps>>;

package/{providers → trading-widget/providers}/component-provider/component-provider.hooks.d.ts

@@ -6,4 +6,5 @@ export declare const useComponentContext: () => Partial<{
     ExtraActionButton?: import("react").ComponentType | undefined;
     Image?: import("react").ComponentType<import("./component-provider.types").ImageProps> | undefined;
     LogoSpinner?: import("react").ComponentType<import("react").SVGProps<SVGElement>> | undefined;
+    DepositTermsOfUse?: import("react").ComponentType | undefined;
 }>;

package/{providers → trading-widget/providers}/component-provider/component-provider.types.d.ts

@@ -5,6 +5,7 @@ export interface ImageProps {
     width?: number | string;
     height?: number | string;
     onError?: () => void;
+    onLoad?: () => void;
     className?: string;
 }
 export interface ComponentProviderProps {
@@ -15,5 +16,6 @@ export interface ComponentProviderProps {
         ExtraActionButton?: ComponentType;
         Image?: ComponentType<ImageProps>;
         LogoSpinner?: ComponentType<SVGProps<SVGElement>>;
+        DepositTermsOfUse?: ComponentType;
     };
 }

package/{providers → trading-widget/providers}/config-provider/config-provider.types.d.ts

@@ -1,4 +1,4 @@
-import type { ChainId } from '@dhedge/core-ui-kit/types';
+import type { ChainId } from 'core-kit/types';
 export interface ConfigProviderParams {
     isGeoBlocked: boolean;
     depositQuoteDiffWarningThreshold: number;
@@ -11,9 +11,11 @@ export interface ConfigProviderParams {
     stablePrecision: number;
     defaultPrecision: number;
     stakingChainId: ChainId;
+    termsOfUseAccepted: boolean;
 }
 export interface ConfigProviderActions {
     onConnect: () => void;
+    onAcceptTermsOfUse: () => void;
 }
 export interface ConfigProviderProps {
     config?: {

package/trading-widget/providers/overlay-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { useOverlayStateContext, useOverlayDispatchContext, useOverlayHandlers, } from './overlay-provider.hooks';
+export { OverlayProvider } from './overlay-provider';

package/trading-widget/providers/overlay-provider/overlay-provider.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const OverlayProvider: FC<PropsWithChildren>;

package/trading-widget/providers/overlay-provider/overlay-provider.hooks.d.ts

@@ -0,0 +1,12 @@
+import type { Dispatch } from 'react';
+import type { OverlayProps } from 'trading-widget/types';
+import type { OverlayProviderAction, OverlayProviderState } from './overlay-provider.types';
+export declare const useOverlayProvider: () => [OverlayProviderState, Dispatch<OverlayProviderAction>];
+export declare const OverlayProviderStateContext: import("react").Context<OverlayProviderState>;
+export declare const OverlayProviderDispatchContext: import("react").Context<Dispatch<OverlayProviderAction>>;
+export declare const useOverlayStateContext: () => OverlayProviderState;
+export declare const useOverlayDispatchContext: () => Dispatch<OverlayProviderAction>;
+export declare const useOverlayHandlers: ({ type }: OverlayProps) => {
+    handleReject: () => void;
+    handleConfirm: () => void;
+};

package/trading-widget/providers/overlay-provider/overlay-provider.types.d.ts

@@ -0,0 +1,12 @@
+import type { OverlayType } from 'trading-widget/types';
+export type OverlayProviderState = Record<OverlayType, Pick<MergeOverlayActionPayload, 'isOpen' | 'onConfirm'>>;
+type MergeOverlayActionPayload = {
+    isOpen: boolean;
+    type: OverlayType;
+    onConfirm?: () => void;
+};
+export type OverlayProviderAction = {
+    type: 'MERGE_OVERLAY';
+    payload: MergeOverlayActionPayload;
+};
+export {};

package/{providers → trading-widget/providers}/theme-provider/theme-provider.types.d.ts

@@ -41,9 +41,9 @@ export interface ThemeProviderConfigProps {
         };
     };
     component?: {
-        color?: {};
-        size?: {};
-        style?: {};
+        color?: object;
+        size?: object;
+        style?: object;
     };
 }
 export interface ThemeProviderProps {

package/{providers → trading-widget/providers}/translation-provider/translation-provider.types.d.ts

@@ -50,6 +50,20 @@ export type TranslationMap = {
     confirmMaxSlippage: string;
     withdrawalWindowDisabled: string;
     withdrawCooldown: string;
+    termsOfUse: string;
+    termOfUseDepositListTitle: string;
+    termOfUseDepositAssetSlippage: string;
+    termOfUseDepositBugs: string;
+    termOfUseDepositDowntime: string;
+    termOfUseDepositAuditRisk: string;
+    termOfUseDepositAccept: string;
+    back: string;
+    highSlippage: string;
+    responsibleHighSlippage: string;
+    highSlippageListTitle: string;
+    highSlippageQuoteDiff: string;
+    highSlippageRisk: string;
+    confirm: string;
     [key: string]: string;
 };
 export interface TranslationProviderProps {

package/{types → trading-widget/types}/index.d.ts

@@ -2,3 +2,4 @@ export * from './theme.types';
 export * from './synthetix-v3.types';
 export * from './balance.types';
 export * from './staking.types';
+export * from './overlay.types';

package/trading-widget/types/overlay.types.d.ts

@@ -0,0 +1,8 @@
+export declare const OVERLAY: {
+    readonly TERMS_OF_USE: "TERMS_OF_USE";
+    readonly HIGH_SLIPPAGE: "HIGH_SLIPPAGE";
+};
+export type OverlayType = (typeof OVERLAY)[keyof typeof OVERLAY];
+export interface OverlayProps {
+    type: OverlayType;
+}

package/{types → trading-widget/types}/staking.types.d.ts

@@ -1,4 +1,4 @@
-import type { Address } from '@dhedge/core-ui-kit/types';
+import type { Address } from 'core-kit/types';
 export interface ContractStakeData {
     dhedgePoolAddress: Address;
     dhedgePoolAmount: bigint;

package/{utils → trading-widget/utils}/format.d.ts

@@ -1,4 +1,4 @@
-import { Balance } from 'types';
+import type { Balance } from 'trading-widget/types';
 export declare function formatBalanceInUsd(balance: string | undefined, tokenPrice: string | undefined, maximumFractionDigits?: number): {
     balanceInUsd: string;
     balanceInUsdNumber: number;

package/{utils → trading-widget/utils}/synthetix-v3.d.ts

@@ -1,4 +1,4 @@
-import type { SynthetixV3PeriodType } from 'types/synthetix-v3.types';
+import type { SynthetixV3PeriodType } from 'trading-widget/types/synthetix-v3.types';
 export declare const getDateRangeByPeriod: (period: SynthetixV3PeriodType) => {
     from: Date;
     to: Date;
@@ -32,8 +32,8 @@ export declare const getRangeData: () => {
     name: string;
     description?: string | undefined;
     gradient: [string, string];
-    start: import("types/synthetix-v3.types").DayParams;
-    end: import("types/synthetix-v3.types").DayParams;
+    start: import("trading-widget/types/synthetix-v3.types").DayParams;
+    end: import("trading-widget/types/synthetix-v3.types").DayParams;
 }[];
 export declare const getCurrentRangeIndex: () => number;
 export declare const getWithdrawalWindowStart: () => string;

package/components/common/layout/overlay/overlay.d.ts

@@ -1,2 +0,0 @@
-import type { FC, PropsWithChildren } from 'react';
-export declare const Overlay: FC<PropsWithChildren>;