@funkit/connect 0.1.10 → 0.1.13

package/dist/{chunk-W7RO4DCA.js → chunk-Q73FKLU4.js}

@@ -62,6 +62,7 @@ var lightTheme = ({
     textSecondary: "#1A1B1F99",
     textTertiary: "#1A1B1F59",
     textDisabled: "",
+    textSelection: "rgba(0, 0, 0, 0.10)",
     inputFieldPrimary: "#000000",
     inputFieldPlaceholder: "rgba(26, 27, 31, 0.60)",
     inputFieldDisabled: "#1A1B1F99",

package/dist/{chunk-ZKI6VFDD.js → chunk-UOUEGWLS.js}

@@ -62,6 +62,7 @@ var darkTheme = ({
     textSecondary: "rgba(255, 255, 255, 0.4)",
     textTertiary: "",
     textDisabled: "",
+    textSelection: "rgba(255, 255, 255, 0.10)",
     inputFieldPrimary: "#FFF",
     inputFieldPlaceholder: "",
     inputFieldDisabled: "",

package/dist/components/AccountModal/AccountModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface AccountModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export declare function AccountModal({ onClose, open }: AccountModalProps): React.JSX.Element | null;

package/dist/components/AsyncImage/AsyncImage.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+import { AsyncImageSrc } from './useAsyncImage';
+type CustomBorderColor = {
+    custom: string;
+};
+interface AsyncImageProps {
+    alt?: string;
+    src: string | AsyncImageSrc | undefined;
+    width: BoxProps['width'] | number;
+    height: BoxProps['height'] | number;
+    background?: string;
+    borderRadius?: BoxProps['borderRadius'];
+    borderColor?: BoxProps['borderColor'] | CustomBorderColor;
+    boxShadow?: BoxProps['boxShadow'];
+    testId?: string;
+}
+export declare function AsyncImage({ alt, background, borderColor, borderRadius, boxShadow, height, src: srcProp, width, testId, }: AsyncImageProps): React.JSX.Element;
+export {};

package/dist/components/AsyncImage/useAsyncImage.d.ts

@@ -0,0 +1,3 @@
+export type AsyncImageSrc = () => Promise<string>;
+export declare function loadImages(...urls: (string | AsyncImageSrc)[]): Promise<(string | void)[]>;
+export declare function useAsyncImage(url?: string | AsyncImageSrc): string | undefined;

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AvatarProps {
+    address: string;
+    loading?: boolean;
+    imageUrl?: string | null;
+    size: number;
+}
+export declare function Avatar({ address, imageUrl, loading, size }: AvatarProps): React.JSX.Element;
+export {};

package/dist/components/Avatar/EmojiAvatar.d.ts

@@ -0,0 +1,2 @@
+import { AvatarComponent } from '../FunkitProvider/AvatarContext';
+export declare const EmojiAvatar: AvatarComponent;

package/dist/components/Avatar/emojiAvatarForAddress.d.ts

@@ -0,0 +1,106 @@
+export declare function emojiAvatarForAddress(address: string): {
+    readonly color: "#FC5C54";
+    readonly emoji: "🌶";
+} | {
+    readonly color: "#FFD95A";
+    readonly emoji: "🤑";
+} | {
+    readonly color: "#E95D72";
+    readonly emoji: "🐙";
+} | {
+    readonly color: "#6A87C8";
+    readonly emoji: "🫐";
+} | {
+    readonly color: "#5FD0F3";
+    readonly emoji: "🐳";
+} | {
+    readonly color: "#FC5C54";
+    readonly emoji: "🤶";
+} | {
+    readonly color: "#75C06B";
+    readonly emoji: "🌲";
+} | {
+    readonly color: "#FFDD86";
+    readonly emoji: "🌞";
+} | {
+    readonly color: "#5FC6D4";
+    readonly emoji: "🐒";
+} | {
+    readonly color: "#FF949A";
+    readonly emoji: "🐵";
+} | {
+    readonly color: "#FF8024";
+    readonly emoji: "🦊";
+} | {
+    readonly color: "#9BA1A4";
+    readonly emoji: "🐼";
+} | {
+    readonly color: "#EC66FF";
+    readonly emoji: "🦄";
+} | {
+    readonly color: "#FF8CBC";
+    readonly emoji: "🐷";
+} | {
+    readonly color: "#FF9A23";
+    readonly emoji: "🐧";
+} | {
+    readonly color: "#FF949A";
+    readonly emoji: "🦩";
+} | {
+    readonly color: "#C5DADB";
+    readonly emoji: "👽";
+} | {
+    readonly color: "#FC5C54";
+    readonly emoji: "🎈";
+} | {
+    readonly color: "#FF949A";
+    readonly emoji: "🍉";
+} | {
+    readonly color: "#FFD95A";
+    readonly emoji: "🎉";
+} | {
+    readonly color: "#A8CE63";
+    readonly emoji: "🐲";
+} | {
+    readonly color: "#71ABFF";
+    readonly emoji: "🌎";
+} | {
+    readonly color: "#FFE279";
+    readonly emoji: "🍊";
+} | {
+    readonly color: "#B6B1B6";
+    readonly emoji: "🐭";
+} | {
+    readonly color: "#FF6780";
+    readonly emoji: "🍣";
+} | {
+    readonly color: "#FFD95A";
+    readonly emoji: "🐥";
+} | {
+    readonly color: "#A575FF";
+    readonly emoji: "👾";
+} | {
+    readonly color: "#A8CE63";
+    readonly emoji: "🥦";
+} | {
+    readonly color: "#FC5C54";
+    readonly emoji: "👹";
+} | {
+    readonly color: "#FFE279";
+    readonly emoji: "🙀";
+} | {
+    readonly color: "#5FD0F3";
+    readonly emoji: "⛱";
+} | {
+    readonly color: "#4D82FF";
+    readonly emoji: "⛵️";
+} | {
+    readonly color: "#FFE279";
+    readonly emoji: "🥳";
+} | {
+    readonly color: "#FF949A";
+    readonly emoji: "🤯";
+} | {
+    readonly color: "#FFB35A";
+    readonly emoji: "🤠";
+};

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,86 @@
+import { ClassValue } from 'clsx';
+import * as React from 'react';
+type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
+export declare const Box: React.ForwardRefExoticComponent<{
+    background?: ("transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
+        base?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        hover?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        active?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        selection?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    }) | undefined;
+    borderColor?: ("transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
+        base?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        hover?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        active?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        selection?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    }) | undefined;
+    boxShadow?: ("connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
+        base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+        hover?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+        active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+        selection?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+    }) | undefined;
+    color?: ("transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
+        base?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        hover?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        active?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+        selection?: "transparent" | "accentColor" | "accentColorForeground" | "actionButtonBorder" | "actionButtonBorderMobile" | "actionButtonSecondaryBackground" | "actionButtonDisabled" | "closeButton" | "closeButtonBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "downloadBottomCardBackground" | "downloadTopCardBackground" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "standby" | "solidLine" | "leftTranslucentLine" | "rightTranslucentLine" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "strokePrimary" | "strokeSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonTextWarning" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    }) | undefined;
+} & {
+    alignItems?: ("flex-start" | "flex-end" | "center" | {
+        smallScreen?: "flex-start" | "flex-end" | "center" | undefined;
+        largeScreen?: "flex-start" | "flex-end" | "center" | undefined;
+    }) | undefined;
+    display?: (string | {
+        smallScreen?: string | undefined;
+        largeScreen?: string | undefined;
+    }) | undefined;
+} & {
+    readonly alignSelf?: "flex-start" | "flex-end" | "center" | undefined;
+    readonly backgroundSize?: "cover" | undefined;
+    readonly borderRadius?: "1" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "10" | "13" | "16" | "24" | "25%" | "full" | undefined;
+    readonly borderStyle?: "solid" | "dotted" | "hidden" | undefined;
+    readonly borderWidth?: "0" | "1" | "2" | "4" | undefined;
+    readonly cursor?: "pointer" | undefined;
+    readonly flexDirection?: "row" | "column" | undefined;
+    readonly fontFamily?: "body" | undefined;
+    readonly fontSize?: "10" | "13" | "16" | "12" | "14" | "18" | "20" | "23" | "57" | undefined;
+    readonly fontWeight?: "regular" | "medium" | "semibold" | "bold" | "heavy" | undefined;
+    readonly gap?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly height?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | undefined;
+    readonly textAlign?: "left" | "inherit" | "center" | undefined;
+    readonly marginBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly marginLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly marginRight?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly marginTop?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly minHeight?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxHeight?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxWidth?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly minWidth?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly overflow?: "hidden" | undefined;
+    readonly paddingBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    readonly position?: "absolute" | "fixed" | "relative" | undefined;
+    readonly right?: "0" | undefined;
+    readonly transition?: "default" | "transform" | undefined;
+    readonly userSelect?: "none" | undefined;
+    readonly width?: "1" | "2" | "24" | "full" | "4" | "12" | "20" | "400" | "8" | "28" | "30" | "32" | "36" | "44" | "34" | "40" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly backdropFilter?: "modalOverlay" | undefined;
+    margin?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    marginX?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    marginY?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    padding?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    paddingX?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+    paddingY?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "-1" | "5" | "8" | "28" | "30" | "32" | "36" | "44" | "64" | undefined;
+} & {
+    reset?: keyof JSX.IntrinsicElements | undefined;
+} & HTMLProperties<HTMLElement> & {
+    as?: React.ElementType<any> | undefined;
+    className?: ClassValue;
+    testId?: string | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export type BoxProps = Parameters<typeof Box>[0];
+export {};

package/dist/components/Button/ActionButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type Size = 'small' | 'medium' | 'large';
+export declare function ActionButton({ disabled, href, label, onClick, rel, size, target, testId, type, }: {
+    href?: string;
+    label: string;
+    onClick?: () => void;
+    rel?: string;
+    size?: Size;
+    target?: string;
+    type?: 'primary' | 'secondary';
+    disabled?: boolean;
+    testId?: string;
+}): React.JSX.Element;
+export {};

package/dist/components/ChainModal/ChainModal.css.d.ts

@@ -0,0 +1,2 @@
+export declare const DesktopScrollClassName: string;
+export declare const MobileScrollClassName: string;

package/dist/components/ChainModal/ChainModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ChainModalProps {
+    open: boolean;
+    onClose: () => void;
+}
+export declare function ChainModal({ onClose, open }: ChainModalProps): React.JSX.Element | null;

package/dist/components/CloseButton/CloseButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const CloseButton: ({ "aria-label": ariaLabel, onClose, }: {
+    'aria-label'?: string | undefined;
+    onClose: () => void;
+}) => React.JSX.Element;

package/dist/components/ConnectButton/ConnectButton.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ResponsiveValue } from '../../css/sprinkles.css';
+import { ConnectButtonRenderer } from './ConnectButtonRenderer';
+type AccountStatus = 'full' | 'avatar' | 'address';
+type ChainStatus = 'full' | 'icon' | 'name' | 'none';
+export interface ConnectButtonProps {
+    accountStatus?: ResponsiveValue<AccountStatus>;
+    showBalance?: ResponsiveValue<boolean>;
+    chainStatus?: ResponsiveValue<ChainStatus>;
+    label?: string;
+}
+export declare function ConnectButton({ accountStatus, chainStatus, label, showBalance, }: ConnectButtonProps): React.JSX.Element;
+export declare namespace ConnectButton {
+    var __defaultProps: {
+        readonly accountStatus: "full";
+        readonly chainStatus: {
+            readonly largeScreen: "full";
+            readonly smallScreen: "icon";
+        };
+        readonly label: "Sign In";
+        readonly showBalance: {
+            readonly largeScreen: true;
+            readonly smallScreen: false;
+        };
+    };
+    var Custom: typeof ConnectButtonRenderer;
+}
+export {};

package/dist/components/ConnectButton/ConnectButtonRenderer.d.ts

@@ -0,0 +1,39 @@
+import React, { ReactNode } from 'react';
+import { AuthenticationStatus } from '../FunkitProvider/AuthenticationContext';
+export interface ConnectButtonRendererProps {
+    children: (renderProps: {
+        account?: {
+            address: string;
+            balanceDecimals?: number;
+            balanceFormatted?: string;
+            balanceSymbol?: string;
+            displayBalance?: string;
+            displayName: string;
+            ensAvatar?: string;
+            ensName?: string;
+            hasPendingTransactions: boolean;
+        };
+        chain?: {
+            hasIcon: boolean;
+            iconUrl?: string;
+            iconBackground?: string;
+            id: number;
+            name?: string;
+            unsupported?: boolean;
+        };
+        mounted: boolean;
+        authenticationStatus?: AuthenticationStatus;
+        openAccountModal: () => void;
+        openChainModal: () => void;
+        openConnectModal: () => void;
+        openFunDevTestModal: () => void;
+        accountModalOpen: boolean;
+        chainModalOpen: boolean;
+        connectModalOpen: boolean;
+        funDevTestModalOpen: boolean;
+    }) => ReactNode;
+}
+export declare function ConnectButtonRenderer({ children, }: ConnectButtonRendererProps): React.JSX.Element;
+export declare namespace ConnectButtonRenderer {
+    var displayName: string;
+}

package/dist/components/ConnectButton/abbreviateETHBalance.d.ts

@@ -0,0 +1,2 @@
+export declare function toPrecision(number: number, precision?: number): string;
+export declare function abbreviateETHBalance(number: number): string;

package/dist/components/ConnectButton/formatAddress.d.ts

@@ -0,0 +1 @@
+export declare function formatAddress(address: string): string;

package/dist/components/ConnectButton/formatENS.d.ts

@@ -0,0 +1 @@
+export declare function formatENS(name: string): string;

package/dist/components/ConnectOptions/ConnectDetails.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { WalletConnector } from '../../wallets/useWalletConnectors';
+import { WalletStep } from './DesktopOptions';
+export declare function GetDetail({ getWalletDownload, compactModeEnabled, }: {
+    getWalletDownload: (walletId: string) => void;
+    compactModeEnabled: boolean;
+}): React.JSX.Element;
+export declare function ConnectDetail({ changeWalletStep, compactModeEnabled, connectionError, onClose, qrCodeUri, reconnect, selectedWallet, appConfig, }: {
+    changeWalletStep: (newWalletStep: WalletStep) => void;
+    compactModeEnabled: boolean;
+    connectionError: boolean;
+    qrCodeUri?: string;
+    reconnect: (wallet: WalletConnector) => void;
+    selectedWallet: WalletConnector;
+    onClose: () => void;
+    appConfig: any;
+}): React.JSX.Element;
+export declare function DownloadOptionsDetail({ changeWalletStep, wallet, }: {
+    changeWalletStep: (newWalletStep: WalletStep) => void;
+    wallet: WalletConnector;
+}): React.JSX.Element;
+export declare function DownloadDetail({ changeWalletStep, wallet, }: {
+    changeWalletStep: (newWalletStep: WalletStep) => void;
+    wallet: WalletConnector;
+}): React.JSX.Element;
+export declare function InstructionMobileDetail({ connectWallet, wallet, }: {
+    connectWallet: (wallet: WalletConnector) => void;
+    wallet: WalletConnector;
+}): React.JSX.Element;
+export declare function InstructionExtensionDetail({ wallet, }: {
+    wallet: WalletConnector;
+}): React.JSX.Element;
+export declare function InstructionDesktopDetail({ connectWallet, wallet, }: {
+    connectWallet: (wallet: WalletConnector) => void;
+    wallet: WalletConnector;
+}): React.JSX.Element;

package/dist/components/ConnectOptions/DesktopOptions.css.d.ts

@@ -0,0 +1,4 @@
+export declare const QRCodeBackgroundClassName: string;
+export declare const ScrollClassName: string;
+export declare const sidebar: string;
+export declare const sidebarCompactMode: string;

package/dist/components/ConnectOptions/DesktopOptions.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare enum WalletStep {
+    None = "NONE",
+    LearnCompact = "LEARN_COMPACT",
+    Get = "GET",
+    Connect = "CONNECT",
+    DownloadOptions = "DOWNLOAD_OPTIONS",
+    Download = "DOWNLOAD",
+    InstructionsMobile = "INSTRUCTIONS_MOBILE",
+    InstructionsDesktop = "INSTRUCTIONS_DESKTOP",
+    InstructionsExtension = "INSTRUCTIONS_EXTENSION"
+}
+export declare function DesktopOptions({ onClose }: {
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/ConnectOptions/FunConnectOptions.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare enum ConnectStep {
+    SIGNIN = 0,
+    PENDING_EMAIL = 1,
+    PENDING_WEB2 = 2,
+    PENDING_WALLET = 3,
+    ERROR = 4
+}
+export default function FunConnectOptions({ onClose, }: {
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/ConnectOptions/MobileOptions.css.d.ts

@@ -0,0 +1 @@
+export declare const scroll: string;

package/dist/components/ConnectOptions/MobileOptions.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function MobileOptions({ onClose }: {
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/Dialog/Dialog.css.d.ts

@@ -0,0 +1,5 @@
+export declare const overlay: string;
+export declare const overlayOut: string;
+export declare const DialogAnimationTime = 150;
+export declare const content: string;
+export declare const contentSlideOut: string;

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+interface DialogProps {
+    open: boolean;
+    onClose: () => void;
+    titleId: string;
+    onMountAutoFocus?: (event: Event) => void;
+    children: ReactNode;
+    /** To hide the dialog without removing the object from the DOM **/
+    isHidden?: boolean;
+}
+export declare function Dialog({ children, onClose, open, titleId, isHidden, }: DialogProps): React.JSX.Element;
+export {};

package/dist/components/Dialog/DialogContent.css.d.ts

@@ -0,0 +1,6 @@
+export declare const dialogContent: string;
+export declare const dialogContentWideMobile: string;
+export declare const dialogContentWideDesktop: string;
+export declare const dialogContentCompactMode: string;
+export declare const dialogContentMobile: string;
+export declare const bottomSheetOverrides: string;

package/dist/components/Dialog/DialogContent.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { BoxProps } from '../Box/Box';
+interface DialogContentProps {
+    children: ReactNode;
+    bottomSheetOnMobile?: boolean;
+    padding?: BoxProps['padding'];
+    paddingBottom?: BoxProps['paddingBottom'];
+    marginTop?: BoxProps['marginTop'];
+    wide?: boolean;
+}
+export declare function DialogContent({ bottomSheetOnMobile, children, marginTop, padding, paddingBottom, wide, }: DialogContentProps): React.JSX.Element;
+export {};

package/dist/components/Dialog/FocusTrap.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FocusTrap(props: JSX.IntrinsicElements['div']): React.JSX.Element;

package/dist/components/Disclaimer/DisclaimerLink.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export declare const DisclaimerLink: ({ children, href, }: {
+    children: ReactNode;
+    href: string;
+}) => React.JSX.Element;

package/dist/components/Disclaimer/DisclaimerText.d.ts

@@ -0,0 +1,4 @@
+import React, { ReactNode } from 'react';
+export declare const DisclaimerText: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;

package/dist/components/FunButton/FunBackButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const FunBackButton: ({ onBack }: {
+    onBack: () => void;
+}) => React.JSX.Element;

package/dist/components/FunButton/FunButton.css.d.ts

@@ -0,0 +1,3 @@
+export declare const funLinkButtonStyle: string;
+export declare const funIconButtonStyle: string;
+export declare const iconStyle: string;

package/dist/components/FunButton/FunButton.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+import { TextProps } from '../Text/Text';
+export type funButtonTypes = 'primary' | 'secondary' | 'warning';
+interface FunButtonProps {
+    title: string;
+    onClick?: () => void;
+    titlePrefix?: React.ReactNode;
+    titleSuffix?: React.ReactNode;
+    type?: funButtonTypes;
+    isDisabled?: boolean;
+    borderRadius?: BoxProps['borderRadius'];
+    titleWeight?: TextProps['weight'];
+    buttonStyle?: BoxProps['style'];
+    textColor?: BoxProps['color'];
+}
+export declare function FunButton({ title, onClick, titlePrefix, titleSuffix, isDisabled, type, borderRadius, titleWeight, buttonStyle, textColor, }: FunButtonProps): React.JSX.Element;
+export {};

package/dist/components/FunButton/FunIconButton.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BoxProps } from '../Box/Box';
+/**
+ * Circular icon button with dynamic height and width
+ */
+export declare const FunIconButton: ({ onClick, icon, size, showBorder, paddingX, paddingY, borderRadius, ariaLabel, color, }: {
+    onClick: () => void;
+    icon: React.ReactNode;
+    size?: BoxProps['height'];
+    paddingX?: BoxProps['paddingX'];
+    paddingY?: BoxProps['paddingY'];
+    borderRadius?: BoxProps['borderRadius'];
+    showBorder?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    color?: BoxProps['color'];
+}) => React.JSX.Element;