@rango-dev/ui 0.33.1-next.0 → 0.33.1-next.1

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

@@ -1,7 +1,7 @@
-import type { PropTypes } from './Alert.types';
+import type { AlertPropTypes } from './Alert.types';
 import type { PropsWithChildren } from 'react';
 import React from 'react';
-export declare function Alert(props: PropsWithChildren<PropTypes>): React.JSX.Element;
+export declare function Alert(props: PropsWithChildren<AlertPropTypes>): React.JSX.Element;
 export declare namespace Alert {
     var toString: () => string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.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,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAiDxD;yBAjDe,KAAK"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,wBAAgB,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,qBAiD7D;yBAjDe,KAAK"}

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

@@ -1,4 +1,4 @@
-import type { PropTypes, Type } from './Alert.types';
-export declare const getColor: (type: Type, variant: PropTypes['variant']) => string | undefined;
-export declare const mapVariantToSize: (variant: PropTypes['variant']) => "small" | "xsmall";
+import type { AlertPropTypes, Type } from './Alert.types';
+export declare const getColor: (type: Type, variant: AlertPropTypes['variant']) => string | undefined;
+export declare const mapVariantToSize: (variant: AlertPropTypes['variant']) => "small" | "xsmall";
 //# sourceMappingURL=Alert.helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,QAAQ,SAAU,IAAI,WAAW,SAAS,CAAC,SAAS,CAAC,uBAcjE,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,SAAS,CAAC,SAAS,CAAC,uBAS7D,CAAC"}
+{"version":3,"file":"Alert.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1D,eAAO,MAAM,QAAQ,SAAU,IAAI,WAAW,cAAc,CAAC,SAAS,CAAC,uBActE,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,cAAc,CAAC,SAAS,CAAC,uBASlE,CAAC"}

package/dist/widget/ui/src/components/Alert/Alert.icon.d.ts

@@ -1,5 +1,5 @@
-import type { PropTypes } from './Alert.types';
+import type { AlertPropTypes } from './Alert.types';
 import React from 'react';
-declare function AlertIcon(props: Pick<PropTypes, 'type'>): React.JSX.Element;
+declare function AlertIcon(props: Pick<AlertPropTypes, 'type'>): React.JSX.Element;
 export default AlertIcon;
 //# sourceMappingURL=Alert.icon.d.ts.map

package/dist/widget/ui/src/components/Alert/Alert.icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.icon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,iBAAS,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,qBAahD;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Alert.icon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,iBAAS,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,qBAarD;AAED,eAAe,SAAS,CAAC"}

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

@@ -1,9 +1,9 @@
-import type { PropTypes } from './Alert.types';
+import type { AlertPropTypes } from './Alert.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, AlertPropTypes & {
     children?: React.ReactNode;
 }>;
 export default _default;
-export declare const Main: (args: PropTypes) => React.JSX.Element;
-export declare const WithoutFooter: (args: PropTypes) => React.JSX.Element;
+export declare const Main: (args: AlertPropTypes) => React.JSX.Element;
+export declare const WithoutFooter: (args: AlertPropTypes) => React.JSX.Element;
 //# sourceMappingURL=Alert.stories.d.ts.map

package/dist/widget/ui/src/components/Alert/Alert.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAI1B,wBAyBwB;AAExB,eAAO,MAAM,IAAI,SAAU,SAAS,sBAOnC,CAAC;AACF,eAAO,MAAM,aAAa,SAAU,SAAS,sBAI5C,CAAC"}
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAI1B,wBAyBwB;AAExB,eAAO,MAAM,IAAI,SAAU,cAAc,sBAOxC,CAAC;AACF,eAAO,MAAM,aAAa,SAAU,cAAc,sBAIjD,CAAC"}

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

@@ -2,7 +2,7 @@ import type { CSS } from '../../theme';
 import type { BaseAlign } from '../Typography/Typography.types';
 import type { ReactNode } from 'react';
 export type Type = 'success' | 'warning' | 'error' | 'info' | 'loading';
