@nurl/panda-preset/build/modern/_tsup-dts-rollup.d.ts

Official Panda-CSS preset for the Ganglion Design System.

import { Config } from '@pandacss/dev';
import type { CssKeyframes } from '@pandacss/types';
import { GlobalStyleObject } from '@pandacss/dev';
import { InferProps } from '@pandacss/types';
import type { PatternConfig } from '@pandacss/types';
import { PatternProperties } from '@pandacss/types';
import { Preset } from '@pandacss/dev';
import { RecipeConfig } from '@pandacss/types';
import { RecipeConfig as RecipeConfig_2 } from '@pandacss/dev';
import { RecipeVariantRecord } from '@pandacss/types';
import { RecipeVariantRecord as RecipeVariantRecord_2 } from '@pandacss/dev';
import { SlotRecipeConfig } from '@pandacss/types';
import { SlotRecipeConfig as SlotRecipeConfig_2 } from '@pandacss/dev';
import { TextStyles } from '@pandacss/dev';
import type { UtilityConfig } from '@pandacss/types';

export declare const action: {
    colorPalette: string;
};

declare const actionTokens: {
    action: {
        bg: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            hover: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            active: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                initial: {
                    value: {
                        _nurlTheme: {
                            base: string;
                            _lightMode: string;
                            _darkMode: string;
                        };
                    };
                };
                hover: {
                    value: {
                        _nurlTheme: {
                            base: string;
                            _lightMode: string;
                            _darkMode: string;
                        };
                    };
                };
                active: {
                    value: {
                        _nurlTheme: {
                            base: string;
                            _lightMode: string;
                            _darkMode: string;
                        };
                    };
                };
            };
        };
        border: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            focus: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        navigation: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            hover: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            visited: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        text: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            200: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            inverse: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
    };
};
export { actionTokens }
export { actionTokens as actionTokens_alias_1 }
export { actionTokens as actionTokens_alias_2 }
export { actionTokens as actionTokens_alias_3 }

export declare const admonition: SlotRecipeConfig_2;

export declare const admonitionPalettes: Record<"info" | "success" | "warning" | "danger", Record<string, Record<"colorPalette", Sentiment>>>;

export declare const allPalettes: {
    action: {
        colorPalette: string;
    };
    neutral: {
        colorPalette: string;
    };
    info: {
        colorPalette: string;
    };
    success: {
        colorPalette: string;
    };
    warning: {
        colorPalette: string;
    };
    danger: {
        colorPalette: string;
    };
};

export declare const avatar: SlotRecipeConfig_2;

export declare const avatarPalettes: Record<"neutral" | "action", Record<string, Record<"colorPalette", Sentiment>>>;

export declare const badge: RecipeConfig_2<RecipeVariantRecord_2>;

export declare const badgePalettes: {
    neutral: {
        colorPalette: string;
    };
    info: {
        colorPalette: string;
    };
    success: {
        colorPalette: string;
    };
    warning: {
        colorPalette: string;
    };
    danger: {
        colorPalette: string;
    };
};

declare type Brand = 'fourXBlue' | 'oneUpPink' | 'critHitGreen' | 'manaBlue' | 'n00bYellow' | 'rageQuitRed' | 'sandboxGold';
export { Brand }
export { Brand as Brand_alias_1 }
export { Brand as Brand_alias_2 }
export { Brand as Brand_alias_3 }

declare const brandTokens: {
    brand: {
        fourXBlue: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
        oneUpPink: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
        critHitGreen: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
        manaBlue: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
        n00bYellow: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
        rageQuitRed: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
        sandboxGold: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
        tpkBlack: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
        wizardWhite: {
            value: {
                _nurlTheme: {
                    base: string;
                    _lightMode: string;
                    _darkMode: string;
                };
            };
        };
    };
};
export { brandTokens }
export { brandTokens as brandTokens_alias_1 }
export { brandTokens as brandTokens_alias_2 }
export { brandTokens as brandTokens_alias_3 }

export declare const button: RecipeConfig_2<RecipeVariantRecord_2>;

export declare const buttonBase: {
    _disabled: {
        cursor: string;
        opacity: string;
    };
    _readOnly: {
        cursor: string;
    };
    _focusVisible: {
        boxShadow: string;
        outline: string;
        outlineColor: string;
        outlineOffset: string;
    };
    alignItems: string;
    appearance: string;
    borderStyle: string;
    display: string;
    fontSize: string;
    fontVariationSettings: string;
    gap: string;
    justifyContent: string;
    lineHeight: string;
    outline: string;
    position: string;
    textAlign: string;
    textDecoration: string;
    textTransform: string;
    transitionProperty: string;
    transitionDuration: string;
    transitionTimingFunction: string;
    userSelect: string;
    verticalAlign: string;
    whiteSpace: string;
};

export declare const buttonPalettes: {
    action: {
        colorPalette: string;
    };
    neutral: {
        colorPalette: string;
    };
    danger: {
        colorPalette: string;
    };
};

export declare const checkbox: SlotRecipeConfig_2;

declare const conditions: {
    nurlTheme: string;
    lightMode: string;
    darkMode: string;
    modalOpen: string;
    screenReaderOnly: string;
    invalid: string;
    userInvalid: string;
    groupInvalid: string;
    groupChecked: string;
    positionBottom: string;
    positionTop: string;
    positionLeft: string;
    positionRight: string;
    startIcon: string;
    tooltip: string;
    admin: string;
    player: string;
    user: string;
    nuro: string;
    highlight: string;
    spellingError: string;
    grammarError: string;
    neutralPalette: string;
    actionPalette: string;
    infoPalette: string;
    successPalette: string;
    warningPalette: string;
    dangerPalette: string;
};
export { conditions }
export { conditions as conditions_alias_1 }

export declare const danger: {
    colorPalette: string;
};

declare const dangerTokens: {
    danger: {
        bg: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            hover: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            active: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        border: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        surface: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        text: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            inverse: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            200: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
    };
};
export { dangerTokens }
export { dangerTokens as dangerTokens_alias_1 }
export { dangerTokens as dangerTokens_alias_2 }
export { dangerTokens as dangerTokens_alias_3 }

declare function defineKeyframes<T extends CssKeyframes>(config: T): T;
export { defineKeyframes }
export { defineKeyframes as defineKeyframes_alias_1 }
export { defineKeyframes as defineKeyframes_alias_2 }

declare function definePattern<T extends PatternConfig>(config: T): T;
export { definePattern }
export { definePattern as definePattern_alias_1 }
export { definePattern as definePattern_alias_2 }

declare function defineSentiment<T extends SentimentConfig>(config: T): T;
export { defineSentiment }
export { defineSentiment as defineSentiment_alias_1 }
export { defineSentiment as defineSentiment_alias_2 }

declare function defineUtility<T extends UtilityConfig>(config: T): T;
export { defineUtility }
export { defineUtility as defineUtility_alias_1 }
export { defineUtility as defineUtility_alias_2 }

export declare const fieldMessage: RecipeConfig_2<RecipeVariantRecord_2>;

export declare const filledUsage: {
    _active: {
        bgColor: string;
    };
    color: string;
    _hover: {
        bgColor: string;
        _disabled: {
            bgColor: string;
        };
    };
    bgColor: string;
};

export declare const focusStates: {
    _focusVisible: {
        boxShadow: string;
        outline: string;
        outlineColor: string;
        outlineOffset: string;
    };
};

declare const fonts: {
    display: {
        description: string;
        value: string;
    };
    sans: {
        description: string;
        value: string;
    };
    mono: {
        description: string;
        value: string;
    };
    monoStrong: {
        description: string;
        value: string;
    };
};
export { fonts }
export { fonts as fonts_alias_1 }
export { fonts as fonts_alias_2 }

export declare const formStates: {
    _disabled: {
        cursor: string;
        opacity: string;
    };
    _readOnly: {
        cursor: string;
    };
};

export declare const ganglionConfig: Config;

/**
 * Creates a palette object for a slot recipe
 *
 * @param slots - Array of slot names
 * @param palettes - Array of palette names
 * @returns Object with the following shape:
 * {
 *  [palette]: {
 *   [slot]: {
 *   colorPalette: palette
 *  }
 * }
 */
export declare function getSlotRecipePalettes<const S extends string, const P extends Sentiment>(slots: S[], palettes: P[], initialValue?: Record<P, Record<S, Record<'colorPalette', Sentiment>>>): Record<P, Record<S, Record<"colorPalette", Sentiment>>>;

export declare const globalCss: GlobalStyleObject;

export declare const iconButton: RecipeConfig_2<RecipeVariantRecord_2>;

export declare const info: {
    colorPalette: string;
};

