@0xsquid/ui 0.17.2 → 0.17.4

package/dist/cjs/types/components/badges/LoadingSkeleton.d.ts

@@ -7,5 +7,5 @@ interface LoadingSkeletonProps {
     children?: React.ReactNode;
     width?: string;
 }
-export declare function LoadingSkeleton({ className, height, isLoading: isLoadingProp, children, width, }: LoadingSkeletonProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;
+export declare function LoadingSkeleton({ className, height, isLoading: isLoadingProp, children, width, }: LoadingSkeletonProps): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/buttons/FilterButton.d.ts

@@ -1,6 +1,7 @@
 interface FilterButtonProps {
     selected: boolean;
     numApplied?: number;
+    onClick?: () => void;
 }
-export declare function FilterButton({ selected, numApplied }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterButton({ selected, numApplied, onClick, }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/icons/SquidIcons.d.ts

@@ -0,0 +1 @@
+export declare function DockSwapIcon(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/layout/AppContainer.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface AppContainerProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function AppContainer({ children, className, ...props }: AppContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/ExploreLayout.d.ts

@@ -1,7 +1,3 @@
-import { ReactNode } from 'react';
-interface ExploreLayoutProps {
-    navigation?: ReactNode;
-    children?: ReactNode;
-}
-export declare function ExploreLayout({ navigation, children }: ExploreLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/// <reference types="react" />
+export declare const ExploreLayout: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<import("react").ElementType<"div">>>;
+export declare const ExploreNav: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<import("react").ElementType<"div">>>;

package/dist/cjs/types/components/layout/Menu.d.ts

@@ -3,10 +3,8 @@ type Rounded = 'sm' | 'lg';
 interface MenuProps extends React.ComponentProps<'div'> {
     containerClassName?: string;
     contentClassName?: string;
-    title?: string;
-    displayControls?: boolean;
     rounded?: Rounded;
     menuRef?: React.RefObject<HTMLDivElement>;
 }
-export declare function Menu({ children, containerClassName, contentClassName, title, displayControls, rounded, menuRef, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function Menu({ children, containerClassName, contentClassName, rounded, menuRef, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/layout/Toast.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ToastProps {
+    title: string;
+    description: string;
+    headerContent?: React.ReactNode;
+    actionsContent?: React.ReactNode;
+    chipLabel?: string;
+}
+export declare function Toast({ headerContent, actionsContent, description, chipLabel, title, }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/layout/TransactionFilters.d.ts

@@ -1,16 +1,16 @@
 import 'react-day-picker/dist/style.css';
 import { ChainTypeFilter, StatusFilter as TStatusFilter } from '../../types/components';
 interface TransactionFiltersProps {
-    chainType: ChainTypeFilter;
+    chainType?: ChainTypeFilter;
     setChainType: (chainType: ChainTypeFilter) => void;
-    chain: string | null;
-    setChain: (chain: string | null) => void;
-    fromDate: Date | null;
-    setFromDate: (fromDate: Date | null) => void;
-    toDate: Date | null;
-    setToDate: (toDate: Date | null) => void;
-    status: TStatusFilter[];
-    setStatus: (status: TStatusFilter[]) => void;
+    chain?: string;
+    setChain: (chain?: string) => void;
+    fromDate?: Date;
+    setFromDate: (fromDate?: Date) => void;
+    toDate?: Date;
+    setToDate: (toDate?: Date) => void;
+    status?: TStatusFilter[];
+    setStatus: (status?: TStatusFilter[]) => void;
     chains: {
         name: string;
         logoURI: string;

package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts

@@ -2,9 +2,10 @@ import { ReactNode } from 'react';
 import { ActionStatus } from '../../../types/components';
 interface TransactionHeaderLayoutProps {
     status?: ActionStatus;
-    title: string;
+    title?: string;
     image?: ReactNode;
     children?: ReactNode;
+    isLoading?: boolean;
 }
-export declare function TransactionHeaderLayout({ status, title, image, children, }: TransactionHeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionHeaderLayout({ status, title, image, children, isLoading, }: TransactionHeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/layout/TransactionSearch.d.ts

@@ -3,6 +3,7 @@ interface TransactionSearchProps {
     query: string;
     setQuery: (query: string) => void;
     children?: ReactNode;
+    className?: string;
 }
-export declare function TransactionSearch({ query, setQuery, children, }: TransactionSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionSearch({ query, setQuery, children, className, }: TransactionSearchProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/TransactionAction/FeesAction.d.ts

@@ -21,8 +21,9 @@ interface FeesLinesProps {
 export declare function FeesLines({ status, lines, showTimeline, }: FeesLinesProps): import("react/jsx-runtime").JSX.Element;
 interface FeesRowProps {
     label: string;
-    usd: string;
-    eth: string;
+    amount: number | string;
+    symbol: string;
+    usd: number | string;
     collapsed?: boolean;
 }
 export {};

package/dist/cjs/types/components/lists/TransactionAction/SuccessAction.d.ts

@@ -1,9 +1,9 @@
 import { BaseActionProps } from './BaseActionProps';
 interface SuccessActionProps extends BaseActionProps {
     description?: string;
-    timestamp: number;
-    hash: string;
-    url: string;
+    timestamp?: number;
+    hash?: string;
+    url?: string;
 }
 export declare function SuccessAction({ nextStatus, status, description, showTimeline, showBody, timestamp, hash, url, }: SuccessActionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/TransactionAction/SwapAction.d.ts

@@ -12,9 +12,9 @@ interface SwapActionProps extends BaseActionProps {
         logoURI: string;
         name: string;
     };
-    timestamp: number;
-    hash: string;
-    url: string;
+    timestamp?: number;
+    hash?: string;
+    url?: string;
 }
 export declare function SwapAction({ status, nextStatus, showTimeline, showBody, fromToken, toToken, provider, timestamp, hash, url, }: SwapActionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/typography/HeadingText.d.ts

@@ -1,6 +1,7 @@
+import { ReactNode } from 'react';
 import { TextSize } from '../../types/components';
 interface HeadingTextProps {
-    children: string;
+    children?: ReactNode;
     size: TextSize;
     bold?: boolean;
     className?: string;

package/dist/cjs/types/core/utils.d.ts

@@ -1,4 +1,5 @@
 import { ClassValue } from 'clsx';
+import { ComponentProps, ElementType } from 'react';
 /**
  * Combines multiple class names into a single string
  *
@@ -21,4 +22,6 @@ export declare function capitalize(text: string): string;
 type Falsy = false | null | undefined | 0 | '';
 export declare function truthy<T>(value: T): value is Exclude<T, Falsy>;
 export declare function truncateHash(hash: string): string;
+export declare const styled: <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, className: string) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<ComponentProps<Tag>> & import("react").RefAttributes<ElementType<Tag>>>;
+export declare const mergeProps: <Tag extends keyof JSX.IntrinsicElements = any>(a: ComponentProps<Tag>, b: ComponentProps<Tag>) => ComponentProps<Tag>;
 export {};

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

@@ -201,13 +201,15 @@ export declare const transactionActions: {
             status: "executed";
             total: {
                 label: string;
-                usd: string;
-                eth: string;
+                usd: number;
+                amount: number;
+                symbol: string;
             };
             lines: {
                 label: string;
-                usd: string;
-                eth: string;
+                usd: number;
+                amount: number;
+                symbol: string;
             }[];
         };
     };

package/dist/cjs/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/cjs/types/stories/layout/Menu.stories.d.ts

@@ -3,6 +3,5 @@ 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 WithTitle: Story;
-export declare const WithControls: Story;
+export declare const RoundedSm: Story;
+export declare const RoundedLg: Story;

package/dist/cjs/types/stories/layout/Toast.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Toast } from '../../components/layout/Toast';
+declare const meta: Meta<typeof Toast>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TitleAndDescription: Story;
+export declare const WithActions: Story;
+export declare const WithHeaderContent: Story;
+export declare const WithChip: Story;
+export declare const AllProps: Story;