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

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

@@ -0,0 +1,41 @@
+import { HFZones } from '..';
+import type * as React from "react";
+export type LiquidationPriceType = {
+    type: "text";
+} | {
+    type: "redirect";
+    to: string;
+} | {
+    type: "graph";
+    props: {
+        onShow: () => void;
+    };
+};
+export interface LiquidationPriceProps {
+    /**
+     * Liquidation price (bigint or number)
+     */
+    liquidationPrice?: bigint | number;
+    /**
+     * How to render when price is 0 / N/A: text, redirect link, or button that opens graph
+     */
+    type?: LiquidationPriceType;
+    /**
+     * Health factor zone for optional dot or bars indicator
+     */
+    hfZone?: HFZones;
+    /**
+     * Indicator style when hfZone is set: dot (right) or bars (left)
+     */
+    zoneType?: "dot" | "bars";
+    /**
+     * Label for "check" link/button when type is redirect or graph (e.g. i18n "Check")
+     */
+    checkLabel?: React.ReactNode;
+    className?: string;
+}
+/**
+ * LiquidationPrice — displays liquidation price with optional HF zone indicator.
+ * Matches interface LiquidationPrice structure.
+ */
+export declare function LiquidationPrice({ liquidationPrice, type, hfZone, zoneType, checkLabel, className, }: LiquidationPriceProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,33 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const dialogModalVariants: (props?: ({
+    colorTheme?: "default" | "dark" | "dark-transparent" | null | undefined;
+    backdrop?: "default" | "success" | "failure" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogModalVariants> {
+    /**
+     * Whether to show the dialog container
+     * When false, renders null
+     * @default true
+     */
+    show?: boolean;
+    /**
+     * Callback when clicking outside the container (on the overlay)
+     * Only works when used as a modal overlay
+     */
+    onClickOutside?: () => void;
+}
+/**
+ * Modal component for responsive content width within dialogs
+ * Follows the same pattern as Container from layout/container
+ *
+ * @example
+ * ```tsx
+ * // With show/hide control
+ * <Modal show={isOpen} onClickOutside={handleClose}>
+ *   <Content />
+ * </Modal>
+ * ```
+ */
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/dist/types/components/navbar/navbar-indicator-context.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { default as React } from 'react';
 interface NavbarIndicatorContextType {
     registerItem: (id: string, element: HTMLElement) => void;
     unregisterItem: (id: string) => void;

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

@@ -8,14 +8,21 @@
  * Props:
  * - `network` — network name (required).
  * - `size` — icon size in pixels (defaults to 20).
+ * - `isTest` — whether this is a test network (shows test badge).
+ * - `suffixSize` — size of the test badge (defaults to 12).
+ * - `showTooltip` — whether to show a tooltip with the network name.
+ * - `rounded` — whether to clip the icon to a circle.
  *
- * Note: Fetches icon from Gearbox static CDN based on network name.
- * Automatically falls back to default icon if network icon is not found.
- * Icon displays in its original shape (not clipped).
+ * Internally uses `RoundedImage` for image loading, retry and fallback logic.
+ * Automatically falls back to a default "all networks" icon when loading fails.
  */
 export interface NetworkIconProps {
     network: string | undefined;
     size?: number;
+    isTest?: boolean;
+    suffixSize?: number;
+    showTooltip?: boolean;
+    rounded?: boolean;
     className?: string;
 }
-export declare function NetworkIcon({ network, size, className, }: NetworkIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkIcon({ network, size, isTest, suffixSize, showTooltip, rounded, className, }: NetworkIconProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { RoundedImageProps } from '../rounded-image/rounded-image';
 import * as React from "react";
 export interface PointsReward {
     /**
@@ -9,7 +10,7 @@ export interface PointsReward {
      */
     type: string;
 }
-export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement> {
+export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement>, Omit<RoundedImageProps, "size" | "src" | "alt"> {
     /**
      * Reward information with name and type
      */
@@ -22,10 +23,6 @@ export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement>
      * Base URL for static assets (defaults to Gearbox static CDN)
      */
     staticBaseUrl?: string;
-    /**
-     * Whether to apply rounded corners (circle)
-     */
-    rounded?: boolean;
 }
 /**
  * PointsIcon — component for displaying reward/points program icons.

package/dist/types/components/pool-apy-tooltip/pool-apy-tooltip.d.ts

@@ -1,59 +1,46 @@
+import { ExtraRewardApy, TokenData } from '@gearbox-protocol/sdk';
+import { PoolBaseAPY } from '../compound-apy/compound-apy';
+import { LocaleKeys } from '../../locale';
 import type * as React from "react";
-export interface PoolAPYTooltipProps {
-    /**
-     * Trigger element
-     */
-    children?: React.ReactNode;
-    /**
-     * Total APY
-     */
+export interface PoolAPYPointsTip {
+    reward?: {
+        duration?: string;
+        condition?: string;
+        name?: string;
+        type?: string;
+    };
+    amount: string;
+    name: string;
+    tokenTitle?: string;
+    fullTip: string;
+}
+interface ExternalAPYData {
+    totalValue: number;
+    apy: number;
+    name: string;
+    tooltip: LocaleKeys;
+}
+interface APY7DAgoData {
     totalAPY?: number;
-    /**
-     * Extra APY total
-     */
-    extraAPYTotal?: number;
-    /**
-     * Whether 7d ago data is loading
-     */
+    /** From the original DetailedApyProps */
+    totalAPYLoading?: boolean;
+    baseAPY?: Array<PoolBaseAPY>;
+    /** Alternative loading flag used by some consumers */
     loading7DAgo?: boolean;
-    /**
-     * Whether data is loading
-     */
     loading?: boolean;
-    /**
-     * Base APY items
-     */
-    baseAPY?: Array<{
-        type?: string;
-        apy: number;
-    }>;
-    /**
-     * Extra APY items
-     */
-    extraAPY?: Array<{
-        type?: string;
-        apy: number;
-        token?: string;
-    }>;
-    /**
-     * APY 7 days ago (for comparison)
-     */
-    apy7DAgo?: number | {
-        value?: number;
-        loading?: boolean;
-    };
-    /**
-     * Tokens list for displaying token names
-     */
-    tokensList?: Record<string, {
-        symbol: string;
-    }>;
-    /**
-     * Additional CSS class
-     */
+    /** Allow extra fields from consumers */
+    [key: string]: unknown;
+}
+export interface PoolAPYTooltipProps {
+    children?: React.ReactNode;
+    totalAPY?: number;
+    baseAPY?: Array<PoolBaseAPY>;
+    extraAPY?: Array<ExtraRewardApy>;
+    points?: Array<PoolAPYPointsTip>;
+    apy7DAgo?: APY7DAgoData;
+    externalAPY?: ExternalAPYData;
+    tokensList?: Record<string, TokenData>;
     className?: string;
 }
-/**
- * PoolAPYTooltip — a tooltip showing pool APY breakdown
- */
-export declare function PoolAPYTooltip({ children, totalAPY, extraAPYTotal, loading7DAgo, loading, baseAPY, extraAPY, apy7DAgo, tokensList, className, }: PoolAPYTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function PoolAPYTooltip({ children, totalAPY, baseAPY, extraAPY, points, apy7DAgo, externalAPY, tokensList, className, }: PoolAPYTooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,20 +1,32 @@
-import type * as React from "react";
+import { default as React } from 'react';
+type Color = "primary" | "secondary";
 export interface PoolIndicatorIconProps {
     /**
-     * Children content
+     * Children content (e.g. TokenSymbol)
      */
     children?: React.ReactNode;
     /**
-     * Size of the indicator
+     * Size of the token icon in pixels
      * @default 24
      */
     size?: number;
+    /**
+     * Color variant for the border and indicator badge
+     * @default "primary"
+     */
+    color?: Color;
     /**
      * Additional CSS class
      */
     className?: string;
 }
 /**
- * PoolIndicatorIcon — a wrapper for pool indicator icons
+ * PoolIndicatorIcon — wraps a token icon with a colored ring border
+ * and a small lightning indicator badge in the top-right corner.
+ *
+ * Matches the original @gearbox-protocol/interface PoolIndicatorIcon:
+ * - Colored ring (border) around the icon, 4px larger on each side
+ * - Small 14×14 circle badge at top-right with a lightning icon
  */
-export declare function PoolIndicatorIcon({ children, size, className, }: PoolIndicatorIconProps): import("react/jsx-runtime").JSX.Element;
+export declare const PoolIndicatorIcon: React.ForwardRefExoticComponent<PoolIndicatorIconProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/pool-points-indicator/pool-points-indicator.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { PropsWithChildren } from 'react';
 export type PoolPointsColor = "primary" | "secondary" | "green" | "blue" | "yellow";
 export interface PoolPointsIndicatorProps {
     /**

package/dist/types/components/rounded-image/rounded-image.d.ts

@@ -1,11 +1,26 @@
-import type * as React from "react";
-export interface RoundedImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+import * as React from "react";
+export interface RoundedImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "onError"> {
     /**
      * Size of the image in pixels
      */
-    size?: number;
+    size: number;
+    /**
+     * Whether to apply rounded corners (circle)
+     */
+    rounded?: boolean;
+    /**
+     * Default icon to display if the image fails to load
+     */
+    defaultIcon?: string;
+    /**
+     * Image fit behavior
+     * - "contain" — show full image without cropping (best for icons)
+     * - "cover" — fill bounds, may crop (best for photos/avatars)
+     */
+    fit?: "contain" | "cover";
 }
 /**
  * RoundedImage — a circular image component
  */
-export declare function RoundedImage({ className, size, style, ...props }: RoundedImageProps): import("react/jsx-runtime").JSX.Element;
+declare const RoundedImage: React.ForwardRefExoticComponent<RoundedImageProps & React.RefAttributes<HTMLImageElement>>;
+export { RoundedImage };

package/dist/types/components/search-line/search-line.d.ts

@@ -5,7 +5,7 @@ declare const searchLineVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const searchLineInputVariants: (props?: ({
     active?: boolean | null | undefined;
-    theme?: "dark" | "light" | null | undefined;
+    theme?: "dark" | "light" | "deep-light" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SearchLineState {
     value: string;
@@ -25,9 +25,9 @@ export interface SearchLineProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      */
     placeholder?: string;
     /**
-     * Theme variant
+     * Theme variant (deep-light / deep-dark match interface SearchLine colors)
      */
-    theme?: "light" | "dark";
+    theme?: "light" | "dark" | "deep-light";
     /**
      * Whether to show the search icon on the left
      */
@@ -88,9 +88,9 @@ export interface WithSearchLineProps {
      */
     placeholder?: string;
     /**
-     * Theme variant
+     * Theme variant (deep-light / deep-dark match interface SearchLine colors)
      */
-    theme?: "light" | "dark";
+    theme?: "light" | "dark" | "deep-light";
     /**
      * Content to display alongside the search line
      */

package/dist/types/components/segmented-control/segmented-control.d.ts

@@ -1,93 +1,50 @@
-import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-declare const segmentedControlVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xs" | "md" | null | undefined;
-    fullWidth?: boolean | null | undefined;
+/** Size variant matching A (SegmentedControlSize). */
+export type SegmentedControlSize = "md" | "sm";
+declare const rootVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
- * Item props for SegmentedControl (matching original interface API)
+ * Item props for SegmentedControl (matches A SegmentedControlItemProps).
  */
 export interface SegmentedControlItemProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
-    /**
-     * Label to display for this item (alias: label is also supported for convenience)
-     */
+    /** Label to display for this item (A: switchLabel). */
     switchLabel?: React.ReactNode;
-    /**
-     * Alternative label prop for convenience
-     */
+    /** Convenience alias for switchLabel. */
     label?: React.ReactNode;
-    /**
-     * Whether this item is currently selected
-     */
+    /** Whether this item is selected. */
     checked?: boolean;
-    /**
-     * Callback when this item is selected
-     */
-    onChange?: () => void;
-    /**
-     * Alternative callback prop for convenience
-     */
+    /** Callback when this item is selected (A: native onChange). */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Convenience callback (no event). */
     onSelect?: () => void;
 }
-export type SegmentedControlSize = "xs" | "sm" | "md" | "default" | "lg";
-export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof segmentedControlVariants> {
-    /**
-     * Name for the radio group
-     */
+export interface SegmentedControlProps {
+    /** Name for the radio group. */
     name: string;
-    /**
-     * Array of items to display.
-     * Each item should have:
-     * - switchLabel or label: ReactNode to display
-     * - checked: boolean indicating if selected
-     * - onChange or onSelect: callback when selected
-     * - disabled?: boolean
-     * - value?: string for the radio input
-     */
-    items: Array<SegmentedControlItemProps>;
-    /**
-     * Minimum width for each item (useful when scrollable)
-     * @example "80px" or "5rem"
-     */
-    minItemWidth?: string;
+    /** Array of items (A: Omit<SegmentedControlItemProps, "name">). */
+    items: Array<Omit<SegmentedControlItemProps, "name">>;
+    /** Size variant. @default "md" */
+    size?: SegmentedControlSize;
+    /** Extra class name. */
+    className?: string;
 }
 /**
- * SegmentedControl — toggle component for selecting between multiple options
- *
- * API matches the original @gearbox-protocol/interface implementation.
+ * SegmentedControl — toggle for mutually exclusive options (matches interface).
  *
  * @usage
- * Use SegmentedControl for mutually exclusive options:
- * view modes, time periods, filter options, toggle states.
- *
- * Sizes (size):
- * - `xs` — extra small (24px height, 10px text) — for very compact UIs.
- * - `sm` — small (28px height, text-xs).
- * - `md` — medium (40px height, text-sm) — default, matches original interface.
- * - `default` — responsive: 32px/xs on mobile, 40px/sm on desktop.
- * - `lg` — responsive: 40px/sm on mobile, 48px/base on desktop.
+ * Use for view modes, time periods, filter options.
  *
  * @example
  * ```tsx
- * // Basic usage (original API style)
  * <SegmentedControl
- *   name="view-mode"
+ *   name="view"
  *   items={[
  *     { switchLabel: "List", checked: view === "list", onChange: () => setView("list") },
  *     { switchLabel: "Grid", checked: view === "grid", onChange: () => setView("grid") },
  *   ]}
  * />
- *
- * // Using label/onSelect aliases
- * <SegmentedControl
- *   name="view-mode"
- *   items={options.map(opt => ({
- *     label: opt.label,
- *     checked: value === opt.value,
- *     onSelect: () => setValue(opt.value),
- *   }))}
- * />
  * ```
  */
 declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
-export { SegmentedControl, segmentedControlVariants };
+export { SegmentedControl, rootVariants as segmentedControlVariants };

package/dist/types/components/separate-line/index.d.ts

@@ -0,0 +1 @@
+export { SeparateLine, type SeparateLineProps, } from './separate-line';

package/dist/types/components/separate-line/separate-line.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+export interface SeparateLineProps {
+    /** Horizontal overflow (width = 100% + outOfBound px). @default 0 */
+    outOfBound?: number;
+    /** Vertical margin in px. @default 10 */
+    margin?: number;
+    /** Left offset in px (applied as left: -left). @default 0 */
+    left?: number;
+    /** Border thickness in px. @default 1 */
+    thickness?: number;
+    /** Extra class name. */
+    className?: string;
+}
+/**
+ * SeparateLine — horizontal divider line (matches interface OptionsMenu SeparateLine).
+ *
+ * @usage
+ * Use as a visual separator between sections; supports extending width and offset.
+ *
+ * @example
+ * ```tsx
+ * <SeparateLine />
+ * <SeparateLine margin={20} />
+ * <SeparateLine left={16} outOfBound={32} thickness={2} />
+ * ```
+ */
+declare const SeparateLine: React.ForwardRefExoticComponent<SeparateLineProps & React.RefAttributes<HTMLDivElement>>;
+export { SeparateLine };

package/dist/types/components/short-string/short-string.d.ts

@@ -3,10 +3,10 @@ import type * as React from "react";
  * ShortStringProps — props for ShortString component.
  */
 export interface ShortStringProps {
-    children: string;
-    maxLength?: number;
-    className?: string;
+    children: React.ReactNode;
+    maxLength?: number | "text-overflow";
     showTooltip?: boolean;
+    className?: string;
 }
 /**
  * ShortString — component for truncating text with tooltip showing full content.
@@ -36,4 +36,4 @@ export interface ShortStringProps {
  * </ShortString>
  * ```
  */
-export declare function ShortString({ children, maxLength, className, showTooltip, }: ShortStringProps): React.ReactElement;
+export declare function ShortString({ children, maxLength, showTooltip, className, }: ShortStringProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

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

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

@@ -0,0 +1,88 @@
+import { ReactNode } from 'react';
+export type SimpleDropdownPlacement = "top" | "bottom" | "right" | "left";
+export type SimpleDropdownAlign = "start" | "center" | "end";
+export interface SimpleDropdownProps {
+    /**
+     * Dropdown popup content — what appears inside the floating panel.
+     */
+    children: ReactNode;
+    /**
+     * Trigger element — what the user clicks to reveal the dropdown.
+     *
+     * Named `title` for consistency with the `SimpleTooltip` API.
+     */
+    title: ReactNode;
+    /**
+     * When `true`, `title` is used directly as the trigger element (Radix `asChild`).
+     * Use this when `title` is already a `<button>`, `<a>`, or another interactive
+     * component to avoid invalid nesting (`<button>` inside `<button>`).
+     *
+     * @default false
+     */
+    asChild?: boolean;
+    /** Placement relative to the trigger element. @default "bottom" */
+    placement?: SimpleDropdownPlacement;
+    /** Alignment along the placement axis. @default "start" */
+    align?: SimpleDropdownAlign;
+    /** Offset from the trigger along the side axis (px). @default 4 */
+    sideOffset?: number;
+    /** Maximum width of the dropdown panel. */
+    maxWidth?: string;
+    /** Minimum width of the dropdown panel. */
+    minWidth?: string;
+    /** Controlled open state. When provided the component becomes controlled. */
+    open?: boolean;
+    /** Called when the open state should change (controlled mode). */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the dropdown is modal (blocks interaction with the rest of the page).
+     * @default false
+     */
+    modal?: boolean;
+    /** Extra className applied to the floating content container. */
+    className?: string;
+    /** Extra className applied to the trigger wrapper. */
+    triggerClassName?: string;
+}
+/**
+ * `SimpleDropdown` — a single-component dropdown that mirrors the
+ * `SimpleTooltip` API for consistency.
+ *
+ * Built on Radix UI DropdownMenu primitives and styled with Tailwind CSS.
+ *
+ * `title` = trigger element, `children` = popup content.
+ *
+ * @example
+ * ```tsx
+ * // Basic dropdown — title is plain content, wrapped in a <button> automatically
+ * <SimpleDropdown title={<span>Open menu</span>} placement="bottom">
+ *   <DropdownMenuItem>Item 1</DropdownMenuItem>
+ *   <DropdownMenuItem>Item 2</DropdownMenuItem>
+ * </SimpleDropdown>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Title is already a button — use asChild to avoid <button> nesting
+ * <SimpleDropdown title={<button className="btn">Toggle</button>} asChild>
+ *   <div className="p-4">Any custom content here</div>
+ * </SimpleDropdown>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Controlled
+ * const [open, setOpen] = useState(false);
+ * <SimpleDropdown
+ *   title={<span>Toggle</span>}
+ *   open={open}
+ *   onOpenChange={setOpen}
+ * >
+ *   <div>Controlled content</div>
+ * </SimpleDropdown>
+ * ```
+ */
+export declare function SimpleDropdown({ children, title, asChild, placement, align, sideOffset, maxWidth, minWidth, open, onOpenChange, modal, className, triggerClassName, }: SimpleDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SimpleDropdown {
+    var displayName: string;
+}

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

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

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

@@ -1 +1,5 @@
 export * from './slider';
+export * from './slider-context';
+export * from './slider-mark';
+export * from './slider-track';
+export * from './types';

package/dist/types/components/slider/slider-context.d.ts

@@ -0,0 +1,16 @@
+import { ColorInterval } from './types';
+import type * as React from "react";
+interface SliderContextValue {
+    colorIntervals: ColorInterval[] | undefined;
+    min: number;
+    max: number;
+}
+interface SliderProviderProps {
+    children: React.ReactNode;
+    colorIntervals: ColorInterval[] | undefined;
+    min: number;
+    max: number;
+}
+export declare function SliderProvider({ children, colorIntervals, min, max, }: SliderProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useSliderContext(): SliderContextValue | undefined;
+export {};