@gearbox-protocol/ui-kit 4.0.0-next.7 → 4.0.0-next.70

package/dist/esm/utils/ttl.js

@@ -1,42 +0,0 @@
-import { Duration as a } from "luxon";
-const s = 1e3, f = 60 * s, u = 60 * f, i = 24 * u, c = 7 * i, m = 30 * i;
-function N(n) {
-  if (!n) return;
-  const t = typeof n == "bigint" ? Number(n) : n;
-  return t >= m ? "good" : t > c ? "medium" : "bad";
-}
-function d(n) {
-  if (!n) return "Expired";
-  const t = typeof n == "bigint" ? Number(n) : n;
-  if (t <= 0) return "Expired";
-  const o = Math.floor(t / i), r = Math.floor(t % i / u), e = Math.floor(t % u / f);
-  return o > 0 ? r > 0 ? `${o}d ${r}h` : `${o}d` : r > 0 ? e > 0 ? `${r}h ${e}m` : `${r}h` : e > 0 ? `${e}m` : "< 1m";
-}
-function b(n, t = Date.now()) {
-  if (!n) return "Expired";
-  let o = typeof n == "bigint" ? Number(n) : n;
-  o < 1e12 && (o *= 1e3);
-  const r = o - t;
-  return d(r);
-}
-function M(n) {
-  const t = typeof n == "bigint" ? Number(n) : n, o = a.fromMillis(t), r = o.as("months");
-  if (r > 3) return { months: Math.floor(r) };
-  const e = o.as("days");
-  if (e >= 1) return { day: Math.floor(e) };
-}
-const T = {
-  SECOND: s,
-  MINUTE: f,
-  HOUR: u,
-  DAY: i,
-  WEEK: c,
-  MONTH: m
-};
-export {
-  T as TTL_CONSTANTS,
-  N as getTTLZones,
-  b as ttlFromTimestamp,
-  M as ttlLeft,
-  d as ttlLeftHuman
-};

package/dist/types/components/base/info-portal/index.d.ts

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

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

