@dhedge/trading-widget 0.0.1

package/native-15074a2a.mjs

@@ -0,0 +1,15 @@
+function e() {
+  if (typeof WebSocket < "u")
+    return WebSocket;
+  if (typeof global.WebSocket < "u")
+    return global.WebSocket;
+  if (typeof window.WebSocket < "u")
+    return window.WebSocket;
+  if (typeof self.WebSocket < "u")
+    return self.WebSocket;
+  throw new Error("`WebSocket` is not supported in this environment");
+}
+const t = e();
+export {
+  t as WebSocket
+};

package/native-243c3d4c.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){if(typeof WebSocket<"u")return WebSocket;if(typeof global.WebSocket<"u")return global.WebSocket;if(typeof window.WebSocket<"u")return window.WebSocket;if(typeof self.WebSocket<"u")return self.WebSocket;throw new Error("`WebSocket` is not supported in this environment")}const t=e();exports.WebSocket=t;

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@dhedge/trading-widget",
+  "version": "0.0.1",
+  "dependencies": {
+    "@dhedge/core-ui-kit": "*",
+    "classnames": "^2.5.1",
+    "@heroicons/react": "^2.1.1",
+    "@headlessui/react": "^1.7.18",
+    "react-popper-tooltip": "^4.4.2",
+    "bignumber.js": "^9.1.2",
+    "lodash.isnumber": "^3.0.3",
+    "date-fns": "^2.30.0",
+    "@date-fns/utc": "^1.1.1"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "typings": "dist/index.d.ts",
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "wagmi": "^2.5.4"
+  }
+}

package/providers/component-provider/component-provider.d.ts

@@ -0,0 +1,11 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { ComponentProviderProps } from './component-provider.types';
+export declare const ComponentProviderContext: import("react").Context<Partial<{
+    GeoBlockAlert?: import("react").ComponentType | undefined;
+    DepositMetaInfo?: import("react").ComponentType | undefined;
+    WithdrawMetaInfo?: import("react").ComponentType | undefined;
+    ExtraActionButton?: import("react").ComponentType | undefined;
+    Image?: import("react").ComponentType<import("./component-provider.types").ImageProps> | undefined;
+    LogoSpinner?: import("react").ComponentType<import("react").SVGProps<SVGElement>> | undefined;
+} | undefined>>;
+export declare const ComponentProvider: FC<PropsWithChildren<ComponentProviderProps>>;

package/providers/component-provider/component-provider.hooks.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const useComponentContext: () => Partial<{
+    GeoBlockAlert?: import("react").ComponentType | undefined;
+    DepositMetaInfo?: import("react").ComponentType | undefined;
+    WithdrawMetaInfo?: import("react").ComponentType | undefined;
+    ExtraActionButton?: import("react").ComponentType | undefined;
+    Image?: import("react").ComponentType<import("./component-provider.types").ImageProps> | undefined;
+    LogoSpinner?: import("react").ComponentType<import("react").SVGProps<SVGElement>> | undefined;
+}>;

package/providers/component-provider/component-provider.types.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentType, SVGProps } from 'react';
+export interface ImageProps {
+    src: string;
+    alt: string;
+    width?: number | string;
+    height?: number | string;
+    onError?: () => void;
+    className?: string;
+}
+export interface ComponentProviderProps {
+    config?: {
+        GeoBlockAlert?: ComponentType;
+        DepositMetaInfo?: ComponentType;
+        WithdrawMetaInfo?: ComponentType;
+        ExtraActionButton?: ComponentType;
+        Image?: ComponentType<ImageProps>;
+        LogoSpinner?: ComponentType<SVGProps<SVGElement>>;
+    };
+}

package/providers/component-provider/index.d.ts

@@ -0,0 +1,3 @@
+export { useComponentContext } from './component-provider.hooks';
+export { ComponentProvider } from './component-provider';
+export * from './component-provider.types';

package/providers/config-provider/config-provider.d.ts

@@ -0,0 +1,4 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { ConfigProviderProps, ConfigProviderState } from './config-provider.types';
+export declare const ConfigProviderContext: import("react").Context<ConfigProviderState>;
+export declare const ConfigProvider: FC<PropsWithChildren<ConfigProviderProps>>;

