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

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

@@ -2,5 +2,6 @@ export declare class PoolAssetsTableTest {
     static root: string;
     static exposureCell: string;
     static capCell: string;
+    static capBelowExposureTip: string;
     static capUtilizationCell: string;
 }

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

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

@@ -1,15 +1,16 @@
 import { QuotaAsset, Token } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
 export interface PoolAssetsTableRowProps {
-    readonly poolName: string;
     readonly asset: QuotaAsset;
     readonly underlyingToken: Token;
     readonly last: boolean;
     readonly isCompact: boolean;
     readonly totalUsed: bigint;
     readonly colorIndex: number;
+    /** Base URL of the chain's explorer; absent leaves the row inert. */
+    readonly explorerUrl?: string;
 }
 /**
  * Single data row: token name, exposure (amount + pie), cap, and cap utilization.
  */
-export declare function PoolAssetsTableRow({ poolName, asset, underlyingToken, last, isCompact, totalUsed, colorIndex, }: PoolAssetsTableRowProps): React.ReactElement;
+export declare function PoolAssetsTableRow({ asset, underlyingToken, last, isCompact, totalUsed, colorIndex, explorerUrl, }: PoolAssetsTableRowProps): React.ReactElement;

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

@@ -3,12 +3,16 @@ import { default as React } from 'react';
 import { PoolAssetsTableSort } from './types';
 export interface PoolAssetsTableProps {
     readonly list: ReadonlyArray<QuotaAsset>;
-    readonly poolName: string;
     readonly sort: PoolAssetsTableSort;
     readonly underlyingToken: Token;
+    /**
+     * Block explorer base URL of the pool's chain. Given one, each row links to
+     * its token's address there; without one the rows stay inert.
+     */
+    readonly explorerUrl?: string;
 }
 /**
  * Grid table of pool asset quotas: exposure, cap, and cap utilization.
  * Collapses into stacked cards below {@link COMPACT_WIDTH_THRESHOLD}.
  */
-export declare function PoolAssetsTable({ list, poolName, sort, underlyingToken, }: PoolAssetsTableProps): React.ReactElement | null;
+export declare function PoolAssetsTable({ list, sort, underlyingToken, explorerUrl, }: PoolAssetsTableProps): React.ReactElement | null;

package/dist/types/components/composites/pool-assets-table/sort-for-field.d.ts

@@ -0,0 +1,6 @@
+import { FilterSortField, SortType } from '../../../utils/sort';
+/**
+ * Sort state of a single column. Internal: the kit's own table heads read it,
+ * while consumers sort through `useSort` and `getSortForFields`.
+ */
+export declare const getSortForField: <T>(s: T, state: FilterSortField<T> | null) => SortType | undefined;

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

@@ -1,5 +1,5 @@
-import { QuotaAsset } from '@gearbox-protocol/sdk/model';
-import { SortField, SortSetterFunction } from '../../../hooks';
+import { SortSetterFunction } from '../../../hooks';
+import { SortField } from '../../../utils/sort';
 /** Column identifiers used by the pool assets table header sort controls. */
 export type PoolAssetsSortFields = "name" | "exposure" | "cap" | "capUtilization";
 /**
@@ -13,5 +13,3 @@ export interface PoolAssetsTableSort {
 export interface PoolAssetsFilterState {
     readonly sort: PoolAssetsTableSort;
 }
-/** One quota row — the SDK's {@link QuotaAsset}. */
-export type PoolAssetsTableQuotaRow = QuotaAsset;

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

@@ -1,29 +1,18 @@
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
-import { TokenTemplateProps } from '../../../../token-template';
+import { AmountSource } from './amount-slots';
 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> {
+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;
+};
+export declare function TransactionConfirmAmountField(props: TransactionConfirmAmountFieldProps): React.ReactElement;
 export {};

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

@@ -0,0 +1,51 @@
+import { TokenAmount } from '@gearbox-protocol/sdk/model';
+import { default as React } from 'react';
+import { TokenTemplateProps } from '../../../../token-template';
+/**
+ * The slot vocabulary of TransactionConfirmAmountField and the step that fills
+ * it. Internal: the field is public, the shape of its two slots is the kit's
+ * own business.
+ */
+export type PrimarySlot = {
+    readonly value: TokenTemplateProps["value"];
+    readonly token?: TokenTemplateProps["token"];
+} | {
+    node: React.ReactNode;
+};
+export 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.
+ */
+export 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;
+};
+/**
+ * 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;
+};

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

@@ -1,6 +1,3 @@
 export declare class TransactionConfirmAmountFieldTest {
     static root: string;
 }
-export declare class TransactionConfirmAmountPairTest {
-    static root: string;
-}

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

@@ -5,13 +5,3 @@ export declare class TransactionConfirmDialogTest {
     static result: string;
 }
 /** Outer dialog card: mobile-first full width, fixed 560px from md up. */
-export declare const transactionConfirmDialogShellVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-/**
- * Modal confirm: use available viewport height; inner preview scrolls only when
- * content overflows (see `transactionConfirmPreviewScrollVariants`).
- */
-export declare const transactionConfirmModalContainerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-/** Scrollable preview column inside confirm / execute body. */
-export declare const transactionConfirmPreviewScrollVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-/** Inner shell content: fill the padded dialog container without re-applying width. */
-export declare const transactionConfirmShellContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1,4 +1,3 @@
-export * from './computeTransactionConfirmDialogLayout';
 export * from './constants';
 export * from './TransactionConfirmShell';
 export * from './transactionConfirmPhase';

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

@@ -0,0 +1,10 @@
+export declare const transactionConfirmDialogShellVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Modal confirm: use available viewport height; inner preview scrolls only when
+ * content overflows (see `transactionConfirmPreviewScrollVariants`).
+ */
+export declare const transactionConfirmModalContainerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/** Scrollable preview column inside confirm / execute body. */
+export declare const transactionConfirmPreviewScrollVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/** Inner shell content: fill the padded dialog container without re-applying width. */
+export declare const transactionConfirmShellContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1,5 +1,4 @@
 export * from './constants';
 export * from './TransactionConfirmFailureResult';
-export * from './TransactionConfirmSuccessIcon';
 export * from './TransactionConfirmSuccessResult';
 export * from './TransactionConfirmTxHashRow';

package/dist/types/components/composites/tx-preview/confirm/stepper/transactionExecutionStepTypes.d.ts

@@ -1,10 +1 @@
-export type TransactionExecutionStepId = "approve" | "auth" | "execute";
-export type TransactionExecutionPrerequisiteStepId = Exclude<TransactionExecutionStepId, "execute">;
 export type StepStatus = "completed" | "active" | "upcoming";
-export type TransactionExecutionStepLabelKey = "approve" | "approveBatch" | "auth" | "execute";
-export interface TransactionExecutionStepView {
-    id: TransactionExecutionStepId;
-    labelKey: TransactionExecutionStepLabelKey;
-    status: StepStatus;
-}
-export declare function shouldShowTransactionProgressStepper(steps: ReadonlyArray<Pick<TransactionExecutionStepView, "id">>): boolean;

package/dist/types/components/compound-apy/compound-apy.d.ts

@@ -17,12 +17,24 @@ export interface CompoundAPYProps {
     /** Strategy base borrow cost in bps. */
     borrowApy?: Bps;
     /** Strategy additional (quota) borrow cost in bps. */
-    additionalBorrowApy?: Bps;
+    quotaRate?: Bps;
     /**
      * Number of decimal places for the total APY string.
      * @default 2
      */
     decimals?: number;
+    /**
+     * Whether the figure carries the yield breakdown on hover.
+     *
+     * Off where the number is already explained — a badge that states one rate
+     * and stops, or a figure something else already wraps in a tooltip of its
+     * own. The incentives icon stays either way; only the hover goes.
+     *
+     * @default true
+     */
+    tooltip?: boolean;
+    /** When `"7d"`, tooltip labels carry the averaging-window suffix. */
+    period?: "7d";
     className?: string;
 }
 /**
@@ -31,4 +43,4 @@ export interface CompoundAPYProps {
  * No `tokensList`, no external APY, no 7D history, no "soon" points state.
  * For the legacy percent-based API see {@link CompoundAPYLegacy}.
  */
-export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, additionalBorrowApy, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;
+export declare function CompoundAPY({ apy, maxLeverage, collateralApy, borrowApy, quotaRate, decimals, tooltip, period, className, }: CompoundAPYProps): import("react").JSX.Element;

package/dist/types/components/detailed-page-title/index.d.ts

@@ -1,2 +1 @@
-export * from './detailed-page-title-copy-button';
 export * from './detailed-page-title-explorer-dropdown';

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