@@ -1,8 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-/**
- * Lets a deeply nested child render information into a slot reserved higher up
- * (e.g. a dialog's projection into the manage pane's card top).
- */
-export declare function InfoPortalProvider({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
-/** The slot inside the pane card where portal content appears. */
-export declare function InfoPortalOut(): React.ReactElement;

package/dist/types/components/base/side-card/constants.d.ts

@@ -1,5 +0,0 @@
-export declare class SideCardTest {
-    static root: string;
-    static title: string;
-    static body: string;
-}

package/dist/types/components/base/side-card/index.d.ts

@@ -1,2 +0,0 @@
-export * from './constants';
-export * from './side-card';

package/dist/types/components/base/side-card/side-card.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { TitleText } from '../text';
-import { SideCardTest } from './constants';
-export { SideCardTest };
-export interface SideCardProps {
-    readonly title: TitleText;
-    readonly tip?: React.ReactNode;
-    readonly children: React.ReactNode;
-    readonly className?: string;
-    readonly testId?: string;
-}
-/**
- * Card beside a chart: title row, optional tip. Body columns follow the
- * card's own width — 3, then 2, then 1 as it gets narrower.
- */
-export declare function SideCard({ title, tip, children, className, testId, }: SideCardProps): React.ReactElement;

package/dist/types/components/base/sticky-bar/constants.d.ts

@@ -1,3 +0,0 @@
-export declare class StickyBarTest {
-    static root: string;
-}

package/dist/types/components/base/sticky-bar/index.d.ts

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

package/dist/types/components/base/sticky-bar/sticky-bar.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { StickyBarTest } from './constants';
-export { StickyBarTest };
-export interface StickyBarProps {
-    readonly children: React.ReactNode;
-    readonly className?: string;
-    readonly testId?: string;
-}
-export declare function StickyBar({ children, className, testId, }: StickyBarProps): React.ReactElement;

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

@@ -1,3 +0,0 @@
-export declare class TokenPairTitleTest {
-    static root: string;
-}

package/dist/types/components/base/token-pair-title/index.d.ts

@@ -1,2 +0,0 @@
-export * from './constants';
-export * from './token-pair-title';

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

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { TokenPairTitleTest } from './constants';
-export { TokenPairTitleTest };
-export interface TokenPairTitleProps {
-    /** Collateral / strategy side of the title. */
-    readonly name: React.ReactNode;
-    /** Debt side symbol; hidden when undefined. */
-    readonly debtSymbol?: string;
-}
-/** "Collateral / debt" title: names separated by a muted slash. */
-export declare function TokenPairTitle({ name, debtSymbol, }: TokenPairTitleProps): React.ReactElement;

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

@@ -1,11 +0,0 @@
-import { ApyBreakdown } from '@gearbox-protocol/sdk/model';
-import { default as React } from 'react';
-export interface PointsValueProps {
-    /** SDK APY breakdown; `undefined` or no point programs render nothing. */
-    readonly data: ApyBreakdown | undefined;
-}
-/**
- * Point programs attached to an APY breakdown: icon + name for each program.
- * Returns `null` when the SDK has none.
- */
-export declare function PointsValue({ data, }: PointsValueProps): React.ReactElement | null;

package/dist/types/components/block-sync-pill/block-sync-pill.d.ts

@@ -1,35 +0,0 @@
-import { BlockSyncProps } from '../../types/footer';
-import type * as React from "react";
-export interface BlockSyncPillProps extends BlockSyncProps {
-    /**
-     * Label rendered inside the status pill. Defaults to `Status`.
-     */
-    statusLabel?: React.ReactNode;
-    /**
-     * Additional class names applied to the pill wrapper.
-     */
-    className?: string;
-}
-/**
- * BlockSyncPill — backend-sync status rendered as an {@link AppFooter}-style
- * pill: a thin bordered, rounded badge with a status dot and a label.
- *
- * Reflects the **liveness** of the data-refresh loop rather than raw block age:
- * - **loading** (no successful sync yet): the dot is a pulsing neutral gray;
- * - **synced** (within `syncIntervalMs * staleMultiplier`, no errors): green,
- *   pulsing while a refresh is in flight;
- * - **error / stalled**: red.
- *
- * Hovering reveals per-chain block numbers and the local time of the last sync.
- *
- * @example
- * ```tsx
- * <BlockSyncPill
- *   blockByChain={blockByChain}
- *   explorerAddresses={explorerAddresses}
- *   networkById={networkById}
- *   syncIntervalMs={300000}
- * />
- * ```
- */
-export declare function BlockSyncPill({ blockByChain, explorerAddresses, networkById, syncIntervalMs, staleMultiplier, statusLabel, className, }: BlockSyncPillProps): React.ReactElement;

package/dist/types/components/block-sync-pill/block-sync-status.d.ts

@@ -1,29 +0,0 @@
-import { BlockByChain } from '../../types/footer';
-/**
- * Liveness state of the data-refresh loop, derived from per-chain sync info:
- * - `loading` — nothing has successfully synced yet (initial state);
- * - `synced` — at least one chain synced and none are stale/failing;
- * - `error` — a chain reported an error, or the oldest sync is stale.
- */
-export type BlockSyncState = "loading" | "synced" | "error";
-export interface BlockSyncStatus {
-    state: BlockSyncState;
-    /** True while any chain has a refresh in flight. */
-    isSyncing: boolean;
-}
-export interface GetBlockSyncStatusProps {
-    blockByChain: BlockByChain | undefined;
-    /** Reference "now" timestamp (ms) used to evaluate staleness. */
-    now: number;
-    /** Age (ms) after which the oldest sync is considered stale. */
-    staleAfterMs: number;
-}
-/**
- * Pure derivation of the {@link BlockSyncState} from chain sync info.
- *
- * A chain counts as "synced" only when it has both a real block (`> 0`) and a
- * local sync timestamp. Staleness is measured against the **oldest** synced
- * chain, so a single lagging chain is enough to flag the whole indicator.
- * Errors take priority over everything else.
- */
-export declare function getBlockSyncStatus({ blockByChain, now, staleAfterMs, }: GetBlockSyncStatusProps): BlockSyncStatus;

package/dist/types/components/block-sync-pill/index.d.ts

@@ -1 +0,0 @@
-export * from './block-sync-pill';

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

@@ -1,52 +0,0 @@
-import { ButtonProps } from '../button';
-import * as React from "react";
-/**
- * FilterButtonProps — props for FilterButton component.
- */
-export interface FilterButtonProps extends ButtonProps {
-    /**
-     * Custom label for the filter button
-     * @default "Filter"
-     */
-    label?: string;
-    /**
-     * Whether to show the filter icon
-     * @default true
-     */
-    showIcon?: boolean;
-}
-/**
- * FilterButton — button component with filter icon for triggering filter actions.
- *
- * @usage
- * Use FilterButton to trigger filter dialogs or modals:
- * filter triggers, search filters, table filters, list filters.
- *
- * Props:
- * - `label` — custom button text (defaults to "Filter").
- * - `showIcon` — whether to display filter icon (defaults to true).
- * - `variant` — button variant (defaults to "outline").
- * - `size` — button size (defaults to "default").
- * - All standard Button props are supported (onClick, className, etc.).
- *
- * Note: Commonly used with WithFilterButton HOC or FilterModal component.
- * Displays Filter icon from lucide-react by default.
- *
- * Do NOT use FilterButton:
- * - for direct filtering without opening a dialog (use regular Button with filter logic).
- * - when filter icon doesn't make sense visually (use regular Button instead).
- *
- * @example
- * ```tsx
- * // Basic usage
- * <FilterButton onClick={() => console.log("Filter clicked")} />
- *
- * // With custom label
- * <FilterButton label="Apply Filters" variant="outline" size="sm" />
- *
- * // Without icon
- * <FilterButton showIcon={false} label="Filters" />
- * ```
- */
-declare const FilterButton: React.ForwardRefExoticComponent<FilterButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { FilterButton };

package/dist/types/components/buttons/filter-button/index.d.ts

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

package/dist/types/components/buttons/navigation-button/index.d.ts

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

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

@@ -1,26 +0,0 @@
-import * as React from "react";
-export interface NavigationButtonProps {
-    href: string;
-    text: string;
-    isActive: boolean;
-}
-/**
- * NavigationButton — component for internal navigation with active state indication.
- *
- * @usage
- * Use NavigationButton for navigation within the application that requires active state:
- * main navigation menus, tab navigation, sidebar navigation, breadcrumb navigation.
- * Used in Header component.
- *
- * Props:
- * - `href` — destination URL for navigation (required).
- * - `text` — button label text (required).
- * - `isActive` — indicates if the current route matches this button's destination (required).
- *
- * Do NOT use NavigationButton:
- * - for external links (use ExternalButton instead).
- * - for actions that don't navigate (use regular Button instead).
- * - when active state indication is not needed (use regular Link component).
- */
-declare const NavigationButton: React.ForwardRefExoticComponent<NavigationButtonProps & React.RefAttributes<HTMLAnchorElement>>;
-export { NavigationButton };

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

@@ -1,28 +0,0 @@
-import * as React from "react";
-export interface ExpandablCallProps {
-    header: React.ReactNode;
-    children: React.ReactNode;
-    index: string | number;
-    isExpandable?: boolean;
-}
-/**
- * ExpandablCall — component for displaying calls within transactions.
- *
- * @usage
- * Use ExpandablCall to display individual function calls inside transaction cards (ExpandableCard):
- * contract method calls, function invocations, call details within transaction data.
- *
- * Props:
- * - `header` — content displayed in the always-visible header section (required).
- * - `children` — content shown when expanded (required).
- * - `index` — call index number displayed as "#{index}" in the header (required).
- * - `isExpandable` — if false, call cannot be expanded/collapsed (defaults to true).
- *
- * Note: Uses rounded background (bg-gray-900/50) and border-top for expanded content to distinguish from transaction card.
- *
- * Do NOT use ExpandablCall:
- * - for displaying transactions themselves (use ExpandableCard instead).
- * - outside of transaction context (use ExpandableCard or regular Card instead).
- */
-declare function ExpandablCall({ header, children, index, isExpandable, }: ExpandablCallProps): import("react/jsx-runtime").JSX.Element;
-export { ExpandablCall };

package/dist/types/components/cards/expandable-call/index.d.ts

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

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

@@ -1,56 +0,0 @@
-import * as React from "react";
-/**
- * Props for CheckboxItem component
- */
-export interface CheckboxItemProps {
-    /**
-     * Whether the checkbox is checked
-     */
-    checked?: boolean;
-    /**
-     * Callback when the checked state changes
-     */
-    onCheckedChange?: (checked: boolean) => void;
-    /**
-     * Whether the item is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Optional className
-     */
-    className?: string;
-    /**
-     * Children to render
-     */
-    children?: React.ReactNode;
-}
-/**
- * Universal CheckboxItem component that works both inside and outside DropdownMenu context
- *
- * This component provides a consistent API and styling for checkbox items.
- * When used inside DropdownMenu, wrap it with DropdownMenuCheckboxItem wrapper.
- * When used standalone (e.g., in Dialog), use this component directly.
- *
- * @example Inside DropdownMenu (via wrapper):
- * ```tsx
- * <DropdownMenu>
- *   <DropdownMenuContent>
- *     <DropdownMenuCheckboxItem checked={isChecked} onCheckedChange={setChecked}>
- *       Option 1
- *     </DropdownMenuCheckboxItem>
- *   </DropdownMenuContent>
- * </DropdownMenu>
- * ```
- *
- * @example Standalone (in Dialog):
- * ```tsx
- * <Dialog>
- *   <DialogContent>
- *     <CheckboxItem checked={isChecked} onCheckedChange={setChecked}>
- *       Option 1
- *     </CheckboxItem>
- *   </DialogContent>
- * </Dialog>
- * ```
- */
-export declare const CheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/types/components/checkbox-item/index.d.ts

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

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

@@ -1 +0,0 @@
-export * from './styled-rounded-image';

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

@@ -1,9 +0,0 @@
-import { RoundedImageProps } from '../../rounded-image/rounded-image';
-import * as React from "react";
-export interface StyledRoundedImageProps extends Omit<RoundedImageProps, "size" | "rounded" | "defaultIcon"> {
-    $size: number;
-    $rounded?: boolean;
-    $defaultIcon?: string;
-}
-declare const StyledRoundedImage: React.ForwardRefExoticComponent<StyledRoundedImageProps & React.RefAttributes<HTMLImageElement>>;
-export { StyledRoundedImage };

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

@@ -1,40 +0,0 @@
-import { JSX } from 'react';
-import { Address } from 'viem';
-import { ExtraRewardApyData, TokenMetaInfo } from '../../types/common';
-export type PoolBaseAPY = {
-    type: "supplyAPY";
-    apy: number;
-} | {
-    type: "tokenYield";
-    apy: number;
-};
-export interface DetailedApyProps {
-    totalAPY: number;
-    totalAPYLoading?: boolean;
-    baseAPY: Array<PoolBaseAPY>;
-    extraAPY: Array<ExtraRewardApyData>;
-    tokensList: Record<Address, TokenMetaInfo> | undefined;
-}
-interface PoolRewardsIconProps {
-    reward: ExtraRewardApyData;
-    tokensList: Record<Address, TokenMetaInfo> | undefined;
-    size?: number;
-    margin?: string;
-}
-export declare function PoolRewardsIcon({ reward, tokensList, ...rest }: PoolRewardsIconProps): JSX.Element;
-/**
- * DetailedApy — displays APY breakdown with base pool APY and extra reward APYs
- *
- * @example
- * ```tsx
- * <DetailedApy
- *   totalAPY={5.23}
- *   totalAPYLoading={false}
- *   baseAPY={[{ type: "supplyAPY", apy: 3.5 }]}
- *   extraAPY={[{ apy: 1.73, rewardToken: "0x...", rewardTokenSymbol: "GEAR", token: "0x...", balance: 0n }]}
- *   tokensList={tokensList}
- * />
- * ```
- */
-export declare function DetailedApy({ totalAPY, totalAPYLoading, baseAPY, extraAPY, tokensList, }: DetailedApyProps): JSX.Element;
-export {};

package/dist/types/components/detailed-apy/index.d.ts

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

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

@@ -1,22 +0,0 @@
-import { CheckboxItemProps } from '../checkbox-item';
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * DropdownMenuCheckboxItem - wrapper for CheckboxItem that works inside DropdownMenu context
- *
- * This component uses Radix UI primitives for proper integration with DropdownMenu.
- * It maintains the same API as the standalone CheckboxItem component.
- *
- * @example
- * ```tsx
- * <DropdownMenu>
- *   <DropdownMenuContent>
- *     <DropdownMenuCheckboxItem checked={isChecked} onCheckedChange={setChecked}>
- *       Option 1
- *     </DropdownMenuCheckboxItem>
- *   </DropdownMenuContent>
- * </DropdownMenu>
- * ```
- */
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps & Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuCheckboxItem };

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

@@ -1,4 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuRadioItem };

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

