import { type StoryObj } from "@storybook/react-vite";
declare const meta: {
    title: string;
    component: import("react").FC<(Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        dark?: boolean;
    }) | (Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
        version: "v2";
        color?: "divider" | "border" | "high-contrast" | "low-contrast";
        variant?: "hr";
    }) | (Omit<any, "ref"> & {
        as?: import("react").ElementType | undefined;
        _gap?: import("../src/system/Sizes").SpacingKey;
        align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
        justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
        axis?: "x" | "y";
        reverse?: boolean;
        wrap?: boolean;
        children?: React.ReactNode;
        className?: string;
        divider?: React.ReactNode;
    } & {
        ref?: any;
    } & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
        as?: import("react").ElementType | undefined;
        elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
        backgroundColor?: import("../src/types/general.types").BackgroundColor;
        borderRadius?: keyof typeof import("../src").SIZES;
        borderRadiusLeft?: keyof typeof import("../src").SIZES;
        borderRadiusRight?: keyof typeof import("../src").SIZES;
        hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
        cursor?: import("../src/types/general.types").CursorOption;
    } & {
        ref?: any;
    } & {
        version: "v2";
        variant: "vertical-flow";
    }) | (Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        version: "v2";
        variant: "vertical";
        color?: "divider" | "border" | "high-contrast" | "low-contrast";
    }) | (Omit<any, "ref"> & {
        as?: import("react").ElementType | undefined;
        _gap?: import("../src/system/Sizes").SpacingKey;
        align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
        justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
        axis?: "x" | "y";
        reverse?: boolean;
        wrap?: boolean;
        children?: React.ReactNode;
        className?: string;
        divider?: React.ReactNode;
    } & {
        ref?: any;
    } & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
        as?: import("react").ElementType | undefined;
        elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
        backgroundColor?: import("../src/types/general.types").BackgroundColor;
        borderRadius?: keyof typeof import("../src").SIZES;
        borderRadiusLeft?: keyof typeof import("../src").SIZES;
        borderRadiusRight?: keyof typeof import("../src").SIZES;
        hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
        cursor?: import("../src/types/general.types").CursorOption;
    } & {
        ref?: any;
    } & {
        version: "v2";
        variant: "horizontal-flow";
    })>;
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
export declare const Dark: Story;
export declare const Light: Story;
export declare const VerticalFlow: Story;
export declare const HorizontalFlow: Story;
export declare const Vertical: Story;
export declare const SemanticColors: Story;