@rango-dev/ui 0.35.1-next.9 → 0.36.1-next.0

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullExpandedQuote.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,KAAmB,MAAM,OAAO,CAAC;AA4CxC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,qBAqOjD"}
+{"version":3,"file":"FullExpandedQuote.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI5E,OAAO,KAAmB,MAAM,OAAO,CAAC;AA6CxC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,qBAyOjD"}

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.helpers.d.ts

@@ -1,5 +1,8 @@
+import type { I18n } from '@lingui/core';
+import type { Tag } from 'rango-sdk';
 export declare const ITEM_SKELETON_COUNT = 3;
 export declare const TOOLTIP_SIDE_OFFSET = 10;
 export declare function shortenAmount(amount: string): string;
 export declare function shortenDisplayName(name: string): string;
+export declare function getTagLabel(tag: Tag, t: I18n['t']): string;
 //# sourceMappingURL=FullExpandedQuote.helpers.d.ts.map

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullExpandedQuote.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAGtC,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,UAK3C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAK9C"}
+{"version":3,"file":"FullExpandedQuote.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAErC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAItC,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,UAK3C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAK9C;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAS1D"}

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts

@@ -3,7 +3,7 @@ import type { ChainTokenPropTypes } from '../ChainToken';
 import type { PriceImpactPropTypes } from '../PriceImpact/PriceImpact.types';
 import type { PropTypes as QuoteCostProps } from '../QuoteCost/QuoteCost.types';
 import type { InternalSwap, Step } from '../StepDetails/StepDetails.types';
