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

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

@@ -1,42 +0,0 @@
-import * as React from "react";
-/**
- * FilterChips component - container for displaying multiple filter chips
- */
-export interface FilterChipsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Array of active filters to display as chips
-     */
-    filters?: Array<{
-        id: string;
-        label: string;
-        value?: string;
-    }>;
-    /**
-     * Callback when a filter chip is removed
-     */
-    onRemoveFilter?: (id: string) => void;
-    /**
-     * Callback to clear all filters
-     */
-    onClearAll?: () => void;
-    /**
-     * Whether to show the "Clear all" button
-     */
-    showClearAll?: boolean;
-}
-/**
- * FilterChips component for displaying multiple active filters as chips
- *
- * @example
- * ```tsx
- * <FilterChips
- *   filters={[
- *     { id: "status", label: "Status: Active" },
- *     { id: "type", label: "Type: Credit" },
- *   ]}
- *   onRemoveFilter={(id) => removeFilter(id)}
- *   onClearAll={() => clearAllFilters()}
- * />
- * ```
- */
-export declare const FilterChips: React.ForwardRefExoticComponent<FilterChipsProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,62 +0,0 @@
-import * as React from "react";
-/**
- * FilterDropdownItem component - a dropdown menu item for filters
- */
-export interface FilterDropdownItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
-    inset?: boolean;
-    /**
-     * Title/label for the filter item (backward compatibility)
-     */
-    title?: React.ReactNode | string;
-    /**
-     * Number of decimal places for numeric filters (backward compatibility)
-     */
-    decimals?: number;
-    /**
-     * Maximum value for numeric filters (backward compatibility)
-     * Can be a number or an object with balance info
-     */
-    maxValue?: number | {
-        balance: bigint;
-        balanceView: string;
-    } | unknown;
-    /**
-     * Current filter state (backward compatibility)
-     */
-    state?: unknown;
-    /**
-     * Handler to save the filter value (backward compatibility)
-     * Generic to support different filter value types
-     */
-    onSave?: (value: any) => void;
-    /**
-     * Handler to reset the filter (backward compatibility)
-     */
-    onReset?: () => void;
-}
-/**
- * FilterDropdownItem component for displaying filter options in a dropdown menu
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterDropdownItem onClick={() => handleFilter("all")}>
- *     All Items
- *   </FilterDropdownItem>
- *   <FilterDropdownItem onClick={() => handleFilter("active")}>
- *     Active Items
- *   </FilterDropdownItem>
- * </DropdownMenuContent>
- *
- * // Backward compatible usage
- * <FilterDropdownItem
- *   title="Quota Limit"
- *   decimals={2}
- *   maxValue={1000}
- *   state={filter.quotaLimit.state}
- *   onSave={filter.quotaLimit.save}
- *   onReset={filter.quotaLimit.reset}
- * />
- * ```
- */
-export declare const FilterDropdownItem: React.ForwardRefExoticComponent<FilterDropdownItemProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,22 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * FilterGroup component - a group container for filters
- */
-export interface FilterGroupProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group> {
-}
-/**
- * FilterGroup component for grouping related filter items
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterGroup>
- *     <FilterLabel>Status</FilterLabel>
- *     <FilterCheckboxItem>Active</FilterCheckboxItem>
- *     <FilterCheckboxItem>Inactive</FilterCheckboxItem>
- *   </FilterGroup>
- * </DropdownMenuContent>
- * ```
- */
-export declare const FilterGroup: React.ForwardRefExoticComponent<FilterGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,21 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * FilterLabel component - a label for filter groups
- */
-export interface FilterLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
-    inset?: boolean;
-}
-/**
- * FilterLabel component for labeling filter groups
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterLabel>Status</FilterLabel>
- *   <FilterCheckboxItem>Active</FilterCheckboxItem>
- *   <FilterCheckboxItem>Inactive</FilterCheckboxItem>
- * </DropdownMenuContent>
- * ```
- */
-export declare const FilterLabel: React.ForwardRefExoticComponent<FilterLabelProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,55 +0,0 @@
-import * as React from "react";
-/**
- * FilterModalItem component - a content item for filter modals
- */
-export interface FilterModalItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title"> {
-    /**
-     * Whether the item is active/selected
-     */
-    active?: boolean;
-    /**
-     * Whether the item is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Title/label for the filter item (backward compatibility)
-     */
-    title?: React.ReactNode | string;
-    /**
-     * Current filter state (backward compatibility)
-     */
-    state?: unknown;
-    /**
-     * Handler to open the filter modal (backward compatibility)
-     */
-    onOpen?: () => void;
-    /**
-     * Handler to reset the filter (backward compatibility)
-     */
-    onReset?: () => void;
-}
-/**
- * FilterModalItem component for displaying filter options in a modal dialog
- *
- * @example
- * ```tsx
- * <DialogContent>
- *   <DialogTitle>Filter Options</DialogTitle>
- *   <FilterModalItem active={isActive} onClick={() => handleFilter("option1")}>
- *     Option 1
- *   </FilterModalItem>
- *   <FilterModalItem onClick={() => handleFilter("option2")}>
- *     Option 2
- *   </FilterModalItem>
- * </DialogContent>
- *
- * // Backward compatible usage
- * <FilterModalItem
- *   title="Filter by Pool"
- *   state={filter.pools.state}
- *   onOpen={modal.pools.open}
- *   onReset={filter.pools.reset}
- * />
- * ```
- */
-export declare const FilterModalItem: React.ForwardRefExoticComponent<FilterModalItemProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,123 +0,0 @@
-import { SelectFilterList } from './interface';
-import * as React from "react";
-/**
- * FilterModal component - a wrapper for filter modals using @gearbox-protocol/ui-kit Dialog
- *
- * This component provides a complete modal interface for selecting multiple filter options
- * with checkbox-like behavior. It manages the modal state and provides callbacks for
- * filter selection and reset.
- *
- * @example
- * ```tsx
- * function MyFilter() {
- *   const [selectedFilters, setSelectedFilters] = React.useState<Set<string> | null>(null);
- *   const [modalOpen, setModalOpen] = React.useState(false);
- *
- *   const options = [
- *     { value: "active", label: "Active" },
- *     { value: "inactive", label: "Inactive" },
- *     { value: "pending", label: "Pending" },
- *   ];
- *
- *   return (
- *     <FilterModal
- *       title="Filter by Status"
- *       state={selectedFilters}
- *       modalShow={modalOpen}
- *       onOpen={() => setModalOpen(true)}
- *       onClose={() => setModalOpen(false)}
- *       onReset={() => setSelectedFilters(null)}
- *       options={options}
- *       onSelect={(value, checked) => {
- *         const newSet = selectedFilters ? new Set(selectedFilters) : new Set();
- *         if (checked) {
- *           newSet.add(value);
- *         } else {
- *           newSet.delete(value);
- *         }
- *         setSelectedFilters(newSet.size > 0 ? newSet : null);
- *       }}
- *     />
- *   );
- * }
- * ```
- */
-export interface FilterModalProps<T> {
-    /**
-     * Title of the modal dialog
-     */
-    title: React.ReactNode;
-    /**
-     * Current state of selected filters
-     * Can be a Set<T> or T[] array, or null if nothing is selected
-     */
-    state: SelectFilterList<T> | null;
-    /**
-     * Whether the modal is currently visible
-     */
-    modalShow: boolean;
-    /**
-     * Callback to open the modal
-     */
-    onOpen: () => void;
-    /**
-     * Callback to close the modal
-     */
-    onClose: () => void;
-    /**
-     * Callback to reset all filters
-     */
-    onReset: () => void;
-    /**
-     * Array of filter options to display
-     * If tabbedOptions is provided, this prop is ignored
-     */
-    options?: Array<{
-        value: T;
-        label: React.ReactNode;
-    }>;
-    /**
-     * Array of filter options grouped by tabs
-     * If provided, options will be displayed in tabs
-     */
-    tabbedOptions?: Array<{
-        tab: string;
-        label: React.ReactNode;
-        options: Array<{
-            value: T;
-            label: React.ReactNode;
-        }>;
-    }>;
-    /**
-     * Callback when an option is selected/deselected
-     * @param value - The value of the option
-     * @param checked - Whether the option is now checked
-     */
-    onSelect: (value: T, checked: boolean) => void;
-    /**
-     * Optional className for the dialog content
-     */
-    className?: string;
-    /**
-     * Optional className for the options container
-     */
-    optionsClassName?: string;
-    /**
-     * Optional reset button label (defaults to "Reset")
-     */
-    resetLabel?: React.ReactNode;
-    /**
-     * Optional apply button label (defaults to "Apply")
-     */
-    applyLabel?: React.ReactNode;
-    /**
-     * Whether to show an Apply button that closes the modal
-     * If false, selections are applied immediately
-     */
-    showApplyButton?: boolean;
-    /**
-     * Whether to show a search input
-     */
-    showSearch?: boolean;
-}
-export declare function FilterModal<T>({ title, state, modalShow, onOpen, onClose, onReset, options, tabbedOptions, onSelect, className, optionsClassName, resetLabel, applyLabel, showApplyButton, showSearch, }: FilterModalProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,19 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * FilterRadioItem component - a radio item for filters in dropdown menus
- */
-export interface FilterRadioItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
-}
-/**
- * FilterRadioItem component for displaying filter options with radio buttons
- *
- * @example
- * ```tsx
- * <DropdownMenuRadioGroup value={value} onValueChange={setValue}>
- *   <FilterRadioItem value="option1">Option 1</FilterRadioItem>
- *   <FilterRadioItem value="option2">Option 2</FilterRadioItem>
- * </DropdownMenuRadioGroup>
- * ```
- */
-export declare const FilterRadioItem: React.ForwardRefExoticComponent<FilterRadioItemProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,22 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * FilterSeparator component - a separator for filter groups
- */
-export interface FilterSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
-}
-/**
- * FilterSeparator component for separating filter groups
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterLabel>Status</FilterLabel>
- *   <FilterCheckboxItem>Active</FilterCheckboxItem>
- *   <FilterSeparator />
- *   <FilterLabel>Type</FilterLabel>
- *   <FilterCheckboxItem>Type 1</FilterCheckboxItem>
- * </DropdownMenuContent>
- * ```
- */
-export declare const FilterSeparator: React.ForwardRefExoticComponent<FilterSeparatorProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,109 +0,0 @@
-/**
- * Filter Components
- *
- * A comprehensive set of filter components for building complex filter interfaces.
- * These components work together with DropdownMenu components from dropdown-menu
- * to create filter dropdowns similar to CreditSessionsListFilter.
- *
- * @example Building a complex filter dropdown:
- * ```tsx
- * import {
- *   DropdownMenu,
- *   DropdownMenuContent,
- *   DropdownMenuTrigger,
- *   DropdownMenuRadioGroup,
- * } from "@/components/dropdown-menu";
- * import {
- *   FilterButton,
- * } from "@/components/buttons/filter-button";
- * import {
- *   FilterLabel,
- *   FilterSeparator,
- *   FilterCheckboxItem,
- *   FilterRadioItem,
- *   FilterGroup,
- *   FilterChips,
- * } from "./filter";
- *
- * function CreditSessionsListFilter() {
- *   const [status, setStatus] = React.useState<string[]>([]);
- *   const [type, setType] = React.useState<string>("all");
- *
- *   const activeFilters = [
- *     ...(status.length > 0 ? status.map(s => ({ id: `status-${s}`, label: `Status: ${s}` })) : []),
- *     ...(type !== "all" ? [{ id: "type", label: `Type: ${type}` }] : []),
- *   ];
- *
- *   return (
- *     <>
- *       <DropdownMenu>
- *         <DropdownMenuTrigger asChild>
- *           <FilterButton />
- *         </DropdownMenuTrigger>
- *         <DropdownMenuContent>
- *           <FilterGroup>
- *             <FilterLabel>Status</FilterLabel>
- *             <FilterCheckboxItem
- *               checked={status.includes("active")}
- *               onCheckedChange={(checked) =>
- *                 setStatus(checked
- *                   ? [...status, "active"]
- *                   : status.filter(s => s !== "active"))
- *               }
- *             >
- *               Active
- *             </FilterCheckboxItem>
- *             <FilterCheckboxItem
- *               checked={status.includes("inactive")}
- *               onCheckedChange={(checked) =>
- *                 setStatus(checked
- *                   ? [...status, "inactive"]
- *                   : status.filter(s => s !== "inactive"))
- *               }
- *             >
- *               Inactive
- *             </FilterCheckboxItem>
- *           </FilterGroup>
- *           <FilterSeparator />
- *           <FilterGroup>
- *             <FilterLabel>Type</FilterLabel>
- *             <DropdownMenuRadioGroup value={type} onValueChange={setType}>
- *               <FilterRadioItem value="all">All</FilterRadioItem>
- *               <FilterRadioItem value="credit">Credit</FilterRadioItem>
- *               <FilterRadioItem value="debit">Debit</FilterRadioItem>
- *             </DropdownMenuRadioGroup>
- *           </FilterGroup>
- *         </DropdownMenuContent>
- *       </DropdownMenu>
- *       <FilterChips
- *         filters={activeFilters}
- *         onRemoveFilter={(id) => {
- *           if (id.startsWith("status-")) {
- *             setStatus(status.filter(s => `status-${s}` !== id));
- *           } else if (id === "type") {
- *             setType("all");
- *           }
- *         }}
- *         onClearAll={() => {
- *           setStatus([]);
- *           setType("all");
- *         }}
- *       />
- *     </>
- *   );
- * }
- * ```
- */
-export * from './filter-block';
-export * from './filter-checkbox-item';
-export * from './filter-chip';
-export * from './filter-chips';
-export * from './filter-dropdown-item';
-export * from './filter-group';
-export * from './filter-label';
-export * from './filter-modal';
-export * from './filter-modal-item';
-export * from './filter-radio-item';
-export * from './filter-separator';
-export type { FilterModalSelectList } from './interface';
-export * from './variants';

