import { ComputedRef, CSSProperties, PropType } from 'vue';
import { ColorScheme, Size, UIState } from '../../declaration';
import { VsTableColumnDef, VsTableItem, VsTableStyleSet } from './types';
import { getCellValue } from './composables/table-column-composable';
import { VsButtonStyleSet } from '../vs-button/types';
import { VsExpandableStyleSet } from '../vs-expandable/types';
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    item: {
        type: PropType<VsTableItem>;
        required: true;
    };
    index: {
        type: NumberConstructor;
        required: true;
    };
    columns: {
        type: PropType<VsTableColumnDef[]>;
        default: () => never[];
    };
    colorScheme: {
        type: PropType<ColorScheme>;
    };
    styleSet: {
        type: PropType<VsTableStyleSet>;
        default: () => {};
    };
    size: {
        type: PropType<Size>;
        default: string;
    };
    state: {
        type: PropType<UIState>;
        default: string;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    selected: {
        type: BooleanConstructor;
        default: boolean;
    };
    expanded: {
        type: BooleanConstructor;
        default: boolean;
    };
    selectable: {
        type: BooleanConstructor;
        default: boolean;
    };
    expandable: {
        type: BooleanConstructor;
        default: boolean;
    };
    showDrag: {
        type: BooleanConstructor;
        default: boolean;
    };
    showSelect: {
        type: BooleanConstructor;
        default: boolean;
    };
    showExpand: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {
    TABLE_DRAG_HANDLE_CLASS: string;
    getCellValue: typeof getCellValue;
    stateClasses: ComputedRef<{
        'vs-stated'?: undefined;
    } | {
        [x: string]: true;
        'vs-stated': true;
    }>;
    expandButtonStyleSet: ComputedRef<VsButtonStyleSet>;
    expandedPanelStyleSet: ComputedRef<VsExpandableStyleSet>;
    cellStyle: ComputedRef<CSSProperties | undefined>;
    rowStyle: ComputedRef<CSSProperties>;
    getCellStyle: (column: VsTableColumnDef) => CSSProperties;
    getSlotName: (colKey: string, colIdx: number) => string;
    clickCell: (column: VsTableColumnDef, colIdx: number, event: MouseEvent) => void;
    toggleSelect: (nextSelected: boolean, event: MouseEvent) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click-cell" | "click-row" | "select-row" | "expand-row")[], "click-cell" | "click-row" | "select-row" | "expand-row", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    item: {
        type: PropType<VsTableItem>;
        required: true;
    };
    index: {
        type: NumberConstructor;
        required: true;
    };
    columns: {
        type: PropType<VsTableColumnDef[]>;
        default: () => never[];
    };
    colorScheme: {
        type: PropType<ColorScheme>;
    };
    styleSet: {
        type: PropType<VsTableStyleSet>;
        default: () => {};
    };
    size: {
        type: PropType<Size>;
        default: string;
    };
    state: {
        type: PropType<UIState>;
        default: string;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    selected: {
        type: BooleanConstructor;
        default: boolean;
    };
    expanded: {
        type: BooleanConstructor;
        default: boolean;
    };
    selectable: {
        type: BooleanConstructor;
        default: boolean;
    };
    expandable: {
        type: BooleanConstructor;
        default: boolean;
    };
    showDrag: {
        type: BooleanConstructor;
        default: boolean;
    };
    showSelect: {
        type: BooleanConstructor;
        default: boolean;
    };
    showExpand: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    "onClick-cell"?: ((...args: any[]) => any) | undefined;
    "onClick-row"?: ((...args: any[]) => any) | undefined;
    "onSelect-row"?: ((...args: any[]) => any) | undefined;
    "onExpand-row"?: ((...args: any[]) => any) | undefined;
}>, {
    state: UIState;
    size: "xs" | "sm" | "md" | "lg" | "xl";
    styleSet: VsTableStyleSet;
    expanded: boolean;
    columns: VsTableColumnDef<any>[];
    loading: boolean;
    selected: boolean;
    showDrag: boolean;
    showSelect: boolean;
    showExpand: boolean;
    selectable: boolean;
    expandable: boolean;
}, {}, {
    ChevronDownIcon: import('@lucide/vue').LucideIcon;
    GripVerticalIcon: import('@lucide/vue').LucideIcon;
    VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        circle: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        ghost: {
            type: BooleanConstructor;
            default: boolean;
        };
        loading: {
            type: BooleanConstructor;
            default: boolean;
        };
        outline: {
            type: BooleanConstructor;
            default: boolean;
        };
        primary: {
            type: BooleanConstructor;
            default: boolean;
        };
        responsive: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: PropType<Size>;
            default: string;
        };
        type: {
            type: PropType<"button" | "submit" | "reset">;
            default: string;
        };
        styleSet: {
            type: PropType<string | VsButtonStyleSet>;
        };
        colorScheme: {
            type: PropType<ColorScheme>;
        };
    }>, {
        colorSchemeClass: ComputedRef<string>;
        styleSetVariables: ComputedRef<Record<string, string>>;
        componentInlineStyle: ComputedRef<CSSProperties>;
        classObj: ComputedRef<{
            [x: string]: boolean;
            'vs-focus-visible': boolean;
            'vs-circle': boolean;
            'vs-disabled': boolean;
            'vs-ghost': boolean;
            'vs-loading-state': boolean;
            'vs-outline': boolean;
            'vs-primary': boolean;
            'vs-responsive': boolean;
        }>;
        buttonRef: Readonly<import('vue').ShallowRef<HTMLButtonElement | null>>;
        componentStyleSet: ComputedRef<Partial<VsButtonStyleSet>>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        circle: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        ghost: {
            type: BooleanConstructor;
            default: boolean;
        };
        loading: {
            type: BooleanConstructor;
            default: boolean;
        };
        outline: {
            type: BooleanConstructor;
            default: boolean;
        };
        primary: {
            type: BooleanConstructor;
            default: boolean;
        };
        responsive: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: PropType<Size>;
            default: string;
        };
        type: {
            type: PropType<"button" | "submit" | "reset">;
            default: string;
        };
        styleSet: {
            type: PropType<string | VsButtonStyleSet>;
        };
        colorScheme: {
            type: PropType<ColorScheme>;
        };
    }>> & Readonly<{}>, {
        circle: boolean;
        disabled: boolean;
        type: "button" | "reset" | "submit";
        size: "xs" | "sm" | "md" | "lg" | "xl";
        outline: boolean;
        primary: boolean;
        ghost: boolean;
        loading: boolean;
        responsive: boolean;
    }, {}, {
        VsLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            width: {
                type: (StringConstructor | NumberConstructor)[];
            };
            height: {
                type: (StringConstructor | NumberConstructor)[];
            };
            styleSet: {
                type: PropType<string | import('..').VsLoadingStyleSet>;
            };
            colorScheme: {
                type: PropType<ColorScheme>;
            };
        }>, {
            colorSchemeClass: ComputedRef<string>;
            styleSetVariables: ComputedRef<Record<string, string>>;
            componentInlineStyle: ComputedRef<CSSProperties>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            width: {
                type: (StringConstructor | NumberConstructor)[];
            };
            height: {
                type: (StringConstructor | NumberConstructor)[];
            };
            styleSet: {
                type: PropType<string | import('..').VsLoadingStyleSet>;
            };
            colorScheme: {
                type: PropType<ColorScheme>;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    VsCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        beforeChange: {
            type: PropType<(from: any, to: any, optionValue: any) => Promise<boolean> | null>;
            default: null;
        };
        checked: {
            type: BooleanConstructor;
            default: boolean;
        };
        checkLabel: {
            type: StringConstructor;
            default: string;
        };
        indeterminate: {
            type: BooleanConstructor;
            default: boolean;
        };
        multiple: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: PropType<Size>;
            default: string;
        };
        trueValue: {
            type: null;
            default: boolean;
        };
        falseValue: {
            type: null;
            default: boolean;
        };
        modelValue: {
            type: null;
            default: boolean;
        };
        width: {
            type: PropType<string | number | import('../../declaration').Breakpoints>;
        };
        grid: {
            type: PropType<string | number | import('../../declaration').Breakpoints>;
        };
        label: {
            type: typeof String;
            default: string;
        };
        messages: {
            type: PropType<import('../../declaration').Message<any>[]>;
            default: () => import('../../declaration').Message<any>[];
        };
        name: {
            type: typeof String;
            default: string;
        };
        noDefaultRules: {
            type: typeof Boolean;
            default: boolean;
        };
        focusPlaceholder: {
            type: typeof String;
            default: string;
        };
        readonly: {
            type: typeof Boolean;
            default: boolean;
        };
        rules: {
            type: PropType<import('../../declaration').Rule<any>[]>;
            default: () => import('../../declaration').Rule<any>[];
        };
        state: {
            type: PropType<UIState>;
            default: UIState;
        };
        changed: {
            type: typeof Boolean;
            default: boolean;
        };
        valid: {
            type: typeof Boolean;
            default: boolean;
        };
        disabled: {
            type: typeof Boolean;
            default: boolean;
        };
        hidden: {
            type: typeof Boolean;
            default: boolean;
        };
        id: {
            type: typeof String;
            default: string;
        };
        noLabel: {
            type: typeof Boolean;
            default: boolean;
        };
        noMessages: {
            type: typeof Boolean;
            default: boolean;
        };
        required: {
            type: typeof Boolean;
            default: boolean;
        };
        styleSet: {
            type: PropType<string | import('..').VsCheckboxStyleSet>;
        };
        colorScheme: {
            type: PropType<ColorScheme>;
        };
    }>, {
        checkboxRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
        colorSchemeClass: ComputedRef<string>;
        componentStyleSet: ComputedRef<Partial<import('..').VsCheckboxStyleSet>>;
        styleSetVariables: ComputedRef<Record<string, string>>;
        componentInlineStyle: ComputedRef<CSSProperties>;
        classObj: ComputedRef<{
            'vs-checked': boolean;
            'vs-disabled': boolean;
            'vs-focus-visible': boolean;
            'vs-indeterminate': boolean;
            'vs-readonly': boolean;
        }>;
        sizeClass: ComputedRef<string>;
        stateBoxClasses: ComputedRef<{}>;
        computedId: ComputedRef<string>;
        computedDisabled: ComputedRef<boolean>;
        computedReadonly: ComputedRef<boolean>;
        computedMessages: ComputedRef<import('../../declaration').StateMessage<UIState>[]>;
        computedState: ComputedRef<UIState>;
        convertToString: (value: any) => string;
        inputValue: import('vue').Ref<any, any>;
        isChecked: ComputedRef<boolean>;
        shake: import('vue').Ref<boolean, boolean>;
        toggle: () => Promise<boolean>;
        onToggle: (e: MouseEvent) => Promise<void>;
        onFocus: (e: FocusEvent) => void;
        onBlur: (e: FocusEvent) => void;
        validate: () => boolean;
        clear: () => void;
        reset: () => void;
        focus: () => void;
        blur: () => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "update:changed" | "update:valid")[], "blur" | "change" | "focus" | "toggle" | "clear" | "update:modelValue" | "update:changed" | "update:valid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        beforeChange: {
            type: PropType<(from: any, to: any, optionValue: any) => Promise<boolean> | null>;
            default: null;
        };
        checked: {
            type: BooleanConstructor;
            default: boolean;
        };
        checkLabel: {
            type: StringConstructor;
            default: string;
        };
        indeterminate: {
            type: BooleanConstructor;
            default: boolean;
        };
        multiple: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: PropType<Size>;
            default: string;
        };
        trueValue: {
            type: null;
            default: boolean;
        };
        falseValue: {
            type: null;
            default: boolean;
        };
        modelValue: {
            type: null;
            default: boolean;
        };
        width: {
            type: PropType<string | number | import('../../declaration').Breakpoints>;
        };
        grid: {
            type: PropType<string | number | import('../../declaration').Breakpoints>;
        };
        label: {
            type: typeof String;
            default: string;
        };
        messages: {
            type: PropType<import('../../declaration').Message<any>[]>;
            default: () => import('../../declaration').Message<any>[];
        };
        name: {
            type: typeof String;
            default: string;
        };
        noDefaultRules: {
            type: typeof Boolean;
            default: boolean;
        };
        focusPlaceholder: {
            type: typeof String;
            default: string;
        };
        readonly: {
            type: typeof Boolean;
            default: boolean;
        };
        rules: {
            type: PropType<import('../../declaration').Rule<any>[]>;
            default: () => import('../../declaration').Rule<any>[];
        };
        state: {
            type: PropType<UIState>;
            default: UIState;
        };
        changed: {
            type: typeof Boolean;
            default: boolean;
        };
        valid: {
            type: typeof Boolean;
            default: boolean;
        };
        disabled: {
            type: typeof Boolean;
            default: boolean;
        };
        hidden: {
            type: typeof Boolean;
            default: boolean;
        };
        id: {
            type: typeof String;
            default: string;
        };
        noLabel: {
            type: typeof Boolean;
            default: boolean;
        };
        noMessages: {
            type: typeof Boolean;
            default: boolean;
        };
        required: {
            type: typeof Boolean;
            default: boolean;
        };
        styleSet: {
            type: PropType<string | import('..').VsCheckboxStyleSet>;
        };
        colorScheme: {
            type: PropType<ColorScheme>;
        };
    }>> & Readonly<{
        onFocus?: ((...args: any[]) => any) | undefined;
        onBlur?: ((...args: any[]) => any) | undefined;
        onChange?: ((...args: any[]) => any) | undefined;
        onToggle?: ((...args: any[]) => any) | undefined;
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
        onClear?: ((...args: any[]) => any) | undefined;
        "onUpdate:changed"?: ((...args: any[]) => any) | undefined;
        "onUpdate:valid"?: ((...args: any[]) => any) | undefined;
    }>, {
        label: string;
        messages: import('../../declaration').Message<any>[];
        name: string;
        noDefaultRules: boolean;
        focusPlaceholder: string;
        readonly: boolean;
        rules: import('../../declaration').Rule<any>[];
        state: UIState;
        changed: boolean;
        valid: boolean;
        disabled: boolean;
        hidden: boolean;
        id: string;
        noLabel: boolean;
        noMessages: boolean;
        required: boolean;
        size: "xs" | "sm" | "md" | "lg" | "xl";
        multiple: boolean;
        modelValue: any;
        beforeChange: (from: any, to: any, optionValue: any) => Promise<boolean> | null;
        checked: boolean;
        checkLabel: string;
        indeterminate: boolean;
        trueValue: any;
        falseValue: any;
    }, {}, {
        VsInputWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            groupLabel: {
                type: BooleanConstructor;
                default: boolean;
            };
            messages: {
                type: PropType<import('../../declaration').StateMessage<UIState>[]>;
                default: () => never[];
            };
            shake: {
                type: BooleanConstructor;
                default: boolean;
            };
            styleSet: {
                type: PropType<string | import('..').VsInputWrapperStyleSet>;
            };
            disabled: {
                type: typeof Boolean;
                default: boolean;
            };
            hidden: {
                type: typeof Boolean;
                default: boolean;
            };
            id: {
                type: typeof String;
                default: string;
            };
            label: {
                type: typeof String;
                default: string;
            };
            noLabel: {
                type: typeof Boolean;
                default: boolean;
            };
            noMessages: {
                type: typeof Boolean;
                default: boolean;
            };
            required: {
                type: typeof Boolean;
                default: boolean;
            };
            width: {
                type: PropType<string | number | import('../../declaration').Breakpoints>;
            };
            grid: {
                type: PropType<string | number | import('../../declaration').Breakpoints>;
            };
        }>, {
            componentStyleSet: ComputedRef<Partial<import('..').VsInputWrapperStyleSet>>;
            componentInlineStyle: ComputedRef<CSSProperties>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            groupLabel: {
                type: BooleanConstructor;
                default: boolean;
            };
            messages: {
                type: PropType<import('../../declaration').StateMessage<UIState>[]>;
                default: () => never[];
            };
            shake: {
                type: BooleanConstructor;
                default: boolean;
            };
            styleSet: {
                type: PropType<string | import('..').VsInputWrapperStyleSet>;
            };
            disabled: {
                type: typeof Boolean;
                default: boolean;
            };
            hidden: {
                type: typeof Boolean;
                default: boolean;
            };
            id: {
                type: typeof String;
                default: string;
            };
            label: {
                type: typeof String;
                default: string;
            };
            noLabel: {
                type: typeof Boolean;
                default: boolean;
            };
            noMessages: {
                type: typeof Boolean;
                default: boolean;
            };
            required: {
                type: typeof Boolean;
                default: boolean;
            };
            width: {
                type: PropType<string | number | import('../../declaration').Breakpoints>;
            };
            grid: {
                type: PropType<string | number | import('../../declaration').Breakpoints>;
            };
        }>> & Readonly<{}>, {
            label: string;
            messages: import('../../declaration').StateMessage<UIState>[];
            disabled: boolean;
            hidden: boolean;
            id: string;
            noLabel: boolean;
            noMessages: boolean;
            required: boolean;
            shake: boolean;
            groupLabel: boolean;
        }, {}, {
            VsResponsive: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                tag: {
                    type: StringConstructor;
                    default: string;
                };
                width: {
                    type: PropType<string | number | import('../../declaration').Breakpoints>;
                };
                grid: {
                    type: PropType<string | number | import('../../declaration').Breakpoints>;
                };
            }>, {
                responsiveClasses: ComputedRef<string[]>;
                responsiveStyles: ComputedRef<Record<string, string>>;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                tag: {
                    type: StringConstructor;
                    default: string;
                };
                width: {
                    type: PropType<string | number | import('../../declaration').Breakpoints>;
                };
                grid: {
                    type: PropType<string | number | import('../../declaration').Breakpoints>;
                };
            }>> & Readonly<{}>, {
                tag: string;
            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
            VsMessage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                state: {
                    type: PropType<UIState>;
                    default: string;
                };
                text: {
                    type: StringConstructor;
                    default: string;
                };
                styleSet: {
                    type: PropType<string | import('..').VsMessageStyleSet>;
                };
            }>, {
                colorClass: ComputedRef<"vs-cs-blue" | "vs-cs-green" | "vs-cs-amber" | "vs-cs-red" | "vs-cs-default">;
                icon: ComputedRef<import('vue').Component>;
                styleSetVariables: ComputedRef<Record<string, string>>;
                componentInlineStyle: ComputedRef<CSSProperties>;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                state: {
                    type: PropType<UIState>;
                    default: string;
                };
                text: {
                    type: StringConstructor;
                    default: string;
                };
                styleSet: {
                    type: PropType<string | import('..').VsMessageStyleSet>;
                };
            }>> & Readonly<{}>, {
                text: string;
                state: UIState;
            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        }, {
            shake: import('vue').Directive<HTMLElement, boolean | undefined>;
        }, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    VsExpandable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        open: {
            type: BooleanConstructor;
            required: true;
            default: boolean;
        };
        size: {
            type: PropType<Size>;
            default: string;
        };
        styleSet: {
            type: PropType<string | VsExpandableStyleSet>;
        };
    }>, {
        sizeClass: ComputedRef<string>;
        componentInlineStyle: ComputedRef<CSSProperties>;
        beforeEnter: (el: Element) => void;
        enter: (el: Element, done: () => void) => void;
        beforeLeave: (el: Element) => void;
        leave: (el: Element, done: () => void) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        open: {
            type: BooleanConstructor;
            required: true;
            default: boolean;
        };
        size: {
            type: PropType<Size>;
            default: string;
        };
        styleSet: {
            type: PropType<string | VsExpandableStyleSet>;
        };
    }>> & Readonly<{}>, {
        size: "xs" | "sm" | "md" | "lg" | "xl";
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    VsSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        styleSet: {
            type: PropType<string | import('..').VsSkeletonStyleSet>;
        };
        colorScheme: {
            type: PropType<ColorScheme>;
        };
    }>, {
        colorSchemeClass: ComputedRef<string>;
        componentStyleSet: ComputedRef<Partial<import('..').VsSkeletonStyleSet>>;
        componentInlineStyle: ComputedRef<CSSProperties>;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        styleSet: {
            type: PropType<string | import('..').VsSkeletonStyleSet>;
        };
        colorScheme: {
            type: PropType<ColorScheme>;
        };
    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;