-import type { TooltipPropTypes } from '../Tooltip/Tooltip.types';
+import type { NumericTooltipPropTypes, TooltipPropTypes } from '../Tooltip';
 import type { CSSProperties } from '@stitches/react';
 import type { RouteTag } from 'rango-sdk';
 type BaseProps = {
@@ -36,7 +36,7 @@ export interface TokenSectionPropTypes {
     style?: CSSProperties;
     tooltipProps?: {
         container: TooltipPropTypes['container'];
-        content: TooltipPropTypes['content'];
+        content: NumericTooltipPropTypes['content'];
         open?: TooltipPropTypes['open'];
     };
     isInternalSwap?: boolean;

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullExpandedQuote.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,KAAK,SAAS,GAAG;IACf,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACpD,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE;QACb,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACrC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"FullExpandedQuote.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,KAAK,SAAS,GAAG;IACf,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACpD,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE;QACb,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;QAC5C,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/widget/ui/src/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,qBA6E1E"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,qBAsF1E"}

package/dist/widget/ui/src/components/Select/Select.types.d.ts

@@ -1,3 +1,4 @@
+import type * as Stitches from '@stitches/react';
 type Item<T> = {
     value: T;
     label: string;
@@ -9,6 +10,9 @@ export type SelectPropTypes<T> = {
     value: string;
     container?: HTMLElement;
     variant: Variant;
+    styles?: {
+        trigger?: Stitches.CSS;
+    };
 };
 export {};
 //# sourceMappingURL=Select.types.d.ts.map

package/dist/widget/ui/src/components/Select/Select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC;KACxB,CAAC;CACH,CAAC"}

package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts

@@ -1,6 +1,6 @@
+import type { SwapInputPropTypes } from '../../containers/SwapInput/SwapInput.types';
 import type { SwapperType } from 'rango-sdk';
 import type { ReactNode } from 'react';
-import type { SwapInputPropTypes } from 'src/containers/SwapInput/SwapInput.types';
 type BaseStep = Pick<SwapInputPropTypes, 'chain' | 'token' | 'price'>;
 type BaseInternalStep = {
     chain: BaseStep['chain'];

package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepDetails.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StepDetails/StepDetails.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAEnF,KAAK,QAAQ,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AACtE,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC1B,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;AAE/C,KAAK,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,gBAAgB,CAAC;IACvB,EAAE,EAAE,gBAAgB,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,QAAQ,CAAC;IACb,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,eAAe,GAAG,eAAe,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC,CAAC"}
+{"version":3,"file":"StepDetails.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StepDetails/StepDetails.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,QAAQ,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AACtE,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC1B,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;AAE/C,KAAK,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,gBAAgB,CAAC;IACvB,EAAE,EAAE,gBAAgB,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,QAAQ,CAAC;IACb,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,eAAe,GAAG,eAAe,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC,CAAC"}

package/dist/widget/ui/src/components/SwapListItem/SwapToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapListItem/SwapToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAoIzC"}
+{"version":3,"file":"SwapToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapListItem/SwapToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAsIzC"}

package/dist/widget/ui/src/components/TextField/TextField.d.ts

@@ -7,6 +7,12 @@ declare const TextField: React.ForwardRefExoticComponent<{
     variant?: "contained" | "outlined" | "ghost" | undefined;
     fullWidth?: boolean | undefined;
     labelProps?: import("../Typography").TypographyPropTypes | undefined;
+    style?: import("@stitches/react").CSS<{
+        media: {};
+        theme: {};
+        themeMap: {};
+        utils: {};
+    }> | undefined;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/widget/ui/src/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmE1B,QAAA,MAAM,SAAS;;;;;;;;;;0CAAuC,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8E1B,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;0CAAuC,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/widget/ui/src/components/TextField/TextField.types.d.ts

@@ -14,6 +14,7 @@ export type TextFieldPropTypes = {
     variant?: BaseVariants;
     fullWidth?: boolean;
     labelProps?: TypographyPropTypes;
+    style?: Stitches.CSS;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'>;
 export {};
 //# sourceMappingURL=TextField.types.d.ts.map

package/dist/widget/ui/src/components/TextField/TextField.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.types.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACpD,KAAK,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAG,GACX,CAAC,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC,GAC7C,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GACjC,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC"}
+{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.types.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACpD,KAAK,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAG,GACX,CAAC,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC,GAC7C,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GACjC,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC"}

package/dist/widget/ui/src/components/Tooltip/NumericTooltip.d.ts

@@ -0,0 +1,5 @@
+import type { NumericTooltipPropTypes } from './NumericTooltip.types';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+export declare function NumericTooltip(props: PropsWithChildren<NumericTooltipPropTypes>): React.JSX.Element;
+//# sourceMappingURL=NumericTooltip.d.ts.map

package/dist/widget/ui/src/components/Tooltip/NumericTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/NumericTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,cAAc,CAC5B,KAAK,EAAE,iBAAiB,CAAC,uBAAuB,CAAC,qBAOlD"}

package/dist/widget/ui/src/components/Tooltip/NumericTooltip.types.d.ts

@@ -0,0 +1,6 @@
+import type { TooltipPropTypes } from './Tooltip.types';
+export interface NumericTooltipPropTypes extends TooltipPropTypes {
+    content: string | number | null | undefined;
+    maxDecimals?: number;
+}
+//# sourceMappingURL=NumericTooltip.types.d.ts.map

package/dist/widget/ui/src/components/Tooltip/NumericTooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericTooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/NumericTooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC/D,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/widget/ui/src/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,qBAqCjE"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,qBAuCjE"}

package/dist/widget/ui/src/components/Tooltip/Tooltip.types.d.ts

@@ -15,6 +15,7 @@ export interface TooltipPropTypes {
         content?: CSS;
     };
     align?: RadixTooltipContentProps['align'];
+    alignOffset?: RadixTooltipContentProps['alignOffset'];
 }
 export {};
 //# sourceMappingURL=Tooltip.types.d.ts.map

package/dist/widget/ui/src/components/Tooltip/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,KAAK,wBAAwB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,wBAAwB,CAAC,YAAY,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;QAC9B,OAAO,CAAC,EAAE,GAAG,CAAC;KACf,CAAC;IACF,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC;CAC3C"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,KAAK,wBAAwB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,wBAAwB,CAAC,YAAY,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;QAC9B,OAAO,CAAC,EAAE,GAAG,CAAC;KACf,CAAC;IACF,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,wBAAwB,CAAC,aAAa,CAAC,CAAC;CACvD"}

package/dist/widget/ui/src/components/Tooltip/index.d.ts

@@ -1,3 +1,5 @@
 export { Tooltip } from './Tooltip';
 export type { TooltipPropTypes } from './Tooltip.types';
+export { NumericTooltip } from './NumericTooltip';
+export type { NumericTooltipPropTypes } from './NumericTooltip.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,qBAsIlD"}
+{"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,qBAwIlD"}

package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts

@@ -330,6 +330,12 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
     variant?: "contained" | "outlined" | "ghost" | undefined;
     fullWidth?: boolean | undefined;
     labelProps?: import("../../components").TypographyPropTypes | undefined;
+    style?: import("@stitches/react").CSS<{
+        media: {};
+        theme: {};
+        themeMap: {};
+        utils: {};
+    }> | undefined;
 } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLInputElement>>, {

package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}

package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAqCpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAehC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGzB,CAAC"}
+{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAqCpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAehC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.35.1-next.9",
+  "version": "0.36.1-next.0",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -50,7 +50,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.0.2",
-    "@rango-dev/wallets-shared": "^0.34.1-next.5",
+    "@rango-dev/wallets-shared": "^0.35.0",
     "@stitches/react": "^1.2.8",
     "copy-to-clipboard": "^3.3.3",
     "rango-sdk": "^0.1.49",
@@ -60,4 +60,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/FullExpandedQuote/FullExpandedQuote.TokenSection.tsx

@@ -3,7 +3,7 @@ import type { TokenSectionPropTypes } from './FullExpandedQuote.types';
 import React from 'react';
 
 import { ChainToken } from '../ChainToken';
-import { Tooltip } from '../Tooltip';
+import { NumericTooltip } from '../Tooltip';
 import { Typography } from '../Typography';
 
 import {
@@ -27,7 +27,7 @@ export function TokenSection(props: TokenSectionPropTypes) {
     <TokenSectionContainer style={style} isInternalSwap={isInternalSwap}>
       <ChainToken size={size} chainImage={chainImage} tokenImage={tokenImage} />
       <TokenInfo className="token-info">
-        <Tooltip
+        <NumericTooltip
           content={tooltipProps?.content}
           container={tooltipProps?.container}
           side="bottom"
@@ -38,7 +38,7 @@ export function TokenSection(props: TokenSectionPropTypes) {
             className={isInternalSwap ? tokenLabelStyles() : ''}>
             {amount}
           </Typography>
-        </Tooltip>
+        </NumericTooltip>
         <Typography size="xsmall" variant="body" className={tokenLabelStyles()}>
           {name}
         </Typography>

package/src/components/FullExpandedQuote/FullExpandedQuote.helpers.ts

@@ -1,7 +1,11 @@
+import type { I18n } from '@lingui/core';
+import type { Tag } from 'rango-sdk';
+
 export const ITEM_SKELETON_COUNT = 3;
 export const TOOLTIP_SIDE_OFFSET = 10;
 const MAX_AMOUNT_LENGTH_DISPLAY = 4;
 const MAX_NAME_LENGTH_DISPLAY = 6;
+
 export function shortenAmount(amount: string) {
   if (!amount || amount.length <= MAX_AMOUNT_LENGTH_DISPLAY) {
     return amount;
@@ -15,3 +19,14 @@ export function shortenDisplayName(name: string) {
   }
   return name.slice(0, MAX_NAME_LENGTH_DISPLAY) + '...';
 }
+
+export function getTagLabel(tag: Tag, t: I18n['t']): string {
+  const data: Record<Tag, string> = {
+    CENTRALIZED: t('Centralized'),
+    FASTEST: t('Fastest'),
+    HIGH_IMPACT: t('High Impact'),
+    LOWEST_FEE: t('Lowest Fee'),
+    RECOMMENDED: t('Recommended'),
+  };
+  return data[tag];
+}

package/src/components/FullExpandedQuote/FullExpandedQuote.tsx

@@ -1,5 +1,7 @@
 import type { DataLoadedProps, PropTypes } from './FullExpandedQuote.types';
+import type { Tag } from 'rango-sdk';
 
+import { i18n } from '@lingui/core';
 import React, { useState } from 'react';
 
 import { ErrorIcon, WarningIcon } from '../../icons';
@@ -8,10 +10,11 @@ import { Image } from '../common';
 import { Divider } from '../Divider';
 import { QuoteCost } from '../QuoteCost';
 import { QuoteTag } from '../QuoteTag';
-import { Tooltip } from '../Tooltip';
+import { NumericTooltip, Tooltip } from '../Tooltip';
 import { Typography } from '../Typography';
 
 import {
+  getTagLabel,
   ITEM_SKELETON_COUNT,
   shortenAmount,
   shortenDisplayName,
@@ -79,7 +82,11 @@ export function FullExpandedQuote(props: PropTypes) {
             />
             <TagsContainer>
               {props.tags.map((tag) => (
-                <QuoteTag key={tag.label} label={tag.label} value={tag.value} />
+                <QuoteTag
+                  key={tag.label}
+                  label={getTagLabel(tag.value as Tag, i18n.t)}
+                  value={tag.value}
+                />
               ))}
             </TagsContainer>
           </>
@@ -236,7 +243,7 @@ export function FullExpandedQuote(props: PropTypes) {
                       />
                       <Divider size={4} />
                       <div>
-                        <Tooltip
+                        <NumericTooltip
                           content={props.outputPrice.realValue}
                           container={tooltipContainer}
                           open={
@@ -249,7 +256,7 @@ export function FullExpandedQuote(props: PropTypes) {
                           <Typography size="xmedium" variant="title">
                             {step.to.token.displayName}
                           </Typography>
-                        </Tooltip>
+                        </NumericTooltip>
                       </div>
                       <StyledPriceImpact
                         size="small"

package/src/components/FullExpandedQuote/FullExpandedQuote.types.ts

@@ -3,7 +3,7 @@ import type { ChainTokenPropTypes } from '../ChainToken';
 import type { PriceImpactPropTypes } from '../PriceImpact/PriceImpact.types';
 import type { PropTypes as QuoteCostProps } from '../QuoteCost/QuoteCost.types';
 import type { InternalSwap, Step } from '../StepDetails/StepDetails.types';
-import type { TooltipPropTypes } from '../Tooltip/Tooltip.types';
+import type { NumericTooltipPropTypes, TooltipPropTypes } from '../Tooltip';
 import type { CSSProperties } from '@stitches/react';
 import type { RouteTag } from 'rango-sdk';
 
@@ -41,7 +41,7 @@ export interface TokenSectionPropTypes {
   style?: CSSProperties;
   tooltipProps?: {
     container: TooltipPropTypes['container'];
-    content: TooltipPropTypes['content'];
+    content: NumericTooltipPropTypes['content'];
     open?: TooltipPropTypes['open'];
   };
   isInternalSwap?: boolean;

package/src/components/PriceImpact/PriceImpact.tsx

@@ -2,7 +2,7 @@ import type { PriceImpactPropTypes } from './PriceImpact.types';
 
 import React from 'react';
 
-import { Divider, Tooltip, Typography } from '..';
+import { Divider, NumericTooltip, Typography } from '..';
 
 import { Container, ValueTypography } from './PriceImpact.styles';
 
@@ -25,7 +25,7 @@ export function PriceImpact(props: PriceImpactPropTypes) {
   return (
     <Container {...rest}>
       {outputUsdValue && (
-        <Tooltip
+        <NumericTooltip
           content={realOutputUsdValue}
           container={tooltipProps?.container}
           open={
@@ -39,7 +39,7 @@ export function PriceImpact(props: PriceImpactPropTypes) {
               {outputUsdValue === '0' ? '0.00' : `~$${outputUsdValue}`}
             </Typography>
           </ValueTypography>
-        </Tooltip>
+        </NumericTooltip>
       )}
       {((outputUsdValue && percentageChange) || !outputUsdValue) && (
         <ValueTypography hasError={hasError} hasWarning={hasWarning}>

package/src/components/Select/Select.tsx

@@ -11,7 +11,7 @@ import { SelectContent, SelectItem, SelectTrigger } from './Select.styles';
 export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
   const [open, setOpen] = useState(false);
   const selectRef = useRef<HTMLDivElement>(null);
-  const { options, value, container, handleItemClick, variant } = props;
+  const { options, value, container, handleItemClick, variant, styles } = props;
   const handleToggle = () => {
     setOpen((prev) => !prev);
   };
@@ -31,6 +31,14 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
 
   const selectedLabel = options.find((option) => option.value === value)?.label;
 
+  const wrapPortal = (children: React.ReactNode) => {
+    if (container) {
+      return <Select.Portal container={container}>{children}</Select.Portal>;
+    }
+
+    return <>{children}</>;
+  };
+
   return (
     <div ref={selectRef}>
       <Select.Root value={value} open={open}>
@@ -39,7 +47,8 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
           onKeyDown={(event) => event.key === 'Enter' && handleToggle()}
           onClick={handleToggle}
           open={open}
-          aria-label={selectedLabel}>
+          aria-label={selectedLabel}
+          css={styles?.trigger}>
           <Select.Value>
             <Typography variant="body" size="small">
               {selectedLabel}
@@ -50,7 +59,7 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
             <ChevronDownIcon size={12} color="black" />
           </Select.Icon>
         </SelectTrigger>
-        <Select.Portal container={container}>
+        {wrapPortal(
           <SelectContent position="popper" sideOffset={5}>
             <Select.ScrollUpButton className="SelectScrollButton">
               <ChevronUpIcon />
@@ -81,7 +90,7 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
               <ChevronDownIcon />
             </Select.ScrollDownButton>
           </SelectContent>
-        </Select.Portal>
+        )}
       </Select.Root>
     </div>
   );

package/src/components/Select/Select.types.ts

@@ -1,3 +1,5 @@
+import type * as Stitches from '@stitches/react';
+
 type Item<T> = {
   value: T;
   label: string;
@@ -11,4 +13,7 @@ export type SelectPropTypes<T> = {
   value: string;
   container?: HTMLElement;
   variant: Variant;
+  styles?: {
+    trigger?: Stitches.CSS;
+  };
 };

package/src/components/StepDetails/StepDetails.tsx

@@ -7,7 +7,7 @@ import { ChainToken } from '../../components/ChainToken/ChainToken';
 import { NextIcon } from '../../icons';
 import { Image } from '../common';
 import { Divider } from '../Divider';
-import { Tooltip } from '../Tooltip';
+import { NumericTooltip } from '../Tooltip';
 import { Typography } from '../Typography';
 
 import {
@@ -133,7 +133,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
                 tokenImage={step.from.token.image}
                 size="small"
               />
-              <Tooltip
+              <NumericTooltip
                 content={step.from.price.realValue}
                 container={tooltipContainer}>
                 <Divider direction="horizontal" size={4} />
@@ -141,7 +141,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
                   size="small"
                   color="$neutral700"
                   variant="body">{`${step.from.price.value} ${step.from.token.displayName}`}</Typography>
-              </Tooltip>
+              </NumericTooltip>
               <Divider direction="horizontal" size={4} />
 
               <NextIcon color="gray" />
@@ -151,7 +151,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
                 tokenImage={step.to.token.image}
                 size="small"
               />
-              <Tooltip
+              <NumericTooltip
                 content={step.to.price.realValue}
                 container={tooltipContainer}>
                 <Divider direction="horizontal" size={4} />
@@ -161,7 +161,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
                 }${step.to.price.value} ${
                   step.to.token.displayName
                 }`}</Typography>
-              </Tooltip>
+              </NumericTooltip>
             </div>
             <Alerts pb={hasSeparator && type === 'quote-details'}>
               {step.alerts}

package/src/components/StepDetails/StepDetails.types.ts

@@ -1,6 +1,6 @@
+import type { SwapInputPropTypes } from '../../containers/SwapInput/SwapInput.types';
 import type { SwapperType } from 'rango-sdk';
 import type { ReactNode } from 'react';
-import type { SwapInputPropTypes } from 'src/containers/SwapInput/SwapInput.types';
 
 type BaseStep = Pick<SwapInputPropTypes, 'chain' | 'token' | 'price'>;
 type BaseInternalStep = {

package/src/components/SwapListItem/SwapToken.tsx

@@ -7,7 +7,7 @@ import { NextIcon } from '../../icons';
 import { ChainToken } from '../ChainToken';
 import { Divider } from '../Divider';
 import { Skeleton } from '../Skeleton';
-import { Tooltip } from '../Tooltip';
+import { NumericTooltip } from '../Tooltip';
 import { Typography } from '../Typography';
 
 import {
@@ -129,11 +129,13 @@ export function SwapToken(props: PropTypes) {
               {fromToken.displayName}
             </Typography>
             {!!fromAmount && (
-              <Tooltip content={fromRealAmount} container={tooltipContainer}>
+              <NumericTooltip
+                content={fromRealAmount}
+                container={tooltipContainer}>
                 <Typography size="small" variant="body" color="neutral700">
                   {fromAmount}
                 </Typography>
-              </Tooltip>
+              </NumericTooltip>
             )}
           </TokenInfo>
           <Icon>
@@ -143,11 +145,11 @@ export function SwapToken(props: PropTypes) {
             <Typography size="medium" variant="title">
               {toToken.displayName}
             </Typography>
-            <Tooltip content={toRealAmount} container={tooltipContainer}>
+            <NumericTooltip content={toRealAmount} container={tooltipContainer}>
               <Typography size="small" variant="body" color="neutral700">
                 {toAmount}
               </Typography>
-            </Tooltip>
+            </NumericTooltip>
           </TokenInfo>
         </Layout>
       )}

package/src/components/TextField/TextField.tsx

@@ -33,6 +33,16 @@ function TextFieldComponent(
     }
   };
 
+  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {
+    if (inputAttributes?.type === 'number') {
+      const data = event.clipboardData.getData('text');
+      const numericPattern = /^\d+(\.\d+)?$/;
+      if (!numericPattern.test(data)) {
+        event.preventDefault();
+      }
+    }
+  };
+
   return (
     <>
       {label && (
@@ -52,12 +62,13 @@ function TextFieldComponent(
         fullWidth={fullWidth}
         variant={variant}
         size={size}
-        style={style}
+        css={style}
         className="_text-field">
         {prefix || null}
         <Input
           {...inputAttributes}
           onKeyDown={handleKeyDown}
+          onPaste={handlePaste}
           spellCheck={false}
           suffix={!!suffix}
           ref={ref}

package/src/components/TextField/TextField.types.tsx

@@ -20,4 +20,5 @@ export type TextFieldPropTypes = {
   variant?: BaseVariants;
   fullWidth?: boolean;
   labelProps?: TypographyPropTypes;
+  style?: Stitches.CSS;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'>;