@gearbox-protocol/permissionless-ui 1.22.0-next.7 → 1.22.0-next.70

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

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

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

@@ -1,9 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import { ModalProps } from '../modal/modal';
 import { DialogContainerProps } from './dialog-container';
-import { DialogModalProps } from './dialog-modal';
 import * as React from "react";
+declare const dialogModalContainerVariants: (props?: ({
+    width?: "full" | "default" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface DialogModalContainerProps {
-    modalProps: Omit<DialogModalProps, "ref" | " children">;
-    dialogProps?: Omit<DialogContainerProps, "ref" | "children">;
+    show: boolean;
+    onClickOutside?: () => void;
+    modal?: Omit<ModalProps, "ref" | " children" | "show" | "onClickOutside">;
+    dialog?: Omit<DialogContainerProps, "ref" | "children"> & VariantProps<typeof dialogModalContainerVariants>;
 }
 /**
  * DialogModalContainer component for responsive content width within dialogs

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

@@ -1,5 +1,5 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare const Dialog: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DialogPrimitive.DialogPortalProps>;
+declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
 export { Dialog, DialogPortal, DialogTrigger };

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

@@ -1,3 +1,4 @@
+export * from '../modal/modal';
 export * from './dialog';
 export * from './dialog-container';
 export * from './dialog-content';
@@ -5,7 +6,6 @@ export * from './dialog-description';
 export * from './dialog-footer';
 export * from './dialog-form';
 export * from './dialog-header';
-export * from './dialog-modal';
 export * from './dialog-modal-container';
 export * from './dialog-overlay';
 export * from './dialog-title';

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

@@ -1,55 +1,40 @@
-export interface EditInputProps {
+import { VariantProps } from 'class-variance-authority';
+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;
+} & 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"> {
     /**
-     * Current value
+     * Label shown when not editing (clickable to enter edit mode)
      */
-    value?: string;
+    label: React.ReactNode;
     /**
-     * Callback when value changes
+     * Callback when value changes (matches interface: receives event)
      */
-    onChange?: (value: string) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     /**
-     * Placeholder text
+     * Callback when submit is triggered (Enter or ending icon click)
      */
-    placeholder?: string;
+    onSubmit: () => void;
     /**
-     * Whether the input is disabled
+     * Callback when edit mode is toggled
      */
-    disabled?: boolean;
+    onEditModeChange?: (active: boolean) => void;
     /**
-     * Callback when input loses focus
+     * Props passed to the TextButton used in view mode
      */
-    onBlur?: () => void;
+    textButtonProps?: Partial<React.ComponentProps<typeof TextButton>>;
     /**
-     * Callback when enter is pressed
+     * Size variant (matches interface InputSize)
      */
-    onSubmit?: () => void;
-    /**
-     * Callback when edit mode changes
-     */
-    onEditModeChange?: (isEditing: boolean) => void;
-    /**
-     * Label for the input
-     */
-    label?: string;
-    /**
-     * Size variant
-     */
-    inputSize?: "xs" | "sm" | "md" | "lg";
-    /**
-     * Additional CSS class
-     */
-    className?: string;
+    inputSize?: NonNullable<Variants["labelHeight"]>;
 }
 /**
- * EditInput — an inline editable input field
- *
- * @example
- * ```tsx
- * <EditInput
- *   value={name}
- *   onChange={setName}
- *   placeholder="Enter name"
- * />
- * ```
+ * EditInput — inline editable field: view mode (TextButton + label) or edit mode (Input + arrow submit).
+ * Matches interface EditInput structure and styles.
  */
-export declare function EditInput({ value, onChange, placeholder, disabled, onBlur, onSubmit, onEditModeChange, label, inputSize, className, }: 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): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/fadeout-loading/fadeout-loading.d.ts

@@ -1,24 +1,16 @@
 import * as React from "react";
 export interface FadeoutLoadingProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Whether the content is in loading state
-     */
+    /** When true, content is shown at 50% opacity (loading state). */
     loading?: boolean;
-    /**
-     * Duration of the fade transition in milliseconds
-     * @default 150
-     */
+    /** Transition duration in ms; when set, overrides default 100ms (A uses 100ms). */
     duration?: number;
 }
 /**
- * FadeoutLoading — wrapper component that fades content when loading
+ * FadeoutLoading — wrapper that fades content when loading is true.
  *
  * @usage
- * Use FadeoutLoading to indicate loading state by fading content:
- * data refresh indicators, optimistic update feedback, subtle loading states.
- *
- * The component reduces opacity when loading is true, providing visual feedback
- * without completely hiding the content.
+ * Use to indicate loading without hiding content: data refresh, optimistic updates.
+ * Opacity 1 by default; 0.5 when loading; transition 100ms ease-in-out (matches A).
  *
  * @example
  * ```tsx

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

@@ -1,11 +1,21 @@
+import { ParseSmallNumberResult } from '../../utils';
 import type * as React from "react";
 export interface FormattedNumberStringProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
-     * The value to display
+     * Maximum length for decimal part in tooltip (trimmed)
      */
-    value: string | number;
+    decimalPartLength?: number;
+    /**
+     * When repeat (leading zeros in decimal) exceeds this, show "0" + repeat count
+     */
+    hideZerosIfMore?: number;
+    /**
+     * The value to display (string, or parsed small number result)
+     */
+    value: string | ParseSmallNumberResult | undefined;
 }
 /**
- * FormattedNumberString — displays a number with tabular figures for alignment
+ * 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, className, ...props }: FormattedNumberStringProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormattedNumberString({ value, decimalPartLength, hideZerosIfMore, className, ...props }: FormattedNumberStringProps): import("react/jsx-runtime").JSX.Element;

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

@@ -8,52 +8,33 @@ export declare const BAD_HF = 11000;
  * @returns The health factor zone or undefined
  */
 export declare const getHFZones: (hf: number | bigint | undefined) => HFZones | undefined;
