@gearbox-protocol/permissionless-ui 1.7.2 → 1.7.4

package/dist/esm/components/token-symbol.js

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import cn from "../utils/index.js";
-import { TokenIcon } from "./token-icon.js";
-function getTokenSymbol(token) {
-  if (!token) return void 0;
-  if (typeof token === "string") return token;
-  return token.symbol;
-}
-function getTokenTitle(token) {
-  if (!token) return void 0;
-  if (typeof token === "string") return token;
-  return token.title;
-}
-function TokenSymbol({
-  token,
-  title,
-  className,
-  comment,
-  showIcon = true,
-  showSymbol = false,
-  size = 24,
-  chainId,
-  network,
-  maxLength,
-  ...props
-}) {
-  const symbol = getTokenSymbol(token);
-  const tokenTitle = title || getTokenTitle(token);
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", className), ...props, children: [
-    showIcon && symbol && /* @__PURE__ */ jsx(
-      TokenIcon,
-      {
-        symbol,
-        size,
-        className: "rounded-full border-0"
-      }
-    ),
-    showSymbol && tokenTitle && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx("div", { className: "font-medium", children: tokenTitle }),
-      comment && /* @__PURE__ */ jsxs("div", { className: "text-md text-muted-foreground", children: [
-        "(",
-        comment,
-        ")"
-      ] })
-    ] })
-  ] });
-}
-export {
-  TokenSymbol
-};

package/dist/esm/components/tooltip.js

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React from "react";
-import cn from "../utils/index.js";
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-export {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-};

package/dist/esm/components/vspace.js

@@ -1,7 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-function VSpace({ height }) {
-  return /* @__PURE__ */ jsx("div", { style: { height: `${height}px` } });
-}
-export {
-  VSpace
-};

