@payfit/unity-components/dist/esm/components/grid/Grid.variants.d.ts

import { VariantProps } from '@payfit/unity-themes';
export declare const grid: import('tailwind-variants').TVReturnType<{
    inline: {
        true: "uy:inline-grid";
        false: "";
    };
    cols: {
        6: "uy:[--uy-grid-layout-columns--default:6] uy:[--uy-grid-layout-columns--md:6] uy:[--uy-grid-layout-columns--lg:6]";
        12: "uy:[--uy-grid-layout-columns--default:12] uy:[--uy-grid-layout-columns--md:12] uy:[--uy-grid-layout-columns--lg:12]";
    };
    flow: {
        row: "uy:grid-flow-row";
        col: "uy:grid-flow-col";
        dense: "uy:grid-flow-dense";
        'row-dense': "uy:grid-flow-row-dense";
        'col-dense': "uy:grid-flow-col-dense";
    };
    justifyItems: {
        initial: "";
        start: "uy:justify-items-start";
        end: "uy:justify-items-end";
        center: "uy:justify-items-center";
        stretch: "uy:justify-items-stretch";
    };
    alignItems: {
        initial: "";
        start: "uy:items-start";
        end: "uy:items-end";
        center: "uy:items-center";
        stretch: "uy:items-stretch";
        baseline: "uy:items-baseline uy:items-base";
    };
}, undefined, "uy:grid-layout", {
    inline: {
        true: "uy:inline-grid";
        false: "";
    };
    cols: {
        6: "uy:[--uy-grid-layout-columns--default:6] uy:[--uy-grid-layout-columns--md:6] uy:[--uy-grid-layout-columns--lg:6]";
        12: "uy:[--uy-grid-layout-columns--default:12] uy:[--uy-grid-layout-columns--md:12] uy:[--uy-grid-layout-columns--lg:12]";
    };
    flow: {
        row: "uy:grid-flow-row";
        col: "uy:grid-flow-col";
        dense: "uy:grid-flow-dense";
        'row-dense': "uy:grid-flow-row-dense";
        'col-dense': "uy:grid-flow-col-dense";
    };
    justifyItems: {
        initial: "";
        start: "uy:justify-items-start";
        end: "uy:justify-items-end";
        center: "uy:justify-items-center";
        stretch: "uy:justify-items-stretch";
    };
    alignItems: {
        initial: "";
        start: "uy:items-start";
        end: "uy:items-end";
        center: "uy:items-center";
        stretch: "uy:items-stretch";
        baseline: "uy:items-baseline uy:items-base";
    };
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
    inline: {
        true: "uy:inline-grid";
        false: "";
    };
    cols: {
        6: "uy:[--uy-grid-layout-columns--default:6] uy:[--uy-grid-layout-columns--md:6] uy:[--uy-grid-layout-columns--lg:6]";
        12: "uy:[--uy-grid-layout-columns--default:12] uy:[--uy-grid-layout-columns--md:12] uy:[--uy-grid-layout-columns--lg:12]";
    };
    flow: {
        row: "uy:grid-flow-row";
        col: "uy:grid-flow-col";
        dense: "uy:grid-flow-dense";
        'row-dense': "uy:grid-flow-row-dense";
        'col-dense': "uy:grid-flow-col-dense";
    };
    justifyItems: {
        initial: "";
        start: "uy:justify-items-start";
        end: "uy:justify-items-end";
        center: "uy:justify-items-center";
        stretch: "uy:justify-items-stretch";
    };
    alignItems: {
        initial: "";
        start: "uy:items-start";
        end: "uy:items-end";
        center: "uy:items-center";
        stretch: "uy:items-stretch";
        baseline: "uy:items-baseline uy:items-base";
    };
}, undefined>>;
export type GridVariants = VariantProps<typeof grid>;
export declare const gridItem: import('tailwind-variants').TVReturnType<{
    colSpan: {
        '1': "uy:col-span-1";
        '2': "uy:col-span-2";
        '3': "uy:col-span-3";
        '4': "uy:col-span-4";
        '5': "uy:col-span-5";
        '6': "uy:col-span-6";
        '7': "uy:md:col-span-7";
        '8': "uy:md:col-span-8";
        '9': "uy:md:col-span-9";
        '10': "uy:md:col-span-10";
        '11': "uy:md:col-span-11";
        '12': "uy:md:col-span-12";
        '1/2': "uy:col-span-3 uy:md:col-span-6";
        '1/3': "uy:col-span-2 uy:md:col-span-4";
        '2/3': "uy:col-span-4 uy:md:col-span-8";
        '1/4': "uy:col-span-1 uy:md:col-span-3";
        '3/4': "uy:col-span-3 uy:md:col-span-9";
        '1/6': "uy:col-span-1 uy:md:col-span-2";
        '5/6': "uy:col-span-5 uy:md:col-span-10";
        full: "uy:col-span-full";
    };
    colStart: {
        '-1': "uy:-col-start-1";
        '-2': "uy:-col-start-2";
        '-3': "uy:-col-start-3";
        '-4': "uy:-col-start-4";
        '-5': "uy:-col-start-5";
        '-6': "uy:-col-start-6";
        '-7': "uy:-col-start-7";
        '-8': "uy:-col-start-8";
        '-9': "uy:-col-start-9";
        '-10': "uy:-col-start-10";
        '-11': "uy:-col-start-11";
        '-12': "uy:-col-start-12";
        '-13': "uy:-col-start-13";
        '1': "uy:col-start-1";
        '2': "uy:col-start-2";
        '3': "uy:col-start-3";
        '4': "uy:col-start-4";
        '5': "uy:col-start-5";
        '6': "uy:col-start-6";
        '7': "uy:col-start-7";
        '8': "uy:col-start-8";
        '9': "uy:col-start-9";
        '10': "uy:col-start-10";
        '11': "uy:col-start-11";
        '12': "uy:col-start-12";
        '13': "uy:col-start-13";
        auto: "uy:col-start-auto";
    };
    colEnd: {
        '1': "uy:col-end-1";
        '2': "uy:col-end-2";
        '3': "uy:col-end-3";
        '4': "uy:col-end-4";
        '5': "uy:col-end-5";
        '6': "uy:col-end-6";
        '7': "uy:col-end-7";
        '8': "uy:col-end-8";
        '9': "uy:col-end-9";
        '10': "uy:col-end-10";
        '11': "uy:col-end-11";
        '12': "uy:col-end-12";
        '13': "uy:col-end-13";
        '-1': "uy:-col-end-1";
        '-2': "uy:-col-end-2";
        '-3': "uy:-col-end-3";
        '-4': "uy:-col-end-4";
        '-5': "uy:-col-end-5";
        '-6': "uy:-col-end-6";
        '-7': "uy:-col-end-7";
        '-8': "uy:-col-end-8";
        '-9': "uy:-col-end-9";
        '-10': "uy:-col-end-10";
        '-11': "uy:-col-end-11";
        '-12': "uy:-col-end-12";
        '-13': "uy:-col-end-13";
        auto: "uy:col-end-auto";
    };
    justify: {
        initial: "";
        start: "uy:justify-self-start";
        end: "uy:justify-self-end";
        center: "uy:justify-self-center";
        stretch: "uy:justify-self-stretch";
    };
    align: {
        initial: "uy:self-auto";
        start: "uy:self-start";
        end: "uy:self-end";
        center: "uy:self-center";
        stretch: "uy:self-stretch";
        baseline: "uy:self-baseline";
    };
}, undefined, undefined, {
    colSpan: {
        '1': "uy:col-span-1";
        '2': "uy:col-span-2";
        '3': "uy:col-span-3";
        '4': "uy:col-span-4";
        '5': "uy:col-span-5";
        '6': "uy:col-span-6";
        '7': "uy:md:col-span-7";
        '8': "uy:md:col-span-8";
        '9': "uy:md:col-span-9";
        '10': "uy:md:col-span-10";
        '11': "uy:md:col-span-11";
        '12': "uy:md:col-span-12";
        '1/2': "uy:col-span-3 uy:md:col-span-6";
        '1/3': "uy:col-span-2 uy:md:col-span-4";
        '2/3': "uy:col-span-4 uy:md:col-span-8";
        '1/4': "uy:col-span-1 uy:md:col-span-3";
        '3/4': "uy:col-span-3 uy:md:col-span-9";
        '1/6': "uy:col-span-1 uy:md:col-span-2";
        '5/6': "uy:col-span-5 uy:md:col-span-10";
        full: "uy:col-span-full";
    };
    colStart: {
        '-1': "uy:-col-start-1";
        '-2': "uy:-col-start-2";
        '-3': "uy:-col-start-3";
        '-4': "uy:-col-start-4";
        '-5': "uy:-col-start-5";
        '-6': "uy:-col-start-6";
        '-7': "uy:-col-start-7";
        '-8': "uy:-col-start-8";
        '-9': "uy:-col-start-9";
        '-10': "uy:-col-start-10";
        '-11': "uy:-col-start-11";
        '-12': "uy:-col-start-12";
        '-13': "uy:-col-start-13";
        '1': "uy:col-start-1";
        '2': "uy:col-start-2";
        '3': "uy:col-start-3";
        '4': "uy:col-start-4";
        '5': "uy:col-start-5";
        '6': "uy:col-start-6";
        '7': "uy:col-start-7";
        '8': "uy:col-start-8";
        '9': "uy:col-start-9";
        '10': "uy:col-start-10";
        '11': "uy:col-start-11";
        '12': "uy:col-start-12";
        '13': "uy:col-start-13";
        auto: "uy:col-start-auto";
    };
    colEnd: {
        '1': "uy:col-end-1";
        '2': "uy:col-end-2";
        '3': "uy:col-end-3";
        '4': "uy:col-end-4";
        '5': "uy:col-end-5";
        '6': "uy:col-end-6";
        '7': "uy:col-end-7";
        '8': "uy:col-end-8";
        '9': "uy:col-end-9";
        '10': "uy:col-end-10";
        '11': "uy:col-end-11";
        '12': "uy:col-end-12";
        '13': "uy:col-end-13";
        '-1': "uy:-col-end-1";
        '-2': "uy:-col-end-2";
        '-3': "uy:-col-end-3";
        '-4': "uy:-col-end-4";
        '-5': "uy:-col-end-5";
        '-6': "uy:-col-end-6";
        '-7': "uy:-col-end-7";
        '-8': "uy:-col-end-8";
        '-9': "uy:-col-end-9";
        '-10': "uy:-col-end-10";
        '-11': "uy:-col-end-11";
        '-12': "uy:-col-end-12";
        '-13': "uy:-col-end-13";
        auto: "uy:col-end-auto";
    };
    justify: {
        initial: "";
        start: "uy:justify-self-start";
        end: "uy:justify-self-end";
        center: "uy:justify-self-center";
        stretch: "uy:justify-self-stretch";
    };
    align: {
        initial: "uy:self-auto";
        start: "uy:self-start";
        end: "uy:self-end";
        center: "uy:self-center";
        stretch: "uy:self-stretch";
        baseline: "uy:self-baseline";
    };
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
    colSpan: {
        '1': "uy:col-span-1";
        '2': "uy:col-span-2";
        '3': "uy:col-span-3";
        '4': "uy:col-span-4";
        '5': "uy:col-span-5";
        '6': "uy:col-span-6";
        '7': "uy:md:col-span-7";
        '8': "uy:md:col-span-8";
        '9': "uy:md:col-span-9";
        '10': "uy:md:col-span-10";
        '11': "uy:md:col-span-11";
        '12': "uy:md:col-span-12";
        '1/2': "uy:col-span-3 uy:md:col-span-6";
        '1/3': "uy:col-span-2 uy:md:col-span-4";
        '2/3': "uy:col-span-4 uy:md:col-span-8";
        '1/4': "uy:col-span-1 uy:md:col-span-3";
        '3/4': "uy:col-span-3 uy:md:col-span-9";
        '1/6': "uy:col-span-1 uy:md:col-span-2";
        '5/6': "uy:col-span-5 uy:md:col-span-10";
        full: "uy:col-span-full";
    };
    colStart: {
        '-1': "uy:-col-start-1";
        '-2': "uy:-col-start-2";
        '-3': "uy:-col-start-3";
        '-4': "uy:-col-start-4";
        '-5': "uy:-col-start-5";
        '-6': "uy:-col-start-6";
        '-7': "uy:-col-start-7";
        '-8': "uy:-col-start-8";
        '-9': "uy:-col-start-9";
        '-10': "uy:-col-start-10";
        '-11': "uy:-col-start-11";
        '-12': "uy:-col-start-12";
        '-13': "uy:-col-start-13";
        '1': "uy:col-start-1";
        '2': "uy:col-start-2";
        '3': "uy:col-start-3";
        '4': "uy:col-start-4";
        '5': "uy:col-start-5";
        '6': "uy:col-start-6";
        '7': "uy:col-start-7";
        '8': "uy:col-start-8";
        '9': "uy:col-start-9";
        '10': "uy:col-start-10";
        '11': "uy:col-start-11";
        '12': "uy:col-start-12";
        '13': "uy:col-start-13";
        auto: "uy:col-start-auto";
    };
    colEnd: {
        '1': "uy:col-end-1";
        '2': "uy:col-end-2";
        '3': "uy:col-end-3";
        '4': "uy:col-end-4";
        '5': "uy:col-end-5";
        '6': "uy:col-end-6";
        '7': "uy:col-end-7";
        '8': "uy:col-end-8";
        '9': "uy:col-end-9";
        '10': "uy:col-end-10";
        '11': "uy:col-end-11";
        '12': "uy:col-end-12";
        '13': "uy:col-end-13";
        '-1': "uy:-col-end-1";
        '-2': "uy:-col-end-2";
        '-3': "uy:-col-end-3";
        '-4': "uy:-col-end-4";
        '-5': "uy:-col-end-5";
        '-6': "uy:-col-end-6";
        '-7': "uy:-col-end-7";
        '-8': "uy:-col-end-8";
        '-9': "uy:-col-end-9";
        '-10': "uy:-col-end-10";
        '-11': "uy:-col-end-11";
        '-12': "uy:-col-end-12";
        '-13': "uy:-col-end-13";
        auto: "uy:col-end-auto";
    };
    justify: {
        initial: "";
        start: "uy:justify-self-start";
        end: "uy:justify-self-end";
        center: "uy:justify-self-center";
        stretch: "uy:justify-self-stretch";
    };
    align: {
        initial: "uy:self-auto";
        start: "uy:self-start";
        end: "uy:self-end";
        center: "uy:self-center";
        stretch: "uy:self-stretch";
        baseline: "uy:self-baseline";
    };
}, undefined>>;
export type GridItemVariants = VariantProps<typeof gridItem>;