@funkit/connect 3.0.0-next.5 → 3.0.0-next.7

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @funkit/connect
 
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 196c9f3: v3 upgrades
+- Updated dependencies [5761edd]
+  - @funkit/core@2.1.2-next.4
+  - @funkit/wagmi-tools@3.0.4-next.4
+
+## 3.0.0-next.6
+
+### Patch Changes
+
+- v3 updates
+- Updated dependencies
+  - @funkit/api-base@1.0.2-next.2
+  - @funkit/core@2.1.2-next.3
+  - @funkit/wagmi-tools@3.0.4-next.3
+
 ## 3.0.0-next.5
 
 ### Patch Changes

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

@@ -54,35 +54,35 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly fontFamily?: "body" | undefined;
     readonly fontSize?: "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "40" | "57" | undefined;
     readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
-    readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    readonly height?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    readonly height?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
-    readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    readonly minHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly minWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    readonly minHeight?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxHeight?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxWidth?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly minWidth?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly overflow?: "hidden" | undefined;
-    readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
     readonly position?: "fixed" | "absolute" | "relative" | undefined;
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly width?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly width?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly backdropFilter?: "modalOverlay" | undefined;
-    margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
 } & {
     reset?: keyof JSX.IntrinsicElements;
 } & HTMLProperties<HTMLElement> & {

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

@@ -1,4 +1,7 @@
 import React from 'react';
-export declare const CloseButton: ({ onClose }: {
-    onClose: () => void;
-}) => React.JSX.Element;
+import { FunIconButtonProps } from '../FunButton/FunIconButton';
+interface FunCloseButtonProps extends Omit<FunIconButtonProps, 'onClick' | 'icon' | 'ariaLabel' | 'size'> {
+    onClose?: () => void;
+}
+export declare const CloseButton: ({ onClose, ...buttonProps }: FunCloseButtonProps) => React.JSX.Element;
+export {};

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

@@ -16,8 +16,8 @@ interface DialogProps {
  */
 export declare function Dialog({ children, onClose, open, titleId, isHidden, isSmartCloseable, }: DialogProps): React.JSX.Element;
 export declare namespace Dialog {
-    var Title: ({ title, hasCloseButton, onClose, hasBackButton, onBack, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, dydxHideBack, }: DialogTitleProps) => React.JSX.Element;
-    var Content: ({ children, fullHeight, paddingLeft, className, withTopDivider, withBottomDivider, ...boxProps }: DialogContentProps) => React.JSX.Element;
+    var Title: ({ title, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, dydxHideBack, }: DialogTitleProps) => React.JSX.Element;
+    var Content: ({ children, fullHeight, paddingLeft, paddingBottom, className, withTopDivider, withBottomDivider, ...boxProps }: DialogContentProps) => React.JSX.Element;
     var BottomSection: ({ paddingX, ...boxProps }: Omit<BoxProps, "children">) => React.JSX.Element;
     var BottomBar: ({ topSection, actionButtonProps, bottomSection, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element;
 }
@@ -31,10 +31,12 @@ interface DialogContentProps extends BoxProps {
 export interface DialogTitleProps {
     title?: string;
     hasCloseButton?: boolean;
+    isCloseDisabled?: boolean;
     onClose?: (p?: any) => void;
     hasBackButton?: boolean;
-    skipBackDelay?: boolean;
+    isBackDisabled?: boolean;
     onBack?: (p?: any) => void;
+    skipBackDelay?: boolean;
     backAnimation?: boolean;
     countdownSeconds?: number;
     countdownKey?: string;

package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts

@@ -4,11 +4,10 @@ interface FunAssetAvatarProps {
     assetSrc?: string | undefined;
     assetTicker?: string;
     assetName: string;
-    assetIconSize?: BoxProps['height'] | BoxProps['width'];
+    assetIconSize?: BoxProps['height'] & BoxProps['width'];
     chainId?: string | number;
-    chainIconSize?: BoxProps['height'] | BoxProps['width'];
     prioritizeDefaults?: boolean;
     hideIfUnknown?: boolean;
 }
-export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, hideIfUnknown, }: FunAssetAvatarProps): React.JSX.Element | null;
+export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, prioritizeDefaults, hideIfUnknown, }: FunAssetAvatarProps): React.JSX.Element | null;
 export {};

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

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

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

@@ -1,4 +1,7 @@
 import React from 'react';
-export declare const FunBackButton: ({ onBack }: {
-    onBack: () => void;
-}) => React.JSX.Element;
+import { FunIconButtonProps } from './FunIconButton';
+interface FunBackButtonProps extends Omit<FunIconButtonProps, 'onClick' | 'icon' | 'ariaLabel' | 'size'> {
+    onBack?: () => void;
+}
+export declare const FunBackButton: ({ onBack, ...buttonProps }: FunBackButtonProps) => React.JSX.Element;
+export {};

package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
-export type FunSkeletonBlockProps = {
-    /** Block height (default: 14px) */
-    height?: number | `${number}%` | `${number}px`;
-    /** Margin bottom (px) */
-    marginBottom?: number;
-    /** Margin top (px) */
-    marginTop?: number;
-    /** Block width (default: 100%) */
-    width?: number | `${number}%` | `${number}px`;
+import { BoxProps } from '../Box/Box';
+export type FunSkeletonBlockProps = Pick<BoxProps, 'marginBottom' | 'marginTop' | 'style'> & {
+    height: BoxProps['height'];
+    /** Defaults to full width */
+    width?: BoxProps['width'];
 };
-export declare function FunSkeletonBlock(props: FunSkeletonBlockProps): React.JSX.Element;
+export declare function FunSkeletonBlock({ width, ...props }: FunSkeletonBlockProps): React.JSX.Element;

package/dist/components/FunSkeletonLoader/FunSkeletonCircle.d.ts

@@ -1,16 +1,7 @@
 import React from 'react';
-export type FunSkeletonCircleProps = {
-    /** Margin (px) */
-    margin?: number;
-    /** Margin bottom (px) */
-    marginBottom?: number;
-    /** Margin left (px) */
-    marginLeft?: number;
-    /** Margin right (px) */
-    marginRight?: number;
-    /** Margin top (px) */
-    marginTop?: number;
-    /** Circle size (default: 20px) */
-    size?: number | `${number}%` | `${number}px`;
+import { BoxProps } from '../Box/Box';
+export type FunSkeletonCircleProps = Pick<BoxProps, 'margin' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginTop'> & {
+    /** Defaults to 20px */
+    size?: BoxProps['height'] & BoxProps['width'];
 };
 export declare function FunSkeletonCircle({ size, ...props }: FunSkeletonCircleProps): React.JSX.Element;

package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts

@@ -1,9 +1,9 @@
 import { CheckoutHistoryItem, CheckoutQuoteResponse } from '@funkit/api-base';
 import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
+import { CheckoutFeesBreakdownItem } from '../../consts/checkoutFees';
 import { PaymentMethod, PaymentMethodInfo } from '../../consts/payment';
 import { CheckoutHistoryStateMap } from '../../utils/checkout';
-import { CheckoutFeesBreakdownItem } from '../../utils/checkoutFees';
 export interface FunkitCheckoutActionParams {
     contractAbi: Abi;
     contractAddress: Address;
@@ -78,8 +78,8 @@ interface useFunkitCheckoutProps {
     onValidation?: (result: FunkitCheckoutValidationResult) => void;
     /** @optional fires when a checkout quote is received **/
     onEstimation?: (result: FunkitCheckoutQuoteResult) => void;
-    /** @optional fires when a checkout if confirmed with the funkit server **/
-    onConfirmation?: () => void;
+    /** @optional fires when a checkout if confirmed with the funkit server. Returns the newly created checkoutId. **/
+    onConfirmation?: (checkoutId: string) => void;
     /** @optional fires if the checkout fails at any point **/
     onError?: (result: FunkitCheckoutResult) => void;
     /** @optional fires if the checkout fails at any point **/

package/dist/components/Icons/TwoFactor.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TwoFactorIcon: () => React.JSX.Element;

package/dist/components/ProfileDetails/FunProfileViews/Home/Home.css.d.ts

@@ -6,4 +6,5 @@ export declare const contentSection: {
 export declare const animateTitleInClass: string;
 export declare const animateTitleOutClass: string;
 export declare const animateContentInClass: string;
+export declare const animateVirtuosoInClass: string;
 export declare const animateContentOutClass: string;

package/dist/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.d.ts

@@ -1,6 +1,7 @@
 import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 import { HistoryContentPages } from '../../../../utils/checkoutHistory';
+export declare const HOME_CHECKOUT_DISPLAY_ROW_HEIGHT = 52;
 export declare const HomeCheckoutDisplayRow: ({ checkoutHistoryItem, onSelect, }: {
     checkoutHistoryItem: CheckoutHistoryItem;
     onSelect: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;

package/dist/components/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export declare const HOME_TOKEN_BALANCE_DISPLAY_ROW_HEIGHT = 52;
 export declare const HomeTokenBalanceDisplayRow: ({ asset }: {
     asset: any;
 }) => React.JSX.Element;

package/dist/css/sprinkles.css.d.ts

@@ -529,35 +529,35 @@ export declare const sprinkles: ((props: {
     readonly fontFamily?: "body" | undefined;
     readonly fontSize?: "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "40" | "57" | undefined;
     readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
-    readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    readonly height?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    readonly height?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
-    readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    readonly minHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly minWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    readonly minHeight?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxHeight?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxWidth?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly minWidth?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly overflow?: "hidden" | undefined;
-    readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
     readonly position?: "fixed" | "absolute" | "relative" | undefined;
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly width?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly width?: "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "24" | "full" | "15" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "162" | "180" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly backdropFilter?: "modalOverlay" | undefined;
-    margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
-    padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
-    paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | "-18" | undefined;
+    padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
+    paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "15" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "64" | undefined;
 }) => string) & {
     properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "backgroundSize" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "userSelect" | "width" | "background" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "transition" | "marginX" | "marginY" | "paddingX" | "paddingY">;
 };

package/dist/hooks/useDynamicFont.d.ts

@@ -1,6 +1,5 @@
 export declare const useDynamicFont: (inputValue: string, max: number, min?: number) => {
     ref: import("react").RefObject<HTMLInputElement>;
     fontSize: number;
-    textWidth: number;
     resetText: () => void;
 };

package/dist/hooks/useInputAmountRestriction.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns an error if the current amount is over the max amount for dydx
+ * @param currentAmount - The current amount in $
+ */
+export declare const useAmountRestriction: (currentAmount: number) => {
+    error: string | false;
+};

package/dist/hooks/useScrollDivider.d.ts

@@ -6,4 +6,5 @@ export declare const useScrollDivider: () => {
     hasTopDivider: boolean;
     hasBottomDivider: boolean;
     isScrolling: boolean;
+    isScrollable: boolean;
 };

package/dist/hooks/useUsableWalletAssetsForCheckout.d.ts

@@ -0,0 +1,4 @@
+import { KnownAssetBalanceInfo } from '../components/FunkitProvider/GeneralWalletProvider';
+export declare function useUsableWalletAssetsForCheckout(checkoutId: string): {
+    [assetKey: string]: KnownAssetBalanceInfo;
+} | undefined;