package/providers/config-provider/config-provider.defaults.d.ts

@@ -0,0 +1,3 @@
+import type { ConfigProviderActions, ConfigProviderParams } from './config-provider.types';
+export declare const DEFAULT_CONFIG_PARAMS: ConfigProviderParams;
+export declare const useConfigProviderDefaultActions: () => ConfigProviderActions;

package/providers/config-provider/config-provider.hooks.d.ts

@@ -0,0 +1,3 @@
+export declare const useConfigContext: () => import("./config-provider.types").ConfigProviderState;
+export declare const useConfigContextParams: () => import("./config-provider.types").ConfigProviderParams;
+export declare const useConfigContextActions: () => import("./config-provider.types").ConfigProviderActions;

package/providers/config-provider/config-provider.types.d.ts

@@ -0,0 +1,27 @@
+import type { ChainId } from '@dhedge/core-ui-kit/types';
+export interface ConfigProviderParams {
+    isGeoBlocked: boolean;
+    depositQuoteDiffWarningThreshold: number;
+    depositQuoteDiffErrorThreshold: number;
+    defaultDepositSlippage: number;
+    defaultDepositSlippageScale: number[];
+    defaultWithdrawSlippageScale: number[];
+    defaultLockTime: string;
+    customLockTime: string;
+    stablePrecision: number;
+    defaultPrecision: number;
+    stakingChainId: ChainId;
+}
+export interface ConfigProviderActions {
+    onConnect: () => void;
+}
+export interface ConfigProviderProps {
+    config?: {
+        params: Partial<ConfigProviderParams>;
+        actions: Partial<ConfigProviderActions>;
+    };
+}
+export type ConfigProviderState = {
+    params: ConfigProviderParams;
+    actions: ConfigProviderActions;
+};

package/providers/config-provider/index.d.ts

@@ -0,0 +1,4 @@
+export { useConfigContext, useConfigContextParams, useConfigContextActions, } from './config-provider.hooks';
+export { DEFAULT_CONFIG_PARAMS } from './config-provider.defaults';
+export { ConfigProvider } from './config-provider';
+export * from './config-provider.types';

package/providers/index.d.ts

@@ -0,0 +1,12 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { ComponentProviderProps } from './component-provider';
+import type { ConfigProviderProps } from './config-provider';
+import type { ThemeProviderProps } from './theme-provider';
+import type { TranslationProviderProps } from './translation-provider';
+export interface ProvidersProps {
+    theme?: ThemeProviderProps['config'];
+    config?: ConfigProviderProps['config'];
+    components?: ComponentProviderProps['config'];
+    translation?: TranslationProviderProps['config'];
+}
+export declare const Providers: FC<PropsWithChildren<ProvidersProps>>;

package/providers/theme-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeProvider } from './theme-provider';
+export * from './theme-provider.types';

package/providers/theme-provider/theme-provider.d.ts

@@ -0,0 +1,3 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { ThemeProviderProps } from './theme-provider.types';
+export declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;

package/providers/theme-provider/theme-provider.types.d.ts

@@ -0,0 +1,51 @@
+export interface ThemeProviderConfigProps {
+    global?: {
+        color?: {
+            colorTextPrimary?: string;
+            colorTextPrimaryHover?: string;
+            colorBorderPrimary?: string;
+            colorTextSecondary?: string;
+            colorBgSecondary?: string;
+            colorTextAccent?: string;
+            colorTextAccentHover?: string;
+            colorBgAccentFrom?: string;
+            colorBgAccentTo?: string;
+            colorBgAccentFromHover?: string;
+            colorBgAccentToHover?: string;
+            colorTextNeutral?: string;
+            colorBgNeutral?: string;
+            colorTextLoading?: string;
+            colorTextError?: string;
+            colorTextWarning?: string;
+        };
+        size?: {
+            gap?: string;
+            spacer?: string;
+            fontSizeBase?: string;
+            lineHeightBase?: string;
+            fontSizeXs?: string;
+            lineHeightXs?: string;
+            fontSizeSm?: string;
+            lineHeightSm?: string;
+            fontSizeLg?: string;
+            lineHeightLg?: string;
+        };
+        style?: {
+            radiusPrimary?: string;
+            radiusSecondary?: string;
+            fontWeightLight?: string;
+            fontWeightMedium?: string;
+            fontWeightBold?: string;
+            actionOpacity?: string;
+            actionOpacityHover?: string;
+        };
+    };
+    component?: {
+        color?: {};
+        size?: {};
+        style?: {};
+    };
+}
+export interface ThemeProviderProps {
+    config?: ThemeProviderConfigProps;
+}

