@gearbox-protocol/ui-kit 4.0.0-next.1 → 4.0.0-next.11

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts

@@ -1,3 +1,4 @@
+import { TokenAmount } from '@gearbox-protocol/sdk/model';
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 import { TokenTemplateProps } from '../../../../token-template';
@@ -5,25 +6,57 @@ declare const rootVariants: (props?: ({
     position?: "first" | "last" | "inBetween" | "solo" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof rootVariants> {
+type PrimarySlot = {
+    readonly value: TokenTemplateProps["value"];
+    readonly token?: TokenTemplateProps["token"];
+} | {
+    node: React.ReactNode;
+};
+type SecondarySlot = {
+    readonly valueUSD?: bigint | number;
+} | {
+    node: React.ReactNode;
+};
+/**
+ * Either hand over the SDK's {@link TokenAmount} whole, or fill the two slots
+ * yourself. The slot form stays for the `node` escape hatch and for callers
+ * that have no `TokenAmount` to give.
+ */
+type AmountSource = {
+    /**
+     * Value, token and the USD caption all read off one SDK amount.
+     * `null` means unavailable and renders like any other absent value.
+     */
+    readonly amount: TokenAmount | null;
+    readonly primaryAmount?: undefined;
+    readonly secondaryAmount?: undefined;
+} | {
+    readonly amount?: undefined;
+    readonly primaryAmount: PrimarySlot;
+    readonly secondaryAmount?: SecondarySlot;
+};
+export type TransactionConfirmAmountFieldProps = VariantProps<typeof rootVariants> & AmountSource & {
     readonly label: React.ReactNode;
-    readonly primaryAmount: {
-        readonly value: TokenTemplateProps["value"];
-        readonly token?: TokenTemplateProps["token"];
-    } | {
-        node: React.ReactNode;
-    };
-    readonly secondaryAmount?: {
-        readonly valueUSD?: bigint | number;
-    } | {
-        node: React.ReactNode;
-    };
     readonly loading?: boolean;
     readonly maxLength?: number;
     readonly approximate?: {
         isApproximate?: boolean;
         approximateSymbol?: string;
     };
-}
-export declare function TransactionConfirmAmountField({ label, primaryAmount, secondaryAmount, loading, position, size, maxLength, approximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
+};
+/**
+ * One SDK amount already carries all three things the field shows: the number,
+ * its token and the dollar value. Callers used to take it apart and hand the
+ * pieces back through two props; passing `amount` lets them stop.
+ *
+ * Takes the whole prop union so the slot form is picked by the discriminant
+ * rather than by a cast — `amount` is `TokenAmount | null`, never `undefined`,
+ * so a caller holding `TokenAmount | undefined` has to say `?? null` and
+ * cannot land here with nothing at all.
+ */
+export declare function resolveAmountSlots(source: AmountSource): {
+    readonly primaryAmount: PrimarySlot;
+    readonly secondaryAmount: SecondarySlot | undefined;
+};
+export declare function TransactionConfirmAmountField(props: TransactionConfirmAmountFieldProps): React.ReactElement;
 export {};

package/dist/types/components/composites/tx-preview/confirm/amounts/index.d.ts

@@ -1,2 +1,2 @@
 export * from './constants';
-export * from './TransactionConfirmAmountField';
+export { TransactionConfirmAmountField, type TransactionConfirmAmountFieldProps, } from './TransactionConfirmAmountField';

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.d.ts

@@ -1,23 +1,27 @@
 import { default as React } from 'react';
-import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
-import { TransactionConfirmPhase } from './transactionConfirmPhase';
-export interface TransactionConfirmShellProps {
-    readonly phase?: TransactionConfirmPhase;
-    readonly header?: React.ReactNode;
-    readonly preview: React.ReactNode;
-    readonly previewLoading?: boolean;
-    readonly previewError?: Error | null;
-    readonly previewErrorTitle?: string;
-    readonly previewClassName?: string;
-    readonly execution: React.ReactNode;
-    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
-    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
-    readonly result?: React.ReactNode;
-    readonly className?: string;
-    readonly "data-testid"?: string;
-}
+import { TransactionConfirmShellProps } from './transactionConfirmShellTypes';
 /**
+ * The one card every transaction confirmation renders, on every surface.
  *
- * Base shell component
+ * Callers describe *what the card shows* (`body`) and *how it is framed*
+ * (`mode`); everything else is decided here. This replaces the former
+ * `TransactionConfirmPageView` / `TransactionConfirmModalView` pair, which
+ * differed only in the frame yet each restated the whole prop list.
+ *
+ * Two traps from that pair are closed here rather than left to callers.
+ *
+ * The modal's height clamp is composed with `className` instead of being
+ * replaced by it, so a caller adding a class no longer drops the viewport
+ * clamp and the flex context the scrollable preview depends on by accident.
+ * `cn` is tailwind-merge, so a utility deliberately targeting the same
+ * property still wins — though arbitrary-property syntax such as
+ * `[max-height:50vh]` sits in a different group and will not displace it.
+ *
+ * And a `placeholder` or `error` body pins the phase to `confirm`, so those
+ * two can never be asked for a result view they were never given. Note the
+ * limit of that guarantee: a `ready` body driven to a terminal phase without a
+ * `result` still draws a header and nothing else, exactly as the views it
+ * replaces did. Requiring both halves of `result` is what keeps the promise
+ * whole once a caller opts into one.
  */
-export declare function TransactionConfirmShell({ phase, header, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, className, "data-testid": dataTestId, }: TransactionConfirmShellProps): React.ReactElement;
+export declare function TransactionConfirmShell(props: TransactionConfirmShellProps): React.ReactElement | null;

package/dist/types/components/composites/tx-preview/confirm/dialog/index.d.ts

@@ -1,5 +1,5 @@
 export * from './computeTransactionConfirmDialogLayout';
 export * from './constants';
-export * from './TransactionConfirmModalView';
-export * from './TransactionConfirmPageView';
+export * from './TransactionConfirmShell';
 export * from './transactionConfirmPhase';
+export * from './transactionConfirmShellTypes';

package/dist/types/components/composites/tx-preview/confirm/dialog/transactionConfirmPhase.d.ts

@@ -1,4 +1 @@
 export type TransactionConfirmPhase = "confirm" | "awaiting_receipt" | "success" | "failure";
-export interface TransactionConfirmSubmittedTx {
-    readonly hash: `0x${string}`;
-}

package/dist/types/components/composites/tx-preview/confirm/dialog/transactionConfirmShellTypes.d.ts

@@ -0,0 +1,98 @@
+import { default as React } from 'react';
+import { ProgressStepperStep } from '../stepper/ProgressStepper';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+/**
+ * How the card is framed. The body is identical in both: `page` drops the card
+ * into page flow, `dialog` puts the same card inside a modal.
+ */
+export type TransactionConfirmShellMode = "page" | "dialog";
+/**
+ * Pre-labelled, ready-to-render steps. The slot no longer restricts step ids
+ * to the execution union: session-plan steppers (agreement/approve/confirm
+ * plus a delayed request/complete tail) carry their own ids and labels, and
+ * visibility is the caller's decision — omit the slot to hide the stepper.
+ */
+export type TransactionConfirmShellStepper = ReadonlyArray<ProgressStepperStep>;
+/**
+ * Shown instead of preview and execution once the phase is terminal.
+ *
+ * Both halves are required on purpose: supplying `result` at all is the
+ * caller's promise that either terminal phase can be rendered. A flow that
+ * cannot fail says so with an explicit `failure: null` rather than by omission,
+ * which would leave `phase: "failure"` with nothing to draw.
+ */
+export interface TransactionConfirmShellResult {
+    readonly success: React.ReactNode;
+    readonly failure: React.ReactNode;
+}
+/**
+ * What the card is showing.
+ *
+ * A discriminated union rather than a handful of loose flags: a caller cannot
+ * ask for a preview and an error at once, and does not have to spell out the
+ * props that mean "nothing here". `placeholder` and `error` also pin the card
+ * to the `confirm` phase, so neither can ask for a result view it did not
+ * supply — the failure mode that produced an empty card before.
+ */
+export type TransactionConfirmShellBody = 
+/**
+ * Nothing to show yet: a spinner and a caption, drawn here so no consumer
+ * has to assemble one. Distinct from `ready`'s `previewLoading`, which is a
+ * skeleton over a preview that already exists.
+ */
+{
+    readonly kind: "loading";
+} | {
+    readonly kind: "error";
+    /**
+     * Required: the discriminant already says the card failed, so the object
+     * has to be there. A caller holding `Error | null` picks this body only
+     * once it has one, and `placeholder` or `ready` while it does not.
+     */
+    readonly error: Error;
+    /** Heading above the error line. Defaults to this library's own copy. */
+    readonly title?: string;
+} | {
+    readonly kind: "ready";
+    readonly preview: React.ReactNode;
+    readonly execution?: React.ReactNode;
+    readonly stepper?: TransactionConfirmShellStepper;
+    readonly result?: TransactionConfirmShellResult;
+    /** This library's skeleton over the preview slot, for a live refetch. */
+    readonly previewLoading?: boolean;
+};
+interface TransactionConfirmShellBase {
+    readonly phase?: TransactionConfirmPhase;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode;
+    /** Drop the addon once the phase is terminal. */
+    readonly hideTitleAddonOnResult?: boolean;
+    readonly body: TransactionConfirmShellBody;
+    /** Merged onto the outer card; it never replaces the frame's own classes. */
+    readonly className?: string;
+    /**
+     * The scrollable preview column. Defaults to
+     * {@link transactionConfirmPreviewScrollVariants}; compose with it rather
+     * than replacing it, so later changes to the base still carry over.
+     */
+    readonly previewClassName?: string;
+    /** Outer card. The inner content keeps {@link TransactionConfirmDialogTest.root}. */
+    readonly "data-testid"?: string;
+    readonly shellTestId?: string;
+}
+export interface TransactionConfirmShellProps extends TransactionConfirmShellBase {
+    readonly mode: TransactionConfirmShellMode;
+    /** `dialog` only: the modal renders nothing while closed. Ignored on `page`. */
+    readonly open?: boolean;
+    /**
+     * Omit to hide the close control — that is how a surface without one, such
+     * as a verification page, opts out. A `dialog` without it cannot be
+     * dismissed, so pass one unless that is genuinely what you want.
+     *
+     * `mode` is deliberately a plain field rather than a discriminant that would
+     * make this required for dialogs: consumers carry the mode in a variable and
+     * a union would force every one of them to branch at the call site.
+     */
+    readonly onClose?: () => void;
+}
+export {};

package/dist/types/components/dialog/dialog-container.d.ts

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const dialogContainerVariants: (props?: ({
-    padding?: boolean | "xl" | "md" | null | undefined;
-    colorTheme?: "default" | "modal" | "box" | "transparent" | null | undefined;
-    maxWidth?: "full" | "sm" | "lg" | "xl" | "2xl" | "md" | null | undefined;
+    padding?: boolean | "md" | "xl" | null | undefined;
+    colorTheme?: "default" | "modal" | "transparent" | "box" | null | undefined;
+    maxWidth?: "full" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
     sticky?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface DialogContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogContainerVariants> {

package/dist/types/components/edit-input/edit-input.d.ts

@@ -3,7 +3,7 @@ import { Input } from '../input';
 import { TextButton } from '../text-button';
 import * as React from "react";
 declare const editLabelHeightVariants: (props?: ({
-    labelHeight?: "xs" | "sm" | "lg" | "md" | null | undefined;
+    labelHeight?: "sm" | "md" | "lg" | "xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type Variants = VariantProps<typeof editLabelHeightVariants>;
 export interface EditInputProps extends Omit<React.ComponentProps<typeof Input>, "onChange" | "label" | "size"> {

package/dist/types/components/explorer-links-dropdown/explorer-links-dropdown.d.ts

@@ -1,82 +1,13 @@
-import * as React from "react";
+import type * as React from "react";
 /**
- * Explorer link definition
+ * One explorer destination. The consumer builds the URL — kit does not map
+ * chain IDs to explorers.
  */
 export interface ExplorerLink {
-    /**
-     * Display name for the explorer
-     */
+    /** Display name for the explorer. */
     name: string;
-    /**
-     * URL to the explorer
-     */
+    /** Full URL to open. */
     url: string;
-    /**
-     * Optional icon
-     */
+    /** Optional icon. */
     icon?: React.ReactNode;
 }
-export interface ExplorerLinksDropdownProps {
-    /**
-     * Custom explorer links (overrides chain-based detection)
-     */
-    explorerLinks?: ExplorerLink[];
-    /**
-     * Whether the dropdown is open (controlled)
-     */
-    opened?: boolean;
-    /**
-     * Alignment of the dropdown
-     */
-    opens?: "left" | "right";
-    /**
-     * Callback when dropdown closes
-     */
-    onClose?: () => void;
-    /**
-     * Trigger element
-     */
-    title?: React.ReactNode;
-    /**
-     * Address to link to
-     */
-    address?: `0x${string}`;
-    /**
-     * Transaction hash to link to
-     */
-    txHash?: string;
-    /**
-     * Chain ID for explorer detection
-     * @default 1
-     */
-    chainId?: number;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-    /**
-     * Children (alternative trigger)
-     */
-    children?: React.ReactNode;
-}
-/**
- * ExplorerLinksDropdown — dropdown with links to various block explorers
- *
- * @example
- * ```tsx
- * // For an address
- * <ExplorerLinksDropdown
- *   address="0x..."
- *   chainId={1}
- *   title={<Button variant="ghost">View on Explorer</Button>}
- * />
- *
- * // For a transaction
- * <ExplorerLinksDropdown
- *   txHash="0x..."
- *   chainId={42161}
- *   title="View Transaction"
- * />
- * ```
- */
-export declare function ExplorerLinksDropdown({ explorerLinks, opened, opens, onClose, title, address, txHash, chainId, className, children, }: ExplorerLinksDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/filter/variants.d.ts

@@ -1,3 +1,3 @@
 export declare const filterBlockVariants: (props?: ({
-    variant?: "default" | "ghost" | "outlined" | "elevated" | null | undefined;
+    variant?: "default" | "outlined" | "ghost" | "elevated" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/graph/formatters.d.ts

@@ -22,13 +22,18 @@ export interface AdaptiveYAxisFormatterOptions {
      */
     yScaleMin?: number;
 }
+/**
+ * Compact unit on an already-formatted axis tick. Generic `"token"` / `"none"`
+ * stay bare so charts without a real unit don't render a placeholder.
+ */
+export declare function withYAxisUnit(label: string, unit: YMeasureUnits): string;
 /**
  * Creates an adaptive Y-axis formatter that determines precision dynamically
  * based on visible range to ensure unique labels on the axis.
  * Data point values (like current price label) are shown with full precision.
  * Returns both the formatter and update functions.
  */
-export declare function createAdaptiveYAxisFormatter(initialValues: number[], _unit: YMeasureUnits, options?: AdaptiveYAxisFormatterOptions): {
+export declare function createAdaptiveYAxisFormatter(initialValues: number[], unit: YMeasureUnits, options?: AdaptiveYAxisFormatterOptions): {
     formatter: (price: number) => string;
     tickmarksFormatter: (prices: number[]) => string[];
     updateVisibleRange: (visibleValues: number[]) => void;

package/dist/types/components/graph/graph-view.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { GraphProps } from './graph';
 import * as React from "react";
 declare const graphViewVariants: (props?: ({
-    variant?: "default" | "ghost" | "outlined" | "elevated" | null | undefined;
+    variant?: "default" | "outlined" | "ghost" | "elevated" | "plain" | null | undefined;
     size?: "full" | "default" | "sm" | "lg" | "xl" | null | undefined;
     padding?: "none" | "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/graph/graph.d.ts

@@ -30,6 +30,10 @@ export type VerticalLineOptions = Partial<{
     width: number;
     labelBackgroundColor: string;
     labelTextColor: string;
+    /**
+     * Time-axis (bottom) badge. Independent of the top overlay, which renders
+     * whenever `labelText`, `value`, or `tooltipText` is set.
+     */
     showLabel: boolean;
     /**
      * Text shown only on hover of the line's badge (not rendered inline). Use it

package/dist/types/components/health-factor/health-factor.d.ts

@@ -25,7 +25,8 @@ export interface HealthFactorProps extends React.HTMLAttributes<HTMLSpanElement>
     zoneType?: "color" | "bars" | "dot";
 }
 /**
- * HealthFactor — displays health factor value with optional zone color or StatusBars.
+ * HealthFactor — primitive under {@link HealthFactorBlock} (zones / bars / dot).
+ * Screens and tables use {@link HealthFactorValue} (`data: Bps`).
  *
  * @usage
  * Use for account/collateral health: value in basis points, zero debt shows "N/A".

package/dist/types/components/hf-indicator/hf-indicator.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface HFIndicatorProps {
+    readonly value?: string;
+}
+/**
+ * Concentric rings around a health-factor value. Presentation only.
+ */
+export declare function HFIndicator({ value, }: HFIndicatorProps): React.ReactElement;

package/dist/types/components/hf-indicator/index.d.ts

@@ -0,0 +1 @@
+export * from './hf-indicator';

package/dist/types/components/icons/index.d.ts

@@ -1,2 +1,2 @@
-export { faArrowDown, faArrowLeft, faArrowRight, faArrowsUpDown, faArrowUp, faBars, faBolt, faCaretDown, faCaretLeft, faCaretRight, faCaretUp, faCheck, faChevronLeft, faChevronRight, faCircle, faCircleCheck, faCircleExclamation, faCirclePlus, faCircleQuestion, faCloud, faCog, faCreditCard, faEllipsisVertical, faEnvelope, faKeyboard, faLifeRing, faMagnifyingGlass, faMessage, faPlus, faRightFromBracket, faTrash, faTriangleExclamation, faUser, faUserPlus, faUsers, faWallet, faXmark, } from '@fortawesome/free-solid-svg-icons';
+export { faArrowDown, faArrowLeft, faArrowRight, faArrowsUpDown, faArrowUp, faBars, faBolt, faCaretDown, faCaretLeft, faCaretRight, faCaretUp, faCheck, faChevronDown, faChevronLeft, faChevronRight, faCircle, faCircleCheck, faCircleExclamation, faCirclePlus, faCircleQuestion, faCloud, faCog, faCreditCard, faEllipsisVertical, faEnvelope, faKeyboard, faLifeRing, faMagnifyingGlass, faMessage, faPlus, faRightFromBracket, faTrash, faTriangleExclamation, faUser, faUserPlus, faUsers, faWallet, faXmark, } from '@fortawesome/free-solid-svg-icons';
 export { FaIcon } from './fa-icon';

package/dist/types/components/index.d.ts

@@ -3,11 +3,10 @@ export * from './alert-badge';
 export * from './alert-dialog';
 export * from './alert-modal';
 export * from './assets-list-cell';
-export * from './auth';
 export * from './badge';
 export * from './base';
 export * from './base-link';
-export * from './block-sync';
+export * from './base-table';
 export * from './block-sync-pill';
 export * from './breadcrumbs';
 export * from './breakpoint-provider';
@@ -16,6 +15,7 @@ export * from './cards';
 export * from './checkbox';
 export * from './checkbox-item';
 export * from './client-adapters';
+export * from './collateral-allocation-tooltip';
 export * from './composites';
 export * from './compound-apy';
 export * from './confirm-menu';
@@ -35,9 +35,10 @@ export * from './guard';
 export * from './head-cell';
 export * from './health-factor';
 export * from './help-tip';
+export * from './hf-indicator';
 export * from './icon-button';
 export * from './icons';
-export * from './image';
+export * from './infinite-scroll';
 export * from './input';
 export * from './label';
 export * from './layout';
@@ -47,12 +48,10 @@ export * from './loader';
 export * from './loading';
 export * from './loading-bar';
 export * from './modal';
-export * from './navbar';
+export * from './name-cell';
 export * from './navbar-logo';
 export * from './navigation-context';
-export * from './navitem';
 export * from './points-icon';
-export * from './pool-apy-tooltip';
 export * from './pool-points-indicator';
 export * from './rounded-image';
 export * from './rwa-feature';

package/dist/types/components/infinite-scroll/index.d.ts

@@ -0,0 +1 @@
+export * from './infinite-scroll-wrapper';

package/dist/types/components/infinite-scroll/infinite-scroll-wrapper.d.ts

@@ -0,0 +1,11 @@
+import { default as React, PropsWithChildren } from 'react';
+export interface InfiniteScrollWrapperProps {
+    readonly dataLength: number;
+    readonly hasMore: boolean;
+    readonly onNextLoad: () => void;
+}
+/**
+ * List footer that asks for the next page. Presentation only: the caller
+ * owns paging state and `onNextLoad`.
+ */
+export declare function InfiniteScrollWrapper({ hasMore, dataLength, children, onNextLoad, }: PropsWithChildren<InfiniteScrollWrapperProps>): React.ReactElement;

package/dist/types/components/input/input.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const inputVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xs" | null | undefined;
     colorTheme?: "outlined" | "filledDark" | "filledLight" | null | undefined;
     variant?: "default" | "success" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/layout/index.d.ts

@@ -1,14 +1,7 @@
 export * from './app-footer';
 export * from './app-header';
-export * from './app-logo';
-export * from './block';
 export * from './col';
 export * from './container';
-export * from './footer';
 export * from './grid';
-export * from './header';
 export * from './layout';
-export * from './legal-disclaimer';
 export * from './main-aside-layout';
-export * from './page-layout';
-export * from './social-icons';

package/dist/types/components/name-cell/index.d.ts

@@ -0,0 +1 @@
+export * from './name-cell';

package/dist/types/components/name-cell/name-cell.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ReactNode } from 'react';
+export interface NameCellProps {
+    readonly title: ReactNode;
+    readonly subtitle?: ReactNode;
+    readonly chips?: ReactNode;
+    readonly caption?: ReactNode;
+    readonly leading?: ReactNode;
+    readonly disabledStyle?: boolean;
+}
+/**
+ * Table-name layout: optional leading slot, title + chips, subtitle, caption.
+ */
+export declare function NameCell({ title, subtitle, chips, caption, leading, disabledStyle, }: NameCellProps): React.ReactElement;

package/dist/types/components/network-icon/index.d.ts

@@ -1,2 +1,3 @@
 export type { NetworkIconProps } from './network-icon';
 export * from './network-icon';
+export * from './network-indicator';

package/dist/types/components/network-icon/network-indicator.d.ts

@@ -0,0 +1,23 @@
+import { ButtonProps } from '../buttons';
+import { NetworkIcons } from '../../utils/network-icons';
+type IndicatorSize = "sm" | "md" | "default" | "lg";
+export interface NetworkIndicatorProps extends Omit<ButtonProps, "size" | "children"> {
+    network: NetworkIcons | undefined;
+    chainId: number | undefined;
+    size?: IndicatorSize;
+    iconSize?: number;
+    chevronSize?: number;
+    showTitle?: boolean;
+    opened: boolean;
+    /**
+     * When true, button appears enabled and shows chevron even without onClick.
+     * Useful when the component is used as a dropdown trigger that handles clicks externally.
+     * Defaults to true when onClick is provided.
+     */
+    interactive?: boolean;
+}
+/**
+ * Network picker trigger: optional "Network:" label, icon, and chevron.
+ */
+export declare const NetworkIndicator: import('react').ForwardRefExoticComponent<NetworkIndicatorProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/skeleton/skeleton.d.ts

@@ -3,8 +3,8 @@ import type * as React from "react";
 declare const skeletonVariants: (props?: ({
     variant?: "default" | "lighter" | "darker" | null | undefined;
     speed?: "default" | "fast" | "slow" | null | undefined;
-    width?: "full" | "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | "3/4" | "1/2" | "1/3" | "1/4" | null | undefined;
-    height?: "xs" | "sm" | "lg" | "xl" | "2xl" | "md" | "3xl" | "4xl" | "5xl" | null | undefined;
+    width?: "full" | "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3/4" | "1/2" | "1/3" | "1/4" | null | undefined;
+    height?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type WidthPreset = NonNullable<VariantProps<typeof skeletonVariants>["width"]>;
 type HeightPreset = NonNullable<VariantProps<typeof skeletonVariants>["height"]>;

package/dist/types/components/status-dot/status-dot.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const statusDotVariants: (props?: ({
     variant?: "default" | "muted" | "success" | "warning" | "primary" | "alert" | "secondary" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {
     /**

package/dist/types/components/table/index.d.ts

@@ -1,12 +1,7 @@
-export * from './edit-button';
-export * from './editable-grid-table';
-export * from './editable-table';
 export * from './grid-error-line';
 export * from './grid-loading-line';
 export * from './grid-table';
-export * from './grid-table-loader';
 export * from './table';
 export * from './table-loader';
 export * from './table-loader-guard';
 export * from './table-sm';
-export * from './updated-value';

package/dist/types/components/text-button/text-button.d.ts

@@ -4,7 +4,7 @@ declare const textColorVariants: (props?: ({
     buttonColor?: "empty" | "primaryDashed" | "secondaryDashed" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const layoutVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    size?: "default" | "sm" | "md" | "lg" | null | undefined;
     width?: "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof layoutVariants>, VariantProps<typeof textColorVariants> {

package/dist/types/components/tip-card/tip-card.d.ts

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const tipCardVariants: (props?: ({
-    backgroundColor?: "transparent" | "dark" | "light" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
-    textColor?: "unset" | "dark" | "light" | null | undefined;
+    backgroundColor?: "dark" | "transparent" | "light" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
+    textColor?: "dark" | "unset" | "light" | null | undefined;
     borderColor?: "none" | "dark" | "light" | "gradient" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const indicatorVariants: (props?: ({