package/dist/esm/components/with-filter-button.js

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import cn from "../utils/index.js";
-import { Button } from "./buttons/button.js";
-import { FilterButton } from "./buttons/filter-button.js";
-const WithFilterButton = React.forwardRef(
-  ({
-    children,
-    onClick,
-    buttonVariant = "outline",
-    buttonSize = "default",
-    buttonLabel = "Filter",
-    showIcon = true,
-    className,
-    buttonClassName,
-    onClearAll
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "w-full flex items-center justify-between gap-4",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1", children }),
-          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            onClearAll && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "default", onClick: onClearAll, children: "Clear all" }),
-            /* @__PURE__ */ jsx(
-              FilterButton,
-              {
-                variant: buttonVariant,
-                size: buttonSize,
-                onClick,
-                className: buttonClassName,
-                label: buttonLabel,
-                showIcon
-              }
-            )
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-WithFilterButton.displayName = "WithFilterButton";
-export {
-  WithFilterButton
-};

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

@@ -1,59 +0,0 @@
-import type { NetworkType, TokenData } from "@gearbox-protocol/sdk";
-import * as React from "react";
-type Sizes = "default" | "sm" | "md" | "lg";
-/**
- * AssetLineBaseProps — base props for AssetLine component.
- */
-export interface AssetLineBaseProps {
-    symbolMaxLength?: number;
-    descriptionMaxLength?: number;
-    size?: Sizes;
-    iconSize?: Sizes;
-    gapSize?: Sizes;
-    hideValue?: boolean;
-}
-/**
- * AssetLineProps — props for AssetLine component.
- */
-export interface AssetLineProps extends AssetLineBaseProps {
-    token: TokenData | undefined;
-    tokenLabel?: string;
-    tokenDescription?: React.ReactNode;
-    chainId?: number;
-    network?: NetworkType;
-    value: React.ReactNode;
-    valueDescription?: React.ReactNode;
-    last: boolean;
-    onSelect?: () => void;
-    className?: string;
-}
-/**
- * AssetLine — component for displaying asset information in a table row format.
- *
- * @usage
- * Use AssetLine to display asset data in tables:
- * token lists, asset rows, portfolio tables, asset selection lists.
- *
- * Props:
- * - `token` — token data object (TokenData).
- * - `tokenLabel` — custom label for token (overrides token.title).
- * - `tokenDescription` — additional description displayed below token symbol.
- * - `chainId` — chain ID for token network.
- * - `network` — network type for token.
- * - `value` — value to display in right column (required).
- * - `valueDescription` — additional description displayed below value.
- * - `last` — if true, removes bottom border (required).
- * - `onSelect` — callback function for row selection (makes row clickable).
- * - `size` — row size: "default", "sm", "md", "lg" (defaults to "default").
- * - `iconSize` — icon size override (defaults to size).
- * - `gapSize` — gap size between elements (defaults to size).
- * - `symbolMaxLength` — max length for symbol truncation.
- * - `descriptionMaxLength` — max length for description truncation.
- * - `hideValue` — if true, hides the value column (defaults to false).
- * - `className` — additional CSS classes for styling.
- *
- * Note: Uses GridTableRow and GridTableCell internally. Displays token icon, symbol, and value in a two-column layout.
- * When onSelect is provided, row becomes clickable with cursor pointer.
- */
-export declare const AssetLine: React.ForwardRefExoticComponent<AssetLineProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/components/assets-list-cell.d.ts

@@ -1,48 +0,0 @@
-import type { Address } from "viem";
-export interface AssetsListCellProps {
-    /**
-     * The asset address
-     */
-    assetAddress: Address;
-    /**
-     * The asset symbol
-     */
-    symbol: string;
-    /**
-     * Optional comment/description to display next to the symbol
-     */
-    comment?: string;
-    /**
-     * Optional explorer URL for the asset
-     */
-    explorerUrl?: string;
-    /**
-     * Icon symbol to use if it doesn't match the asset symbol
-     * e.g., pool tokens don't have their own symbol and use underlying symbol
-     */
-    iconSymbol?: string;
-    /**
-     * Size of the token icon
-     * @default 24
-     */
-    iconSize?: number;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}
-/**
- * AssetsListCell component for displaying asset information in list views
- * Similar to TableCellAsset but without table cell wrapper, suitable for list/grid layouts
- *
- * @example
- * ```tsx
- * <AssetsListCell
- *   assetAddress="0x1234..."
- *   symbol="ETH"
- *   comment="Ethereum"
- *   explorerUrl="https://etherscan.io"
- * />
- * ```
- */
-export declare function AssetsListCell({ assetAddress, symbol, iconSymbol, comment, explorerUrl, iconSize, className, }: AssetsListCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/assets-ratio.d.ts

@@ -1,9 +0,0 @@
-import type { Asset } from "@gearbox-protocol/sdk";
-import * as React from "react";
-export interface AssetsRatioProps {
-    assets: Array<Asset & {
-        balanceInUSD: bigint;
-    }>;
-    className?: string;
-}
-export declare function AssetsRatio({ assets, className, }: AssetsRatioProps): React.ReactElement;

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

@@ -1,28 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import type * as React from "react";
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Badge — component for displaying labels, tags, or status indicators.
- *
- * @usage
- * Use Badge to display labels, tags, or status indicators:
- * status badges, category tags, count indicators, metadata labels.
- *
- * Variants (variant):
- * - `default` — primary badge with background and shadow.
- * - `secondary` — secondary badge with muted background.
- * - `destructive` — destructive badge with red background for errors/warnings.
- * - `outline` — outlined badge with border only.
- *
- * Note: Prefer using this component instead of native HTML div element for badges.
- *
- * Do NOT use Badge:
- * - for interactive elements (use Button instead).
- * - for large text content (use appropriate text components).
- */
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };

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

@@ -1,8 +0,0 @@
-import type * as React from "react";
-import type { BlockSyncProps } from "../types/footer";
-/**
- * BlockSync component - displays network synchronization status
- * Shows a colored indicator that reflects the time since last block update
- * On hover, displays detailed information about synced blocks for each chain
- */
-export declare function BlockSync({ blockByChain, explorerAddresses, networkById, }: BlockSyncProps): React.ReactElement;

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

@@ -1,20 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-declare const backButtonVariants: (props?: ({
-    variant?: "default" | "primary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface LinkComponentProps {
-    href: string;
-    className?: string;
-    onClick?: () => void;
-    children: React.ReactNode;
-}
-export interface BackButtonProps extends VariantProps<typeof backButtonVariants> {
-    href: string;
-    text?: string;
-    onClick?: () => void;
-    className?: string;
-    LinkComponent?: React.ComponentType<LinkComponentProps>;
-}
-export declare function BackButton({ href, text, onClick, className, variant, size, LinkComponent, }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
-export { backButtonVariants };

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

@@ -1,75 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "text" | "default" | "ghost" | "destructive" | "outline" | "secondary" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | "auto" | "xs" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Button component props
- */
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    /**
-     * Renders the button as a child element using Radix Slot
-     * Useful for creating link buttons or custom interactive elements
-     *
-     * @example
-     * ```tsx
-     * <Button asChild>
-     *   <Link href="/path">Link Button</Link>
-     * </Button>
-     * ```
-     */
-    asChild?: boolean;
-}
-/**
- * Button — universal component for user actions.
- *
- * @usage
- * Use Button for most clickable actions that represent a clearly defined intent:
- * submitting a form, creating an entity, confirming an operation, navigating the interface.
- *
- * Variants (variant):
- * - `default` — main action on a page (submit, create, confirm).
- * - `secondary` — alternative actions next to the primary one.
- * - `outline` — actions with border, medium priority, mostly used.
- * - `ghost` — low-emphasis actions (filters, "View details", icon-only actions).
- * - `destructive` — dangerous or irreversible actions (deleting entities, closing positions, liquidations).
- * - `link` — actions styled as a text link.
- * - `text` — text actions with muted color.
- * - `pink` / `pink-outline` — special variants with pink theme.
- * - `blue` / `blue-outline` — special variants with blue theme.
- *
- * Sizes (size):
- * - `auto` — automatic height without padding.
- * - `xs` — extra small (rounded-full, px-3, text-xs).
- * - `sm` — small (h-8, px-3, text-xs).
- * - `default` — standard (h-9, px-4, py-2).
- * - `lg` — large (h-10, px-8).
- * - `icon` — square button for icons (h-9 w-9).
- *
- * Do NOT use Button:
- * - for passive labels or decorative UI elements.
- * - for elements that don't perform actions (use appropriate semantic elements instead).
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Button>Click me</Button>
- *
- * // With variants
- * <Button variant="destructive">Delete</Button>
- * <Button variant="outline" size="sm">Small Button</Button>
- *
- * // As a link
- * <Button asChild>
- *   <Link href="/dashboard">Go to Dashboard</Link>
- * </Button>
- *
- * // Icon button
- * <Button size="icon" variant="ghost">
- *   <Icon />
- * </Button>
- * ```
- */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };

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

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { type ButtonProps } from "./button";
-export interface CopyButtonProps extends ButtonProps {
-    text: string;
-    name?: string;
-}
-/**
- * CopyButton — component for copying text to clipboard.
- *
- * @usage
- * Use CopyButton to allow users to quickly copy text content to their clipboard:
- * addresses, transaction hashes, API keys, code snippets, shareable links.
- *
- * Props:
- * - `text` — text content to copy to clipboard (required).
- * - `name` — optional name/description shown in copy notification, defaults to "Address".
- * - `size` — size of the copy icon, defaults to "3.5".
- * - All standard Button props are supported (variant, className, etc.).
- *
- * Do NOT use CopyButton:
- * - when the text to copy is not clearly visible or accessible to the user.
- * - as a primary action button (use regular Button with copy functionality if needed).
- */
-declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { CopyButton };

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

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { type ButtonProps } from "./button";
-export interface ExternalButtonProps extends ButtonProps {
-    url: string;
-}
-/**
- * ExternalButton — component for opening external links in a new tab.
- *
- * @usage
- * Use ExternalButton to open external URLs in a new browser tab:
- * documentation links, external services, social media profiles, third-party tools.
- *
- * Props:
- * - `url` — external URL to open (required).
- * - `size` — size of the copy icon, defaults to "3.5".
- * - All standard Button props are supported (variant, className, etc.).
- *
- * Do NOT use ExternalButton:
- * - for internal navigation within the application (use Link or NavigationButton).
- * - when you want to open links in the same tab (use regular Link component).
- * - for actions that don't involve opening URLs (use regular Button instead).
- */
-declare const ExternalButton: React.ForwardRefExoticComponent<ExternalButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { ExternalButton };

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

@@ -1,52 +0,0 @@
-import * as React from "react";
-import { type ButtonProps } from "./button";
-/**
- * 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/navigation-button.d.ts

@@ -1,26 +0,0 @@
-import 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/buttons/tab-button.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { type ButtonProps } from "./button";
-export interface TabButtonProps extends ButtonProps {
-    size?: "sm" | "lg" | "default";
-    children: React.ReactNode;
-}
-/**
- * TabButton — styled "sm" "outline" button variant commonly used with Tabs, Table, or Card components.
- *
- * @usage
- * Use TabButton as a styled action button in contexts where it pairs well with other UI components:
- * action buttons in EditableTable, buttons in Card headers, actions alongside Tabs.
- * Commonly used as main subpage action.
- *
- * Props:
- * - All standard Button props are supported (variant, className, onClick, etc.).
- *
- * Do NOT use TabButton:
- * - for primary page actions (use regular Button with appropriate variant instead).
- * - for navigation between different pages (use NavigationButton or Link).
- * - when you need different styling that doesn't match the dark theme outline variant.
- */
-declare const TabButton: React.ForwardRefExoticComponent<TabButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { TabButton };

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

@@ -1,25 +0,0 @@
-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/cards/card.d.ts

@@ -1,58 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const cardVariants: (props?: ({
-    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;
-}
-/**
- * Card — container component for grouping related content.
- *
- * @usage
- * Use Card to create visually distinct containers for related content:
- * information panels, settings sections, content blocks, grouped actions.
- *
- * Variants (variant):
- * - `default` — standard card with background and border.
- * - `interactive` — clickable card with hover effects.
- * - `transparent` — card without background (transparent).
- *
- * Card Components:
- * - `CardHeader` — header section with border-bottom, typically contains title and/or description, actions.
- * - `CardTitle` — title text with semibold font and large size.
- * - `CardDescription` — description text with muted color and small size.
- * - `CardContent` — main content area with padding.
- * - `CardFooter` — footer section with border-top, typically contains actions.
- *
- * Do NOT use Card:
- * - for simple layout containers without visual grouping (use div with appropriate styling).
- * - when you need a different visual style that doesn't match card semantics.
- */
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * CardHeader — header section of a Card with border-bottom.
- * Typically contains CardTitle and/or CardDescription and/or action buttons.
- */
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/**
- * CardTitle — title text component for Card header.
- * Uses semibold font and large text size.
- */
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/**
- * CardDescription — description text component for Card header.
- * Uses muted color and small text size.
- */
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/**
- * CardContent — main content area of a Card.
- * Provides padding for card content.
- */
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/**
- * CardFooter — footer section of a Card with border-top.
- * Typically contains action buttons and/or additional information.
- */
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };