@spark-web/text-input/dist/declarations/src/text-input.d.ts

--- title: Text Input storybookPath: forms-textinput--default isExperimentalPackage: false ---

import type { FieldState } from '@spark-web/field';
import type { TextOverflowStrategy } from '@spark-web/text';
import type { DataAttributeMap } from '@spark-web/utils/internal';
import type { InputHTMLAttributes } from 'react';
import type { AdornmentsAsChildren } from "./children-to-adornments.js";
type ValidTypes = 'text' | 'password' | 'email' | 'search' | 'number' | 'tel' | 'url';
type ValidModes = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
type NativeInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'value' | 'required' | 'autoComplete'>;
export type TextInputProps = {
    /** Sets data attributes for the element. */
    data?: DataAttributeMap;
    /**
     * How an input behaves varies considerably depending on the value of its type
     * attribute. If this attribute is not specified, the default type "text".
     */
    type?: ValidTypes;
    /** Sets the input mode attribute for the component. */
    inputMode?: ValidModes;
    /**
     * Adorn the input with ornamental element(s) to aid user input, or
     * interactive element(s) to augment user input. Each child **must** be
     * wrapped with the `InputAdornment` component to ensure proper layout,
     * otherwise it will not be rendered.
     */
    children?: AdornmentsAsChildren;
    /** Manage how text behaves with regard to overflow. */
    overflowStrategy?: TextOverflowStrategy;
} & NativeInputProps;
/** Organize and emphasize information quickly and effectively in a list of text elements. */
export declare const TextInput: import("react").ForwardRefExoticComponent<{
    /** Sets data attributes for the element. */
    data?: DataAttributeMap;
    /**
     * How an input behaves varies considerably depending on the value of its type
     * attribute. If this attribute is not specified, the default type "text".
     */
    type?: ValidTypes;
    /** Sets the input mode attribute for the component. */
    inputMode?: ValidModes;
    /**
     * Adorn the input with ornamental element(s) to aid user input, or
     * interactive element(s) to augment user input. Each child **must** be
     * wrapped with the `InputAdornment` component to ensure proper layout,
     * otherwise it will not be rendered.
     */
    children?: AdornmentsAsChildren;
    /** Manage how text behaves with regard to overflow. */
    overflowStrategy?: TextOverflowStrategy;
} & NativeInputProps & import("react").RefAttributes<HTMLInputElement>>;
export type UseInputStylesProps = FieldState & {
    startAdornment?: boolean;
    endAdornment?: boolean;
    readOnly?: boolean;
    overflowStrategy?: TextOverflowStrategy;
};
/**
 * Returns a tuple where the first item is an object of props to spread onto the
 * underlying Box component that our inputs are created with, and the second
 * item is a CSS object to be passed to Emotion's `css` function
 **/