@@ -2,9 +2,8 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const dialogContainerVariants: (props?: ({
     padding?: boolean | "md" | "xl" | null | undefined;
-    colorTheme?: "default" | "modal" | "transparent" | "box" | null | undefined;
+    colorTheme?: "default" | "modal" | "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/dialog/dialog-footer.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 export { DialogFooter };

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

@@ -1,6 +1,6 @@
 import type * as React from "react";
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 export { DialogHeader };

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

@@ -0,0 +1,7 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+/**
+ * Where a dialog renders. Its own module, outside the barrel: DialogContent is
+ * the only thing that portals, and a consumer composes dialogs from Dialog and
+ * DialogContent rather than from radix parts.
+ */
+export declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;

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

@@ -1,5 +1,9 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
+/**
+ * No consumer uses it: a dialog here is opened from the modal store. Kept
+ * because it is one alias completing the radix surface, and the stories open
+ * their dialogs through it.
+ */
 declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
-export { Dialog, DialogPortal, DialogTrigger };
+export { Dialog, DialogTrigger };

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

@@ -7,6 +7,5 @@ export * from './dialog-footer';
 export * from './dialog-form';
 export * from './dialog-header';
 export * from './dialog-modal-container';
-export * from './dialog-overlay';
 export * from './dialog-title';
 export * from './one-field-dialog';

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,12 +1,14 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import type * as React from "react";
+/**
+ * Looks like a passthrough, and is not: radix defaults `modal` to true, which
+ * locks body scroll while a menu is open. Every menu in the kit wants the
+ * opposite, so the default is flipped here rather than at each call.
+ */
 declare const DropdownMenu: {
-    ({ modal, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    ({ modal, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
     displayName: string;
 };
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenu, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSub, DropdownMenuTrigger, };
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger };

package/dist/types/components/dropdown-menu/index.d.ts

@@ -1,10 +1,4 @@
 export * from './dropdown-menu';
-export * from './dropdown-menu-checkbox-item';
 export * from './dropdown-menu-content';
 export * from './dropdown-menu-item';
 export * from './dropdown-menu-label';
-export * from './dropdown-menu-radio-item';
-export * from './dropdown-menu-separator';
-export * from './dropdown-menu-shortcut';
-export * from './dropdown-menu-sub-content';
-export * from './dropdown-menu-sub-trigger';

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

@@ -36,5 +36,5 @@ export interface EditInputProps extends Omit<React.ComponentProps<typeof Input>,
  * EditInput — inline editable field: view mode (TextButton + label) or edit mode (Input + arrow submit).
  * Matches interface EditInput structure and styles.
  */
-export declare function EditInput({ label, value, onChange, onSubmit, onEditModeChange, textButtonProps, inputSize, colorTheme, placeholder, inputMode, autoComplete, autoCorrect, type, spellCheck, className, onKeyDown: onKeyDownProp, ...restProps }: EditInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditInput({ label, value, onChange, onSubmit, onEditModeChange, textButtonProps, inputSize, colorTheme, placeholder, inputMode, autoComplete, autoCorrect, type, spellCheck, className, onKeyDown: onKeyDownProp, ...restProps }: EditInputProps): React.JSX.Element;
 export {};

package/dist/types/components/error-message/index.d.ts

@@ -1,2 +1 @@
 export * from './error-line-message';
-export * from './error-message';

package/dist/types/components/formatted-number/formatted-number.d.ts

@@ -1,4 +1,4 @@
-import { ParseSmallNumberResult } from '../../utils';
+import { ParseSmallNumberResult } from '../../utils/internal/parse-small-number';
 import type * as React from "react";
 export interface FormattedNumberStringProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
@@ -18,4 +18,4 @@ export interface FormattedNumberStringProps extends React.HTMLAttributes<HTMLSpa
  * FormattedNumberString — displays a number with optional compact decimal (zeros as repeat count) and tooltip with full value.
  * Matches interface FormattedNumber structure and styles.
  */
-export declare function FormattedNumberString({ value, decimalPartLength, hideZerosIfMore, className, ...props }: FormattedNumberStringProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormattedNumberString({ value, decimalPartLength, hideZerosIfMore, className, ...props }: FormattedNumberStringProps): React.JSX.Element;

package/dist/types/{utils → components/graph}/colors.d.ts

@@ -5,12 +5,6 @@
  * @returns The resolved color value
  */
 export declare function resolveCSSColor(color: string, fallback?: string): string;
-/**
- * Gets the current value of a CSS variable from the document root
- * @param variableName - The CSS variable name (with or without --)
- * @returns The resolved color value or fallback
- */
-export declare function getCSSVariable(variableName: string, fallback?: string): string;
 /**
  * Converts hex color to rgba
  * @param hex - Hex color string (e.g., "#02c39a" or "#02C39A")