@vela-ui/react/dist/components/tabs.d.mts

Vela UI React components

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import { Tab as Tab$1, TabListProps as TabListProps$1, TabPanel as TabPanel$1, Tabs as Tabs$1 } from 'react-aria-components';

declare const tabsVariants: tailwind_variants.TVReturnType<{
    variant: {
        default: {
            list: string;
            tab: string;
        };
        underline: {
            list: string;
            tab: string;
        };
        pills: {
            tab: string;
        };
    };
    size: {
        sm: {
            tab: string;
        };
        md: {
            tab: string;
        };
        lg: {
            tab: string;
        };
    };
    orientation: {
        horizontal: {
            root: string;
            list: string;
            panel: string;
        };
        vertical: {
            root: string;
            list: string;
            panel: string;
        };
    };
    fitted: {
        true: {
            list: string;
            tab: string;
        };
    };
    isDisabled: {
        true: {
            tab: string;
        };
    };
    isFocusVisible: {
        true: {
            tab: string;
            panel: string;
        };
    };
}, {
    root: string;
    list: string;
    tab: string;
    panel: string;
}, undefined, {
    variant: {
        default: {
            list: string;
            tab: string;
        };
        underline: {
            list: string;
            tab: string;
        };
        pills: {
            tab: string;
        };
    };
    size: {
        sm: {
            tab: string;
        };
        md: {
            tab: string;
        };
        lg: {
            tab: string;
        };
    };
    orientation: {
        horizontal: {
            root: string;
            list: string;
            panel: string;
        };
        vertical: {
            root: string;
            list: string;
            panel: string;
        };
    };
    fitted: {
        true: {
            list: string;
            tab: string;
        };
    };
    isDisabled: {
        true: {
            tab: string;
        };
    };
    isFocusVisible: {
        true: {
            tab: string;
            panel: string;
        };
    };
}, {
    root: string;
    list: string;
    tab: string;
    panel: string;
}, tailwind_variants.TVReturnType<{
    variant: {
        default: {
            list: string;
            tab: string;
        };
        underline: {
            list: string;
            tab: string;
        };
        pills: {
            tab: string;
        };
    };
    size: {
        sm: {
            tab: string;
        };
        md: {
            tab: string;
        };
        lg: {
            tab: string;
        };
    };
    orientation: {
        horizontal: {
            root: string;
            list: string;
            panel: string;
        };
        vertical: {
            root: string;
            list: string;
            panel: string;
        };
    };
    fitted: {
        true: {
            list: string;
            tab: string;
        };
    };
    isDisabled: {
        true: {
            tab: string;
        };
    };
    isFocusVisible: {
        true: {
            tab: string;
            panel: string;
        };
    };
}, {
    root: string;
    list: string;
    tab: string;
    panel: string;
}, undefined, unknown, unknown, undefined>>;
type TabsProps = React.ComponentProps<typeof Tabs$1> & VariantProps<typeof tabsVariants>;
declare function Tabs({ className, variant, size, fitted, children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
type TabListProps<T> = TabListProps$1<T>;
declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): react_jsx_runtime.JSX.Element;
type TabProps = React.ComponentProps<typeof Tab$1>;
declare function Tab({ className, ...props }: TabProps): react_jsx_runtime.JSX.Element;
type TabPanelProps = React.ComponentProps<typeof TabPanel$1>;
declare function TabPanel({ className, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;

export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };