@gearbox-protocol/permissionless-ui 1.2.32 → 1.3.0

package/dist/types/components/card-grid.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+/**
+ * CardGrid - responsive grid layout for cards
+ *
+ * @example
+ * ```tsx
+ * <CardGrid columns={3} columnsSm={2} gap="lg">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </CardGrid>
+ * ```
+ */
+declare const cardGridVariants: (props?: ({
+    columns?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
+    columnsLg?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
+    columnsMd?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
+    columnsSm?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
+    gap?: "none" | "sm" | "lg" | "md" | "xl" | null | undefined;
+    justifyItemContent?: "end" | "center" | "start" | "stretch" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface CardGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardGridVariants> {
+}
+declare const CardGrid: React.ForwardRefExoticComponent<CardGridProps & React.RefAttributes<HTMLDivElement>>;
+export { CardGrid, cardGridVariants };

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

@@ -0,0 +1,116 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const cardVariants: (props?: ({
+    variant?: "default" | "ghost" | "elevated" | "outlined" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CardProps — props for Card component.
+ */
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+/**
+ * Card — container component for grouped content.
+ *
+ * @usage
+ * Use Card to group related content:
+ * content cards, info panels, feature boxes, grouped sections.
+ *
+ * Props:
+ * - `variant` — visual variant: "default", "elevated", "outlined", "ghost" (defaults to "default").
+ *
+ * Note: Supports different visual styles via variant prop.
+ * Use with CardHeader, CardTitle, CardDescription, CardContent, and CardFooter for structured layout.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Card Title</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>Content here</CardContent>
+ * </Card>
+ * ```
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const cardHeaderVariants: (props?: ({
+    padding?: "none" | "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CardHeaderProps — props for CardHeader component.
+ */
+interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardHeaderVariants> {
+}
+/**
+ * CardHeader — header section of a Card.
+ *
+ * @usage
+ * Use CardHeader to wrap card title and description:
+ * card headers with title and optional description.
+ *
+ * Props:
+ * - `padding` — padding size: "none", "sm", "default", "lg" (defaults to "default").
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardTitle — title component for Card header.
+ *
+ * @usage
+ * Use CardTitle to display card title:
+ * card headlines, card headings.
+ *
+ * Note: Uses large semibold text (2xl) with tight tracking.
+ */
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardDescription — description component for Card header.
+ *
+ * @usage
+ * Use CardDescription to display card description or subtitle:
+ * card subtitles, card descriptions, additional card information.
+ *
+ * Note: Uses small muted text color.
+ */
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const cardContentVariants: (props?: ({
+    padding?: "none" | "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CardContentProps — props for CardContent component.
+ */
+interface CardContentProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardContentVariants> {
+}
+/**
+ * CardContent — main content section of a Card.
+ *
+ * @usage
+ * Use CardContent to wrap card main content:
+ * card body, card main text, card details.
+ *
+ * Props:
+ * - `padding` — padding size: "none", "sm", "default", "lg" (defaults to "default").
+ *
+ * Note: Padding-top is always 0 to work seamlessly with CardHeader.
+ */
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const cardFooterVariants: (props?: ({
+    padding?: "none" | "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CardFooterProps — props for CardFooter component.
+ */
+interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardFooterVariants> {
+}
+/**
+ * CardFooter — footer section of a Card.
+ *
+ * @usage
+ * Use CardFooter to wrap card actions or footer content:
+ * action buttons, links, additional information at card bottom.
+ *
+ * Props:
+ * - `padding` — padding size: "none", "sm", "default", "lg" (defaults to "default").
+ *
+ * Note: Uses flex layout to align items horizontally. Padding-top is always 0 to work seamlessly with CardContent.
+ */
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, cardHeaderVariants, cardContentVariants, cardFooterVariants, };

package/dist/types/components/cards/card.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const cardVariants: (props?: ({
-    variant?: "default" | "interactive" | "transparent" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    variant?: "default" | "transparent" | "interactive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     asChild?: boolean;
 }

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

@@ -0,0 +1,56 @@
+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/compound-apy.d.ts

@@ -0,0 +1,80 @@
+import type { TokenData } from "@gearbox-protocol/sdk";
+import type { LocaleKeys } from "./typed-intl";
+export interface PoolBaseAPY {
+    type: "supplyAPY" | "tokenYield";
+    apy: number;
+}
+export interface ExtraRewardApy {
+    apy: number;
+    rewardToken: string;
+    rewardTokenSymbol: string;
+}
+export interface ExternalAPYData {
+    /**
+     * The total value including external APY
+     */
+    totalValue: number;
+    /**
+     * The external APY value
+     */
+    value: number;
+    /**
+     * Name/label of the external APY source
+     */
+    name: string;
+    /**
+     * Localization key for the external APY tooltip
+     * Will be rendered with FormattedMessageTyped with values: { name, value }
+     */
+    tooltip?: LocaleKeys;
+}
+export interface CompoundAPYProps {
+    /**
+     * Total APY value (already in percent form, e.g., 5 for 5%)
+     */
+    totalAPY: number;
+    /**
+     * Base APY array with different types
+     */
+    baseAPY: Array<PoolBaseAPY>;
+    /**
+     * Extra/rewards APY array
+     */
+    extraAPY: Array<ExtraRewardApy>;
+    /**
+     * External APY data (e.g., from external protocols)
+     */
+    externalAPY?: ExternalAPYData;
+    /**
+     * Token list for displaying token symbols in tooltips
+     */
+    tokensList?: Record<string, TokenData>;
+    /**
+     * Number of decimal places
+     * @default 2
+     */
+    decimals?: number;
+    /**
+     * Custom className
+     */
+    className?: string;
+}
+/**
+ * CompoundAPY component for displaying breakdown of APY with base, extra, and external components
+ *
+ * @example
+ * ```tsx
+ * <CompoundAPY
+ *   totalAPY={15}
+ *   baseAPY={[{ type: "supplyAPY", apy: 10 }]}
+ *   extraAPY={[{ apy: 3, rewardToken: "0x...", rewardTokenSymbol: "GEAR" }]}
+ *   externalAPY={{
+ *     totalValue: 15,
+ *     value: 2,
+ *     name: "Curve",
+ *     tooltip: "External APY from Curve"
+ *   }}
+ * />
+ * ```
+ */
+export declare function CompoundAPY({ totalAPY, baseAPY, extraAPY, externalAPY, tokensList, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/credit-session-status.d.ts

@@ -0,0 +1,7 @@
+import type { CreditSessionStatus as CreditSessionStatusType } from "@gearbox-protocol/sdk";
+import type * as React from "react";
+export interface CreditSessionStatusProps {
+    status: CreditSessionStatusType;
+    className?: string;
+}
+export declare function CreditSessionStatus({ status, className, }: CreditSessionStatusProps): React.ReactElement;

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

@@ -0,0 +1,26 @@
+import type * as React from "react";
+/**
+ * DescriptionProps — props for Description component.
+ */
+export interface DescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * Description — component for displaying secondary/muted text.
+ *
+ * @usage
+ * Use Description for secondary information and hints:
+ * subtitles, helper text, additional information, muted descriptions.
+ *
+ * Props:
+ * - All standard HTML span props are supported (className, children, etc.).
+ *
+ * Note: Uses small text size (text-sm) and muted foreground color by default.
+ * Rendered as inline span element.
+ *
+ * @example
+ * ```tsx
+ * <Description>This is a secondary text</Description>
+ * <Description className="text-xs">Small description</Description>
+ * ```
+ */
+export declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;

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>>;