declare const infoTokens: {
    info: {
        border: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        surface: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        text: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            200: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
    };
};
export { infoTokens }
export { infoTokens as infoTokens_alias_1 }
export { infoTokens as infoTokens_alias_2 }
export { infoTokens as infoTokens_alias_3 }

export declare const input: SlotRecipeConfig_2;

export declare const INPUT_COLOR = "neutral.text.300";

export declare const inputControl: {
    _focusVisible: {
        boxShadow: string;
        outline: string;
        outlineColor: string;
        outlineOffset: string;
    };
    appearance: string;
    bgColor: string;
    borderImage: string;
    borderRadius: string;
    border: string;
    borderColor: string;
    color: string;
    h: string;
    paddingInlineStart: string;
    paddingInlineEnd: string;
    position: string;
    transitionDuration: string;
    transitionProperty: string;
    w: string;
    _hover: {
        borderColor: string;
    };
    _disabled: {
        bgColor: string;
        borderColor: string;
        color: string;
        cursor: string;
        opacity: string;
    };
    _userInvalid: {
        borderColor: string;
        _hover: {
            borderColor: string;
        };
    };
};

/**
 * The state of an color.
 * @description **noun**, action or influence.
 * @readonly **optional**
 */
declare type Interaction = 'initial' | 'hover' | 'active' | 'visited' | 'focus' | 'disabled';
export { Interaction }
export { Interaction as Interaction_alias_1 }
export { Interaction as Interaction_alias_2 }
export { Interaction as Interaction_alias_3 }

declare const keyframes: {
    fadeIn: {
        '0%': {
            opacity: "0";
        };
        '100%': {
            opacity: "1";
        };
    };
};
export { keyframes }
export { keyframes as keyframes_alias_1 }
export { keyframes as keyframes_alias_2 }

export declare const label: RecipeConfig_2<RecipeVariantRecord_2>;

/**
 * The mode option of a Pando theme.
 */
declare type Modes = 'lightMode' | 'darkMode';
export { Modes }
export { Modes as Modes_alias_1 }
export { Modes as Modes_alias_2 }
export { Modes as Modes_alias_3 }

declare type ModeSelectors = PandaSelectors<Modes, string>;
export { ModeSelectors }
export { ModeSelectors as ModeSelectors_alias_1 }
export { ModeSelectors as ModeSelectors_alias_2 }
export { ModeSelectors as ModeSelectors_alias_3 }

export declare const neutral: {
    colorPalette: string;
};

declare const neutralTokens: {
    neutral: {
        bg: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            active: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            hover: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        border: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            200: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        surface: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            200: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            300: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            inverse: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        text: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            200: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            300: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            inverse: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
    };
};
export { neutralTokens }
export { neutralTokens as neutralTokens_alias_1 }
export { neutralTokens as neutralTokens_alias_2 }
export { neutralTokens as neutralTokens_alias_3 }

export declare const nonTextStates: {
    color: string;
    _hover: {
        bgColor: string;
        _disabled: {
            bgColor: string;
        };
    };
    _active: {
        bgColor: string;
    };
};

declare const nurlPreset: Preset;
export { nurlPreset as default_alias }
export { nurlPreset }

export declare const PALETTES: ("info" | "success" | "warning" | "danger")[];

export declare const PALETTES_alias_1: ("neutral" | "action")[];

export declare const PALETTES_alias_2: ("info" | "success" | "warning" | "danger")[];

declare type PandaSelectors<T extends string, V> = {
    readonly [K in `_${T}`]: V;
};
export { PandaSelectors }
export { PandaSelectors as PandaSelectors_alias_1 }
export { PandaSelectors as PandaSelectors_alias_2 }
export { PandaSelectors as PandaSelectors_alias_3 }

declare const patterns: {
    extend: {
        animateIn: {
            description: string;
            properties: {
                delay: {
                    type: "string";
                };
            };
            blocklist: "overflow"[];
            transform(props: InferProps<PatternProperties>): {
                _motionReduce: {
                    animationName: "none";
                };
                animationName: "fadeIn";
                animationDuration: "2s";
                animationFillMode: "forwards";
                animationDelay: any;
                opacity: "0";
            };
        };
        scrollable: {
            description: string;
            properties: {
                direction: {
                    type: "enum";
                    value: string[];
                };
                hideScrollbar: {
                    type: "boolean";
                };
            };
            blocklist: "overflow"[];
            transform(props: InferProps<PatternProperties>): {
                overflow: "auto";
                height: "auto" | "100%";
                width: "auto" | "100%";
                scrollbarWidth: "auto" | "none";
                WebkitOverflowScrolling: "touch";
                '&::-webkit-scrollbar': {
                    display: "auto" | "none";
                };
            };
        };
    };
};
export { patterns }
export { patterns as patterns_alias_1 }