-export interface HealthFactorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The health factor value in basis points
-     * For example: 15000 for health factor 1.5, 500 for health factor 0.05
-     * (SDK always returns health factor in basis points: 10000 = 1.0)
-     */
+export interface HealthFactorProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Health factor value in basis points (e.g. 15000 = 1.5, 10000 = 1.0). */
     value: number | bigint;
-    /**
-     * Debt amount in base units (bigint)
-     * If debt is 0, component will display "N/A"
-     */
+    /** Debt in base units; when 0n, display shows "N/A". */
     debt?: bigint;
-    /**
-     * Number of decimal places to show
-     * @default 3
-     */
+    /** Decimal places for the displayed value. @default 3 */
     decimals?: number;
-    /**
-     * Pre-computed zone (optional). If not provided, will be calculated from value
-     */
+    /** Pre-computed zone; if not set, derived from value. */
     zone?: HFZones | null;
     /**
-     * Show color indicator based on health factor zone
-     * @default true
+     * How to indicate zone: "color" (text color only) or "bars" (StatusBars before value).
+     * @default "color"
      */
-    showColor?: boolean;
+    zoneType?: "color" | "bars";
 }
 /**
- * HealthFactor component for displaying health factor values with zone-based color coding
+ * HealthFactor — displays health factor value with optional zone color or StatusBars.
  *
- * Health factor zones:
- * - good: >= 1.5 (15000 basis points) - Green
- * - medium: 1.1 - 1.5 (11000-15000) - Yellow
- * - bad: 1.05 - 1.1 (10500-11000) - Orange
- * - critical: 1.0 - 1.05 (10000-10500) - Red
- * - liquidation: < 1.0 (< 10000) - Red
+ * @usage
+ * Use for account/collateral health: value in basis points, zero debt shows "N/A".
+ * zoneType "color" colors the text; zoneType "bars" shows StatusBars (and optional color).
  *
  * @example
  * ```tsx
- * // Health factor in basis points (SDK format)
- * <HealthFactor value={15000} debt={1000000n} />  // Shows "1.500" in green
- * <HealthFactor value={12000} debt={1000000n} decimals={2} />  // Shows "1.20" in yellow
- * <HealthFactor value={500} debt={1000000n} />  // Shows "0.050" in red
- *
- * // Zero debt shows N/A
- * <HealthFactor value={15000} debt={0n} />  // Shows "N/A"
+ * <HealthFactor value={15000} debt={1000000n} />
+ * <HealthFactor value={12000} debt={1000000n} zoneType="bars" zone="medium" />
+ * <HealthFactor value={15000} debt={0n} />  // "N/A"
  * ```
  */
