@0xsquid/ui 1.0.0 → 2.0.0

package/dist/esm/types/stories/badges/LoadingSkeleton.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { LoadingSkeleton } from "../../components/badges/LoadingSkeleton";
+declare const meta: Meta<typeof LoadingSkeleton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Loading: Story;
+export declare const Content: Story;
+export declare const CustomSize: Story;

package/dist/esm/types/stories/badges/TransactionState.stories.d.ts

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from "@storybook/react/*";
+import { TransactionState } from "../../components/badges/TransactionState";
+declare const meta: Meta<typeof TransactionState>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Success: Story;
+export declare const SuccessCompact: Story;
+export declare const SuccessSmall: Story;
+export declare const Fail: Story;
+export declare const FailCompact: Story;
+export declare const FailSmall: Story;
+export declare const Processing: Story;
+export declare const ProcessingCompact: Story;
+export declare const ProcessingSmall: Story;
+export declare const Waiting: Story;
+export declare const WaitingCompact: Story;
+export declare const WaitingSmall: Story;
+export declare const Incomplete: Story;
+export declare const IncompleteCompact: Story;
+export declare const IncompleteSmall: Story;

package/dist/esm/types/stories/badges/UsdAmount.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { UsdAmount } from '../../components/badges/UsdAmount';
+import { Meta, StoryObj } from "@storybook/react";
+import { UsdAmount } from "../../components/badges/UsdAmount";
 declare const meta: Meta<typeof UsdAmount>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/types/stories/badges/WalletLink.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { WalletLink } from "../../components/badges/WalletLink";
+declare const meta: Meta<typeof WalletLink>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/stories/buttons/AddressButton.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { AddressButton } from '../../components/buttons/AddressButton';
+import { Meta, StoryObj } from "@storybook/react";
+import { AddressButton } from "../../components/buttons/AddressButton";
 declare const meta: Meta<typeof AddressButton>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/types/stories/buttons/ArrowButton.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ArrowButton } from '../../components/buttons/ArrowButton';
+import { Meta, StoryObj } from "@storybook/react";
+import { ArrowButton } from "../../components/buttons/ArrowButton";
 declare const meta: Meta<typeof ArrowButton>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/types/stories/buttons/AssetsButton.stories.d.ts

@@ -0,0 +1,15 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { AssetsButton } from "../../components/buttons/AssetsButton";
+declare const meta: Meta<typeof AssetsButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const PrimaryVariantLoading: Story;
+export declare const AccentVariantLoading: Story;
+export declare const PrimaryVariantEmpty: Story;
+export declare const AccentVariantEmpty: Story;
+export declare const ChainOnly: Story;
+export declare const TokenOnly: Story;
+export declare const ChainAndTokenLightText: Story;
+export declare const ChainAndTokenDarkText: Story;
+export declare const LongTokenSymbol: Story;
+export declare const Tooltip: Story;

package/dist/esm/types/stories/buttons/BoostButton.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { BoostButton } from '../../components/buttons/BoostButton';
+import { Meta, StoryObj } from "@storybook/react";
+import { BoostButton } from "../../components/buttons/BoostButton";
 declare const meta: Meta<typeof BoostButton>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/types/stories/buttons/Button.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Button } from '../../components/buttons/Button';
+import { Meta, StoryObj } from "@storybook/react";
+import { Button } from "../../components/buttons/Button";
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -7,6 +7,8 @@ export declare const MediumPrimary: Story;
 export declare const MediumSecondary: Story;
 export declare const MediumTertiary: Story;
 export declare const MediumDisabled: Story;
+export declare const MediumAndLink: Story;
+export declare const MediumAndLinkDisabled: Story;
 export declare const MediumPrimaryIconOnly: Story;
 export declare const MediumSecondaryIconOnly: Story;
 export declare const MediumTertiaryIconOnly: Story;
@@ -19,3 +21,12 @@ export declare const LargePrimary: Story;
 export declare const LargeSecondary: Story;
 export declare const LargeTertiary: Story;
 export declare const LargeDisabled: Story;