@@ -1,4 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuSeparator };

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

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

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

@@ -1,4 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuSubContent };

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

@@ -1,6 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuSubTrigger };

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

@@ -1,22 +0,0 @@
-import { DialogContainerProps } from '../dialog/dialog-container';
-import type * as React from "react";
-export interface ErrorMessageProps {
-    err: Error;
-    btnTitle: React.ReactNode;
-    onClick: () => void;
-    theme?: DialogContainerProps["colorTheme"];
-}
-/**
- * ErrorMessage - Display a centered error message with action button
- * Used as a full-screen error display
- *
- * @example
- * ```tsx
- * <ErrorMessage
- *   err={new Error("Something went wrong")}
- *   btnTitle="Go back"
- *   onClick={() => navigate("/")}
- * />
- * ```
- */
-export declare function ErrorMessage({ err, btnTitle, onClick, theme, }: ErrorMessageProps): React.ReactElement;

package/dist/types/components/filter/filter-block.d.ts

@@ -1,39 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { filterBlockVariants } from './variants';
-import * as React from "react";
-export interface FilterBlockProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof filterBlockVariants> {
-    /**
-     * Whether the filter block is opened/expanded
-     * @deprecated Use controlled state in parent component
-     */
-    opened?: boolean;
-    /**
-     * Filter type identifier
-     */
-    type?: string;
-    /**
-     * Whether any filter is selected
-     */
-    hasSelected?: boolean;
-    /**
-     * Callback to reset filters
-     */
-    onReset?: () => void;
-}
-/**
- * FilterBlock component for displaying filter content in a card-like container
- *
- * @example
- * ```tsx
- * <FilterBlock variant="default">
- *   <h3>Filter Options</h3>
- *   <FilterContent />
- * </FilterBlock>
- *
- * // With backward-compatible props
- * <FilterBlock opened={true} hasSelected={true} onReset={() => {}}>
- *   <FilterContent />
- * </FilterBlock>
- * ```
- */
-export declare const FilterBlock: React.ForwardRefExoticComponent<FilterBlockProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/filter/filter-checkbox-item.d.ts

