import { tabsListVariants, tabsTabVariants, tabsIndicatorVariants } from './Tabs.styles';
import './Tabs.css';
import type { ITabsProps, ITabsHighlightProps, ITabsHighlightItemProps, ITabsListProps, ITabsTabProps, ITabsPanelProps, ITabsPanelsProps } from './Tabs.types';
/**
 * Root Tabs component -- provides active tab value context and
 * controlled/uncontrolled state management.
 *
 * @param value - Controlled active tab value
 * @param defaultValue - Uncontrolled initial active tab value
 * @param onValueChange - Callback when active tab changes
 * @param slots - Partial class overrides per slot
 *
 * @example
 * ```tsx
 * <Tabs defaultValue="general" slots={{ root: 'w-full' }}>
 *   <TabsList>...</TabsList>
 *   <TabsPanels>...</TabsPanels>
 * </Tabs>
 * ```
 */
declare function Tabs({ slots, className, ...props }: ITabsProps): import("react/jsx-runtime").JSX.Element;
/**
 * TabsHighlight -- animated background indicator that follows the active tab.
 * Wraps the Highlight primitive with tab-specific defaults (spring transition,
 * no click activation since tabs manage their own active state).
 *
 * @param transition - Motion transition config (default: spring 200/25)
 * @param slots - Partial class overrides per slot
 * @param className - Additional class names
 *
 * @example
 * ```tsx
 * <TabsHighlight className="rounded-md bg-white/10">
 *   <TabsHighlightItem value="tab1">
 *     <TabsTab value="tab1">Tab 1</TabsTab>
 *   </TabsHighlightItem>
 * </TabsHighlight>
 * ```
 */
declare function TabsHighlight({ transition, slots, className, ...props }: ITabsHighlightProps): import("react/jsx-runtime").JSX.Element;
/**
 * TabsList -- the container holding tab trigger buttons.
 * Renders a base-ui Tabs.List with CVA variant/size styling and
 * an optional CSS Anchor-based sliding indicator.
 *
 * @param variant - Visual variant: 'default' | 'outline' | 'ghost' | 'underline' | 'pill'
 * @param size - Size: 'sm' | 'default' | 'lg'
 * @param indicator - Show sliding indicator (default: true for default/outline/pill)
 * @param slots - Partial class overrides per slot
 * @param className - Additional class names
 *
 * @example
 * ```tsx
 * <TabsList variant="pill" size="sm">
 *   <TabsTab value="a">Alpha</TabsTab>
 *   <TabsTab value="b">Beta</TabsTab>
 * </TabsList>
 * ```
 */
declare function TabsList({ variant, size, indicator, slots, className, children, ...props }: ITabsListProps): import("react/jsx-runtime").JSX.Element;
/**
 * TabsHighlightItem -- wraps a TabsTab for highlight position tracking.
 * Must be placed inside a TabsHighlight context. The `value` prop should
 * match the corresponding TabsTab value.
 *
 * @param value - Tab value this highlight item corresponds to
 * @param slots - Partial class overrides per slot
 *
 * @example
 * ```tsx
 * <TabsHighlightItem value="general">
 *   <TabsTab value="general">General</TabsTab>
 * </TabsHighlightItem>
 * ```
 */
declare function TabsHighlightItem({ slots, ...props }: ITabsHighlightItemProps): import("react/jsx-runtime").JSX.Element;
/**
 * TabsTab -- a single tab trigger button that activates its panel.
 * Inherits variant/size from the parent TabsList context, or can be
 * overridden per-tab.
 *
 * @param value - The value this tab represents
 * @param variant - Override parent variant
 * @param size - Override parent size
 * @param slots - Partial class overrides per slot
 * @param className - Additional class names
 *
 * @example
 * ```tsx
 * <TabsTab value="general">
 *   <Search className="size-4" />
 *   General
 * </TabsTab>
 * ```
 */
declare function TabsTab({ variant, size, slots, className, ...props }: ITabsTabProps): import("react/jsx-runtime").JSX.Element;
/**
 * TabsPanel -- an animated content panel associated with a tab.
 * Uses Motion for blur + opacity enter/exit transitions wrapped in
 * AnimatePresence for smooth unmount animations.
 *
 * @param value - The tab value this panel corresponds to
 * @param keepMounted - Keep the panel in DOM when inactive
 * @param transition - Motion transition config (default: 0.5s easeInOut)
 * @param slots - Partial class overrides per slot
 * @param className - Additional class names
 *
 * @example
 * ```tsx
 * <TabsPanel value="general" className="p-4">
 *   <h2>General Settings</h2>
 *   <p>Configure your preferences here.</p>
 * </TabsPanel>
 * ```
 */
declare function TabsPanel({ value, keepMounted, transition, slots, className, ...props }: ITabsPanelProps): import("react/jsx-runtime").JSX.Element;
/**
 * TabsPanels -- container for tab panels with animated height transitions.
 * Supports two modes:
 *
 * - **auto-height** (default): Uses ResizeObserver to animate container
 *   height when panels have different content sizes.
 * - **layout**: Uses Motion layout animation for size transitions,
 *   with overflow hidden.
 *
 * @param mode - Animation mode: 'auto-height' (default) or 'layout'
 * @param transition - Motion transition config
 * @param slots - Partial class overrides per slot
 * @param className - Additional class names
 *
 * @example
 * ```tsx
 * // Auto-height mode (default)
 * <TabsPanels>
 *   <TabsPanel value="short">Short content</TabsPanel>
 *   <TabsPanel value="long">Much longer content with many paragraphs...</TabsPanel>
 * </TabsPanels>
 *
 * // Layout mode
 * <TabsPanels mode="layout" className="rounded-lg">
 *   <TabsPanel value="a">Content A</TabsPanel>
 *   <TabsPanel value="b">Content B</TabsPanel>
 * </TabsPanels>
 * ```
 */
declare function TabsPanels(props: ITabsPanelsProps): import("react/jsx-runtime").JSX.Element;
export { Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsTab, TabsPanel, TabsPanels, tabsListVariants, tabsTabVariants, tabsIndicatorVariants, };
export type { ITabsProps, ITabsHighlightProps, ITabsHighlightItemProps, ITabsListProps, ITabsTabProps, ITabsPanelProps, ITabsPanelsProps, ITabsPanelsAutoProps, ITabsPanelsLayoutProps, TabsContextType, } from './Tabs.types';
export type { TabsSlot } from './Tabs.styles';
//# sourceMappingURL=index.d.ts.map