@gearbox-protocol/permissionless-ui 1.2.33 → 1.4.0

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

@@ -0,0 +1,31 @@
+import type { TokenData } from "@gearbox-protocol/sdk";
+import type * as React from "react";
+export interface ExplorerLink {
+    link: string;
+    label: string;
+}
+export interface DetailedPageTitleProps {
+    title: React.ReactNode;
+    token?: TokenData;
+    toCopy?: string;
+    explorerLinks?: Array<ExplorerLink>;
+    className?: string;
+    onCopySuccess?: () => void;
+}
+/**
+ * DetailedPageTitle - page title with token icon, copy functionality, and explorer links
+ *
+ * @example
+ * ```tsx
+ * <DetailedPageTitle
+ *   title="USDC Pool (0x1234...)"
+ *   token={usdcToken}
+ *   toCopy="0x1234567890abcdef"
+ *   explorerLinks={[
+ *     { link: "https://etherscan.io/...", label: "Etherscan" }
+ *   ]}
+ *   onCopySuccess={() => console.log("Copied successfully!")}
+ * />
+ * ```
+ */
+export declare function DetailedPageTitle({ title, token, toCopy, explorerLinks, className, onCopySuccess, }: DetailedPageTitleProps): React.ReactElement;

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface DialogContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    padding?: boolean;
+    center?: boolean;
+}
+/**
+ * DialogContainer component for responsive content width within dialogs
+ * Follows the same pattern as Container from layout/container
+ */
+declare const DialogContainer: React.ForwardRefExoticComponent<DialogContainerProps & React.RefAttributes<HTMLDivElement>>;
+export { DialogContainer };

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

@@ -0,0 +1,4 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DialogContent };

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

@@ -0,0 +1,4 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { DialogDescription };

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

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

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

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

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

@@ -0,0 +1,4 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DialogOverlay };

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

@@ -0,0 +1,4 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export { DialogTitle };

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

@@ -0,0 +1,5 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+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

@@ -0,0 +1,8 @@
+export * from "./dialog";
+export * from "./dialog-container";
+export * from "./dialog-content";
+export * from "./dialog-description";
+export * from "./dialog-footer";
+export * from "./dialog-header";
+export * from "./dialog-overlay";
+export * from "./dialog-title";

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

@@ -0,0 +1,22 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+import type { CheckboxItemProps } from "../checkbox-item";
+/**
+ * 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-content.d.ts

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,6 @@
+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/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,8 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSub, DropdownMenuTrigger, };

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

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

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

@@ -0,0 +1,21 @@
+import type * as React from "react";
+export interface ErrorMessageProps {
+    err: Error;
+    btnTitle: React.ReactNode;
+    onClick: () => void;
+    theme?: "default" | "dark" | "light";
+}
+/**
+ * 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

@@ -0,0 +1,17 @@
+import type { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { filterBlockVariants } from "./variants";
+export interface FilterBlockProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof filterBlockVariants> {
+}
+/**
+ * FilterBlock component for displaying filter content in a card-like container
+ *
+ * @example
+ * ```tsx
+ * <FilterBlock variant="default">
+ *   <h3>Filter Options</h3>
+ *   <FilterContent />
+ * </FilterBlock>
+ * ```
+ */
+export declare const FilterBlock: React.ForwardRefExoticComponent<FilterBlockProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,34 @@
+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>>;

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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1,24 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+/**
+ * FilterDropdownItem component - a dropdown menu item for filters
+ */
+export interface FilterDropdownItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    inset?: boolean;
+}
+/**
+ * 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>
+ * ```
+ */
+export declare const FilterDropdownItem: React.ForwardRefExoticComponent<FilterDropdownItemProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,31 @@
+import * as React from "react";
+/**
+ * FilterModalItem component - a content item for filter modals
+ */
+export interface FilterModalItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the item is active/selected
+     */
+    active?: boolean;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * 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>
+ * ```
+ */
+export declare const FilterModalItem: React.ForwardRefExoticComponent<FilterModalItemProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,123 @@
+import * as React from "react";
+import type { SelectFilterList } from "./interface";
+/**
+ * FilterModal component - a wrapper for filter modals using permissionless-ui 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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,22 @@
+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>>;