package/dist/types/components/filter/interface.d.ts

@@ -1,24 +0,0 @@
-/**
- * Type representing a list of selected filter values for FilterModal component
- * Can be a Set or Array of values
- */
-export type FilterModalSelectList<T> = Set<T> | T[];
-/**
- * @deprecated Use FilterModalSelectList instead
- * This type is kept for backward compatibility
- */
-export type SelectFilterList<T> = FilterModalSelectList<T>;
-/**
- * Type representing a filter range with from and to values
- * Used for range-based filtering (e.g., date ranges, number ranges)
- */
-export type FilterRange<T = number> = {
-    /**
-     * The starting value of the range
-     */
-    from: T;
-    /**
-     * The ending value of the range
-     */
-    to: T;
-};

package/dist/types/components/filter/variants.d.ts

@@ -1,3 +0,0 @@
-export declare const filterBlockVariants: (props?: ({
-    variant?: "default" | "outlined" | "ghost" | "elevated" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/loading-bar/index.d.ts

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

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

@@ -1,25 +0,0 @@
-import * as React from "react";
-export interface LoadingBarProps {
-    /** Main message (e.g. "Loading 45%"). */
-    message: string;
-    /** Optional secondary line (e.g. "Please wait"). */
-    subMessage?: string;
-    /** Whether the modal is shown. @default true */
-    show?: boolean;
-    /** Additional class for the inner container. */
-    className?: string;
-}
-/**
- * LoadingBar — modal with spinner, title and optional description.
- * Matches A (interface LoadingBar): centered modal, 250px container, SpinnerLoader, LoadingTitle, LoadingDescription.
- *
- * @usage
- * Use for blocking loading states (e.g. while data is being fetched).
- *
- * @example
- * ```tsx
- * <LoadingBar message="Loading 50%" subMessage="Please wait" />
- * ```
- */
-declare const LoadingBar: React.ForwardRefExoticComponent<LoadingBarProps & React.RefAttributes<HTMLDivElement>>;
-export { LoadingBar };

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

@@ -1,23 +0,0 @@
-import { ButtonProps } from '../buttons';
-import { NetworkIcons } from '../../utils/network-icons';
-type IndicatorSize = "sm" | "md" | "default" | "lg";
-export interface NetworkIndicatorProps extends Omit<ButtonProps, "size" | "children"> {
-    network: NetworkIcons | undefined;
-    chainId: number | undefined;
-    size?: IndicatorSize;
-    iconSize?: number;
-    chevronSize?: number;
-    showTitle?: boolean;
-    opened: boolean;
-    /**
-     * When true, button appears enabled and shows chevron even without onClick.
-     * Useful when the component is used as a dropdown trigger that handles clicks externally.
-     * Defaults to true when onClick is provided.
-     */
-    interactive?: boolean;
-}
-/**
- * Network picker trigger: optional "Network:" label, icon, and chevron.
- */
-export declare const NetworkIndicator: import('react').ForwardRefExoticComponent<NetworkIndicatorProps & import('react').RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/types/components/rwa-styles/index.d.ts

@@ -1,2 +0,0 @@
-export declare const RWA_GRADIENT_BORDER_CLASS: string;
-export declare const RWA_POOL_ROW_HOVER_WRAPPER_CLASS = "[&_.grid.grid-cols-subgrid.col-span-full:has([data-rwa-pool-marker='true'])>*]:before:bg-[#7fc8ea]/40";

package/dist/types/components/status-dot/index.d.ts

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

package/dist/types/components/status-dot/status-dot.d.ts

@@ -1,47 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const statusDotVariants: (props?: ({
-    variant?: "default" | "muted" | "success" | "warning" | "primary" | "alert" | "secondary" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {
-    /**
-     * Whether the dot should pulse (animate)
-     */
-    pulse?: boolean;
-}
-/**
- * StatusDot — small circular indicator for status visualization
- *
- * @usage
- * Use StatusDot to display status indicators:
- * online/offline status, health indicators, activity markers, notification dots.
- *
- * Variants (variant):
- * - `default` — neutral gray dot.
- * - `success` — green dot for positive/online states.
- * - `warning` — yellow dot for warning states.
- * - `alert` — red dot for error/critical states.
- * - `primary` — primary color dot.
- * - `secondary` — secondary color dot.
- * - `muted` — muted color dot.
- *
- * Sizes (size):
- * - `xs` — extra small (6px).
- * - `sm` — small (8px).
- * - `default` — standard (10px).
- * - `lg` — large (12px).
- * - `xl` — extra large (16px).
- *
- * @example
- * ```tsx
- * <StatusDot variant="success" />
- * <StatusDot variant="alert" size="lg" pulse />
- * <div className="flex items-center gap-2">
- *   <StatusDot variant="success" />
- *   <span>Online</span>
- * </div>
- * ```
- */
-declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLDivElement>>;
-export { StatusDot, statusDotVariants };

package/dist/types/components/table/table-loader-guard.d.ts

@@ -1,45 +0,0 @@
-import { TableLoaderProps } from './table-loader';
-import type * as React from "react";
-/**
- * TableLoaderGuardProps — props for TableLoaderGuard component.
- */
-export interface TableLoaderGuardProps extends TableLoaderProps {
-    showGuard: boolean;
-    children: React.ReactNode;
-}
-/**
- * TableLoaderGuard — guard component that displays table skeleton while data is being loaded.
- *
- * @usage
- * Use TableLoaderGuard to conditionally show loading state in tables:
- * loading guards, conditional skeleton display, table data loading protection.
- *
- * Props:
- * - `showGuard` — if true, displays loading skeleton instead of children (required).
- * - `children` — content to display when not loading (required).
- * - `height` — height of each loading line (defaults to "70px").
- * - `columns` — number of skeleton columns (defaults to 6).
- * - `rows` — number of skeleton rows (defaults to 5).
- *
- * Note: Combines Guard with TableLoader for convenient conditional rendering in tables.
- *
- * @example
- * ```tsx
- * <GridTable cols={6}>
- *   <GridTableHeader>
- *     <Head />
- *   </GridTableHeader>
- *   <TableLoaderGuard
- *     showGuard={isLoading}
- *     rows={5}
- *     columns={6}
- *     height="70px"
- *   >
- *     <GridTableBody>
- *       {data.map(item => <Line key={item.id} data={item} />)}
- *     </GridTableBody>
- *   </TableLoaderGuard>
- * </GridTable>
- * ```
- */
-export declare function TableLoaderGuard({ showGuard, children, height, columns, rows, ...props }: TableLoaderGuardProps): React.ReactElement;