-export interface PropTypes {
+export interface AlertPropTypes {
     type: Type;
     title?: ReactNode;
     footer?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB"}
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/widget/ui/src/components/Flags/flags.stories.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as Flags from '.';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, any>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, any>;
 export default _default;
 export declare const Main: (props: Flags.FlagPropTypes) => React.JSX.Element;
 //# sourceMappingURL=flags.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './Modal.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes & {
     children?: React.ReactNode;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './NotFound.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (args: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=NotFound.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './Popover.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Popover.types").ContentType & {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("./Popover.types").ContentType & {
     content: React.ReactNode;
 } & {
     children?: React.ReactNode;

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './Radio.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (args: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=Radio.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './RadioGroup.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (args: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=RadioGroup.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { SvgIconPropsWithChildren } from '../SvgIcon';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../SvgIcon").SvgIconProps & {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("../SvgIcon").SvgIconProps & {
     children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
 } & {
     progress: number;

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './Select.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes<string>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes<string>>;
 export default _default;
 export declare const Main: (args: PropTypes<string>) => React.JSX.Element;
 //# sourceMappingURL=Select.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './SelectableCategoryList.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (args: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=SelectableCategoryList.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './Skeleton.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (args: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=Skeleton.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './Spinner.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (props: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=Spinner.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './SwapListItem.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, React.PropsWithChildren<PropTypes>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, React.PropsWithChildren<PropTypes>>;
 export default _default;
 export declare const Main: (props: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=SwapListItem.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './Switch.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (args: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=Switch.stories.d.ts.map

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

@@ -162,7 +162,7 @@ export declare const TabsContainer: import("@stitches/react/types/styled-compone
     zIndices: {};
     transitions: {};
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (args: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=Tabs.stories.d.ts.map

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './TextField.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, {
     label?: React.ReactNode;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;

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

@@ -1,6 +1,6 @@
 import type { ToastProps } from './Toast.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Toast.types").ToastType & {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("./Toast.types").ToastType & {
     id: string | number;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { PropTypes } from './Tooltip.types';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes & {
     children?: React.ReactNode;
 }>;
 export default _default;

package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWallets.stories.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PropTypes } from './ConnectWalletsModal';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, PropTypes>;
 export default _default;
 export declare const Main: (args: PropTypes) => React.JSX.Element;
 //# sourceMappingURL=ConnectWallets.stories.d.ts.map

package/dist/widget/ui/src/icons/Icons.stories.d.ts

@@ -1,6 +1,6 @@
 import type { SvgIconProps } from '../components/SvgIcon';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, any>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, any>;
 export default _default;
 export declare const Main: (props: SvgIconProps) => React.JSX.Element;
 //# sourceMappingURL=Icons.stories.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.33.1-next.0",
+  "version": "0.33.1-next.1",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -33,24 +33,25 @@
     "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.4",
+    "@chromatic-com/storybook": "^1",
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
-    "@storybook/addon-essentials": "^7.1.1",
+    "@storybook/addon-essentials": "^8.0.8",
     "@storybook/addon-info": "^5.3.21",
-    "@storybook/addon-links": "^7.1.1",
+    "@storybook/addon-links": "^8.0.8",
     "@storybook/addons": "^7.1.1",
-    "@storybook/react": "^7.1.1",
-    "@storybook/react-webpack5": "^7.1.1",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-vite": "^8.0.8",
+    "@storybook/react-webpack5": "^8.0.8",
     "@svgr/babel-plugin-remove-jsx-attribute": "8.0.0",
     "@svgr/cli": "^8.0.1",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.8",
     "babel-loader": "^9.1.0",
-    "husky": "^8.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "storybook": "^7.1.1"
+    "storybook": "^8.0.8"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.0.1",
@@ -60,7 +61,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.32.0",
+    "@rango-dev/wallets-shared": "^0.32.1-next.0",
     "@stitches/react": "^1.2.8",
     "copy-to-clipboard": "^3.3.3",
     "rango-sdk": "^0.1.45",

package/src/components/Alert/Alert.helpers.ts

@@ -1,6 +1,6 @@
-import type { PropTypes, Type } from './Alert.types';
+import type { AlertPropTypes, Type } from './Alert.types';
 
-export const getColor = (type: Type, variant: PropTypes['variant']) => {
+export const getColor = (type: Type, variant: AlertPropTypes['variant']) => {
   if (variant === 'regular') {
     return undefined;
   }
@@ -16,7 +16,7 @@ export const getColor = (type: Type, variant: PropTypes['variant']) => {
   }
 };
 
-export const mapVariantToSize = (variant: PropTypes['variant']) => {
+export const mapVariantToSize = (variant: AlertPropTypes['variant']) => {
   switch (variant) {
     case 'alarm':
       return 'small';

package/src/components/Alert/Alert.icon.tsx

@@ -1,4 +1,4 @@
-import type { PropTypes } from './Alert.types';
+import type { AlertPropTypes } from './Alert.types';
 
 import React from 'react';
 
@@ -10,7 +10,7 @@ import {
 } from '../../icons';
 import { Spinner } from '../Spinner';
 
-function AlertIcon(props: Pick<PropTypes, 'type'>) {
+function AlertIcon(props: Pick<AlertPropTypes, 'type'>) {
   switch (props.type) {
     case 'success':
       return <CompleteIcon color={props.type} size={12} />;

package/src/components/Alert/Alert.stories.tsx

@@ -1,4 +1,4 @@
-import type { PropTypes } from './Alert.types';
+import type { AlertPropTypes } from './Alert.types';
 import type { Meta } from '@storybook/react';
 
 import React from 'react';
@@ -32,7 +32,7 @@ export default {
   },
 } as Meta<typeof Alert>;
 
-export const Main = (args: PropTypes) => (
+export const Main = (args: AlertPropTypes) => (
   <div style={{ width: 350 }}>
     <Alert
       {...args}
@@ -40,7 +40,7 @@ export const Main = (args: PropTypes) => (
     />
   </div>
 );
-export const WithoutFooter = (args: PropTypes) => (
+export const WithoutFooter = (args: AlertPropTypes) => (
   <div style={{ width: 350 }}>
     <Alert {...args} variant="alarm" />
   </div>

package/src/components/Alert/Alert.tsx

@@ -1,4 +1,4 @@
-import type { PropTypes } from './Alert.types';
+import type { AlertPropTypes } from './Alert.types';
 import type { PropsWithChildren } from 'react';
 
 import React from 'react';
@@ -10,7 +10,7 @@ import { getColor, mapVariantToSize } from './Alert.helpers';
 import AlertIcon from './Alert.icon';
 import { Container, IconHighlight, Main, TitleContainer } from './Alert.styles';
 
-export function Alert(props: PropsWithChildren<PropTypes>) {
+export function Alert(props: PropsWithChildren<AlertPropTypes>) {
   const {
     type,
     title,

package/src/components/Alert/Alert.types.ts

@@ -4,7 +4,7 @@ import type { ReactNode } from 'react';
 
 export type Type = 'success' | 'warning' | 'error' | 'info' | 'loading';
 
-export interface PropTypes {
+export interface AlertPropTypes {
   type: Type;
   title?: ReactNode;
   footer?: ReactNode;

package/src/components/Alert/index.ts

@@ -1 +1,2 @@
 export { Alert } from './Alert';
+export type { AlertPropTypes } from './Alert.types';