@rango-dev/ui 0.27.1-next.0 → 0.27.1-next.2

package/dist/translations/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../translations/en.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAqya,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../translations/en.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA2ya,CAAC"}

package/dist/translations/es.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../../translations/es.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAinc,CAAC"}
+{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../../translations/es.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAknc,CAAC"}

package/dist/translations/fr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../../../translations/fr.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAyvc,CAAC"}
+{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../../../translations/fr.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAwvc,CAAC"}

package/dist/translations/ja.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ja.d.ts","sourceRoot":"","sources":["../../../../translations/ja.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAyjX,CAAC"}
+{"version":3,"file":"ja.d.ts","sourceRoot":"","sources":["../../../../translations/ja.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA+kX,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChainToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+C1C,CAAC"}
+{"version":3,"file":"ChainToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuD1C,CAAC"}

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

@@ -5,6 +5,7 @@ type BaseSizes = Exclude<BaseProps['size'], object>;
 export type PropTypes = {
     tokenImage: string;
     chainImage: string;
+    chianImageId?: string;
     size: NonNullable<BaseSizes>;
     useAsPlaceholder?: boolean;
     loading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"ChainToken.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACnE,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"ChainToken.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACnE,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqB3D,wBAAgB,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAoGxD"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqB3D,wBAAgB,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAqGxD"}

package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const BackDrop: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    anchor?: "center" | "bottom" | undefined;
+    anchor?: "center" | "bottom" | "right" | undefined;
     active?: boolean | "true" | undefined;
 }, {
     xs: string;
@@ -163,7 +163,7 @@ export declare const BackDrop: import("@stitches/react/types/styled-component").
     transitions: {};
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
 export declare const ModalContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    anchor?: "center" | "bottom" | undefined;
+    anchor?: "center" | "bottom" | "right" | undefined;
     active?: boolean | "true" | undefined;
 }, {
     xs: string;

package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA+BnB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAwBzB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAOf,CAAC;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAatB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DASlB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAOjB,CAAC"}
+{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAsCnB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAsCzB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAOf,CAAC;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAatB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DASlB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAOjB,CAAC"}

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

@@ -17,6 +17,7 @@ export interface PropTypes {
     containerStyle?: Stitches.CSS<typeof config>;
     footer?: React.ReactNode;
     hasLogo?: boolean;
+    hasCloseIcon?: boolean;
 }
 export {};
 //# sourceMappingURL=Modal.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AACxD,KAAK,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAEvD,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AACxD,KAAK,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAEvD,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

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

@@ -6,7 +6,7 @@ declare const TextField: React.ForwardRefExoticComponent<{
     size?: "small" | "large" | undefined;
     variant?: "contained" | "outlined" | "ghost" | undefined;
     fullWidth?: boolean | undefined;
-    labelProps?: import("../Typography/Typography.types").PropTypes | undefined;
+    labelProps?: import("../Typography").TypographyPropTypes | undefined;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLInputElement>>;

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

@@ -7,7 +7,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     size?: "small" | "large" | undefined;
     variant?: "contained" | "outlined" | "ghost" | undefined;
     fullWidth?: boolean | undefined;
-    labelProps?: import("../Typography/Typography.types").PropTypes | undefined;
+    labelProps?: import("..").TypographyPropTypes | undefined;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,2 +1,3 @@
 export { Typography } from './Typography';
+export type { PropTypes as TypographyPropTypes } from './Typography.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/widget/ui/src/components/common/Image.d.ts

@@ -161,6 +161,7 @@ export declare const ImageContainer: import("@stitches/react/types/styled-compon
     transitions: {};
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
 type PropTypes = {
+    id?: string;
     size: number;
     useAsPlaceholder?: boolean;
     backgroundColor?: string;

package/dist/widget/ui/src/components/common/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../src/components/common/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAYzB,CAAC;AAEH,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,GAAG,aAAa,CAAC;CACnC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAE9C,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBA0BrC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../src/components/common/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAYzB,CAAC;AAEH,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,GAAG,aAAa,CAAC;CACnC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAE9C,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBA0BrC"}

package/dist/widget/ui/src/constants/index.d.ts

@@ -0,0 +1,7 @@
+export declare const UI_ID: {
+    SWAP_FROM_INPUT_CONTAINER_ID: string;
+    SWAP_TO_INPUT_CONTAINER_ID: string;
+    SWAP_FROM_CHAIN_IMAGE_ID: string;
+    SWAP_TO_CHAIN_IMAGE_ID: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;CAKjB,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,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAuH9C"}
+{"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAkI9C"}

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

@@ -333,7 +333,7 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
     size?: "small" | "large" | undefined;
     variant?: "contained" | "outlined" | "ghost" | undefined;
     fullWidth?: boolean | undefined;
-    labelProps?: import("../../components/Typography/Typography.types").PropTypes | undefined;
+    labelProps?: import("../../components").TypographyPropTypes | undefined;
 } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLInputElement>>, {}, {

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

@@ -1 +1 @@
-{"version":3,"file":"TokenSection.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA8CpD"}
+{"version":3,"file":"TokenSection.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAgDpD"}

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

@@ -3,6 +3,7 @@ export type TokenSectionProps = {
     tokenImage: string;
     tokenSymbol: string;
     chain: string;
+    chianImageId?: string;
     error?: boolean;
     onClick: () => void;
     loading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"TokenSection.types.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"TokenSection.types.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/widget/ui/src/icons/Discord.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgDiscord(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgDiscord;
+//# sourceMappingURL=Discord.d.ts.map

package/dist/widget/ui/src/icons/Discord.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Discord.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Discord.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,UAAU,CAAC,KAAK,EAAE,wBAAwB,4DAYlD;AACD,eAAe,UAAU,CAAC"}

package/dist/widget/ui/src/icons/Medium.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgMedium(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgMedium;
+//# sourceMappingURL=Medium.d.ts.map

package/dist/widget/ui/src/icons/Medium.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Medium.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Medium.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,SAAS,CAAC,KAAK,EAAE,wBAAwB,4DAYjD;AACD,eAAe,SAAS,CAAC"}

package/dist/widget/ui/src/icons/Menu.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgMenu(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgMenu;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/widget/ui/src/icons/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,OAAO,CAAC,KAAK,EAAE,wBAAwB,4DA4B/C;AACD,eAAe,OAAO,CAAC"}

package/dist/widget/ui/src/icons/Telegram.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgTelegram(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgTelegram;
+//# sourceMappingURL=Telegram.d.ts.map

package/dist/widget/ui/src/icons/Telegram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Telegram.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Telegram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,WAAW,CAAC,KAAK,EAAE,wBAAwB,4DAYnD;AACD,eAAe,WAAW,CAAC"}

package/dist/widget/ui/src/icons/X.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgX(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgX;
+//# sourceMappingURL=X.d.ts.map

package/dist/widget/ui/src/icons/X.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.d.ts","sourceRoot":"","sources":["../../../../../src/icons/X.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,IAAI,CAAC,KAAK,EAAE,wBAAwB,4DAY5C;AACD,eAAe,IAAI,CAAC"}

package/dist/widget/ui/src/icons/index.d.ts

@@ -28,6 +28,7 @@ export { default as LightModeIcon } from './LightMode';
 export { default as LinkIcon } from './Link';
 export { default as LoadingIcon } from './Loading';
 export { default as LogoWithTextIcon } from './LogoWithText';
+export { default as MenuIcon } from './Menu';
 export { default as NoRouteIcon } from './NoRoute';
 export { default as NextIcon } from './Next';
 export { default as NoNotificationIcon } from './NoNotification';
@@ -48,7 +49,11 @@ export { default as WarningIcon } from './Warning';
 export { default as WidthIcon } from './Width';
 export { default as ChainsIcon } from './Chains';
 export { default as ColorsIcon } from './Colors';
+export { default as DiscordIcon } from './Discord';
 export { default as KeyIcon } from './Key';
+export { default as MediumIcon } from './Medium';
 export { default as SettingsIcon } from './Settings';
 export { default as StyleIcon } from './Style';
+export { default as TelegramIcon } from './Telegram';
+export { default as XIcon } from './X';
 //# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/icons/index.d.ts.map

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

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

@@ -4,4 +4,5 @@ export * from './theme';
 export * from './types';
 export * from './hooks';
 export * from './icons';
+export * from './constants';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.27.1-next.0",
+  "version": "0.27.1-next.2",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",

package/src/components/ChainToken/ChainToken.tsx

@@ -9,7 +9,14 @@ import { tokenChainSizeMap } from './ChainToken.constants';
 import { ChainImageContainer, Container } from './ChainToken.styles';
 
 export const ChainToken: React.FC<PropTypes> = (props) => {
-  const { tokenImage, chainImage, size, useAsPlaceholder, loading } = props;
+  const {
+    tokenImage,
+    chainImage,
+    chianImageId,
+    size,
+    useAsPlaceholder,
+    loading,
+  } = props;
   return (
     <Container
       css={
@@ -43,6 +50,7 @@ export const ChainToken: React.FC<PropTypes> = (props) => {
           />
         ) : (
           <Image
+            id={chianImageId}
             size={tokenChainSizeMap[size].chain}
             src={chainImage}
             type="circular"

package/src/components/ChainToken/ChainToken.types.ts

@@ -7,6 +7,7 @@ type BaseSizes = Exclude<BaseProps['size'], object>;
 export type PropTypes = {
   tokenImage: string;
   chainImage: string;
+  chianImageId?: string;
   size: NonNullable<BaseSizes>;
   useAsPlaceholder?: boolean;
   loading?: boolean;

package/src/components/Modal/Modal.styles.ts

@@ -25,6 +25,13 @@ export const BackDrop = styled('div', {
         justifyContent: 'center',
         alignItems: 'center',
       },
+      right: {
+        right: '0',
+        left: 'unset',
+        borderTopRightRadius: '0',
+        borderBottomRightRadius: '0',
+        justifyContent: 'end',
+      },
     },
     active: {
       true: {
@@ -51,6 +58,11 @@ export const ModalContainer = styled('div', {
         maxHeight: '95%',
       },
       center: { height: '100%' },
+      right: {
+        borderTopRightRadius: '0',
+        borderBottomRightRadius: '0',
+        transform: 'translateX(100%)',
+      },
     },
     active: {
       true: {
@@ -58,6 +70,15 @@ export const ModalContainer = styled('div', {
       },
     },
   },
+  compoundVariants: [
+    {
+      active: true,
+      anchor: 'right',
+      css: {
+        transform: 'translateX(0)',
+      },
+    },
+  ],
 });
 
 export const Flex = styled('div', {

package/src/components/Modal/Modal.tsx

@@ -20,7 +20,7 @@ import {
 } from './Modal.styles';
 
 const CLOSED_DELAY = 600;
-const OPEN_DELAY = 10;
+const OPEN_DELAY = 300;
 
 export function Modal(props: PropsWithChildren<PropTypes>) {
   const {
@@ -37,6 +37,7 @@ export function Modal(props: PropsWithChildren<PropTypes>) {
     suffix,
     footer,
     hasLogo = true,
+    hasCloseIcon = true,
   } = props;
   const [active, setActive] = useState(false);
   const [isMount, setIsMount] = useState(false);
@@ -96,7 +97,7 @@ export function Modal(props: PropsWithChildren<PropTypes>) {
                   )}
                   <Flex>
                     {suffix}
-                    {dismissible && (
+                    {dismissible && hasCloseIcon && (
                       <IconButton onClick={onClose} variant="ghost">
                         <CloseIcon color="gray" size={14} />
                       </IconButton>

package/src/components/Modal/Modal.types.ts

@@ -18,4 +18,5 @@ export interface PropTypes {
   containerStyle?: Stitches.CSS<typeof config>;
   footer?: React.ReactNode;
   hasLogo?: boolean;
+  hasCloseIcon?: boolean;
 }

package/src/components/Typography/index.ts

@@ -1 +1,2 @@
 export { Typography } from './Typography';
+export type { PropTypes as TypographyPropTypes } from './Typography.types';

package/src/components/common/Image.tsx

@@ -17,6 +17,7 @@ export const ImageContainer = styled('div', {
 });
 
 type PropTypes = {
+  id?: string;
   size: number;
   useAsPlaceholder?: boolean;
   backgroundColor?: string;

package/src/constants/index.ts

@@ -0,0 +1,6 @@
+export const UI_ID = {
+  SWAP_FROM_INPUT_CONTAINER_ID: 'rango-swap-from-input-container',
+  SWAP_TO_INPUT_CONTAINER_ID: 'rango-swap-to-input-container',
+  SWAP_FROM_CHAIN_IMAGE_ID: 'rango-swap-from-chain-image',
+  SWAP_TO_CHAIN_IMAGE_ID: 'rango-swap-to-chain-image',
+};

package/src/containers/SwapInput/SwapInput.tsx

@@ -10,6 +10,7 @@ import {
   Tooltip,
   Typography,
 } from '../../components';
+import { UI_ID } from '../../constants';
 
 import {
   amountStyles,
@@ -32,7 +33,13 @@ export function SwapInput(props: SwapInputProps) {
   const showBalanceSkeleton =
     'balance' in props && (props.loading || props.loadingBalance);
   return (
-    <Container sharpBottomStyle={props.sharpBottomStyle}>
+    <Container
+      id={
+        props.mode === 'To'
+          ? UI_ID.SWAP_TO_INPUT_CONTAINER_ID
+          : UI_ID.SWAP_FROM_INPUT_CONTAINER_ID
+      }
+      sharpBottomStyle={props.sharpBottomStyle}>
       <div className={labelContainerStyles()}>
         <div className={labelStyles()}>
           <Typography variant="body" size="small" className={textStyles()}>
@@ -67,6 +74,11 @@ export function SwapInput(props: SwapInputProps) {
       <div className={formStyles()}>
         <TokenSection
           chain={props.chain.displayName}
+          chianImageId={
+            props.mode === 'To'
+              ? UI_ID.SWAP_TO_CHAIN_IMAGE_ID
+              : UI_ID.SWAP_FROM_CHAIN_IMAGE_ID
+          }
           tokenSymbol={props.token.displayName}
           error={props.error}
           chainImage={props.chain.image}

package/src/containers/SwapInput/TokenSection.tsx

@@ -20,6 +20,7 @@ export function TokenSection(props: TokenSectionProps) {
     tokenImage,
     tokenSymbol,
     chain,
+    chianImageId,
     onClick,
     loading,
   } = props;
@@ -27,6 +28,7 @@ export function TokenSection(props: TokenSectionProps) {
     <Container variant="default" disabled={error || loading} onClick={onClick}>
       <TokenSectionContainer>
         <ChainToken
+          chianImageId={chianImageId}
           size="large"
           useAsPlaceholder={error}
           chainImage={chainImage}

package/src/containers/SwapInput/TokenSection.types.ts

@@ -3,6 +3,7 @@ export type TokenSectionProps = {
   tokenImage: string;
   tokenSymbol: string;
   chain: string;
+  chianImageId?: string;
   error?: boolean;
   onClick: () => void;
   loading?: boolean;

package/src/icons/Discord.tsx

@@ -0,0 +1,20 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgDiscord(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M24.6739 9.46265C22.5971 7.87997 19.3118 7.61169 19.1712 7.60204C18.9531 7.58467 18.7452 7.70047 18.6556 7.89155C18.6474 7.90313 18.5761 8.05947 18.4966 8.30266C19.8702 8.52269 21.5577 8.96468 23.0842 9.86217C23.3288 10.005 23.4042 10.31 23.2534 10.5416C23.1535 10.694 22.9844 10.777 22.8091 10.777C22.7154 10.777 22.6196 10.7519 22.534 10.7018C19.909 9.15962 16.6318 9.08242 16 9.08242C15.3682 9.08242 12.089 9.15962 9.46603 10.7018C9.22147 10.8465 8.89946 10.7751 8.74864 10.5435C8.59579 10.31 8.6712 10.0069 8.91576 9.86217C10.4423 8.96661 12.1298 8.52269 13.5034 8.30459C13.4239 8.05947 13.3526 7.90506 13.3465 7.89155C13.2548 7.70047 13.0489 7.58081 12.8288 7.60204C12.6882 7.61169 9.40285 7.87997 7.29755 9.48388C6.19905 10.447 4 16.0751 4 20.9409C4 21.0277 4.02446 21.1107 4.06929 21.186C5.5856 23.7106 9.72486 24.3707 10.6685 24.3996C10.6726 24.3996 10.6787 24.3996 10.6848 24.3996C10.8519 24.3996 11.0088 24.3243 11.1067 24.1969L12.0605 22.954C9.48641 22.3248 8.17188 21.2555 8.09647 21.1918C7.88043 21.0123 7.86005 20.6996 8.05163 20.495C8.24117 20.2904 8.57133 20.2711 8.78736 20.4506C8.81793 20.4777 11.2391 22.4232 16 22.4232C20.769 22.4232 23.1902 20.4699 23.2147 20.4506C23.4307 20.2731 23.7588 20.2904 23.9504 20.497C24.1399 20.7016 24.1196 21.0123 23.9035 21.1918C23.8281 21.2555 22.5136 22.3248 19.9395 22.954L20.8933 24.1969C20.9912 24.3243 21.1481 24.3996 21.3152 24.3996C21.3213 24.3996 21.3274 24.3996 21.3315 24.3996C22.2751 24.3707 26.4144 23.7106 27.9307 21.186C27.9755 21.1107 28 21.0277 28 20.9409C28 16.0751 25.801 10.447 24.6739 9.46265ZM12.6087 18.9645C11.5999 18.9645 10.7826 18.0805 10.7826 16.9881C10.7826 15.8956 11.5999 15.0117 12.6087 15.0117C13.6175 15.0117 14.4348 15.8956 14.4348 16.9881C14.4348 18.0805 13.6175 18.9645 12.6087 18.9645ZM19.3913 18.9645C18.3825 18.9645 17.5652 18.0805 17.5652 16.9881C17.5652 15.8956 18.3825 15.0117 19.3913 15.0117C20.4001 15.0117 21.2174 15.8956 21.2174 16.9881C21.2174 18.0805 20.4001 18.9645 19.3913 18.9645Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgDiscord;

package/src/icons/Medium.tsx

@@ -0,0 +1,20 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgMedium(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M10.7826 9.2168C8.98375 9.2168 7.25857 9.93139 5.98658 11.2034C4.71459 12.4754 4 14.2005 4 15.9994C4 17.7983 4.71459 19.5234 5.98658 20.7954C7.25857 22.0674 8.98375 22.782 10.7826 22.782C12.5815 22.782 14.3067 22.0674 15.5786 20.7954C16.8506 19.5234 17.5652 17.7983 17.5652 15.9994C17.5652 14.2005 16.8506 12.4754 15.5786 11.2034C14.3067 9.93139 12.5815 9.2168 10.7826 9.2168ZM21.4783 9.73854C19.6052 9.73854 18.087 12.5418 18.087 15.9994C18.087 16.6479 18.1402 17.273 18.2393 17.861C18.3713 18.6451 18.5847 19.3631 18.8612 19.9818C18.9995 20.2912 19.1534 20.5756 19.3209 20.8307C19.6558 21.341 20.045 21.7349 20.4697 21.9791C20.7885 22.1617 21.1271 22.2603 21.4783 22.2603C21.8294 22.2603 22.168 22.1617 22.4868 21.9791C22.9115 21.7349 23.3007 21.341 23.6357 20.8307C23.8031 20.5756 23.957 20.2912 24.0953 19.9818C24.3718 19.3636 24.5852 18.6451 24.7172 17.861C24.8163 17.273 24.8696 16.6479 24.8696 15.9994C24.8696 12.5418 23.3513 9.73854 21.4783 9.73854ZM26.6957 10.2603C26.5605 10.2603 26.4301 10.3505 26.308 10.5185C26.2261 10.6302 26.1478 10.7763 26.0743 10.9531C26.0372 11.0413 26.0012 11.1373 25.9668 11.2406C25.8974 11.4467 25.8327 11.682 25.7737 11.9413C25.6558 12.4604 25.5603 13.0792 25.4941 13.7658C25.4612 14.1091 25.4357 14.4697 25.4179 14.8432C25.4002 15.2163 25.3913 15.6034 25.3913 15.9994C25.3913 16.3954 25.4002 16.7825 25.4179 17.1561C25.4351 17.5297 25.4607 17.8902 25.4941 18.2335C25.5603 18.9201 25.6558 19.5384 25.7737 20.058C25.8327 20.3178 25.8974 20.5526 25.9668 20.7587C26.0012 20.862 26.0372 20.958 26.0743 21.0462C26.1483 21.2231 26.2266 21.3691 26.308 21.4808C26.4301 21.6483 26.5605 21.7385 26.6957 21.7385C27.4162 21.7385 28 19.169 28 15.9994C28 12.8298 27.4162 10.2603 26.6957 10.2603Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgMedium;

package/src/icons/Menu.tsx

@@ -0,0 +1,36 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgMenu(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M3 7H21"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+      />
+      <path
+        fillRule="evenodd"
+        d="M3 12H21"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+      />
+      <path
+        fillRule="evenodd"
+        d="M3 17H21"
+        stroke="currentColor"
+        strokeWidth={1.5}
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}
+export default SvgMenu;

package/src/icons/Telegram.tsx

@@ -0,0 +1,20 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgTelegram(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        d="M27.5468 4.97762C27.1374 4.61721 26.4944 4.56565 25.8295 4.84275H25.8285C25.1292 5.13402 6.03537 13.6363 5.25808 13.9837C5.11671 14.0347 3.88199 14.5129 4.00918 15.5783C4.12271 16.5388 5.11507 16.9366 5.23625 16.9825L10.0905 18.708C10.4125 19.8209 11.5998 23.927 11.8623 24.8042C12.0261 25.351 12.293 26.0696 12.7608 26.2175C13.1713 26.3818 13.5796 26.2316 13.8438 26.0163L16.8116 23.1586L21.6025 27.0375L21.7166 27.1083C22.0419 27.2579 22.3536 27.3327 22.6511 27.3327C22.8809 27.3327 23.1014 27.2879 23.3121 27.1984C24.0299 26.8924 24.317 26.1823 24.347 26.1019L27.9256 6.79152C28.144 5.76019 27.8405 5.23545 27.5468 4.97762ZM14.3716 19.3982L12.734 23.9315L11.0965 18.2649L23.6511 8.63149L14.3716 19.3982Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgTelegram;