@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.62

package/dist/types/components/alert-badge/alert-badge.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const alertBadgeVariants: (props?: ({
-    variant?: "none" | "default" | "success" | "alert" | "info" | "warning" | "primary" | null | undefined;
+    variant?: "default" | "none" | "alert" | "info" | "warning" | "success" | "primary" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -57,4 +57,4 @@ export interface AlertBadgeProps extends Omit<React.HTMLAttributes<HTMLDivElemen
  * ```
  */
 declare const AlertBadge: React.ForwardRefExoticComponent<AlertBadgeProps & React.RefAttributes<HTMLDivElement>>;
-export { AlertBadge, alertBadgeVariants };
+export { AlertBadge };

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

@@ -28,9 +28,11 @@ import * as React from "react";
  * - for complex forms or content (use Dialog component).
  */
 declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+/**
+ * See the note on DialogTrigger: an alias no consumer needs, kept so the radix
+ * surface stays whole and the stories can open the dialog.
+ */
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
@@ -44,4 +46,4 @@ declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialog
 declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };

package/dist/types/components/app-bar/app-bar-frame.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+/**
+ * The bar and its three slots. Its own module, outside the barrel: AppHeader is
+ * the header a consumer mounts, and this is the frame it fills.
+ */
+export interface AppBarProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBar — top-level navigation bar container.
+ *
+ * Implements the classic 3-column layout: left panel, growing center, right panel.
+ * Uses `position: relative` so that AppBarCenterContent can be absolutely positioned.
+ *
+ * @example
+ * ```tsx
+ * <AppBar>
+ *   <AppBarSidePanel>{leftContent}</AppBarSidePanel>
+ *   <AppBarCenter>
+ *     <AppBarCenterContent>{tabs}</AppBarCenterContent>
+ *   </AppBarCenter>
+ *   <AppBarSidePanel>{rightContent}</AppBarSidePanel>
+ * </AppBar>
+ * ```
+ */
+export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLElement>>;
+export interface AppBarSidePanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBarSidePanel — flex row container for left/right side items.
+ * Provides 8px gap between child elements.
+ */
+export declare const AppBarSidePanel: React.ForwardRefExoticComponent<AppBarSidePanelProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppBarCenterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBarCenter — center navigation area that grows to fill available space.
+ *
+ * Aligns itself to the bottom of the flex container (align-self: flex-end)
+ * so that the absolutely-positioned AppBarCenterContent appears below the
+ * side panel buttons.
+ */
+export declare const AppBarCenter: React.ForwardRefExoticComponent<AppBarCenterProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppBarCenterContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBarCenterContent — absolutely positioned container for navigation tabs.
+ *
+ * Positioned 16px below the AppBarCenter's bottom edge, creating the effect
+ * of tabs "hanging" below the main navigation bar.
+ *
+ * Hidden on mobile (< 768px), visible on desktop (≥ 768px).
+ */
+export declare const AppBarCenterContent: React.ForwardRefExoticComponent<AppBarCenterContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/app-bar/app-bar.d.ts

@@ -1,56 +1,4 @@
 import * as React from "react";
-export interface AppBarProps extends React.HTMLAttributes<HTMLElement> {
-    children?: React.ReactNode;
-}
-/**
- * AppBar — top-level navigation bar container.
- *
- * Implements the classic 3-column layout: left panel, growing center, right panel.
- * Uses `position: relative` so that AppBarCenterContent can be absolutely positioned.
- *
- * @example
- * ```tsx
- * <AppBar>
- *   <AppBarSidePanel>{leftContent}</AppBarSidePanel>
- *   <AppBarCenter>
- *     <AppBarCenterContent>{tabs}</AppBarCenterContent>
- *   </AppBarCenter>
- *   <AppBarSidePanel>{rightContent}</AppBarSidePanel>
- * </AppBar>
- * ```
- */
-export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLElement>>;
-export interface AppBarSidePanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-/**
- * AppBarSidePanel — flex row container for left/right side items.
- * Provides 8px gap between child elements.
- */
-export declare const AppBarSidePanel: React.ForwardRefExoticComponent<AppBarSidePanelProps & React.RefAttributes<HTMLDivElement>>;
-export interface AppBarCenterProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-/**
- * AppBarCenter — center navigation area that grows to fill available space.
- *
- * Aligns itself to the bottom of the flex container (align-self: flex-end)
- * so that the absolutely-positioned AppBarCenterContent appears below the
- * side panel buttons.
- */
-export declare const AppBarCenter: React.ForwardRefExoticComponent<AppBarCenterProps & React.RefAttributes<HTMLDivElement>>;
-export interface AppBarCenterContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-/**
- * AppBarCenterContent — absolutely positioned container for navigation tabs.
- *
- * Positioned 16px below the AppBarCenter's bottom edge, creating the effect
- * of tabs "hanging" below the main navigation bar.
- *
- * Hidden on mobile (< 768px), visible on desktop (≥ 768px).
- */
-export declare const AppBarCenterContent: React.ForwardRefExoticComponent<AppBarCenterContentProps & React.RefAttributes<HTMLDivElement>>;
 export interface AppBarNavItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Optional attribute/badge displayed to the right of the label (e.g. "×10")

package/dist/types/components/assets-list-cell/assets-list-cell.d.ts

@@ -1,7 +1,7 @@
 import { Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 import { Address } from 'viem';
-import { CollateralAllocation } from '../collateral-allocation-tooltip';
+import { CollateralAllocation } from '../collateral-allocation-tooltip/collateral-allocation-tooltip';
 type Mode = "default" | "cascade";
 interface CommonOptions {
     mode?: Mode;
@@ -44,47 +44,6 @@ export interface SingleAssetCellProps {
      * Additional CSS classes
      */
     className?: string;
-    balances?: undefined;
-    tokensList?: undefined;
-    tokens?: undefined;
-}
-/**
- * Multi-asset list cell props (legacy API, compatible with @gearbox-protocol/interface)
- */
-export interface MultiAssetCellProps {
-    /**
-     * List of asset balances (either objects with token address or plain addresses)
-     */
-    balances: Array<{
-        token: Address;
-    }> | Array<Address>;
-    /**
-     * Token data keyed by address
-     */
-    tokensList: Record<Address, {
-        symbol: string;
-        title?: string;
-    }>;
-    /**
-     * Maximum number of assets to display before showing "+N"
-     * @default 3
-     */
-    maxAssets?: number;
-    /**
-     * Size of token icons
-     * @default 24
-     */
-    iconSize?: number;
-    /**
-     * Display and interaction options
-     */
-    options?: CommonOptions;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    assetAddress?: undefined;
-    symbol?: undefined;
     tokens?: undefined;
 }
 /**
@@ -110,19 +69,16 @@ export interface TokensAssetCellProps {
      * Additional CSS classes
      */
     className?: string;
-    balances?: undefined;
-    tokensList?: undefined;
     assetAddress?: undefined;
     symbol?: undefined;
 }
-export type AssetsListCellProps = SingleAssetCellProps | MultiAssetCellProps | TokensAssetCellProps;
+export type AssetsListCellProps = SingleAssetCellProps | TokensAssetCellProps;
 /**
  * AssetsListCell — displays asset icons in a list/grid layout
  *
  * Supports three APIs:
  * 1. Single asset: `<AssetsListCell assetAddress="0x..." symbol="ETH" />`
- * 2. Multi-asset list (legacy): `<AssetsListCell balances={[...]} tokensList={...} />`
- * 3. SDK tokens: `<AssetsListCell tokens={[...]} />`
+ * 2. SDK tokens: `<AssetsListCell tokens={[...]} />`
  *
  * @example
  * ```tsx
@@ -141,14 +97,6 @@ export type AssetsListCellProps = SingleAssetCellProps | MultiAssetCellProps | T
  *   options={{ mode: "cascade" }}
  * />
  *
- * // Multi-asset list (legacy)
- * <AssetsListCell
- *   balances={[{ token: "0x1234..." }, { token: "0x5678..." }]}
- *   tokensList={{ "0x1234...": { symbol: "ETH" }, "0x5678...": { symbol: "USDC" } }}
- *   maxAssets={5}
- *   iconSize={24}
- *   options={{ mode: "cascade" }}
- * />
  * ```
  */
 export declare function AssetsListCell(props: AssetsListCellProps): React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import type * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "success" | "secondary" | "info" | "warning" | "destructive" | "outline" | "neutral" | "danger" | "accent" | null | undefined;
+    variant?: "default" | "secondary" | "info" | "warning" | "success" | "destructive" | "outline" | "danger" | "accent" | "neutral" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Badge — component for displaying labels, tags, or status indicators.
@@ -26,4 +26,4 @@ declare const badgeVariants: (props?: ({
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
 declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
-export { Badge, badgeVariants };
+export { Badge };

package/dist/types/components/base/amount-input/index.d.ts

@@ -1,2 +1 @@
 export * from './amount-input';
-export * from './token-select-panel';

package/dist/types/components/base/details-view/index.d.ts

@@ -1,3 +1,2 @@
-export * from './detail-aside/detail-aside-scope';
-export * from './detail-aside/detail-aside-screen-layout';
+export { AsideAlignAnchor } from './detail-aside/detail-aside-scope';
 export * from './details-view';

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

@@ -19,7 +19,6 @@ export * from './position-assets';
 export * from './review-button';
 export * from './section-heading';
 export * from './segmented-tabs';
-export * from './spacing';
 export * from './stack';
 export * from './stat-badge';
 export * from './strategy-apy-breakdown-card';

package/dist/types/components/base/info-list/info-list.d.ts

@@ -18,5 +18,7 @@ export interface PointsInfoLineProps {
     readonly data: ApyBreakdown | undefined;
     readonly title?: TitleText;
 }
-/** Points row that omits itself when the SDK breakdown has no programs. */
+/**
+ * Points row that omits itself when the SDK breakdown has no programs.
+ */
 export declare function PointsInfoLine({ data, title, }: PointsInfoLineProps): React.ReactElement | null;

package/dist/types/components/base/leverage-preset-chips/format-chip-leverage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Chip / subtitle leverage without trailing zeros: `5`, `5.5`, `9.54`.
+ * Its own module: LeveragePresetChips reads it, no consumer does.
+ */
+export declare function formatChipLeverage(leverage: number): string;

package/dist/types/components/base/more-accordion/more-accordion.d.ts

@@ -7,5 +7,10 @@ export interface MoreAccordionProps {
     readonly moreMessage?: TitleText;
     readonly lessMessage?: TitleText;
 }
-/** Centered more/less disclosure over a `SimpleAccordion`. */
+/**
+ * Centered more/less disclosure over a `SimpleAccordion`.
+ *
+ * Nothing renders it yet, in the kit or in either consumer: kept as part of the
+ * base layer on purpose.
+ */
 export declare function MoreAccordion({ children, moreMessage, lessMessage, }: MoreAccordionProps): React.ReactElement;

package/dist/types/components/base/position-assets/position-asset-rows.d.ts

@@ -0,0 +1,23 @@
+import { TokenAmount } from '@gearbox-protocol/sdk/model';
+/** One token across both sides of a change. */
+export interface AssetRow {
+    readonly token: TokenAmount["token"];
+    /** What the position holds now — zero for a token only the other side has. */
+    readonly value: bigint;
+    /** What it becomes — zero where the projection drops the token. */
+    readonly valueTo: bigint;
+    /**
+     * What the token is worth at its richer side, which is what decides both
+     * dust and order. `null` when a side the oracle cannot price is involved.
+     */
+    readonly worth: number | null;
+    /** USD of the "now" side; `null` where the oracle could not price it. */
+    readonly valueUsd: number | null;
+    /** USD of the "after" side, for the caption a paired row shows. */
+    readonly valueToUsd: number | null;
+}
+/**
+ * What earns a row, most valuable first — decided across both sides, so a
+ * token either side holds is listed once, in one place.
+ */
+export declare function visibleAssets(assets: readonly TokenAmount[] | undefined, to?: readonly TokenAmount[]): AssetRow[];

package/dist/types/components/base/position-assets/position-assets.d.ts

@@ -41,25 +41,7 @@ export interface PositionAssetsProps {
  * oracle cannot price is never dust — an unknown value is not a small one.
  */
 export declare function PositionAssets({ assets, to, empty, approximate, testId, }: PositionAssetsProps): React.ReactElement;
-/** One token across both sides of a change. */
-export interface AssetRow {
-    readonly token: TokenAmount["token"];
-    /** What the position holds now — zero for a token only the other side has. */
-    readonly value: bigint;
-    /** What it becomes — zero where the projection drops the token. */
-    readonly valueTo: bigint;
-    /**
-     * What the token is worth at its richer side, which is what decides both
-     * dust and order. `null` when a side the oracle cannot price is involved.
-     */
-    readonly worth: number | null;
-    /** USD of the "now" side; `null` where the oracle could not price it. */
-    readonly valueUsd: number | null;
-    /** USD of the "after" side, for the caption a paired row shows. */
-    readonly valueToUsd: number | null;
-}
 /**
- * What earns a row, most valuable first — decided across both sides, so a
- * token either side holds is listed once, in one place.
+ * The larger of two sides' USD. An unpriced side wins over any number: it is
+ * an unknown value, not a small one, and must not be called dust.
  */
-export declare function visibleAssets(assets: readonly TokenAmount[] | undefined, to?: readonly TokenAmount[]): AssetRow[];

package/dist/types/components/base/segmented-tabs/segmented-tabs-styles.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Gray pill styling shared with sibling controls (e.g. the ManagePane "…"
+ * button). Its own module so the barrel carries the component, not its classes.
+ */
+export declare const SEGMENTED_TABS_INACTIVE_BUTTON_CLASS = "bg-gray-30 border-gray-30 hover:bg-gray-40 hover:border-gray-40";

package/dist/types/components/base/segmented-tabs/segmented-tabs.d.ts

@@ -1,8 +1,6 @@
 import { default as React } from 'react';
 import { SegmentedTabsTest } from './constants';
 export { SegmentedTabsTest };
-/** Gray pill styling shared with sibling controls (e.g. the ManagePane "…" button). */
-export declare const SEGMENTED_TABS_INACTIVE_BUTTON_CLASS = "bg-gray-30 border-gray-30 hover:bg-gray-40 hover:border-gray-40";
 export interface SegmentedTabsItem<T extends string> {
     readonly id: T;
     readonly item: React.ReactNode;

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

@@ -1,2 +1 @@
 export * from './tabber';
-export * from './use-detail-scroll-spy';

package/dist/types/components/base/tabber/is-tabber.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+/**
+ * Whether a node is a Tabber, so DetailsView can tell a tabbed pane from plain
+ * content. Its own module: the barrel carries the component, not the predicate.
+ */
+export declare function isTabber(node: ReactNode): boolean;

package/dist/types/components/base/tabber/tabber.d.ts

@@ -30,4 +30,3 @@ export interface TabberProps {
     readonly mobileManagePane?: React.ReactNode;
 }
 export declare function Tabber({ children, observeKey, initialSection, testId, mobileManagePane, }: TabberProps): React.ReactElement;
-export declare function isTabber(node: React.ReactNode): boolean;

package/dist/types/components/base/time-to-liquidation-block/time-to-liquidation-block.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TitleText } from '../text';
-import { TTLZones } from '../../../utils/ttl';
+import { TTLZones } from './ttl';
 import { TimeToLiquidationBlockTest } from './constants';
 export { TimeToLiquidationBlockTest };
 export interface TimeToLiquidationBlockProps {

package/dist/types/{utils/ttl.d.ts → components/base/time-to-liquidation-block/ttl-left.d.ts}

@@ -1,18 +1,3 @@
-export type TTLZones = "good" | "medium" | "bad";
-/**
- * Get the TTL zone based on the remaining time
- *
- * @param ttl - Time to live in milliseconds
- * @returns Zone: "good" (>= 30 days), "medium" (> 7 days), "bad" (<= 7 days)
- *
- * @example
- * ```ts
- * getTTLZones(40 * DAY) // "good"
- * getTTLZones(14 * DAY) // "medium"
- * getTTLZones(3 * DAY)  // "bad"
- * ```
- */
-export declare function getTTLZones(ttl: number | bigint | undefined): TTLZones | undefined;
 /**
  * Result of ttlLeftParsed function
  */

package/dist/types/components/base/time-to-liquidation-block/ttl.d.ts

@@ -0,0 +1,15 @@
+export type TTLZones = "good" | "medium" | "bad";
+/**
+ * Get the TTL zone based on the remaining time
+ *
+ * @param ttl - Time to live in milliseconds
+ * @returns Zone: "good" (>= 30 days), "medium" (> 7 days), "bad" (<= 7 days)
+ *
+ * @example
+ * ```ts
+ * getTTLZones(40 * DAY) // "good"
+ * getTTLZones(14 * DAY) // "medium"
+ * getTTLZones(3 * DAY)  // "bad"
+ * ```
+ */
+export declare function getTTLZones(ttl: number | bigint | undefined): TTLZones | undefined;

package/dist/types/components/base/title-meta/title-meta.d.ts

@@ -1,6 +1,6 @@
 import { Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
-import { NetworkIcons } from '../../../utils/network-icons';
+import { NetworkIcons } from '../../../utils/internal/network-icons';
 import { TitleMetaTest } from './constants';
 export { TitleMetaTest };
 export interface TitleMetaLink {

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

@@ -1,5 +1,5 @@
+export * from '../../no-value';
 export * from './constants';
-export * from './no-value';
 export * from './pnl-value';
 export * from './position-short-label';
 export * from './position-status-badge';

package/dist/types/components/base/values/price-impact-value.d.ts

@@ -1,18 +1,4 @@
 import { default as React } from 'react';
-/**
- * A price impact as a percentage.
- *
- * The scale is `PERCENTAGE_FACTOR_1KK` — `1_000_000` is 100%, so `-10_000` is
- * -1% — the legacy price-impact scale, a hundred times finer than the `Bps`
- * the rest of this module speaks. The conversion is owned here for the same
- * reason `bps` owns its own: `percentageTemplate` carries a same-named,
- * differently-scaled twin, so a shared step would inherit that ambiguity.
- *
- * A loss is what this figure almost always is, and it prints its own minus.
- * Only the rare route that beat the marginal price needs its sign spelled out,
- * or a gain would read as a loss of the same size.
- */
-export declare function priceImpact(value: bigint): string;
 /**
  * What a routed operation gave up to market depth.
  *

package/dist/types/components/base/values/price-impact.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A price impact as a percentage.
+ *
+ * The scale is `PERCENTAGE_FACTOR_1KK` — `1_000_000` is 100%, so `-10_000` is
+ * -1% — the legacy price-impact scale, a hundred times finer than the `Bps`
+ * the rest of this module speaks. The conversion is owned here for the same
+ * reason `bps` owns its own: `percentageTemplate` carries a same-named,
+ * differently-scaled twin, so a shared step would inherit that ambiguity.
+ *
+ * A loss is what this figure almost always is, and it prints its own minus.
+ * Only the rare route that beat the marginal price needs its sign spelled out,
+ * or a gain would read as a loss of the same size.
+ */
+export declare function priceImpact(value: bigint): string;

package/dist/types/components/base/values/scalars.d.ts

@@ -1,14 +1,5 @@
 import { ApyBreakdown, Bps, Leverage, Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
-/**
- * Basis points as a percentage (`10000` = 100%); the model's `Bps` is `number`.
- *
- * Self-contained on purpose: `percentageTemplate` (format-money) carries a
- * same-named, oppositely-scaled twin in `templates.tsx` (already-percent
- * input), so a shared bps→percent step here would inherit that ambiguity.
- * `bps` is the one place that owns the conversion.
- */
-export declare function bps(value: Bps): string;
 export interface ApyValueProps {
     /** A breakdown (tooltip-able) or a bare rate; `undefined` renders the empty state. */
     readonly data: ApyBreakdown | Bps | undefined;

package/dist/types/components/base-table/base-table-line.d.ts

@@ -8,8 +8,6 @@ export interface BaseTableLineProps<TSort extends string = never> {
     readonly href?: string;
     readonly disabled?: boolean;
     readonly disabledStyle?: boolean;
-    /** Extra row className, e.g. RWA accent tint. */
-    readonly accentClassName?: string;
     readonly onRowClick?: () => void;
     readonly "data-testid"?: string;
     readonly minHeightClassName?: string;
@@ -18,4 +16,4 @@ export interface BaseTableLineProps<TSort extends string = never> {
  * One row of {@link BaseTable}: desktop cells from the column model, or a
  * stacked mobile card driven by each column's `mobile` role.
  */
-export declare function BaseTableLine<TSort extends string = never>({ columns, cells, last, href, disabled, disabledStyle, accentClassName, onRowClick, "data-testid": testId, minHeightClassName, }: BaseTableLineProps<TSort>): React.ReactElement;
+export declare function BaseTableLine<TSort extends string = never>({ columns, cells, last, href, disabled, disabledStyle, onRowClick, "data-testid": testId, minHeightClassName, }: BaseTableLineProps<TSort>): React.ReactElement;

package/dist/types/components/breakpoints/breakpoint-provider.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode } from 'react';
+export interface BreakpointProviderProps {
+    readonly children: ReactNode;
+}
+/**
+ * Owns a single set of `matchMedia` listeners for the five named breakpoints
+ * and shares the result via context. Mount once near the app root.
+ *
+ * Semantic hooks (`useIsMobile`, …) read from this context when present and
+ * otherwise keep their self-contained fallback behaviour.
+ */
+export declare function BreakpointProvider({ children, }: BreakpointProviderProps): ReactElement;

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

@@ -0,0 +1 @@
+export * from './breakpoint-provider';

package/dist/types/components/buttons/back-button/back-button.d.ts

@@ -17,4 +17,4 @@ export interface BackButtonProps extends VariantProps<typeof backButtonVariants>
     LinkComponent?: React.ComponentType<LinkComponentProps>;
 }
 export declare function BackButton({ href, text, onClick, className, variant, size, LinkComponent, }: BackButtonProps): import("react").JSX.Element;
-export { backButtonVariants };
+export {};

package/dist/types/components/buttons/button/button.d.ts

@@ -1,10 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from './button.variants';
 import * as React from "react";
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "text" | "default" | "success" | "blue" | "pink" | "white" | "secondary" | "ghost" | "destructive" | "outline" | "neutral" | "pink-outline" | "blue-outline" | null | undefined;
-    size?: "auto" | "icon" | "default" | "sm" | "md" | "lg" | "xs" | null | undefined;
-    width?: "compact" | "wide" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Button component props
  */
@@ -74,4 +70,4 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
  * ```
  */
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };
+export { Button };

package/dist/types/components/buttons/button/button.variants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Not re-exported by the barrel: a class table is the kit's own business, and
+ * publishing one turns a restyle into a breaking change. AlertDialogAction
+ * imports it from here because its trigger has to look like a Button.
+ */
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "text" | "default" | "blue" | "pink" | "white" | "secondary" | "ghost" | "success" | "destructive" | "outline" | "neutral" | "pink-outline" | "blue-outline" | null | undefined;
+    size?: "auto" | "default" | "icon" | "sm" | "md" | "lg" | "xs" | null | undefined;
+    width?: "compact" | "wide" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/cards/card/card.d.ts

@@ -23,7 +23,6 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Variant
  * - `CardTitle` — title text with semibold font and large size.
  * - `CardDescription` — description text with muted color and small size.
  * - `CardContent` — main content area with padding.
- * - `CardFooter` — footer section with border-top, typically contains actions.
  *
  * Do NOT use Card:
  * - for simple layout containers without visual grouping (use div with appropriate styling).
@@ -50,9 +49,4 @@ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttribu
  * Provides padding for card content.
  */
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/**
- * CardFooter — footer section of a Card with border-top.
- * Typically contains action buttons and/or additional information.
- */
-export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { Card, CardContent, CardDescription, CardHeader, CardTitle };

package/dist/types/components/client-adapters/styled-dialog-container/styled-dialog-container.d.ts

@@ -2,12 +2,11 @@ import { DialogContainerProps } from '../../dialog/dialog-container';
 import * as React from "react";
 type PaddingSize = "none" | "md" | "lg" | "xl";
 export interface StyledDialogContainerProps extends Omit<DialogContainerProps, "padding" | "colorTheme" | "maxWidth"> {
-    $padding?: PaddingSize;
-    $width?: string;
-    $minWidth?: string;
-    $maxWidth?: string;
-    $minHeight?: string;
-    $colorTheme?: DialogContainerProps["colorTheme"];
+    /**
+     * Named in this component's own vocabulary — `none` and `lg` map onto the
+     * booleans DialogContainer takes, the rest pass through.
+     */
+    padding?: PaddingSize;
 }
 declare const StyledDialogContainer: React.ForwardRefExoticComponent<StyledDialogContainerProps & React.RefAttributes<HTMLDivElement>>;
 export { StyledDialogContainer };

package/dist/types/components/collateral-allocation-tooltip/index.d.ts

@@ -1,3 +1,2 @@
-export * from './allocation-wheel';
-export * from './collateral-allocation-tooltip';
+export type { CollateralAllocation } from './collateral-allocation-tooltip';
 export * from './constants';

package/dist/types/components/composites/pool-assets-table/index.d.ts

@@ -1,5 +1,3 @@
 export * from './constants';
 export * from './pool-assets-table';
-export * from './pool-assets-table-head';
-export * from './pool-assets-table-row';
 export type * from './types';