+export declare const LargeAndLink: Story;
+export declare const LargeAndLinkDisabled: Story;
+export declare const MediumWithIconLoading: Story;
+export declare const MediumWithLabelLoading: Story;
+export declare const MediumWithLongLabelLoading: Story;
+export declare const LargeWithLabelLoading: Story;
+export declare const LargeWithLongLabelLoading: Story;
+export declare const MediumWithChip: Story;
+export declare const LargeWithChip: Story;

package/dist/esm/types/stories/buttons/Chip.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Chip } from '../../components/buttons/Chip';
+import { Meta, StoryObj } from "@storybook/react";
+import { Chip } from "../../components/buttons/Chip";
 declare const meta: Meta<typeof Chip>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/types/stories/buttons/FeeButton.stories.d.ts

@@ -1,6 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FeeButton } from '../../components/buttons/FeeButton';
+import { Meta, StoryObj } from "@storybook/react";
+import { FeeButton } from "../../components/buttons/FeeButton";
 declare const meta: Meta<typeof FeeButton>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Tooltip: Story;

package/dist/esm/types/stories/buttons/FilterButton.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { FilterButton } from "../../components/buttons/FilterButton";
+declare const meta: Meta<typeof FilterButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Active: Story;

package/dist/esm/types/stories/buttons/IconButon.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { IconButton } from "../../components/buttons/IconButton";
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;

package/dist/esm/types/stories/buttons/SettingsButton.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SettingsButton } from "../../components/buttons/SettingsButton";
+declare const meta: Meta<typeof SettingsButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Selected: Story;

package/dist/esm/types/stories/buttons/StopsButton.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { StopsButton } from "../../components/buttons/StopsButton";
+declare const meta: Meta<typeof StopsButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const OneProvider: Story;
+export declare const TwoProviders: Story;
+export declare const ThreeProviders: Story;
+export declare const FourProviders: Story;
+export declare const TenProviders: Story;

package/dist/esm/types/stories/controls/Input.stories.d.ts

@@ -1,8 +1,11 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Input } from '../../components/controls/Input';
+import { Meta, StoryObj } from "@storybook/react";
+import { Input } from "../../components/controls/Input";
 declare const meta: Meta<typeof Input>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithoutIcon: Story;
-export declare const WithPasteButton: Story;
+export declare const WithActionButton: Story;
+export declare const Error: Story;
+export declare const FocusAfter3Seconds: Story;
+export declare const Warning: Story;

package/dist/esm/types/stories/controls/RangeInput.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { RangeInput } from "../../components/controls/RangeInput";
+declare const meta: Meta<typeof RangeInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Warning: Story;

package/dist/esm/types/stories/controls/SettingsSlider.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SettingsSlider } from "../../components/controls/SettingsSlider";
+declare const meta: Meta<typeof SettingsSlider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Percentage: Story;
+export declare const Amount: Story;
+export declare const PercentageWith1DecimalPlaceAllowed: Story;
+export declare const AmountWith2DecimalPlacesAllowed: Story;
+export declare const PercentageMax50: Story;
+export declare const AmountMax999: Story;

package/dist/esm/types/stories/controls/Switch.stories.d.ts

@@ -1,9 +1,11 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Switch } from '../../components/controls/Switch';
+import { Meta, StoryObj } from "@storybook/react";
+import { Switch } from "../../components/controls/Switch";
 declare const meta: Meta<typeof Switch>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const LargeChecked: Story;
 export declare const LargeUnchecked: Story;
+export declare const LargeDisabled: Story;
 export declare const SmallChecked: Story;
 export declare const SmallUnchecked: Story;
+export declare const SmallDisabled: Story;

package/dist/esm/types/stories/controls/Tooltip.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Tooltip } from '../../components/controls/Tooltip';
+import { Meta, StoryObj } from "@storybook/react";
+import { Tooltip } from "../../components/controls/Tooltip";
 declare const meta: Meta<typeof Tooltip>;
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -10,3 +10,4 @@ export declare const FillMaxLongText: Story;
 export declare const ThresholdExtraExtraSmall: Story;
 export declare const ThresholdMedium: Story;
 export declare const ThresholdExtraLarge: Story;