package/providers/translation-provider/index.d.ts

@@ -0,0 +1,3 @@
+export { useTranslationContext } from './translation-provider.hooks';
+export { TranslationProvider } from './translation-provider';
+export * from './translation-provider.types';

package/providers/translation-provider/translation-provider.d.ts

@@ -0,0 +1,4 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { TranslationProviderProps } from './translation-provider.types';
+export declare const TranslationProviderContext: import("react").Context<Required<Partial<import("./translation-provider.types").TranslationMap> | undefined>>;
+export declare const TranslationProvider: FC<PropsWithChildren<TranslationProviderProps>>;

package/providers/translation-provider/translation-provider.defaults.d.ts

@@ -0,0 +1,2 @@
+import type { TranslationMap } from './translation-provider.types';
+export declare const DEFAULT_TRANSLATION_DATA: TranslationMap;

package/providers/translation-provider/translation-provider.hooks.d.ts

@@ -0,0 +1 @@
+export declare const useTranslationContext: () => Required<Partial<import("./translation-provider.types").TranslationMap>>;

package/providers/translation-provider/translation-provider.types.d.ts

@@ -0,0 +1,57 @@
+export type TranslationMap = {
+    slippageWarning: string;
+    minSlippageWarning: string;
+    highSlippageWarning: string;
+    recommendedMinSlippage: string;
+    projectedDailyEarningsTooltip: string;
+    dailyEarnings: string;
+    projectedYearlyEarningsTooltip: string;
+    yearlyEarnings: string;
+    fullReceiveDetails: string;
+    tradeDetails: string;
+    maxSlippage: string;
+    minReceiveAmount: string;
+    minReceived: string;
+    estimatedMultiAssetFractions: string;
+    infinite: string;
+    tokenAllowance: string;
+    entryFee: string;
+    entryFeeExplanation: string;
+    easySwapperEntryFee: string;
+    amountToBeApproved: string;
+    minDepositUsd: string;
+    minDeposit: string;
+    tokensLockTime: string;
+    slippageTolerance: string;
+    bypassEntryFee: string;
+    entryFeeSwitchWarning: string;
+    tokenAmountToApprove: string;
+    auto: string;
+    autoSlippageDescription: string;
+    lengthenLockup: string;
+    deposit: string;
+    withdraw: string;
+    yourBalance: string;
+    max: string;
+    allAssets: string;
+    all: string;
+    payWith: string;
+    buyEstimated: string;
+    sell: string;
+    receiveEstimated: string;
+    confirmInWallet: string;
+    pending: string;
+    approve: string;
+    connectWallet: string;
+    minimumPurchase: string;
+    poolIsInactive: string;
+    poolIsPrivate: string;
+    updateOracles: string;
+    confirmMaxSlippage: string;
+    withdrawalWindowDisabled: string;
+    withdrawCooldown: string;
+    [key: string]: string;
+};
+export interface TranslationProviderProps {
+    config?: Partial<TranslationMap>;
+}

package/style.css

@@ -0,0 +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))}}

package/theme/colors.d.ts

