@funkit/connect 9.19.1 → 9.21.0

package/dist/components/Dropdown/AccountSelectDropdown.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { BaseActiveDropdownItemProps } from './BaseActiveDropdownItem';
+export interface AccountSelectOption {
+    /** Stable identifier, also the dropdown's selected value. */
+    value: string;
+    label: string;
+    /** Secondary line under the label, e.g. a formatted balance. */
+    description?: React.ReactNode;
+}
+export interface AccountSelectAction {
+    /** Stable id; must not collide with an account {@link AccountSelectOption.value}. */
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onSelect: () => void;
+}
+export interface AccountSelectDropdownProps {
+    accounts: AccountSelectOption[];
+    selectedValue: string;
+    onSelect: (value: string) => void;
+    /**
+     * Optional row rendered below the accounts, separated by a divider — e.g. a
+     * "Transfer between accounts" action. It carries no selected state.
+     */
+    action?: AccountSelectAction;
+    /** Secondary prefix shown on the trigger, e.g. "Deposit to". */
+    prefixLabel?: string;
+    /** Field label rendered above the trigger. */
+    label?: string;
+    size?: BaseActiveDropdownItemProps['size'];
+    /**
+     * Fixed width (px) of the options popover. Defaults to the trigger width;
+     * set this to make the popover narrower than the (full-width) trigger. The
+     * popover is right-aligned to the trigger.
+     */
+    dropdownWidth?: number;
+    testId?: string;
+}
+/**
+ * A dropdown for picking between a small set of accounts (each with a balance
+ * subline + a selected check), with an optional trailing action row below a
+ * divider. Built on {@link BaseDropdown}; selection routes through each
+ * {@link BaseDropdownItem} so Radix closes the menu on choose.
+ */
+export declare function AccountSelectDropdown({ accounts, selectedValue, onSelect, action, prefixLabel, label, size, dropdownWidth, testId, }: AccountSelectDropdownProps): React.JSX.Element;

package/dist/components/Dropdown/BaseDropdownItem.d.ts

@@ -3,6 +3,8 @@ import { type BoxProps } from '../Box/Box';
 interface BaseDropdownItemProps {
     iconComponent?: React.ReactNode;
     label: React.ReactNode;
+    /** Optional secondary line rendered under the label (e.g. a balance). */
+    description?: React.ReactNode;
     id: string;
     onClick?: (id: string) => void;
     isSelected?: boolean;
@@ -16,5 +18,5 @@ interface BaseDropdownItemProps {
 /**
  * Represents a single option in a dropdown.
  */
-declare function BaseDropdownItem({ iconComponent, label, id, onClick, isSelected, isDisabled, borderRadius, horizontalIconGap, tagComponent, horizontalPadding, verticalPadding, }: BaseDropdownItemProps): React.JSX.Element;
+declare function BaseDropdownItem({ iconComponent, label, description, id, onClick, isSelected, isDisabled, borderRadius, horizontalIconGap, tagComponent, horizontalPadding, verticalPadding, }: BaseDropdownItemProps): React.JSX.Element;
 export default BaseDropdownItem;

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

@@ -0,0 +1,15 @@
+export declare const chainIconAnimations: string[];
+export declare const motionTransitionEnter: {
+    duration: number;
+    ease: readonly [0.3, 0, 0, 1];
+};
+export declare const motionTransitionExit: {
+    duration: number;
+    ease: readonly [0.8, 0, 0.2, 1];
+};
+export declare const bannerWrapper: string;
+export declare const clusterWrapper: string;
+export declare const chainIconScale: string;
+export declare const usdcIconAnchor: string;
+export declare const textContent: string;
+export declare const dismissButton: string;

package/dist/components/FreeUsdcBanner/FreeUsdcBanner.d.ts

@@ -1,5 +1,5 @@
-interface FreeUsdcBannerProps {
-    type: 'deposit' | 'withdrawal';
-}
-export declare function FreeUsdcBanner(_props: FreeUsdcBannerProps): null;
-export {};
+import React from 'react';
+import { type BoxProps } from '../Box/Box';
+export declare const FreeUsdcBanner: ({ marginBottom, type, }: Pick<BoxProps, "marginBottom"> & {
+    type: "deposit" | "withdrawal";
+}) => React.JSX.Element;

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

@@ -7,5 +7,6 @@ export declare const funButtonClickableStyle: string;
 export declare const funButtonNonClickableStyle: string;
 export declare const funButtonDisabledStyle: string;
 export declare const funButtonPrimaryGroup: string;
+export declare const funButtonPrimaryDisabledOpacity: string;
 export declare const textHoverTarget: string;
 export declare const gradientBorder: string;

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

@@ -1 +1 @@
-export declare const funOptionBoxStyle: Record<"activeBackground" | "baseStyle" | "compactListStyle" | "defaultBorder" | "defaultModeNotActiveBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "uninteractiveBackground", string>;
+export declare const funOptionBoxStyle: Record<"activeBackground" | "baseStyle" | "compactListStyle" | "defaultBorder" | "defaultModeNotActiveBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "borderedBackground" | "uninteractiveBackground", string>;

package/dist/components/ModalHeightAnimationLayer/ModalHeightAnimationLayer.d.ts

@@ -1,7 +1,15 @@
+import { type Transition } from 'motion/react';
 import React from 'react';
 interface ModalHeightAnimationLayerProps {
     children: React.ReactNode;
     permittedHeight: number;
 }
+/**
+ * Timing for the modal's height resize. Exported so content that animates its
+ * own height *inside* the modal (e.g. an expanding notice that pushes a button
+ * down) can reuse it and stay in lockstep with the frame — mismatched
+ * duration/ease makes the inner content and the modal edge resize separately.
+ */
+export declare const MODAL_HEIGHT_ANIMATION_TRANSITION: Transition;
 export declare function ModalHeightAnimationLayer({ children, permittedHeight, }: ModalHeightAnimationLayerProps): React.JSX.Element;
 export {};