@gearbox-protocol/ui-kit 4.0.0-next.9 → 4.0.1

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

@@ -1,5 +1,5 @@
-export declare class TimeToLiquidationBlockTest {
-    static root: string;
-    static value: string;
-    static valueTo: string;
-}
+export declare const TimeToLiquidationBlockTest: {
+    readonly root: "time-to-liquidation-block-root";
+    readonly value: "time-to-liquidation-block-value";
+    readonly valueTo: "time-to-liquidation-block-value-to";
+};

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 {
@@ -11,6 +11,13 @@ export interface TimeToLiquidationBlockProps {
     readonly data?: bigint | null;
     /** Time after the operation; renders a from → to transition. */
     readonly dataTo?: bigint | null;
+    /**
+     * Prefixes the figure with {@link APPROXIMATE_SYMBOL}, for a value the
+     * operation projects rather than promises. Only the projected side is
+     * marked: on a `from → to` row the "from" is where the account stands now,
+     * which is measured, not estimated.
+     */
+    readonly approximate?: boolean;
     /** Pre-computed zone; if not set, derived from the value. */
     readonly zone?: TTLZones;
     readonly isLoading?: boolean;
@@ -24,4 +31,4 @@ export interface TimeToLiquidationBlockProps {
  * "Time to liquidation" row of a preview: label + help tip, the remaining
  * time as `Nmo` / `Nd` / `<1d` with a zone dot, optionally from → to.
  */
-export declare function TimeToLiquidationBlock({ data, dataTo, zone, isLoading, title, tip, testId, }: TimeToLiquidationBlockProps): React.ReactElement;
+export declare function TimeToLiquidationBlock({ data, dataTo, approximate, zone, isLoading, title, tip, testId, }: TimeToLiquidationBlockProps): React.ReactElement;

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

@@ -0,0 +1,24 @@
+/**
+ * Result of ttlLeftParsed function
+ */
+export type TTLLeftResult = {
+    months: number;
+    day?: never;
+} | {
+    day: number;
+    months?: never;
+} | undefined;
+/**
+ * Parse TTL into structured object with months or days
+ *
+ * @param ttl - Time to live in milliseconds
+ * @returns Object with months or day property, or undefined if less than 1 day
+ *
+ * @example
+ * ```ts
+ * ttlLeft(100 * DAY) // { months: 3 }
+ * ttlLeft(15 * DAY)  // { day: 15 }
+ * ttlLeft(12 * HOUR) // undefined
+ * ```
+ */
+export declare function ttlLeft(ttl: number | bigint): TTLLeftResult;

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/constants.d.ts

@@ -1,6 +1,6 @@
-export declare class TitleMetaTest {
-    static root: string;
-    static network: string;
-    static curator: string;
-    static link: string;
-}
+export declare const TitleMetaTest: {
+    readonly root: "title-meta-root";
+    readonly network: "title-meta-network";
+    readonly curator: "title-meta-curator";
+    readonly link: "title-meta-link";
+};

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/token-amount/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class TokenAmountTest {
-    static root: string;
-}
+export declare const TokenAmountTest: {
+    readonly root: "token-amount-root";
+};

package/dist/types/components/base/token-amount/token-amount.d.ts

@@ -21,7 +21,19 @@ type TokenAmountDataProps = {
     readonly token: Token;
 };
 export type TokenAmountProps = TokenAmountDataProps & {
-    /** Cross-axis alignment of the token line and the USD caption. */
+    /**
+     * Cross-axis alignment of the token line and the USD caption. Defaults to
+     * `end`: nearly every slot this lands in — table cells, info lines, metric
+     * rows — is right-aligned, and a flex column ignores the `text-right` its
+     * wrapper sets. Pass `start` inside a card, where the left edge is right.
+     */
     readonly align?: TokenAmountAlign;
+    /**
+     * Prefixes the token line with {@link APPROXIMATE_SYMBOL}, for a figure the
+     * operation projects rather than promises. The USD caption underneath is not
+     * marked: the mark belongs beside the amount it hedges, and repeating it on
+     * the second line only reads as a second claim.
+     */
+    readonly approximate?: boolean;
 };
-export declare function TokenAmount({ data, token, align, }: TokenAmountProps): React.ReactElement;
+export declare function TokenAmount({ data, token, align, approximate, }: TokenAmountProps): React.ReactElement;

package/dist/types/components/base/token-pair-symbol/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class TokenPairSymbolTest {
-    static root: string;
-}
+export declare const TokenPairSymbolTest: {
+    readonly root: "token-pair-symbol-root";
+};

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

@@ -1,14 +1,16 @@
-export declare class ValueTest {
-    static apy: string;
-    static usd: string;
-    static leverage: string;
-    static utilization: string;
-    static healthFactor: string;
-    static pnl: string;
-    static tokenBigint: string;
-    static points: string;
-    static placeholder: string;
-}
-export declare class PositionShortLabelTest {
-    static root: string;
-}
+export declare const ValueTest: {
+    readonly apy: "value-apy";
+    readonly usd: "value-usd";
+    readonly leverage: "value-leverage";
+    readonly utilization: "value-utilization";
+    readonly healthFactor: "value-health-factor";
+    readonly pnl: "value-pnl";
+    readonly priceImpact: "value-price-impact";
+    readonly tokenBigint: "value-token-bigint";
+    readonly points: "value-points";
+    readonly placeholder: "value-placeholder";
+    readonly accruing: "value-accruing";
+};
+export declare const PositionShortLabelTest: {
+    readonly root: "position-short-label";
+};

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

@@ -1,7 +1,8 @@
-export { ValueTest } from './constants';
-export { PnlValue } from './pnl-value';
-export { PointsValue, type PointsValueProps } from './points-value';
-export { PositionShortLabel, PositionShortLabelTest, } from './position-short-label';
-export { type PositionStatus, PositionStatusBadge, type PositionStatusBadgeProps, } from './position-status-badge';
-export { PositionTypeBadge, type PositionTypeBadgeProps, } from './position-type-badge';
-export { ApyValue, type ApyValueProps, bps, HealthFactorValue, LeverageValue, TokenBigint, UsdValue, UtilizationValue, } from './scalars';
+export * from '../../no-value';
+export * from './constants';
+export * from './pnl-value';
+export * from './position-short-label';
+export * from './position-status-badge';
+export * from './position-type-badge';
+export * from './price-impact-value';
+export * from './scalars';

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

@@ -1,6 +1,12 @@
 import { PnlBreakdown } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
-/** Realised + unrealised PnL of a position, signed. */
+/**
+ * Realised + unrealised PnL, signed.
+ *
+ * A breakdown (a position's own) or a bare USD figure (a wallet's total, which
+ * the model carries as a plain number) — the same pairing {@link ApyValue}
+ * makes between a breakdown and a bare rate.
+ */
 export declare function PnlValue({ data, }: {
-    readonly data: PnlBreakdown | undefined;
+    readonly data: PnlBreakdown | number | null | undefined;
 }): React.ReactElement;

package/dist/types/components/base/values/position-type-badge.d.ts

@@ -6,6 +6,6 @@ export interface PositionTypeBadgeProps {
     readonly size?: "table" | "aside" | "title";
 }
 /**
- * Colored kind label of a position row: "LP" / "Strategy" / "Liquidation".
+ * Colored kind label of a position row: "Lend" / "Leverage" / "Liquidation".
  */
 export declare function PositionTypeBadge({ data, size, }: PositionTypeBadgeProps): React.ReactElement;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+/**
+ * What a routed operation gave up to market depth.
+ *
+ * Which of the three rates a caller shows — against the routed output, the
+ * equity or the position — is the caller's choice; this renders the one it is
+ * handed.
+ */
+export declare function PriceImpactValue({ data, }: {
+    readonly data: bigint | undefined;
+}): React.ReactElement;

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,24 +1,32 @@
 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 a dash. */
+    /** A breakdown (tooltip-able) or a bare rate; `undefined` renders the empty state. */
     readonly data: ApyBreakdown | Bps | undefined;
+    /**
+     * Whether a breakdown carries its yield tooltip on hover. Off where the
+     * figure is already explained — a badge that states one rate, or a figure
+     * wrapped in a tooltip of its own, which would otherwise stack two.
+     *
+     * A bare `Bps` has no tooltip to begin with, so this does not reach it.
+     *
+     * @default true
+     */
+    readonly tooltip?: boolean;
+    /**
+     * The averaging window this figure comes from. `"7d"` suffixes the breakdown
+     * tooltip labels — and, when the rate is missing, says the average is still
+     * accruing rather than printing a dash. A spot figure keeps the dash: history
+     * has nothing to do with why it is absent.
+     */
+    readonly period?: "7d";
 }
 /**
  * Any APY the model carries, in one place: `supplyApy`, `netApy`, `borrowApy`.
  * A breakdown renders the reference chip (reward icons + breakdown tooltip)
  * via `CompoundAPY`; a bare `Bps` stays a plain percentage.
  */
-export declare function ApyValue({ data }: ApyValueProps): React.ReactElement;
+export declare function ApyValue({ data, tooltip, period, }: ApyValueProps): React.ReactElement;
 export declare function UsdValue({ data, }: {
     readonly data: number | null | undefined;
 }): React.ReactElement;
@@ -28,16 +36,30 @@ export declare function LeverageValue({ data, }: {
 export declare function UtilizationValue({ data, }: {
     readonly data: Bps | undefined;
 }): React.ReactElement;
-/** Health factor with its zone: below 1 the account is liquidatable. */
-export declare function HealthFactorValue({ data, }: {
+/**
+ * Health factor with its zone: below 1 the account is liquidatable. A `debt` of
+ * `0n` drops the zone — a repaid account still reports a figure, and it reads
+ * as the worst there is.
+ */
+export declare function HealthFactorValue({ data, debt, }: {
     readonly data: Bps | undefined;
+    readonly debt?: bigint;
 }): React.ReactElement;
 /**
  * A bare `bigint` in token units (simulate previews carry these): the only
  * value component that needs a denomination passed with it, because the SDK
  * hands these out without one.
+ *
+ * Shown to `formatAssetAmount`'s three decimals, with the exact amount in a
+ * tooltip — a metrics row reads better short, and nothing is lost: the figure
+ * behind the rounding stays a hover away.
  */
-export declare function TokenBigint({ data, token, }: {
+export declare function TokenBigint({ data, token, showSymbol, }: {
     readonly data: bigint | undefined;
     readonly token: Token | undefined;
+    /**
+     * Off where the row names the token itself — a `before → after` pair prints
+     * the symbol once for both amounts rather than twice.
+     */
+    readonly showSymbol?: boolean;
 }): React.ReactElement;

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

@@ -1,6 +1,6 @@
 import { default as React, ReactNode } from 'react';
 import { BaseTableColumn } from './types';
-export { BaseTableLineTest } from './constants';
+export * from './constants';
 export interface BaseTableLineProps<TSort extends string = never> {
     readonly columns: ReadonlyArray<BaseTableColumn<TSort>>;
     readonly cells: Readonly<Record<string, ReactNode>>;
@@ -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/base-table/base-table.d.ts

@@ -1,7 +1,7 @@
 import { default as React, PropsWithChildren, ReactNode } from 'react';
 import { BaseTableColumn, BaseTableSortApi } from './types';
-export { BaseTableTest } from './constants';
-export type { BaseTableColumn, BaseTableSortApi } from './types';
+export * from './constants';
+export * from './types';
 export interface BaseTableProps<TSort extends string = never> {
     readonly columns: ReadonlyArray<BaseTableColumn<TSort>>;
     readonly isLoading: boolean;

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

@@ -1,8 +1,8 @@
-export declare class BaseTableTest {
-    static root: string;
-    static head: string;
-    static empty: string;
-}
-export declare class BaseTableLineTest {
-    static root: string;
-}
+export declare const BaseTableTest: {
+    readonly root: "base-table-root";
+    readonly head: "base-table-head";
+    readonly empty: "base-table-empty";
+};
+export declare const BaseTableLineTest: {
+    readonly root: "base-table-line-root";
+};

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

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 declare const backButtonVariants: (props?: ({
-    variant?: "default" | "primary" | "ghost" | null | undefined;
+    variant?: "default" | "ghost" | "primary" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface LinkComponentProps {
@@ -16,5 +16,5 @@ export interface BackButtonProps extends VariantProps<typeof backButtonVariants>
     className?: string;
     LinkComponent?: React.ComponentType<LinkComponentProps>;
 }
-export declare function BackButton({ href, text, onClick, className, variant, size, LinkComponent, }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
-export { backButtonVariants };
+export declare function BackButton({ href, text, onClick, className, variant, size, LinkComponent, }: BackButtonProps): import("react").JSX.Element;
+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" | "destructive" | "blue" | "pink" | "white" | "secondary" | "ghost" | "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;
 /**
  * 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/buttons/index.d.ts

@@ -2,7 +2,5 @@ export * from './back-button';
 export * from './button';
 export * from './copy-button';
 export * from './external-button';
-export * from './filter-button';
-export * from './navigation-button';
 export * from './range-buttons';
 export * from './tab-button';

package/dist/types/components/buttons/range-buttons/range-buttons.d.ts

@@ -15,35 +15,3 @@ export interface RangeButtonsProps<T> {
     setRange: (range: T) => void;
     className?: string;
 }
-/**
- * RangeButtons — button group component for selecting from a list of options.
- *
- * @usage
- * Use RangeButtons to create option selectors:
- * time range selectors, view mode toggles, filter options, segmented controls.
- *
- * Props:
- * - `range` — currently selected value (required).
- * - `rangeList` — array of selectable options with value and label (required).
- * - `setRange` — callback function to change selected value (required).
- * - `className` — additional CSS classes for styling.
- *
- * Note: Displays inline button group with active state highlighting.
- * Supports generic type T for flexible value types.
- *
- * @example
- * ```tsx
- * const [timeRange, setTimeRange] = useState<"24h" | "7d" | "30d">("24h");
- *
- * <RangeButtons
- *   range={timeRange}
- *   rangeList={[
- *     { value: "24h", label: "24H" },
- *     { value: "7d", label: "7D" },
- *     { value: "30d", label: "30D" },
- *   ]}
- *   setRange={setTimeRange}
- * />
- * ```
- */
-export declare function RangeButtons<T>({ range, rangeList, setRange, className, }: RangeButtonsProps<T>): import("react/jsx-runtime").JSX.Element;

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.
- */
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+export { Card, CardContent, CardDescription, CardHeader, CardTitle };

package/dist/types/components/cards/danger-zone/danger-zone.d.ts

@@ -16,4 +16,4 @@ import { CardProps } from '../card';
  * - for warnings or informational content (use regular Card with appropriate styling).
  * - when actions are not actually dangerous or destructive.
  */
-export declare function DangerZone({ children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function DangerZone({ children, ...props }: CardProps): import("react").JSX.Element;

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

@@ -24,5 +24,5 @@ export interface ExpandableCardProps {
  * - when you need multiple independent expandable sections (consider using Tabs or separate ExpandableCards).
  * - for non-transaction content when a regular Card would suffice.
  */
-declare function ExpandableCard({ header, children, alwaysExpanded, }: ExpandableCardProps): import("react/jsx-runtime").JSX.Element;
+declare function ExpandableCard({ header, children, alwaysExpanded, }: ExpandableCardProps): React.JSX.Element;
 export { ExpandableCard };

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

@@ -1,4 +1,3 @@
 export * from './card';
 export * from './danger-zone';
-export * from './expandable-call';
 export * from './expandable-card';

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

@@ -3,7 +3,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as React from "react";
 declare const checkboxVariants: (props?: ({
     size?: "md" | "lg" | null | undefined;
-    color?: "primary" | "secondary" | null | undefined;
+    color?: "secondary" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & VariantProps<typeof checkboxVariants>;
 /**
@@ -26,6 +26,6 @@ export type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimit
  */
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     size?: "md" | "lg" | null | undefined;
-    color?: "primary" | "secondary" | null | undefined;
+    color?: "secondary" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

package/dist/types/components/client-adapters/index.d.ts

@@ -1,3 +1,2 @@
 export * from './styled-button';
 export * from './styled-dialog-container';
-export * from './styled-rounded-image';

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

@@ -3,11 +3,16 @@ import * as React from "react";
 type ButtonWidth = "compact" | "wide";
 type ButtonColors = "primary" | "outlined" | "neutral" | "white" | "success";
 type ButtonSize = "sm" | "md" | "lg";
-export interface StyledButtonProps extends Omit<ButtonProps, "size" | "$size" | "width" | "variant"> {
-    $size?: ButtonSize;
-    $width?: ButtonWidth;
-    $color?: ButtonColors;
-    $square?: boolean;
+/**
+ * `color` and `square` are named in this component's own vocabulary, so both
+ * are omitted from `ButtonProps` before being redeclared — `color` otherwise
+ * collides with the HTML attribute.
+ */
+export interface StyledButtonProps extends Omit<ButtonProps, "size" | "width" | "variant" | "color"> {
+    size?: ButtonSize;
+    width?: ButtonWidth;
+    color?: ButtonColors;
+    square?: boolean;
 }
 declare const StyledButton: React.ForwardRefExoticComponent<StyledButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { StyledButton };

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/constants.d.ts

@@ -1,8 +1,8 @@
-export declare class CollateralAllocationTooltipTest {
-    static root: string;
-    static row: string;
-    static wheel: string;
-}
-export declare class AllocationWheelTest {
-    static root: string;
-}
+export declare const CollateralAllocationTooltipTest: {
+    readonly root: "collateral-allocation-tooltip-root";
+    readonly row: "collateral-allocation-tooltip-row";
+    readonly wheel: "collateral-allocation-tooltip-wheel";
+};
+export declare const AllocationWheelTest: {
+    readonly root: "allocation-wheel-root";
+};

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';