@@ -0,0 +1,49 @@
+export namespace COLORS {
+    const SUCCESS: string;
+    const ERROR: string;
+    const WARNING: string;
+    const INFO: string;
+    namespace WHITE {
+        const DEFAULT: string;
+    }
+    const DARK: {
+        DEFAULT: string;
+        400: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    const RED: {
+        DEFAULT: string;
+        500: string;
+        600: string;
+        700: string;
+    };
+    const GRAY: {
+        DEFAULT: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+    };
+    const GREEN: {
+        DEFAULT: string;
+        600: string;
+        700: string;
+    };
+    namespace BLUE {
+        const DEFAULT_1: string;
+        export { DEFAULT_1 as DEFAULT };
+        export const dark: string;
+    }
+    const AMBER: {
+        400: string;
+    };
+    namespace NETWORK {
+        const polygon: string;
+        const optimism: string;
+    }
+}

package/types/balance.types.d.ts

@@ -0,0 +1,9 @@
+export interface Balance {
+    balanceInUsd: string;
+    balanceInUsdNumber: number;
+    rawBalance: string;
+    includesStakedTokens: boolean;
+}
+export interface UserPoolBalances {
+    [poolAddress: string]: Balance;
+}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './theme.types';
+export * from './synthetix-v3.types';
+export * from './balance.types';
+export * from './staking.types';

package/types/staking.types.d.ts

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

package/types/synthetix-v3.types.d.ts

@@ -0,0 +1,24 @@
+export declare const SYNTHETIX_V3_PERIOD: {
+    readonly DELEGATION: "DELEGATION";
+    readonly UNDELEGATION: "UNDELEGATION";
+    readonly WAIT: "WAIT";
+    readonly WITHDRAWAL: "WITHDRAWAL";
+};
+export type SynthetixV3PeriodType = (typeof SYNTHETIX_V3_PERIOD)[keyof typeof SYNTHETIX_V3_PERIOD];
+export interface DayParams {
+    dayOfWeek: number;
+    hour: number;
+}
+export interface WeekPeriod {
+    start: DayParams;
+    end: DayParams;
+}
+export interface PeriodConfig {
+    id: SynthetixV3PeriodType;
+    name: string;
+    description?: string;
+    gradient: [string, string];
+    start: DayParams;
+    end: DayParams;
+    intraWeekRanges: WeekPeriod[];
+}

package/types/theme.types.d.ts

@@ -0,0 +1,9 @@
+export declare const THEME_TYPE: {
+    readonly ERROR: "error";
+    readonly WARNING: "warning";
+    readonly SUCCESS: "success";
+    readonly DEFAULT: "default";
+    readonly CUSTOM: "custom";
+};
+export type ThemeType = (typeof THEME_TYPE)[keyof typeof THEME_TYPE];
+export type TokenIconSize = 'xs' | 'sm' | 'm' | 'lg' | 'xl';

package/utils/format.d.ts

@@ -0,0 +1,6 @@
+import { Balance } from 'types';
+export declare function formatBalanceInUsd(balance: string | undefined, tokenPrice: string | undefined, maximumFractionDigits?: number): {
+    balanceInUsd: string;
+    balanceInUsdNumber: number;
+};
+export declare const formatBalance: (balance: bigint | undefined, tokenPrice: bigint | undefined) => Omit<Balance, 'includesStakedTokens'>;

package/utils/icon.d.ts

@@ -0,0 +1,2 @@
+export declare function getTokenIconName(symbol: string): string;
+export declare const buildIconLink: (tokenName: string) => string;

package/utils/synthetix-v3.d.ts

@@ -0,0 +1,39 @@
+import type { SynthetixV3PeriodType } from 'types/synthetix-v3.types';
+export declare const getDateRangeByPeriod: (period: SynthetixV3PeriodType) => {
+    from: Date;
+    to: Date;
+    intraWeekRanges: {
+        from: Date;
+        to: Date;
+    }[];
+    duration: {
+        percentage: number;
+    };
+    format: {
+        from: string;
+        to: string;
+    };
+};
+export declare const getRangeData: () => {
+    from: Date;
+    to: Date;
+    intraWeekRanges: {
+        from: Date;
+        to: Date;
+    }[];
+    duration: {
+        percentage: number;
+    };
+    format: {
+        from: string;
+        to: string;
+    };
+    id: SynthetixV3PeriodType;
+    name: string;
+    description?: string | undefined;
+    gradient: [string, string];
+    start: import("types/synthetix-v3.types").DayParams;
+    end: import("types/synthetix-v3.types").DayParams;
+}[];
+export declare const getCurrentRangeIndex: () => number;
+export declare const getWithdrawalWindowStart: () => string;