export declare const useInputStyles: ({ disabled, startAdornment, endAdornment, readOnly, overflowStrategy, }: UseInputStylesProps) => readonly [{
    readonly flex: 1;
    readonly position: "relative";
    readonly height: "medium";
    readonly paddingLeft: "none" | "medium";
    readonly paddingRight: "none" | "medium";
    readonly width: "full";
}, {
    readonly ':enabled': {
        readonly ':focus + [data-focus-indicator]': {
            boxShadow?: string;
            outline?: string;
            outlineOffset?: string;
        } | {
            boxShadow: string;
            outline: string;
            outlineOffset: string;
            borderColor: string;
        } | {
            "[data-brighte-focus-visible] &": {
                boxShadow: string;
            };
            outline: string;
            outlineOffset: string;
            borderColor: string;
        };
    };
    readonly ':focus': {
        readonly outline: "none";
    };
    readonly '&[aria-invalid=true]': {
        readonly color: string;
    };
    readonly accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
    readonly alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
    readonly alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
    readonly alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
    readonly alignTracks?: readonly string[] | import("csstype").Property.AlignTracks | readonly import("csstype").Property.AlignTracks[] | undefined;
    readonly animationComposition?: readonly string[] | import("csstype").Property.AnimationComposition | readonly import("csstype").Property.AnimationComposition[] | undefined;
    readonly animationDelay?: readonly string[] | import("csstype").Property.AnimationDelay<string & {}> | readonly import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
    readonly animationDirection?: readonly string[] | import("csstype").Property.AnimationDirection | readonly import("csstype").Property.AnimationDirection[] | undefined;
    readonly animationDuration?: readonly string[] | import("csstype").Property.AnimationDuration<string & {}> | readonly import("csstype").Property.AnimationDuration<string & {}>[] | undefined;
    readonly animationFillMode?: readonly string[] | import("csstype").Property.AnimationFillMode | readonly import("csstype").Property.AnimationFillMode[] | undefined;
    readonly animationIterationCount?: import("csstype").Property.AnimationIterationCount | readonly NonNullable<import("csstype").Property.AnimationIterationCount | undefined>[] | readonly ((string & {}) | import("csstype").Globals | "infinite")[] | undefined;
    readonly animationName?: readonly string[] | import("csstype").Property.AnimationName | readonly import("csstype").Property.AnimationName[] | undefined;
    readonly animationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
    readonly animationRangeEnd?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRangeEnd<string | number> | readonly NonNullable<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>[] | undefined;
    readonly animationRangeStart?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRangeStart<string | number> | readonly NonNullable<import("csstype").Property.AnimationRangeStart<string | number> | undefined>[] | undefined;
    readonly animationTimeline?: readonly string[] | import("csstype").Property.AnimationTimeline | readonly import("csstype").Property.AnimationTimeline[] | undefined;
    readonly animationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
    readonly appearance?: import("csstype").Property.Appearance | readonly NonNullable<import("csstype").Property.Appearance | undefined>[] | readonly import("csstype").Property.Appearance[] | undefined;
    readonly aspectRatio?: import("csstype").Property.AspectRatio | readonly NonNullable<import("csstype").Property.AspectRatio | undefined>[] | readonly ((string & {}) | "auto" | import("csstype").Globals)[] | undefined;
    readonly backdropFilter?: readonly string[] | import("csstype").Property.BackdropFilter | readonly import("csstype").Property.BackdropFilter[] | undefined;
    readonly backfaceVisibility?: import("csstype").Property.BackfaceVisibility | readonly NonNullable<import("csstype").Property.BackfaceVisibility | undefined>[] | readonly import("csstype").Property.BackfaceVisibility[] | undefined;
    readonly backgroundAttachment?: readonly string[] | import("csstype").Property.BackgroundAttachment | readonly import("csstype").Property.BackgroundAttachment[] | undefined;
    readonly backgroundBlendMode?: readonly string[] | import("csstype").Property.BackgroundBlendMode | readonly import("csstype").Property.BackgroundBlendMode[] | undefined;
    readonly backgroundClip?: readonly string[] | import("csstype").Property.BackgroundClip | readonly import("csstype").Property.BackgroundClip[] | undefined;
    readonly backgroundColor?: readonly string[] | import("csstype").Property.BackgroundColor | readonly import("csstype").Property.BackgroundColor[] | undefined;
    readonly backgroundImage?: readonly string[] | import("csstype").Property.BackgroundImage | readonly import("csstype").Property.BackgroundImage[] | undefined;
    readonly backgroundOrigin?: readonly string[] | import("csstype").Property.BackgroundOrigin | readonly import("csstype").Property.BackgroundOrigin[] | undefined;
    readonly backgroundPositionX?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundPositionX<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPositionX<string | number> | undefined>[] | undefined;
    readonly backgroundPositionY?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundPositionY<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPositionY<string | number> | undefined>[] | undefined;
    readonly backgroundRepeat?: readonly string[] | import("csstype").Property.BackgroundRepeat | readonly import("csstype").Property.BackgroundRepeat[] | undefined;
    readonly backgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
    readonly blockOverflow?: readonly string[] | import("csstype").Property.BlockOverflow | readonly import("csstype").Property.BlockOverflow[] | undefined;
    readonly blockSize?: readonly (string | (string & {}))[] | import("csstype").Property.BlockSize<string | number> | readonly NonNullable<import("csstype").Property.BlockSize<string | number> | undefined>[] | undefined;
    readonly borderBlockColor?: readonly string[] | import("csstype").Property.BorderBlockColor | readonly import("csstype").Property.BorderBlockColor[] | undefined;
    readonly borderBlockEndColor?: readonly string[] | import("csstype").Property.BorderBlockEndColor | readonly import("csstype").Property.BorderBlockEndColor[] | undefined;
    readonly borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | readonly NonNullable<import("csstype").Property.BorderBlockEndStyle | undefined>[] | readonly import("csstype").Property.BorderBlockEndStyle[] | undefined;
    readonly borderBlockEndWidth?: readonly string[] | import("csstype").Property.BorderBlockEndWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockEndWidth<string | number> | undefined>[] | undefined;
    readonly borderBlockStartColor?: readonly string[] | import("csstype").Property.BorderBlockStartColor | readonly import("csstype").Property.BorderBlockStartColor[] | undefined;
    readonly borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | readonly NonNullable<import("csstype").Property.BorderBlockStartStyle | undefined>[] | readonly import("csstype").Property.BorderBlockStartStyle[] | undefined;
    readonly borderBlockStartWidth?: readonly string[] | import("csstype").Property.BorderBlockStartWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockStartWidth<string | number> | undefined>[] | undefined;
    readonly borderBlockStyle?: import("csstype").Property.BorderBlockStyle | readonly NonNullable<import("csstype").Property.BorderBlockStyle | undefined>[] | readonly import("csstype").Property.BorderBlockStyle[] | undefined;
    readonly borderBlockWidth?: readonly string[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
    readonly borderBottomColor?: readonly string[] | import("csstype").Property.BorderBottomColor | readonly import("csstype").Property.BorderBottomColor[] | undefined;
    readonly borderBottomLeftRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottomLeftRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined>[] | undefined;
    readonly borderBottomRightRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottomRightRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderBottomRightRadius<string | number> | undefined>[] | undefined;
    readonly borderBottomStyle?: import("csstype").Property.BorderBottomStyle | readonly NonNullable<import("csstype").Property.BorderBottomStyle | undefined>[] | readonly import("csstype").Property.BorderBottomStyle[] | undefined;
    readonly borderBottomWidth?: readonly string[] | import("csstype").Property.BorderBottomWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBottomWidth<string | number> | undefined>[] | undefined;
    readonly borderCollapse?: import("csstype").Property.BorderCollapse | readonly NonNullable<import("csstype").Property.BorderCollapse | undefined>[] | readonly import("csstype").Property.BorderCollapse[] | undefined;
    readonly borderEndEndRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderEndEndRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderEndEndRadius<string | number> | undefined>[] | undefined;
    readonly borderEndStartRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderEndStartRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderEndStartRadius<string | number> | undefined>[] | undefined;
    readonly borderImageOutset?: readonly (string | (string & {}))[] | import("csstype").Property.BorderImageOutset<string | number> | readonly NonNullable<import("csstype").Property.BorderImageOutset<string | number> | undefined>[] | undefined;
    readonly borderImageRepeat?: readonly string[] | import("csstype").Property.BorderImageRepeat | readonly import("csstype").Property.BorderImageRepeat[] | undefined;
    readonly borderImageSlice?: readonly ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.BorderImageSlice | readonly NonNullable<import("csstype").Property.BorderImageSlice | undefined>[] | undefined;
    readonly borderImageSource?: readonly string[] | import("csstype").Property.BorderImageSource | readonly import("csstype").Property.BorderImageSource[] | undefined;
    readonly borderImageWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderImageWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderImageWidth<string | number> | undefined>[] | undefined;
    readonly borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
    readonly borderInlineEndColor?: readonly string[] | import("csstype").Property.BorderInlineEndColor | readonly import("csstype").Property.BorderInlineEndColor[] | undefined;
    readonly borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | readonly NonNullable<import("csstype").Property.BorderInlineEndStyle | undefined>[] | readonly import("csstype").Property.BorderInlineEndStyle[] | undefined;
    readonly borderInlineEndWidth?: readonly string[] | import("csstype").Property.BorderInlineEndWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEndWidth<string | number> | undefined>[] | undefined;
    readonly borderInlineStartColor?: readonly string[] | import("csstype").Property.BorderInlineStartColor | readonly import("csstype").Property.BorderInlineStartColor[] | undefined;
    readonly borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | readonly NonNullable<import("csstype").Property.BorderInlineStartStyle | undefined>[] | readonly import("csstype").Property.BorderInlineStartStyle[] | undefined;
    readonly borderInlineStartWidth?: readonly string[] | import("csstype").Property.BorderInlineStartWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineStartWidth<string | number> | undefined>[] | undefined;
    readonly borderInlineStyle?: import("csstype").Property.BorderInlineStyle | readonly NonNullable<import("csstype").Property.BorderInlineStyle | undefined>[] | readonly import("csstype").Property.BorderInlineStyle[] | undefined;
    readonly borderInlineWidth?: readonly string[] | import("csstype").Property.BorderInlineWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineWidth<string | number> | undefined>[] | undefined;
    readonly borderLeftColor?: readonly string[] | import("csstype").Property.BorderLeftColor | readonly import("csstype").Property.BorderLeftColor[] | undefined;
    readonly borderLeftStyle?: import("csstype").Property.BorderLeftStyle | readonly NonNullable<import("csstype").Property.BorderLeftStyle | undefined>[] | readonly import("csstype").Property.BorderLeftStyle[] | undefined;
    readonly borderLeftWidth?: readonly string[] | import("csstype").Property.BorderLeftWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderLeftWidth<string | number> | undefined>[] | undefined;
    readonly borderRightColor?: readonly string[] | import("csstype").Property.BorderRightColor | readonly import("csstype").Property.BorderRightColor[] | undefined;
    readonly borderRightStyle?: import("csstype").Property.BorderRightStyle | readonly NonNullable<import("csstype").Property.BorderRightStyle | undefined>[] | readonly import("csstype").Property.BorderRightStyle[] | undefined;
    readonly borderRightWidth?: readonly string[] | import("csstype").Property.BorderRightWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderRightWidth<string | number> | undefined>[] | undefined;
    readonly borderSpacing?: readonly (string | (string & {}))[] | import("csstype").Property.BorderSpacing<string | number> | readonly NonNullable<import("csstype").Property.BorderSpacing<string | number> | undefined>[] | undefined;
    readonly borderStartEndRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderStartEndRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderStartEndRadius<string | number> | undefined>[] | undefined;
    readonly borderStartStartRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderStartStartRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderStartStartRadius<string | number> | undefined>[] | undefined;
    readonly borderTopColor?: readonly string[] | import("csstype").Property.BorderTopColor | readonly import("csstype").Property.BorderTopColor[] | undefined;
    readonly borderTopLeftRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderTopLeftRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderTopLeftRadius<string | number> | undefined>[] | undefined;
    readonly borderTopRightRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderTopRightRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderTopRightRadius<string | number> | undefined>[] | undefined;
    readonly borderTopStyle?: import("csstype").Property.BorderTopStyle | readonly NonNullable<import("csstype").Property.BorderTopStyle | undefined>[] | readonly import("csstype").Property.BorderTopStyle[] | undefined;
    readonly borderTopWidth?: readonly string[] | import("csstype").Property.BorderTopWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderTopWidth<string | number> | undefined>[] | undefined;
    readonly bottom?: readonly (string | (string & {}))[] | import("csstype").Property.Bottom<string | number> | readonly NonNullable<import("csstype").Property.Bottom<string | number> | undefined>[] | undefined;
    readonly boxDecorationBreak?: import("csstype").Property.BoxDecorationBreak | readonly NonNullable<import("csstype").Property.BoxDecorationBreak | undefined>[] | readonly import("csstype").Property.BoxDecorationBreak[] | undefined;
    readonly boxShadow?: readonly string[] | import("csstype").Property.BoxShadow | readonly import("csstype").Property.BoxShadow[] | undefined;
    readonly boxSizing?: import("csstype").Property.BoxSizing | readonly NonNullable<import("csstype").Property.BoxSizing | undefined>[] | readonly import("csstype").Property.BoxSizing[] | undefined;
    readonly breakAfter?: import("csstype").Property.BreakAfter | readonly NonNullable<import("csstype").Property.BreakAfter | undefined>[] | readonly import("csstype").Property.BreakAfter[] | undefined;
    readonly breakBefore?: import("csstype").Property.BreakBefore | readonly NonNullable<import("csstype").Property.BreakBefore | undefined>[] | readonly import("csstype").Property.BreakBefore[] | undefined;
    readonly breakInside?: import("csstype").Property.BreakInside | readonly NonNullable<import("csstype").Property.BreakInside | undefined>[] | readonly import("csstype").Property.BreakInside[] | undefined;
    readonly captionSide?: import("csstype").Property.CaptionSide | readonly NonNullable<import("csstype").Property.CaptionSide | undefined>[] | readonly import("csstype").Property.CaptionSide[] | undefined;
    readonly caretColor?: readonly string[] | import("csstype").Property.CaretColor | readonly import("csstype").Property.CaretColor[] | undefined;
    readonly caretShape?: import("csstype").Property.CaretShape | readonly NonNullable<import("csstype").Property.CaretShape | undefined>[] | readonly import("csstype").Property.CaretShape[] | undefined;
    readonly clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
    readonly clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
    readonly color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
    readonly colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
    readonly colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
    readonly columnCount?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.ColumnCount | readonly NonNullable<import("csstype").Property.ColumnCount | undefined>[] | undefined;
    readonly columnFill?: import("csstype").Property.ColumnFill | readonly NonNullable<import("csstype").Property.ColumnFill | undefined>[] | readonly import("csstype").Property.ColumnFill[] | undefined;
    readonly columnGap?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnGap<string | number> | readonly NonNullable<import("csstype").Property.ColumnGap<string | number> | undefined>[] | undefined;
    readonly columnRuleColor?: readonly string[] | import("csstype").Property.ColumnRuleColor | readonly import("csstype").Property.ColumnRuleColor[] | undefined;
    readonly columnRuleStyle?: readonly string[] | import("csstype").Property.ColumnRuleStyle | readonly import("csstype").Property.ColumnRuleStyle[] | undefined;
    readonly columnRuleWidth?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRuleWidth<string | number> | readonly NonNullable<import("csstype").Property.ColumnRuleWidth<string | number> | undefined>[] | undefined;
    readonly columnSpan?: import("csstype").Property.ColumnSpan | readonly NonNullable<import("csstype").Property.ColumnSpan | undefined>[] | readonly import("csstype").Property.ColumnSpan[] | undefined;
    readonly columnWidth?: readonly string[] | import("csstype").Property.ColumnWidth<string | number> | readonly NonNullable<import("csstype").Property.ColumnWidth<string | number> | undefined>[] | undefined;
    readonly contain?: readonly string[] | import("csstype").Property.Contain | readonly import("csstype").Property.Contain[] | undefined;
    readonly containIntrinsicBlockSize?: readonly (string | (string & {}))[] | import("csstype").Property.ContainIntrinsicBlockSize<string | number> | readonly NonNullable<import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined>[] | undefined;
    readonly containIntrinsicHeight?: readonly (string | (string & {}))[] | import("csstype").Property.ContainIntrinsicHeight<string | number> | readonly NonNullable<import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined>[] | undefined;
    readonly containIntrinsicInlineSize?: readonly (string | (string & {}))[] | import("csstype").Property.ContainIntrinsicInlineSize<string | number> | readonly NonNullable<import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined>[] | undefined;
    readonly containIntrinsicWidth?: readonly (string | (string & {}))[] | import("csstype").Property.ContainIntrinsicWidth<string | number> | readonly NonNullable<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined>[] | undefined;
    readonly containerName?: readonly string[] | import("csstype").Property.ContainerName | readonly import("csstype").Property.ContainerName[] | undefined;
    readonly containerType?: import("csstype").Property.ContainerType | readonly NonNullable<import("csstype").Property.ContainerType | undefined>[] | readonly import("csstype").Property.ContainerType[] | undefined;
    readonly content?: readonly string[] | import("csstype").Property.Content | readonly import("csstype").Property.Content[] | undefined;
    readonly contentVisibility?: import("csstype").Property.ContentVisibility | readonly NonNullable<import("csstype").Property.ContentVisibility | undefined>[] | readonly import("csstype").Property.ContentVisibility[] | undefined;
    readonly counterIncrement?: readonly string[] | import("csstype").Property.CounterIncrement | readonly import("csstype").Property.CounterIncrement[] | undefined;
    readonly counterReset?: readonly string[] | import("csstype").Property.CounterReset | readonly import("csstype").Property.CounterReset[] | undefined;
    readonly counterSet?: readonly string[] | import("csstype").Property.CounterSet | readonly import("csstype").Property.CounterSet[] | undefined;
    readonly cursor?: readonly string[] | import("csstype").Property.Cursor | readonly import("csstype").Property.Cursor[] | undefined;
    readonly direction?: import("csstype").Property.Direction | readonly NonNullable<import("csstype").Property.Direction | undefined>[] | readonly import("csstype").Property.Direction[] | undefined;
    readonly display?: readonly string[] | import("csstype").Property.Display | readonly import("csstype").Property.Display[] | undefined;
    readonly emptyCells?: import("csstype").Property.EmptyCells | readonly NonNullable<import("csstype").Property.EmptyCells | undefined>[] | readonly import("csstype").Property.EmptyCells[] | undefined;
    readonly filter?: readonly string[] | import("csstype").Property.Filter | readonly import("csstype").Property.Filter[] | undefined;
    readonly flexBasis?: readonly (string | (string & {}))[] | import("csstype").Property.FlexBasis<string | number> | readonly NonNullable<import("csstype").Property.FlexBasis<string | number> | undefined>[] | undefined;
    readonly flexDirection?: import("csstype").Property.FlexDirection | readonly NonNullable<import("csstype").Property.FlexDirection | undefined>[] | readonly import("csstype").Property.FlexDirection[] | undefined;
    readonly flexGrow?: readonly ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.FlexGrow | readonly NonNullable<import("csstype").Property.FlexGrow | undefined>[] | undefined;
    readonly flexShrink?: readonly ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.FlexShrink | readonly NonNullable<import("csstype").Property.FlexShrink | undefined>[] | undefined;
    readonly flexWrap?: import("csstype").Property.FlexWrap | readonly NonNullable<import("csstype").Property.FlexWrap | undefined>[] | readonly import("csstype").Property.FlexWrap[] | undefined;
    readonly float?: import("csstype").Property.Float | readonly NonNullable<import("csstype").Property.Float | undefined>[] | readonly import("csstype").Property.Float[] | undefined;
    readonly fontFamily?: readonly string[] | import("csstype").Property.FontFamily | readonly import("csstype").Property.FontFamily[] | undefined;
    readonly fontFeatureSettings?: readonly string[] | import("csstype").Property.FontFeatureSettings | readonly import("csstype").Property.FontFeatureSettings[] | undefined;
    readonly fontKerning?: import("csstype").Property.FontKerning | readonly NonNullable<import("csstype").Property.FontKerning | undefined>[] | readonly import("csstype").Property.FontKerning[] | undefined;
    readonly fontLanguageOverride?: readonly string[] | import("csstype").Property.FontLanguageOverride | readonly import("csstype").Property.FontLanguageOverride[] | undefined;
    readonly fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | readonly NonNullable<import("csstype").Property.FontOpticalSizing | undefined>[] | readonly import("csstype").Property.FontOpticalSizing[] | undefined;
    readonly fontPalette?: readonly string[] | import("csstype").Property.FontPalette | readonly import("csstype").Property.FontPalette[] | undefined;
    readonly fontSize?: readonly (string | (string & {}))[] | import("csstype").Property.FontSize<string | number> | readonly NonNullable<import("csstype").Property.FontSize<string | number> | undefined>[] | undefined;
    readonly fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | readonly NonNullable<import("csstype").Property.FontSizeAdjust | undefined>[] | readonly ("none" | (string & {}) | import("csstype").Globals | "from-font")[] | undefined;
    readonly fontSmooth?: readonly string[] | import("csstype").Property.FontSmooth<string | number> | readonly NonNullable<import("csstype").Property.FontSmooth<string | number> | undefined>[] | undefined;
    readonly fontStretch?: readonly string[] | import("csstype").Property.FontStretch | readonly import("csstype").Property.FontStretch[] | undefined;
    readonly fontStyle?: readonly string[] | import("csstype").Property.FontStyle | readonly import("csstype").Property.FontStyle[] | undefined;
    readonly fontSynthesis?: readonly string[] | import("csstype").Property.FontSynthesis | readonly import("csstype").Property.FontSynthesis[] | undefined;
    readonly fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | readonly NonNullable<import("csstype").Property.FontSynthesisPosition | undefined>[] | readonly import("csstype").Property.FontSynthesisPosition[] | undefined;
    readonly fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | readonly NonNullable<import("csstype").Property.FontSynthesisSmallCaps | undefined>[] | readonly import("csstype").Property.FontSynthesisSmallCaps[] | undefined;
    readonly fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | readonly NonNullable<import("csstype").Property.FontSynthesisStyle | undefined>[] | readonly import("csstype").Property.FontSynthesisStyle[] | undefined;
    readonly fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | readonly NonNullable<import("csstype").Property.FontSynthesisWeight | undefined>[] | readonly import("csstype").Property.FontSynthesisWeight[] | undefined;
    readonly fontVariant?: readonly string[] | import("csstype").Property.FontVariant | readonly import("csstype").Property.FontVariant[] | undefined;
    readonly fontVariantAlternates?: readonly string[] | import("csstype").Property.FontVariantAlternates | readonly import("csstype").Property.FontVariantAlternates[] | undefined;
    readonly fontVariantCaps?: import("csstype").Property.FontVariantCaps | readonly NonNullable<import("csstype").Property.FontVariantCaps | undefined>[] | readonly import("csstype").Property.FontVariantCaps[] | undefined;
    readonly fontVariantEastAsian?: readonly string[] | import("csstype").Property.FontVariantEastAsian | readonly import("csstype").Property.FontVariantEastAsian[] | undefined;
    readonly fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | readonly NonNullable<import("csstype").Property.FontVariantEmoji | undefined>[] | readonly import("csstype").Property.FontVariantEmoji[] | undefined;
    readonly fontVariantLigatures?: readonly string[] | import("csstype").Property.FontVariantLigatures | readonly import("csstype").Property.FontVariantLigatures[] | undefined;
    readonly fontVariantNumeric?: readonly string[] | import("csstype").Property.FontVariantNumeric | readonly import("csstype").Property.FontVariantNumeric[] | undefined;
    readonly fontVariantPosition?: import("csstype").Property.FontVariantPosition | readonly NonNullable<import("csstype").Property.FontVariantPosition | undefined>[] | readonly import("csstype").Property.FontVariantPosition[] | undefined;
    readonly fontVariationSettings?: readonly string[] | import("csstype").Property.FontVariationSettings | readonly import("csstype").Property.FontVariationSettings[] | undefined;
    readonly fontWeight?: import("csstype").Property.FontWeight | readonly NonNullable<import("csstype").Property.FontWeight | undefined>[] | readonly ("bold" | (string & {}) | import("csstype").Globals | "normal" | "bolder" | "lighter")[] | undefined;
    readonly forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | readonly NonNullable<import("csstype").Property.ForcedColorAdjust | undefined>[] | readonly import("csstype").Property.ForcedColorAdjust[] | undefined;
    readonly gridAutoColumns?: readonly (string | (string & {}))[] | import("csstype").Property.GridAutoColumns<string | number> | readonly NonNullable<import("csstype").Property.GridAutoColumns<string | number> | undefined>[] | undefined;
    readonly gridAutoFlow?: readonly string[] | import("csstype").Property.GridAutoFlow | readonly import("csstype").Property.GridAutoFlow[] | undefined;
    readonly gridAutoRows?: readonly (string | (string & {}))[] | import("csstype").Property.GridAutoRows<string | number> | readonly NonNullable<import("csstype").Property.GridAutoRows<string | number> | undefined>[] | undefined;
    readonly gridColumnEnd?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridColumnEnd | readonly NonNullable<import("csstype").Property.GridColumnEnd | undefined>[] | undefined;
    readonly gridColumnStart?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridColumnStart | readonly NonNullable<import("csstype").Property.GridColumnStart | undefined>[] | undefined;
    readonly gridRowEnd?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridRowEnd | readonly NonNullable<import("csstype").Property.GridRowEnd | undefined>[] | undefined;
    readonly gridRowStart?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridRowStart | readonly NonNullable<import("csstype").Property.GridRowStart | undefined>[] | undefined;
    readonly gridTemplateAreas?: readonly string[] | import("csstype").Property.GridTemplateAreas | readonly import("csstype").Property.GridTemplateAreas[] | undefined;
    readonly gridTemplateColumns?: readonly (string | (string & {}))[] | import("csstype").Property.GridTemplateColumns<string | number> | readonly NonNullable<import("csstype").Property.GridTemplateColumns<string | number> | undefined>[] | undefined;
    readonly gridTemplateRows?: readonly (string | (string & {}))[] | import("csstype").Property.GridTemplateRows<string | number> | readonly NonNullable<import("csstype").Property.GridTemplateRows<string | number> | undefined>[] | undefined;
    readonly hangingPunctuation?: readonly string[] | import("csstype").Property.HangingPunctuation | readonly import("csstype").Property.HangingPunctuation[] | undefined;
    readonly height?: readonly (string | (string & {}))[] | import("csstype").Property.Height<string | number> | readonly NonNullable<import("csstype").Property.Height<string | number> | undefined>[] | undefined;
    readonly hyphenateCharacter?: readonly string[] | import("csstype").Property.HyphenateCharacter | readonly import("csstype").Property.HyphenateCharacter[] | undefined;
    readonly hyphenateLimitChars?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.HyphenateLimitChars | readonly NonNullable<import("csstype").Property.HyphenateLimitChars | undefined>[] | undefined;
    readonly hyphens?: import("csstype").Property.Hyphens | readonly NonNullable<import("csstype").Property.Hyphens | undefined>[] | readonly import("csstype").Property.Hyphens[] | undefined;
    readonly imageOrientation?: readonly string[] | import("csstype").Property.ImageOrientation | readonly import("csstype").Property.ImageOrientation[] | undefined;
    readonly imageRendering?: import("csstype").Property.ImageRendering | readonly NonNullable<import("csstype").Property.ImageRendering | undefined>[] | readonly import("csstype").Property.ImageRendering[] | undefined;
    readonly imageResolution?: readonly string[] | import("csstype").Property.ImageResolution | readonly import("csstype").Property.ImageResolution[] | undefined;
    readonly initialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter | undefined>[] | readonly ((string & {}) | import("csstype").Globals | "normal")[] | undefined;
    readonly inlineSize?: readonly (string | (string & {}))[] | import("csstype").Property.InlineSize<string | number> | readonly NonNullable<import("csstype").Property.InlineSize<string | number> | undefined>[] | undefined;
    readonly inputSecurity?: import("csstype").Property.InputSecurity | readonly NonNullable<import("csstype").Property.InputSecurity | undefined>[] | readonly import("csstype").Property.InputSecurity[] | undefined;
    readonly insetBlockEnd?: readonly (string | (string & {}))[] | import("csstype").Property.InsetBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.InsetBlockEnd<string | number> | undefined>[] | undefined;
    readonly insetBlockStart?: readonly (string | (string & {}))[] | import("csstype").Property.InsetBlockStart<string | number> | readonly NonNullable<import("csstype").Property.InsetBlockStart<string | number> | undefined>[] | undefined;
    readonly insetInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.InsetInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.InsetInlineEnd<string | number> | undefined>[] | undefined;
    readonly insetInlineStart?: readonly (string | (string & {}))[] | import("csstype").Property.InsetInlineStart<string | number> | readonly NonNullable<import("csstype").Property.InsetInlineStart<string | number> | undefined>[] | undefined;
    readonly isolation?: import("csstype").Property.Isolation | readonly NonNullable<import("csstype").Property.Isolation | undefined>[] | readonly import("csstype").Property.Isolation[] | undefined;
    readonly justifyContent?: readonly string[] | import("csstype").Property.JustifyContent | readonly import("csstype").Property.JustifyContent[] | undefined;
    readonly justifyItems?: readonly string[] | import("csstype").Property.JustifyItems | readonly import("csstype").Property.JustifyItems[] | undefined;
    readonly justifySelf?: readonly string[] | import("csstype").Property.JustifySelf | readonly import("csstype").Property.JustifySelf[] | undefined;
    readonly justifyTracks?: readonly string[] | import("csstype").Property.JustifyTracks | readonly import("csstype").Property.JustifyTracks[] | undefined;
    readonly left?: readonly (string | (string & {}))[] | import("csstype").Property.Left<string | number> | readonly NonNullable<import("csstype").Property.Left<string | number> | undefined>[] | undefined;
    readonly letterSpacing?: readonly string[] | import("csstype").Property.LetterSpacing<string | number> | readonly NonNullable<import("csstype").Property.LetterSpacing<string | number> | undefined>[] | undefined;
    readonly lineBreak?: import("csstype").Property.LineBreak | readonly NonNullable<import("csstype").Property.LineBreak | undefined>[] | readonly import("csstype").Property.LineBreak[] | undefined;
    readonly lineHeight?: readonly (string | (string & {}))[] | import("csstype").Property.LineHeight<string | number> | readonly NonNullable<import("csstype").Property.LineHeight<string | number> | undefined>[] | undefined;
    readonly lineHeightStep?: readonly string[] | import("csstype").Property.LineHeightStep<string | number> | readonly NonNullable<import("csstype").Property.LineHeightStep<string | number> | undefined>[] | undefined;
    readonly listStyleImage?: readonly string[] | import("csstype").Property.ListStyleImage | readonly import("csstype").Property.ListStyleImage[] | undefined;
    readonly listStylePosition?: import("csstype").Property.ListStylePosition | readonly NonNullable<import("csstype").Property.ListStylePosition | undefined>[] | readonly import("csstype").Property.ListStylePosition[] | undefined;
    readonly listStyleType?: readonly string[] | import("csstype").Property.ListStyleType | readonly import("csstype").Property.ListStyleType[] | undefined;
    readonly marginBlockEnd?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.MarginBlockEnd<string | number> | undefined>[] | undefined;
    readonly marginBlockStart?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlockStart<string | number> | readonly NonNullable<import("csstype").Property.MarginBlockStart<string | number> | undefined>[] | undefined;
    readonly marginBottom?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBottom<string | number> | readonly NonNullable<import("csstype").Property.MarginBottom<string | number> | undefined>[] | undefined;
    readonly marginInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.MarginInlineEnd<string | number> | undefined>[] | undefined;
    readonly marginInlineStart?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInlineStart<string | number> | readonly NonNullable<import("csstype").Property.MarginInlineStart<string | number> | undefined>[] | undefined;
    readonly marginLeft?: readonly (string | (string & {}))[] | import("csstype").Property.MarginLeft<string | number> | readonly NonNullable<import("csstype").Property.MarginLeft<string | number> | undefined>[] | undefined;
    readonly marginRight?: readonly (string | (string & {}))[] | import("csstype").Property.MarginRight<string | number> | readonly NonNullable<import("csstype").Property.MarginRight<string | number> | undefined>[] | undefined;
    readonly marginTop?: readonly (string | (string & {}))[] | import("csstype").Property.MarginTop<string | number> | readonly NonNullable<import("csstype").Property.MarginTop<string | number> | undefined>[] | undefined;
    readonly marginTrim?: import("csstype").Property.MarginTrim | readonly NonNullable<import("csstype").Property.MarginTrim | undefined>[] | readonly import("csstype").Property.MarginTrim[] | undefined;
    readonly maskBorderMode?: import("csstype").Property.MaskBorderMode | readonly NonNullable<import("csstype").Property.MaskBorderMode | undefined>[] | readonly import("csstype").Property.MaskBorderMode[] | undefined;
    readonly maskBorderOutset?: readonly (string | (string & {}))[] | import("csstype").Property.MaskBorderOutset<string | number> | readonly NonNullable<import("csstype").Property.MaskBorderOutset<string | number> | undefined>[] | undefined;
    readonly maskBorderRepeat?: readonly string[] | import("csstype").Property.MaskBorderRepeat | readonly import("csstype").Property.MaskBorderRepeat[] | undefined;
    readonly maskBorderSlice?: readonly ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.MaskBorderSlice | readonly NonNullable<import("csstype").Property.MaskBorderSlice | undefined>[] | undefined;
    readonly maskBorderSource?: readonly string[] | import("csstype").Property.MaskBorderSource | readonly import("csstype").Property.MaskBorderSource[] | undefined;
    readonly maskBorderWidth?: readonly (string | (string & {}))[] | import("csstype").Property.MaskBorderWidth<string | number> | readonly NonNullable<import("csstype").Property.MaskBorderWidth<string | number> | undefined>[] | undefined;
    readonly maskClip?: readonly string[] | import("csstype").Property.MaskClip | readonly import("csstype").Property.MaskClip[] | undefined;
    readonly maskComposite?: readonly string[] | import("csstype").Property.MaskComposite | readonly import("csstype").Property.MaskComposite[] | undefined;
    readonly maskImage?: readonly string[] | import("csstype").Property.MaskImage | readonly import("csstype").Property.MaskImage[] | undefined;
    readonly maskMode?: readonly string[] | import("csstype").Property.MaskMode | readonly import("csstype").Property.MaskMode[] | undefined;
    readonly maskOrigin?: readonly string[] | import("csstype").Property.MaskOrigin | readonly import("csstype").Property.MaskOrigin[] | undefined;
    readonly maskPosition?: readonly (string | (string & {}))[] | import("csstype").Property.MaskPosition<string | number> | readonly NonNullable<import("csstype").Property.MaskPosition<string | number> | undefined>[] | undefined;
    readonly maskRepeat?: readonly string[] | import("csstype").Property.MaskRepeat | readonly import("csstype").Property.MaskRepeat[] | undefined;
    readonly maskSize?: readonly (string | (string & {}))[] | import("csstype").Property.MaskSize<string | number> | readonly NonNullable<import("csstype").Property.MaskSize<string | number> | undefined>[] | undefined;
    readonly maskType?: import("csstype").Property.MaskType | readonly NonNullable<import("csstype").Property.MaskType | undefined>[] | readonly import("csstype").Property.MaskType[] | undefined;
    readonly masonryAutoFlow?: readonly string[] | import("csstype").Property.MasonryAutoFlow | readonly import("csstype").Property.MasonryAutoFlow[] | undefined;
    readonly mathDepth?: import("csstype").Property.MathDepth | readonly NonNullable<import("csstype").Property.MathDepth | undefined>[] | readonly ((string & {}) | import("csstype").Globals | "auto-add")[] | undefined;
    readonly mathShift?: import("csstype").Property.MathShift | readonly NonNullable<import("csstype").Property.MathShift | undefined>[] | readonly import("csstype").Property.MathShift[] | undefined;
    readonly mathStyle?: import("csstype").Property.MathStyle | readonly NonNullable<import("csstype").Property.MathStyle | undefined>[] | readonly import("csstype").Property.MathStyle[] | undefined;
    readonly maxBlockSize?: readonly (string | (string & {}))[] | import("csstype").Property.MaxBlockSize<string | number> | readonly NonNullable<import("csstype").Property.MaxBlockSize<string | number> | undefined>[] | undefined;
    readonly maxHeight?: readonly (string | (string & {}))[] | import("csstype").Property.MaxHeight<string | number> | readonly NonNullable<import("csstype").Property.MaxHeight<string | number> | undefined>[] | undefined;
    readonly maxInlineSize?: readonly (string | (string & {}))[] | import("csstype").Property.MaxInlineSize<string | number> | readonly NonNullable<import("csstype").Property.MaxInlineSize<string | number> | undefined>[] | undefined;
    readonly maxLines?: import("csstype").Property.MaxLines | readonly NonNullable<import("csstype").Property.MaxLines | undefined>[] | readonly ("none" | (string & {}) | import("csstype").Globals)[] | undefined;
    readonly maxWidth?: readonly (string | (string & {}))[] | import("csstype").Property.MaxWidth<string | number> | readonly NonNullable<import("csstype").Property.MaxWidth<string | number> | undefined>[] | undefined;
    readonly minBlockSize?: readonly (string | (string & {}))[] | import("csstype").Property.MinBlockSize<string | number> | readonly NonNullable<import("csstype").Property.MinBlockSize<string | number> | undefined>[] | undefined;
    readonly minHeight?: readonly (string | (string & {}))[] | import("csstype").Property.MinHeight<string | number> | readonly NonNullable<import("csstype").Property.MinHeight<string | number> | undefined>[] | undefined;
    readonly minInlineSize?: readonly (string | (string & {}))[] | import("csstype").Property.MinInlineSize<string | number> | readonly NonNullable<import("csstype").Property.MinInlineSize<string | number> | undefined>[] | undefined;
    readonly minWidth?: readonly (string | (string & {}))[] | import("csstype").Property.MinWidth<string | number> | readonly NonNullable<import("csstype").Property.MinWidth<string | number> | undefined>[] | undefined;
    readonly mixBlendMode?: import("csstype").Property.MixBlendMode | readonly NonNull