export declare const progress: SlotRecipeConfig_2;

/**
 * The use or level of emphasis of a color.
 * @description **noun**, how something stands out.
 * @readonly **optional**
 */
declare type Prominence = 'initial' | 'inverse' | 100 | 200 | 300;
export { Prominence }
export { Prominence as Prominence_alias_1 }
export { Prominence as Prominence_alias_2 }
export { Prominence as Prominence_alias_3 }

export declare const radio: SlotRecipeConfig_2;

export declare type RecipePalette<K extends Sentiment[]> = K[];

declare const recipes: {
    badge: RecipeConfig<RecipeVariantRecord>;
    button: RecipeConfig<RecipeVariantRecord>;
    fieldMessage: RecipeConfig<RecipeVariantRecord>;
    iconButton: RecipeConfig<RecipeVariantRecord>;
    label: RecipeConfig<RecipeVariantRecord>;
    skeleton: RecipeConfig<RecipeVariantRecord>;
    tag: RecipeConfig<RecipeVariantRecord>;
    textarea: RecipeConfig<RecipeVariantRecord>;
    textLink: RecipeConfig<RecipeVariantRecord>;
};
export { recipes }
export { recipes as recipes_alias_1 }

/**
 * The semantic token options of a color.
 */
declare type SemanticToken = {
    value: ThemeSelectors;
};
export { SemanticToken }
export { SemanticToken as SemanticToken_alias_1 }
export { SemanticToken as SemanticToken_alias_2 }
export { SemanticToken as SemanticToken_alias_3 }

/**
 * The categories of a theme.
 * @description **adjective**, how something is perceived.
 * @readonly **required**
 */
declare type Sentiment = 'neutral' | 'action' | 'info' | 'success' | 'warning' | 'danger' | 'brand';
export { Sentiment }
export { Sentiment as Sentiment_alias_1 }
export { Sentiment as Sentiment_alias_2 }
export { Sentiment as Sentiment_alias_3 }

declare type SentimentConfig = {
    [key in Sentiment]?: {
        [key in Usage]?: SemanticToken | {
            readonly [key in Prominence]?: SemanticToken;
        } | {
            readonly [key in Interaction]?: SemanticToken;
        };
    };
};
export { SentimentConfig }
export { SentimentConfig as SentimentConfig_alias_1 }
export { SentimentConfig as SentimentConfig_alias_2 }
export { SentimentConfig as SentimentConfig_alias_3 }

declare type Simplify<T> = T extends unknown ? {
    [K in keyof T]: T[K];
} : never;
export { Simplify }
export { Simplify as Simplify_alias_1 }

export declare const skeleton: RecipeConfig_2<RecipeVariantRecord_2>;

declare const slotRecipes: {
    admonition: SlotRecipeConfig;
    avatar: SlotRecipeConfig;
    checkbox: SlotRecipeConfig;
    input: SlotRecipeConfig;
    progress: SlotRecipeConfig;
    radio: SlotRecipeConfig;
    switchInput: SlotRecipeConfig;
    toast: SlotRecipeConfig;
};
export { slotRecipes }
export { slotRecipes as slotRecipes_alias_1 }

export declare const SLOTS: string[];

export declare const SLOTS_alias_1: string[];

export declare const SLOTS_alias_2: string[];

export declare const success: {
    colorPalette: string;
};

declare const successTokens: {
    success: {
        border: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        surface: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        text: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            200: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
    };
};
export { successTokens }
export { successTokens as successTokens_alias_1 }
export { successTokens as successTokens_alias_2 }
export { successTokens as successTokens_alias_3 }

export declare const switchInput: SlotRecipeConfig_2;

export declare const tag: RecipeConfig_2<RecipeVariantRecord_2>;

export declare const textarea: RecipeConfig_2<RecipeVariantRecord_2>;

export declare const textLink: RecipeConfig_2<RecipeVariantRecord_2>;

