import React from 'react';
import { TabsVariantProps } from './tabs.styles';
export interface TabsRootProps extends TabsVariantProps, React.HTMLAttributes<HTMLDivElement> {
    value?: string;
    defaultValue?: string;
    onValueChange?: (value: string) => void;
    children?: React.ReactNode;
    className?: string;
    activationMode?: 'automatic' | 'manual';
    loop?: boolean;
}
interface TabsCtxProps {
    baseId: string;
    value?: string;
    onValueChange: (value: string) => void;
    orientation?: TabsRootProps['orientation'];
    activationMode?: TabsRootProps['activationMode'];
    activeTabId: string;
    onTabChange: (id: string) => void;
    loop?: boolean;
    isTabbingBackOut: boolean;
    setIsTabbingBackOut: React.Dispatch<React.SetStateAction<boolean>>;
}
declare const useTabsCtx: (consumerName: string) => TabsCtxProps;
declare const useTabsStyles: (consumerName: string) => {
    wrapper: (slotProps?: ({
        orientation?: "horizontal" | "vertical" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    list: (slotProps?: ({
        orientation?: "horizontal" | "vertical" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    trigger: (slotProps?: ({
        orientation?: "horizontal" | "vertical" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    content: (slotProps?: ({
        orientation?: "horizontal" | "vertical" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
} & {
    wrapper: (slotProps?: ({
        orientation?: "horizontal" | "vertical" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    list: (slotProps?: ({
        orientation?: "horizontal" | "vertical" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    trigger: (slotProps?: ({
        orientation?: "horizontal" | "vertical" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
    content: (slotProps?: ({
        orientation?: "horizontal" | "vertical" | undefined;
    } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
} & {};
export { useTabsCtx, useTabsStyles };
interface ItemData {
    active: boolean;
}
export declare const TabsCollection: {
    readonly Provider: {
        (props: {
            children?: React.ReactNode;
        }): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    readonly Parent: {
        (props: import("../use-collection/collection").ParentProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    readonly Item: {
        (props: ItemData & {
            children: React.ReactNode;
        }): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
}, useTabsCollection: () => () => ({
    ref: React.RefObject<HTMLButtonElement>;
} & ItemData)[];
export declare const TabsRoot: React.ForwardRefExoticComponent<TabsRootProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=tabs-root.d.ts.map