-export declare function HealthFactor({ value, debt, decimals, zone, showColor, className, ...props }: HealthFactorProps): import("react/jsx-runtime").JSX.Element;
+export declare function HealthFactor({ value, debt, decimals, zone, zoneType, className, ...props }: HealthFactorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,48 +1,36 @@
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export interface HelpTipProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Tooltip content (children)
-     */
+declare const iconColorVariants: (props?: ({
+    iconColor?: "muted" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | "foreground" | null | undefined;
+    iconHoverColor?: "muted" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | "foreground" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface HelpTipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title"> {
+    /** Tooltip popup content (what appears when hovering the icon). */
     children: React.ReactNode;
-    /**
-     * Max width of the tooltip
-     */
+    /** Maximum width of the tooltip panel. */
     maxWidth?: string;
-    /**
-     * Min width of the tooltip
-     */
+    /** Minimum width of the tooltip panel. */
     minWidth?: string;
-    /**
-     * Delay before showing tooltip (ms)
-     * @default 200
-     */
+    /** Delay before showing tooltip (ms). @default 200 */
     delayShow?: number;
-    /**
-     * Delay before hiding tooltip (ms)
-     * @default 150
-     */
-    delayHide?: number;
-    /**
-     * Tooltip placement
-     * @default "bottom"
-     */
-    side?: "top" | "right" | "bottom" | "left";
-    /**
-     * Size of the help icon
-     * @default 14
-     */
+    /** Tooltip placement relative to the icon. @default "bottom" */
+    placement?: "top" | "right" | "bottom" | "left";
+    /** Size of the help icon in pixels. @default 14 */
     iconSize?: number;
-    /**
-     * Side offset of the tooltip
-     * @default 4
-     */
-    sideOffset?: number;
+    /** Icon color variant (default gray-90). Theme-aware: dark → gray-40, light → gray-80. */
+    iconColor?: "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | "muted" | "foreground";
+    /** Icon color on hover (default gray-110). Theme-aware: dark → gray-70, light → gray-100. */
+    iconHoverColor?: "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | "muted" | "foreground";
+    /** Icon type: question circle or info. @default "question" */
+    iconVariant?: "question" | "info";
+    /** Called when the icon (trigger) is hovered. */
+    onPointerEnter?: React.PointerEventHandler<HTMLSpanElement>;
 }
 /**
- * HelpTip — tooltip with help icon for displaying contextual help
+ * HelpTip — contextual help trigger: icon opens a tooltip with explanation text.
  *
  * @usage
- * Use HelpTip to provide additional context or explanations:
+ * Use next to labels or terms to show extra context on hover:
  * field hints, term definitions, feature explanations.
  *
  * @example
@@ -57,19 +45,20 @@ export interface HelpTipProps extends React.HTMLAttributes<HTMLSpanElement> {
  * ```
  */
 declare const HelpTip: React.ForwardRefExoticComponent<HelpTipProps & React.RefAttributes<HTMLSpanElement>>;
-/**
- * HelpTipIcon — standalone help icon without tooltip (use with custom tooltip)
- */
-export interface HelpTipIconProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Size of the icon
-     * @default 14
-     */
+export interface HelpTipIconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof iconColorVariants> {
+    /** Size of the icon in pixels. @default 14 */
     iconSize?: number;
+    /** Icon type: question circle or info. @default "question" */
+    iconVariant?: "question" | "info";
 }
+/**
+ * HelpTipIcon — standalone help icon (gray-90 default, gray-110 on hover).
+ * Use with a custom tooltip or when you only need the icon.
+ */
 declare const HelpTipIcon: React.ForwardRefExoticComponent<HelpTipIconProps & React.RefAttributes<HTMLSpanElement>>;
 /**
- * TipWrap — wrapper for positioning help tips inline with text
+ * TipWrap — wrapper for spacing the help tip inline with text (e.g. after a label).
+ * Matches A: margin-left 6px, inline-block, line-height 0.
  */
 declare const TipWrap: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 export { HelpTip, HelpTipIcon, TipWrap };

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

@@ -1,23 +1,41 @@
 import { VariantProps } from 'class-variance-authority';
+import { BaseLink } from '../base-link/base-link';
 import * as React from "react";
+/** Button type for IconButton — matches interface (A) theme variants */
+export type IconButtonType = "outlined" | "filled" | "filledDark" | "hollow" | "empty";
 declare const iconButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | "filled" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    buttonType?: "filled" | "outlined" | "filledDark" | "empty" | "hollow" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
+export interface IconButtonIconProps {
+    /** Tailwind text color class (e.g. "text-foreground", "text-gray-60") */
+    color?: "default";
+    /** Icon size in px; applied as size-* (e.g. 16 → size-4) */
+    size?: 12 | 14 | 16 | 18 | 20 | 24;
+}
+export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color">, VariantProps<typeof iconButtonVariants> {
     /**
      * Renders as child element using Radix Slot
      */
     asChild?: boolean;
+    /**
+     * Button size in pixels (width and height). Default 40.
+     */
+    size?: number;
+    /**
+     * When provided, the button is wrapped in BaseLink with these props (e.g. href, asChild).
+     */
+    linkProps?: React.ComponentProps<typeof BaseLink>;
 }
 /**
- * IconButton — square button designed for icons
+ * IconButton — circular button for icons or named icon. Aligned with interface (A) API and theme.
  *
  * @example
  * ```tsx
- * <IconButton variant="ghost">
- *   <Settings className="h-4 w-4" />
+ * <IconButton icon="gear" buttonType="outlined" />
+ * <IconButton buttonType="filled" size={40}>
+ *   <FaIcon icon={faCog} className="size-4" />
  * </IconButton>
+ * <IconButton linkProps={{ href: "/back" }} icon="back" />
  * ```
  */
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/icons/fa-icon.d.ts

@@ -0,0 +1,2 @@
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+export declare function FaIcon({ className, ...props }: FontAwesomeIconProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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 { FaIcon } from './fa-icon';

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

@@ -56,14 +56,18 @@ export * from './help-tip';
 export * from './hide-on';
 export * from './horizontal-indicator';
 export * from './icon-button';
+export * from './icons';
 export * from './image';
 export * from './input';
 export * from './label';
 export * from './layout';
 export * from './legal-agreement';
+export * from './link';
 export * from './liquidation';
+export * from './liquidation-price';
 export * from './loader-guard';
 export * from './markdown-viewer';
+export * from './modal';
 export * from './navbar';
 export * from './navbar-logo';
 export * from './navitem';
@@ -86,17 +90,21 @@ export * from './search-bar';
 export * from './search-line';
 export * from './segmented-control';
 export * from './select';
+export * from './separate-line';
 export * from './separator';
 export * from './short-string';
 export * from './signatures';
+export * from './simple-dropdown';
 export * from './skeleton';
 export * from './slider';
 export * from './slider-token';
 export * from './smart-number-input';
 export * from './spinner';
+export * from './spinner-loader';
 export * from './split-list';
 export * from './stat-badge';
 export * from './status-dot';
+export * from './status-elements';
 export * from './status-triangle';
 export * from './stepper';
 export * from './styled-dropdown';
@@ -108,7 +116,9 @@ export * from './text-button';
 export * from './textarea';
 export * from './theme-provider';
 export * from './theme-toggle';
+export * from './time-to-liquidation';
 export * from './tip-card';
+export * from './toggle';
 export * from './token-icon';
 export * from './token-symbol';
 export * from './token-template';

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

@@ -1,13 +1,18 @@
 import { VariantProps } from 'class-variance-authority';
-import type * as React from "react";
+import * as React from "react";
 declare const inputVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    colorTheme?: "outlined" | "filledDark" | "filledLight" | null | undefined;
     variant?: "default" | "success" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * InputProps — props for Input component.
  */
-interface InputProps extends Omit<React.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
+export interface InputProps extends Omit<React.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
+    startingIcon?: React.ReactNode;
+    onStartingIconClick?: () => void;
+    endingIcon?: React.ReactNode;
+    onEndingIconClick?: () => void;
     hasError?: boolean;
     errorMessage?: string;
 }
@@ -40,5 +45,5 @@ interface InputProps extends Omit<React.ComponentProps<"input">, "size">, Varian
  * <Input size="sm" type="email" />
  * ```
  */
-export declare function Input({ hasError, errorMessage, value, size, variant, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { inputVariants };

package/dist/types/components/input/use-icon-slot-widths.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+/**
+ * Returns callback refs and measured widths for two icon slot elements.
+ * Use the widths (with fallback) to set input padding so it matches the icon button width.
+ */
+export declare function useIconSlotWidths(): {
+    startSlotWidth: number | null;
+    endSlotWidth: number | null;
+    setStartRef: (el: HTMLButtonElement | null) => void;
+    setEndRef: (el: HTMLButtonElement | null) => void;
+    inputPaddingStyle: (hasStart: boolean, hasEnd: boolean) => React.CSSProperties;
+};

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

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * ColProps — props for Col component.
  */

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

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * ContainerProps — props for Container component.
  */

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

@@ -1,5 +1,5 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 import { LegalReferences } from '../legal-disclaimer';
+import * as React from "react";
 export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
     logo?: React.ReactNode;
     copyright?: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * GridProps — props for Grid component.
  */

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

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 interface MobileMenuContextValue {
     closeMobileMenu: () => void;
 }

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

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     header?: React.ReactNode;
     footer?: React.ReactNode;

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

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

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

@@ -0,0 +1,20 @@
+import { BaseLinkProps } from '../base-link';
+import type * as React from "react";
+export interface LinkProps extends BaseLinkProps {
+    /** When true, opens in new tab and shows external icon after content */
+    external?: boolean;
+}
+/**
+ * Link — wraps BaseLink with ContentWrap and optional IconWrap (external icon).
+ * Use for inline text links that may show an external icon.
+ *
+ * @example
+ * ```tsx
+ * <Link href="/page">Internal</Link>
+ * <Link href="https://example.com" external>External</Link>
+ * ```
+ */
+export declare function Link({ className, children, href, target, variant, size, color, external, asChild, ...rest }: React.PropsWithChildren<LinkProps>): React.ReactElement;
+export declare namespace Link {
+    var displayName: string;
+}

package/dist/types/components/liquidation-price/index.d.ts

@@ -0,0 +1 @@
+export * from './liquidation-price';