@@ -1,23 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * FilterCheckboxItem component - a checkbox item for filters in dropdown menus
- */
-export interface FilterCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
-}
-/**
- * FilterCheckboxItem component for displaying filter options with checkboxes
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterCheckboxItem checked={isChecked} onCheckedChange={setChecked}>
- *     Option 1
- *   </FilterCheckboxItem>
- *   <FilterCheckboxItem checked={isChecked2} onCheckedChange={setChecked2}>
- *     Option 2
- *   </FilterCheckboxItem>
- * </DropdownMenuContent>
- * ```
- */
-export declare const FilterCheckboxItem: React.ForwardRefExoticComponent<FilterCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/filter/filter-chip.d.ts

@@ -1,34 +0,0 @@
-import * as React from "react";
-/**
- * FilterChip component - displays an active filter as a removable chip
- */
-export interface FilterChipProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Label text for the filter chip
-     */
-    label: string;
-    /**
-     * Value of the filter (optional, for identification)
-     */
-    value?: string;
-    /**
-     * Callback when the chip is removed
-     */
-    onRemove?: () => void;
-    /**
-     * Whether to show the remove button (defaults to true)
-     */
-    showRemove?: boolean;
-}
-/**
- * FilterChip component for displaying active filters as removable chips
- *
- * @example
- * ```tsx
- * <div className="flex gap-2">
- *   <FilterChip label="Status: Active" onRemove={() => removeFilter("status")} />
- *   <FilterChip label="Type: Credit" onRemove={() => removeFilter("type")} />
- * </div>
- * ```
- */
-export declare const FilterChip: React.ForwardRefExoticComponent<FilterChipProps & React.RefAttributes<HTMLDivElement>>;