@makolabs/ripple/dist/layout/table/table.d.ts

Simple Svelte 5 powered component library ✨

import { Color } from '../../variants.js';
export declare const table: import("tailwind-variants").TVReturnType<{
    size: {
        xs: {
            th: string;
            td: string;
        };
        sm: {
            th: string;
            td: string;
        };
        base: {
            th: string;
            td: string;
        };
        lg: {
            th: string;
            td: string;
        };
        xl: {
            th: string;
            td: string;
        };
        '2xl': {
            th: string;
            td: string;
        };
    };
    color: {
        [Color.PRIMARY]: {
            th: string;
            tr: string;
        };
        [Color.SECONDARY]: {
            th: string;
            tr: string;
        };
        [Color.INFO]: {
            th: string;
            tr: string;
        };
        [Color.SUCCESS]: {
            th: string;
            tr: string;
        };
        [Color.WARNING]: {
            th: string;
            tr: string;
        };
        [Color.DANGER]: {
            th: string;
            tr: string;
        };
        default: {
            th: string;
        };
    };
    bordered: {
        true: {
            table: string;
            th: string;
            td: string;
        };
        false: {
            table: string;
        };
    };
    striped: {
        true: {
            tr: string;
        };
    };
}, {
    base: string;
    wrapper: string;
    table: string;
    thead: string;
    tbody: string;
    tr: string;
    th: string;
    td: string;
    footer: string;
    pagination: string;
    emptyState: string;
    sortButton: string;
    sortIcon: string;
}, undefined, {
    size: {
        xs: {
            th: string;
            td: string;
        };
        sm: {
            th: string;
            td: string;
        };
        base: {
            th: string;
            td: string;
        };
        lg: {
            th: string;
            td: string;
        };
        xl: {
            th: string;
            td: string;
        };
        '2xl': {
            th: string;
            td: string;
        };
    };
    color: {
        [Color.PRIMARY]: {
            th: string;
            tr: string;
        };
        [Color.SECONDARY]: {
            th: string;
            tr: string;
        };
        [Color.INFO]: {
            th: string;
            tr: string;
        };
        [Color.SUCCESS]: {
            th: string;
            tr: string;
        };
        [Color.WARNING]: {
            th: string;
            tr: string;
        };
        [Color.DANGER]: {
            th: string;
            tr: string;
        };
        default: {
            th: string;
        };
    };
    bordered: {
        true: {
            table: string;
            th: string;
            td: string;
        };
        false: {
            table: string;
        };
    };
    striped: {
        true: {
            tr: string;
        };
    };
}, {
    base: string;
    wrapper: string;
    table: string;
    thead: string;
    tbody: string;
    tr: string;
    th: string;
    td: string;
    footer: string;
    pagination: string;
    emptyState: string;
    sortButton: string;
    sortIcon: string;
}, import("tailwind-variants").TVReturnType<{
    size: {
        xs: {
            th: string;
            td: string;
        };
        sm: {
            th: string;
            td: string;
        };
        base: {
            th: string;
            td: string;
        };
        lg: {
            th: string;
            td: string;
        };
        xl: {
            th: string;
            td: string;
        };
        '2xl': {
            th: string;
            td: string;
        };
    };
    color: {
        [Color.PRIMARY]: {
            th: string;
            tr: string;
        };
        [Color.SECONDARY]: {
            th: string;
            tr: string;
        };
        [Color.INFO]: {
            th: string;
            tr: string;
        };
        [Color.SUCCESS]: {
            th: string;
            tr: string;
        };
        [Color.WARNING]: {
            th: string;
            tr: string;
        };
        [Color.DANGER]: {
            th: string;
            tr: string;
        };
        default: {
            th: string;
        };
    };
    bordered: {
        true: {
            table: string;
            th: string;
            td: string;
        };
        false: {
            table: string;
        };
    };
    striped: {
        true: {
            tr: string;
        };
    };
}, {
    base: string;
    wrapper: string;
    table: string;
    thead: string;
    tbody: string;
    tr: string;
    th: string;
    td: string;
    footer: string;
    pagination: string;
    emptyState: string;
    sortButton: string;
    sortIcon: string;
}, undefined, unknown, unknown, undefined>>;
export type StatusType = 'active' | 'inactive' | 'pending' | 'error' | 'default';
export type KeyType = string;
export type DataRow = Record<string, unknown>;