declare const textStyles: TextStyles;
export { textStyles }
export { textStyles as textStyles_alias_1 }
export { textStyles as textStyles_alias_2 }

export declare const textUsage: {
    color: string;
    _hover: {
        bgColor: string;
    };
    _active: {
        color: string;
    };
    _disabled: {
        _active: {
            color: string;
        };
    };
};

/**
 * The Pando theme of a color.
 */
declare type Themes = 'nurlTheme';
export { Themes }
export { Themes as Themes_alias_1 }
export { Themes as Themes_alias_2 }
export { Themes as Themes_alias_3 }

declare type ThemeSelectors = PandaSelectors<Themes, Token>;
export { ThemeSelectors }
export { ThemeSelectors as ThemeSelectors_alias_1 }
export { ThemeSelectors as ThemeSelectors_alias_2 }
export { ThemeSelectors as ThemeSelectors_alias_3 }

export declare const toast: SlotRecipeConfig_2;

export declare const toastPalettes: Record<"info" | "success" | "warning" | "danger", Record<string, Record<"colorPalette", Sentiment>>>;

declare type Token = Simplify<{
    readonly base: string;
} & ModeSelectors>;
export { Token }
export { Token as Token_alias_1 }
export { Token as Token_alias_2 }
export { Token as Token_alias_3 }

declare const tokens: {
    fonts: {
        display: {
            description: string;
            value: string;
        };
        sans: {
            description: string;
            value: string;
        };
        mono: {
            description: string;
            value: string;
        };
        monoStrong: {
            description: string;
            value: string;
        };
    };
    zIndex: {
        hide: {
            description: string;
            value: number;
        };
        base: {
            description: string;
            value: number;
        };
        decorator: {
            description: string;
            value: number;
        };
        dropdown: {
            description: string;
            value: number;
        };
        sticky: {
            description: string;
            value: number;
        };
        banner: {
            description: string;
            value: number;
        };
        overlay: {
            description: string;
            value: number;
        };
        modal: {
            description: string;
            value: number;
        };
        popover: {
            description: string;
            value: number;
        };
        toast: {
            description: string;
            value: number;
        };
        tooltip: {
            description: string;
            value: number;
        };
    };
};
export { tokens }
export { tokens as tokens_alias_1 }
export { tokens as tokens_alias_2 }

/**
 * How a color is presented (can be a CSS property or HTML element).
 * @description **noun**, how something is used within an interface.
 * @readonly **required**
 */
declare type Usage = 'bg' | 'border' | 'navigation' | 'surface' | 'text' | Brand;
export { Usage }
export { Usage as Usage_alias_1 }
export { Usage as Usage_alias_2 }
export { Usage as Usage_alias_3 }

declare const utilities: {
    extend: {
        pxi: {
            description: string;
            className: string;
            values: "spacing";
            transform(value: any): {
                paddingInlineStart: any;
                paddingInlineEnd: any;
            };
        };
        mxi: {
            description: string;
            className: string;
            values: "spacing";
            transform(value: any): {
                marginInlineStart: any;
                marginInlineEnd: any;
            };
        };
    };
};
export { utilities }
export { utilities as utilities_alias_1 }

export declare const warning: {
    colorPalette: string;
};

declare const warningTokens: {
    warning: {
        border: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        surface: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
        text: {
            initial: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            100: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
            200: {
                value: {
                    _nurlTheme: {
                        base: string;
                        _lightMode: string;
                        _darkMode: string;
                    };
                };
            };
        };
    };
};
export { warningTokens }
export { warningTokens as warningTokens_alias_1 }
export { warningTokens as warningTokens_alias_2 }
export { warningTokens as warningTokens_alias_3 }

declare const zIndex: {
    hide: {
        description: string;
        value: number;
    };
    base: {
        description: string;
        value: number;
    };
    decorator: {
        description: string;
        value: number;
    };
    dropdown: {
        description: string;
        value: number;
    };
    sticky: {
        description: string;
        value: number;
    };
    banner: {
        description: string;
        value: number;
    };
    overlay: {
        description: string;
        value: number;
    };
    modal: {
        description: string;
        value: number;
    };
    popover: {
        description: string;
        value: number;
    };
    toast: {
        description: string;
        value: number;
    };
    tooltip: {
        description: string;
        value: number;
    };
};
export { zIndex }
export { zIndex as zIndex_alias_1 }
export { zIndex as zIndex_alias_2 }

export { }