@particle-network/ui-react 0.5.1-beta.0 → 0.5.1-beta.10

package/dist/components/layout/Box/box-theme.d.ts

@@ -0,0 +1,2225 @@
+import type { VariantProps } from '@heroui/theme';
+export type Sizing = 'auto' | 'px' | 'full' | 'screen' | 'dvw' | 'dvh' | 'lvw' | 'lvh' | 'svw' | 'svh' | 'min' | 'max' | 'fit';
+export declare const sizingPresets: Sizing[];
+export declare const boxVariants: import("tailwind-variants").TVReturnType<{
+    position: {
+        static: string;
+        relative: string;
+        absolute: string;
+        fixed: string;
+        sticky: string;
+    };
+    top: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    right: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    bottom: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    left: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    start: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    end: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    inset: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    display: {
+        flex: string;
+        inlineFlex: string;
+        block: string;
+        hidden: string;
+        grid: string;
+        inlineGrid: string;
+    };
+    aspect: {
+        square: string;
+        video: string;
+        auto: string;
+    };
+    overflow: {
+        visible: string;
+        hidden: string;
+        clip: string;
+        scroll: string;
+        auto: string;
+    };
+    zIndex: {
+        auto: string;
+        0: string;
+        10: string;
+        20: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+    };
+    direction: {
+        row: string;
+        col: string;
+        'row-reverse': string;
+        'col-reverse': string;
+    };
+    items: {
+        start: string;
+        center: string;
+        end: string;
+        baseline: string;
+        stretch: string;
+        normal: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+        stretch: string;
+        baseline: string;
+        normal: string;
+    };
+    gap: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    wrap: {
+        true: string;
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+    self: {
+        auto: string;
+        start: string;
+        end: string;
+        center: string;
+        stretch: string;
+        baseline: string;
+        normal: string;
+    };
+    grow: {
+        true: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+    };
+    shrink: {
+        true: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+    };
+    order: {
+        first: string;
+        last: string;
+        none: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    fill: {
+        true: string;
+    };
+    vertical: {
+        true: string;
+    };
+    horizontal: {
+        true: string;
+    };
+    center: {
+        true: string;
+    };
+    p: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pt: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pr: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pb: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pl: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ps: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pe: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    px: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    py: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    m: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mt: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mr: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mb: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ml: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ms: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    me: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mx: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    my: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    w: Record<Sizing, string>;
+    h: Record<Sizing, string>;
+    minW: Record<Sizing, string>;
+    maxW: Record<Sizing, string>;
+    minH: Record<Sizing, string>;
+    maxH: Record<Sizing, string>;
+    fullWidth: {
+        true: string;
+    };
+    fullHeight: {
+        true: string;
+    };
+    bg: {
+        current: string;
+        transparent: string;
+        bgDefault: string;
+        bgPure: string;
+        bg100: string;
+        bg200: string;
+        bg300: string;
+        bg400: string;
+        overlay: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        tertiary: string;
+        cursor: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        alert: string;
+        bullish: string;
+        bearish: string;
+    };
+    opacity: {
+        disabled: string;
+        hover: string;
+    };
+    shadow: {
+        true: string;
+        box: string;
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    rounded: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        small: string;
+        medium: string;
+        large: string;
+        full: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        small: string;
+        medium: string;
+        large: string;
+        full: string;
+    };
+    borderStyle: {
+        solid: string;
+        dashed: string;
+        dotted: string;
+        double: string;
+    };
+    borderColor: {
+        transparent: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        tertiary: string;
+        cursor: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        alert: string;
+        bullish: string;
+        bearish: string;
+    };
+    borderWidth: {
+        none: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+    };
+    cursor: {
+        auto: string;
+        default: string;
+        pointer: string;
+        wait: string;
+        help: string;
+        notAllowed: string;
+    };
+    color: {
+        current: string;
+        transparent: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        secondaryForeground: string;
+        tertiary: string;
+        tertiaryForeground: string;
+        cursor: string;
+        cursorForeground: string;
+        primary: string;
+        primaryForeground: string;
+        success: string;
+        successForeground: string;
+        warning: string;
+        warningForeground: string;
+        danger: string;
+        dangerForeground: string;
+        alert: string;
+        alertForeground: string;
+        bullish: string;
+        bullishForeground: string;
+        bearish: string;
+        bearishForeground: string;
+    };
+    fontWeight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+    lineHeight: {
+        '1': string;
+        '1.4': string;
+    };
+    textAlign: {
+        left: string;
+        center: string;
+        right: string;
+    };
+}, undefined, "ux-box-base", {
+    position: {
+        static: string;
+        relative: string;
+        absolute: string;
+        fixed: string;
+        sticky: string;
+    };
+    top: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    right: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    bottom: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    left: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    start: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    end: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    inset: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    display: {
+        flex: string;
+        inlineFlex: string;
+        block: string;
+        hidden: string;
+        grid: string;
+        inlineGrid: string;
+    };
+    aspect: {
+        square: string;
+        video: string;
+        auto: string;
+    };
+    overflow: {
+        visible: string;
+        hidden: string;
+        clip: string;
+        scroll: string;
+        auto: string;
+    };
+    zIndex: {
+        auto: string;
+        0: string;
+        10: string;
+        20: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+    };
+    direction: {
+        row: string;
+        col: string;
+        'row-reverse': string;
+        'col-reverse': string;
+    };
+    items: {
+        start: string;
+        center: string;
+        end: string;
+        baseline: string;
+        stretch: string;
+        normal: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+        stretch: string;
+        baseline: string;
+        normal: string;
+    };
+    gap: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    wrap: {
+        true: string;
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+    self: {
+        auto: string;
+        start: string;
+        end: string;
+        center: string;
+        stretch: string;
+        baseline: string;
+        normal: string;
+    };
+    grow: {
+        true: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+    };
+    shrink: {
+        true: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+    };
+    order: {
+        first: string;
+        last: string;
+        none: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    fill: {
+        true: string;
+    };
+    vertical: {
+        true: string;
+    };
+    horizontal: {
+        true: string;
+    };
+    center: {
+        true: string;
+    };
+    p: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pt: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pr: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pb: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pl: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ps: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pe: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    px: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    py: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    m: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mt: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mr: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mb: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ml: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ms: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    me: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mx: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    my: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    w: Record<Sizing, string>;
+    h: Record<Sizing, string>;
+    minW: Record<Sizing, string>;
+    maxW: Record<Sizing, string>;
+    minH: Record<Sizing, string>;
+    maxH: Record<Sizing, string>;
+    fullWidth: {
+        true: string;
+    };
+    fullHeight: {
+        true: string;
+    };
+    bg: {
+        current: string;
+        transparent: string;
+        bgDefault: string;
+        bgPure: string;
+        bg100: string;
+        bg200: string;
+        bg300: string;
+        bg400: string;
+        overlay: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        tertiary: string;
+        cursor: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        alert: string;
+        bullish: string;
+        bearish: string;
+    };
+    opacity: {
+        disabled: string;
+        hover: string;
+    };
+    shadow: {
+        true: string;
+        box: string;
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    rounded: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        small: string;
+        medium: string;
+        large: string;
+        full: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        small: string;
+        medium: string;
+        large: string;
+        full: string;
+    };
+    borderStyle: {
+        solid: string;
+        dashed: string;
+        dotted: string;
+        double: string;
+    };
+    borderColor: {
+        transparent: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        tertiary: string;
+        cursor: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        alert: string;
+        bullish: string;
+        bearish: string;
+    };
+    borderWidth: {
+        none: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+    };
+    cursor: {
+        auto: string;
+        default: string;
+        pointer: string;
+        wait: string;
+        help: string;
+        notAllowed: string;
+    };
+    color: {
+        current: string;
+        transparent: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        secondaryForeground: string;
+        tertiary: string;
+        tertiaryForeground: string;
+        cursor: string;
+        cursorForeground: string;
+        primary: string;
+        primaryForeground: string;
+        success: string;
+        successForeground: string;
+        warning: string;
+        warningForeground: string;
+        danger: string;
+        dangerForeground: string;
+        alert: string;
+        alertForeground: string;
+        bullish: string;
+        bullishForeground: string;
+        bearish: string;
+        bearishForeground: string;
+    };
+    fontWeight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+    lineHeight: {
+        '1': string;
+        '1.4': string;
+    };
+    textAlign: {
+        left: string;
+        center: string;
+        right: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    position: {
+        static: string;
+        relative: string;
+        absolute: string;
+        fixed: string;
+        sticky: string;
+    };
+    top: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    right: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    bottom: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    left: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    start: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    end: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    inset: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    display: {
+        flex: string;
+        inlineFlex: string;
+        block: string;
+        hidden: string;
+        grid: string;
+        inlineGrid: string;
+    };
+    aspect: {
+        square: string;
+        video: string;
+        auto: string;
+    };
+    overflow: {
+        visible: string;
+        hidden: string;
+        clip: string;
+        scroll: string;
+        auto: string;
+    };
+    zIndex: {
+        auto: string;
+        0: string;
+        10: string;
+        20: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+    };
+    direction: {
+        row: string;
+        col: string;
+        'row-reverse': string;
+        'col-reverse': string;
+    };
+    items: {
+        start: string;
+        center: string;
+        end: string;
+        baseline: string;
+        stretch: string;
+        normal: string;
+    };
+    justify: {
+        start: string;
+        center: string;
+        end: string;
+        between: string;
+        around: string;
+        evenly: string;
+        stretch: string;
+        baseline: string;
+        normal: string;
+    };
+    gap: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    wrap: {
+        true: string;
+        wrap: string;
+        nowrap: string;
+        'wrap-reverse': string;
+    };
+    self: {
+        auto: string;
+        start: string;
+        end: string;
+        center: string;
+        stretch: string;
+        baseline: string;
+        normal: string;
+    };
+    grow: {
+        true: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+    };
+    shrink: {
+        true: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+    };
+    order: {
+        first: string;
+        last: string;
+        none: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+    };
+    fill: {
+        true: string;
+    };
+    vertical: {
+        true: string;
+    };
+    horizontal: {
+        true: string;
+    };
+    center: {
+        true: string;
+    };
+    p: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pt: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pr: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pb: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pl: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ps: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    pe: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    px: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    py: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    m: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mt: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mr: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mb: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ml: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    ms: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    me: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    mx: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    my: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    w: Record<Sizing, string>;
+    h: Record<Sizing, string>;
+    minW: Record<Sizing, string>;
+    maxW: Record<Sizing, string>;
+    minH: Record<Sizing, string>;
+    maxH: Record<Sizing, string>;
+    fullWidth: {
+        true: string;
+    };
+    fullHeight: {
+        true: string;
+    };
+    bg: {
+        current: string;
+        transparent: string;
+        bgDefault: string;
+        bgPure: string;
+        bg100: string;
+        bg200: string;
+        bg300: string;
+        bg400: string;
+        overlay: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        tertiary: string;
+        cursor: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        alert: string;
+        bullish: string;
+        bearish: string;
+    };
+    opacity: {
+        disabled: string;
+        hover: string;
+    };
+    shadow: {
+        true: string;
+        box: string;
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    rounded: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        small: string;
+        medium: string;
+        large: string;
+        full: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        small: string;
+        medium: string;
+        large: string;
+        full: string;
+    };
+    borderStyle: {
+        solid: string;
+        dashed: string;
+        dotted: string;
+        double: string;
+    };
+    borderColor: {
+        transparent: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        tertiary: string;
+        cursor: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        alert: string;
+        bullish: string;
+        bearish: string;
+    };
+    borderWidth: {
+        none: string;
+        '0.5': string;
+        '1': string;
+        '1.5': string;
+        '2': string;
+    };
+    cursor: {
+        auto: string;
+        default: string;
+        pointer: string;
+        wait: string;
+        help: string;
+        notAllowed: string;
+    };
+    color: {
+        current: string;
+        transparent: string;
+        divider: string;
+        foreground: string;
+        secondary: string;
+        secondaryForeground: string;
+        tertiary: string;
+        tertiaryForeground: string;
+        cursor: string;
+        cursorForeground: string;
+        primary: string;
+        primaryForeground: string;
+        success: string;
+        successForeground: string;
+        warning: string;
+        warningForeground: string;
+        danger: string;
+        dangerForeground: string;
+        alert: string;
+        alertForeground: string;
+        bullish: string;
+        bullishForeground: string;
+        bearish: string;
+        bearishForeground: string;
+    };
+    fontWeight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+    lineHeight: {
+        '1': string;
+        '1.4': string;
+    };
+    textAlign: {
+        left: string;
+        center: string;
+        right: string;
+    };
+}, undefined, "ux-box-base", unknown, unknown, undefined>>;
+export type BoxVariants = VariantProps<typeof boxVariants>;