+export declare const OneSecondDelayed: Story;

package/dist/esm/types/stories/data/actions.d.ts

@@ -0,0 +1,225 @@
+export declare const transactionActions: {
+    success: {
+        type: "success";
+        props: {
+            status: "success";
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    receive_tokens: {
+        type: "receive_tokens";
+        props: {
+            status: "executed";
+            amount: string;
+            token: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            chain: {
+                logoURI: string;
+                name: string;
+            };
+            wallet: {
+                imageURI: string;
+                address: string;
+                url: string;
+            };
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    receive_nft: {
+        type: "receive_nft";
+        props: {
+            status: "executed";
+            nft: {
+                imageURI: string;
+                name: string;
+            };
+            chain: {
+                logoURI: string;
+                name: string;
+            };
+            wallet: {
+                imageURI: string;
+                address: string;
+                url: string;
+            };
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    approve: {
+        type: "approve";
+        props: {
+            status: "executed";
+            profile: {
+                imageURI: string;
+                label: string;
+            };
+            chain: {
+                logoURI: string;
+                name: string;
+            };
+            wallet: {
+                imageURI: string;
+                address: string;
+                url: string;
+            };
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    send_tokens: {
+        type: "send_tokens";
+        props: {
+            status: "executed";
+            amount: string;
+            token: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            chain: {
+                logoURI: string;
+                name: string;
+            };
+            wallet: {
+                imageURI: string;
+                address: string;
+                url: string;
+            };
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    swap: {
+        type: "swap";
+        props: {
+            status: "executed";
+            fromToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            toToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            provider: {
+                logoURI: string;
+                name: string;
+            };
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    wrap: {
+        type: "wrap";
+        props: {
+            status: "executed";
+            fromToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            toToken: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            provider: {
+                logoURI: string;
+                name: string;
+            };
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    bridge: {
+        type: "bridge";
+        props: {
+            status: "executed";
+            token: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            chain: {
+                logoURI: string;
+                name: string;
+            };
+            provider: {
+                logoURI: string;
+                name: string;
+            };
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    stake: {
+        type: "stake";
+        props: {
+            status: "executed";
+            token: {
+                logoURI: string;
+                bgColor: string;
+                symbol: string;
+            };
+            provider: {
+                logoURI: string;
+                name: string;
+            };
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    start: {
+        type: "start";
+        props: {
+            status: "executed";
+            timestamp: number;
+            hash: string;
+            url: string;
+        };
+    };
+    fees: {
+        type: "fees";
+        props: {
+            status: "executed";
+            total: {
+                label: string;
+                usd: number;
+                amount: number;
+                symbol: string;
+            };
+            lines: {
+                label: string;
+                usd: number;
+                amount: number;
+                symbol: string;
+            }[];
+        };
+    };
+    incomplete: {
+        type: "incomplete";
+        props: {
+            status: "executed";
+            nextStatus: "executed";
+            message: string;
+            buttons: import("react/jsx-runtime").JSX.Element;
+        };
+    };
+};

package/dist/esm/types/stories/data/network.d.ts

@@ -0,0 +1,52 @@
+export declare const tokens: {
+    eth: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    weth: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    usdc: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+};
+export declare const chains: {
+    ethereum: {
+        logoURI: string;
+        name: string;
+    };
+    optimism: {
+        logoURI: string;
+        name: string;
+    };
+};
+export declare const providers: {
+    axelar: {
+        logoURI: string;
+        name: string;
+    };
+};
+export declare const wallets: {
+    punk: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+};
+export declare const nfts: {
+    parallelLives: {
+        name: string;
+        imageURI: string;
+        collection: {
+            name: string;
+            imageURI: string;
+        };
+        tokenID: string;
+        nftType: string;
+    };
+};

package/dist/esm/types/stories/layout/AppContainer.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react/*";
+declare const meta: Meta<typeof SwitchingAppContainer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+declare function SwitchingAppContainer(): import("react/jsx-runtime").JSX.Element;
+export declare const Default: Story;

package/dist/esm/types/stories/layout/Boost.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Boost } from "../../components/layout/Boost";
+declare const meta: Meta<typeof Boost>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const Boosted: Story;
+export declare const Tooltip: Story;
+export declare const NormalDisabled: Story;
+export declare const BoostedDisabled: Story;
+export declare const DisabledWithDelayedTooltip: Story;

package/dist/esm/types/stories/layout/DetailsToolbar.stories.d.ts

@@ -1,9 +1,17 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { DetailsToolbar } from '../../components/layout/DetailsToolbar';
+import { Meta, StoryObj } from "@storybook/react";
+import { DetailsToolbar } from "../../components/layout/DetailsToolbar";
 declare const meta: Meta<typeof DetailsToolbar>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Loading: Story;
 export declare const Empty: Story;
+export declare const EmptyLoading: Story;
 export declare const Error: Story;
+export declare const ErrorHelpButton: Story;
+export declare const StopsButtonWithTooltip: Story;
+export declare const StopsButtonDisabledWithTooltip: Story;
+export declare const StopsButtonWithDelayedTooltip: Story;
+export declare const FlipButtonWithTooltip: Story;
+export declare const FlipButtonDisabled: Story;
+export declare const FeeButtonTooltip: Story;

package/dist/esm/types/stories/layout/DropdownMenu.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { DropdownMenu } from "../../components/layout/DropdownMenu";
+declare const meta: Meta<typeof DropdownMenu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Images: Story;
+export declare const Icons: Story;
+export declare const DetailsControlsAndLinks: Story;
+export declare const SubMenu: Story;

package/dist/esm/types/stories/layout/ErrorMessage.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ErrorMessage } from "../../components/layout/ErrorMessage";
+declare const meta: Meta<typeof ErrorMessage>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutIcon: Story;

package/dist/esm/types/stories/layout/HashLink.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { HashLink } from "../../components/layout/HashLink";
+declare const meta: Meta<typeof HashLink>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ShowTx: Story;
+export declare const ShowCopyButton: Story;
+export declare const WithUrl: Story;
+export declare const WithChildren: Story;
+export declare const AllProps: Story;

package/dist/esm/types/stories/layout/InfoBox.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { InfoBox } from "../../components/layout/InfoBox";
+declare const meta: Meta<typeof InfoBox>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithIcon: Story;

package/dist/esm/types/stories/layout/Menu.stories.d.ts

@@ -1,6 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Menu } from '../../components/layout/Menu';
+import { Meta, StoryObj } from "@storybook/react";
+import { Menu } from "../../components/layout/Menu";
 declare const meta: Meta<typeof Menu>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+export declare const RoundedSm: Story;
+export declare const RoundedLg: Story;

package/dist/esm/types/stories/layout/ModalContent.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ModalContent } from "../../components/layout/ModalContent";
+declare const meta: Meta<typeof ModalContent>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithBorder: Story;
+export declare const WithOutline: Story;
+export declare const VerticalPadding: Story;

package/dist/esm/types/stories/layout/NavigationBar.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { NavigationBar } from '../../components/layout/NavigationBar';
+import { Meta, StoryObj } from "@storybook/react";
+import { NavigationBar } from "../../components/layout/NavigationBar";
 declare const meta: Meta<typeof NavigationBar>;
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -7,4 +7,7 @@ export declare const Default: Story;
 export declare const Title: Story;
 export declare const BackButton: Story;
 export declare const Logo: Story;
+export declare const WithActions: Story;
 export declare const AllProps: Story;
+export declare const Loading: Story;
+export declare const Transparent: Story;

package/dist/esm/types/stories/layout/ProductCard.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ProductCard } from '../../components/layout/ProductCard';
+import { Meta, StoryObj } from "@storybook/react";
+import { ProductCard } from "../../components/layout/ProductCard";
 declare const meta: Meta<typeof ProductCard>;
 export default meta;
 type Story = StoryObj<typeof meta>;