import { BrushBehavior, ScaleLinear as ScaleLinear$1, CountableTimeInterval, ScaleOrdinal, Arc as Arc$1, ScaleTime as ScaleTime$2, ScalePoint as ScalePoint$2, Line as Line$1 } from 'd3';
import * as _redsift_design_system from '@redsift/design-system';
import { ValueOf, Theme, Comp, ContainerProps, StylingTransientProps, ContainerTransientProps, FormatMessage } from '@redsift/design-system';
import { PieArcDatum } from 'd3-shape';
import * as react from 'react';
import react__default, { MutableRefObject, ComponentProps, ReactElement, RefObject, ReactNode } from 'react';
import * as d3_scale from 'd3-scale';
import { ScaleLinear as ScaleLinear$2, ScaleLogarithmic, ScaleSymLog, ScalePoint as ScalePoint$1, ScaleBand as ScaleBand$1, ScaleTime as ScaleTime$1 } from 'd3-scale';
import { TooltipProps } from '@redsift/popovers';
import * as styled_components_dist_types from 'styled-components/dist/types';
import * as _react_spring_shared from '@react-spring/shared';
import * as _react_spring_web from '@react-spring/web';
import * as csstype from 'csstype';

interface UseBrushProps {
    brushRef: MutableRefObject<BrushBehavior<unknown> | undefined>;
    svgRef: MutableRefObject<SVGSVGElement | SVGGElement | undefined>;
    extent?: [[number, number], [number, number]];
    scaleX: ScaleLinear$1<number, number>;
    scaleY: ScaleLinear$1<number, number>;
    isBrushable?: boolean;
    isGridded?: boolean;
    onBrush?: (selection: [[number, number], [number, number]] | null, scaleX: ScaleLinear$1<number, number>, scaleY: ScaleLinear$1<number, number>) => void;
    onBrushEnd?: (selection: [[number, number], [number, number]] | null, scaleX: ScaleLinear$1<number, number>, scaleY: ScaleLinear$1<number, number>) => void;
}
declare const useBrush: ({ brushRef: propsBrushRef, svgRef, extent, scaleX, scaleY, isBrushable, isGridded, onBrush, onBrushEnd, }: UseBrushProps) => void;

/**
 * Component variant.
 */
declare const AxisVariant: {
    readonly none: "none";
    readonly line: "line";
    readonly lineTick: "lineTick";
    readonly tick: "tick";
    readonly tickValue: "tickValue";
    readonly default: "default";
};
type AxisVariant = ValueOf<typeof AxisVariant>;
declare const AxisPosition: {
    top: string;
    right: string;
    bottom: string;
    left: string;
};
type AxisPosition = ValueOf<typeof AxisPosition>;
/**
 * Component props.
 */
interface AxisProps extends Omit<ComponentProps<'g'>, 'scale'> {
    /** Disable animations. */
    disableAnimations?: boolean;
    format?: string;
    /** Whether to display grid or not. The length is mandatory and should usually be the length of the other axis. */
    grid?: boolean | {
        length?: number;
        stroke?: string;
        strokeWidth?: number;
        strokeDasharray?: string;
        opacity?: number;
    };
    legend?: string;
    legendOffset?: number;
    legendPosition?: 'start' | 'middle' | 'end';
    legendX?: number;
    legendY?: number;
    legendRotation?: number;
    legendStyle?: React.CSSProperties;
    /** Length of the axis. */
    length?: number;
    /** Position of axis. top|bottom means this is an x axis, right|left means this is an y axis. */
    position?: AxisPosition;
    /** Scale (d3.js) used to generate the axis. */
    scale?: AnyScale;
    tickFormat?: ((d: NumericValue) => string | string[]) | ((d: StringValue) => string | string[]) | ((d: Date) => string | string[]) | ((d: ScaleValue) => string | string[]);
    tickPadding?: number;
    tickRotation?: number;
    tickSize?: number;
    tickStyle?: (ticks: any[]) => {
        strokeWidth?: number;
        gridStrokeWidth?: number;
        gridStroke?: string;
    }[];
    tickValues?: TicksSpec;
    tickRemodelling?: (tickValues: any[]) => any[];
    /** Variant. */
    variant?: AxisVariant;
    /** X position. */
    x?: number;
    /** Y position. */
    y?: number;
    /** Chart width, used for horizontal grid. */
    chartWidth?: number;
    /** Chart height, used for horizontal grid. */
    chartHeight?: number;
    /** Section height, used for horizontal grid within a section. */
    sectionHeight?: number;
    /** Color used for tick values. */
    textColor?: string;
    /** Custom method to choose which tick value to color if not all. */
    tickToColor?: (tick?: {
        textX: number;
        textY: number;
        lineX: number;
        lineY: number;
        x: number;
        y: number;
        key: string;
        value: ScaleValue;
    }, index?: number) => boolean;
}
type StyledAxisProps = Omit<AxisProps, 'areXLabelsRotated' | 'size' | 'scale'> & {
    $theme: Theme;
    $color?: string;
};

declare const getAxisType: (position: AxisPosition) => "x" | "y";
declare const Axis: Comp<AxisProps, SVGGElement>;

/**
 * Component style.
 */
declare const StyledAxis: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<_react_spring_web.AnimatedProps<{
    string?: number | string | undefined | undefined;
    end?: number | string | undefined | undefined;
    style?: {
        accentColor?: csstype.Property.AccentColor | undefined;
        alignContent?: csstype.Property.AlignContent | undefined;
        alignItems?: csstype.Property.AlignItems | undefined;
        alignSelf?: csstype.Property.AlignSelf | undefined;
        alignTracks?: csstype.Property.AlignTracks | undefined;
        animationComposition?: csstype.Property.AnimationComposition | undefined;
        animationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
        animationDirection?: csstype.Property.AnimationDirection | undefined;
        animationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
        animationFillMode?: csstype.Property.AnimationFillMode | undefined;
        animationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
        animationName?: csstype.Property.AnimationName | undefined;
        animationPlayState?: csstype.Property.AnimationPlayState | undefined;
        animationTimeline?: csstype.Property.AnimationTimeline | undefined;
        animationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
        appearance?: csstype.Property.Appearance | undefined;
        aspectRatio?: csstype.Property.AspectRatio | undefined;
        backdropFilter?: csstype.Property.BackdropFilter | undefined;
        backfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
        backgroundAttachment?: csstype.Property.BackgroundAttachment | undefined;
        backgroundBlendMode?: csstype.Property.BackgroundBlendMode | undefined;
        backgroundClip?: csstype.Property.BackgroundClip | undefined;
        backgroundColor?: csstype.Property.BackgroundColor | undefined;
        backgroundImage?: csstype.Property.BackgroundImage | undefined;
        backgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
        backgroundPositionX?: csstype.Property.BackgroundPositionX<string | number> | undefined;
        backgroundPositionY?: csstype.Property.BackgroundPositionY<string | number> | undefined;
        backgroundRepeat?: csstype.Property.BackgroundRepeat | undefined;
        backgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
        blockOverflow?: csstype.Property.BlockOverflow | undefined;
        blockSize?: csstype.Property.BlockSize<string | number> | undefined;
        borderBlockColor?: csstype.Property.BorderBlockColor | undefined;
        borderBlockEndColor?: csstype.Property.BorderBlockEndColor | undefined;
        borderBlockEndStyle?: csstype.Property.BorderBlockEndStyle | undefined;
        borderBlockEndWidth?: csstype.Property.BorderBlockEndWidth<string | number> | undefined;
        borderBlockStartColor?: csstype.Property.BorderBlockStartColor | undefined;
        borderBlockStartStyle?: csstype.Property.BorderBlockStartStyle | undefined;
        borderBlockStartWidth?: csstype.Property.BorderBlockStartWidth<string | number> | undefined;
        borderBlockStyle?: csstype.Property.BorderBlockStyle | undefined;
        borderBlockWidth?: csstype.Property.BorderBlockWidth<string | number> | undefined;
        borderBottomColor?: csstype.Property.BorderBottomColor | undefined;
        borderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
        borderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
        borderBottomStyle?: csstype.Property.BorderBottomStyle | undefined;
        borderBottomWidth?: csstype.Property.BorderBottomWidth<string | number> | undefined;
        borderCollapse?: csstype.Property.BorderCollapse | undefined;
        borderEndEndRadius?: csstype.Property.BorderEndEndRadius<string | number> | undefined;
        borderEndStartRadius?: csstype.Property.BorderEndStartRadius<string | number> | undefined;
        borderImageOutset?: csstype.Property.BorderImageOutset<string | number> | undefined;
        borderImageRepeat?: csstype.Property.BorderImageRepeat | undefined;
        borderImageSlice?: csstype.Property.BorderImageSlice | undefined;
        borderImageSource?: csstype.Property.BorderImageSource | undefined;
        borderImageWidth?: csstype.Property.BorderImageWidth<string | number> | undefined;
        borderInlineColor?: csstype.Property.BorderInlineColor | undefined;
        borderInlineEndColor?: csstype.Property.BorderInlineEndColor | undefined;
        borderInlineEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
        borderInlineEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
        borderInlineStartColor?: csstype.Property.BorderInlineStartColor | undefined;
        borderInlineStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
        borderInlineStartWidth?: csstype.Property.BorderInlineStartWidth<string | number> | undefined;
        borderInlineStyle?: csstype.Property.BorderInlineStyle | undefined;
        borderInlineWidth?: csstype.Property.BorderInlineWidth<string | number> | undefined;
        borderLeftColor?: csstype.Property.BorderLeftColor | undefined;
        borderLeftStyle?: csstype.Property.BorderLeftStyle | undefined;
        borderLeftWidth?: csstype.Property.BorderLeftWidth<string | number> | undefined;
        borderRightColor?: csstype.Property.BorderRightColor | undefined;
        borderRightStyle?: csstype.Property.BorderRightStyle | undefined;
        borderRightWidth?: csstype.Property.BorderRightWidth<string | number> | undefined;
        borderSpacing?: csstype.Property.BorderSpacing<string | number> | undefined;
        borderStartEndRadius?: csstype.Property.BorderStartEndRadius<string | number> | undefined;
        borderStartStartRadius?: csstype.Property.BorderStartStartRadius<string | number> | undefined;
        borderTopColor?: csstype.Property.BorderTopColor | undefined;
        borderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
        borderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
        borderTopStyle?: csstype.Property.BorderTopStyle | undefined;
        borderTopWidth?: csstype.Property.BorderTopWidth<string | number> | undefined;
        bottom?: csstype.Property.Bottom<string | number> | undefined;
        boxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
        boxShadow?: csstype.Property.BoxShadow | undefined;
        boxSizing?: csstype.Property.BoxSizing | undefined;
        breakAfter?: csstype.Property.BreakAfter | undefined;
        breakBefore?: csstype.Property.BreakBefore | undefined;
        breakInside?: csstype.Property.BreakInside | undefined;
        captionSide?: csstype.Property.CaptionSide | undefined;
        caretColor?: csstype.Property.CaretColor | undefined;
        caretShape?: csstype.Property.CaretShape | undefined;
        clear?: csstype.Property.Clear | undefined;
        clipPath?: csstype.Property.ClipPath | undefined;
        color?: csstype.Property.Color | undefined;
        colorAdjust?: csstype.Property.PrintColorAdjust | undefined;
        colorScheme?: csstype.Property.ColorScheme | undefined;
        columnCount?: csstype.Property.ColumnCount | undefined;
        columnFill?: csstype.Property.ColumnFill | undefined;
        columnGap?: csstype.Property.ColumnGap<string | number> | undefined;
        columnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
        columnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
        columnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
        columnSpan?: csstype.Property.ColumnSpan | undefined;
        columnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
        contain?: csstype.Property.Contain | undefined;
        containIntrinsicBlockSize?: csstype.Property.ContainIntrinsicBlockSize<string | number> | undefined;
        containIntrinsicHeight?: csstype.Property.ContainIntrinsicHeight<string | number> | undefined;
        containIntrinsicInlineSize?: csstype.Property.ContainIntrinsicInlineSize<string | number> | undefined;
        containIntrinsicWidth?: csstype.Property.ContainIntrinsicWidth<string | number> | undefined;
        containerName?: csstype.Property.ContainerName | undefined;
        containerType?: csstype.Property.ContainerType | undefined;
        content?: csstype.Property.Content | undefined;
        contentVisibility?: csstype.Property.ContentVisibility | undefined;
        counterIncrement?: csstype.Property.CounterIncrement | undefined;
        counterReset?: csstype.Property.CounterReset | undefined;
        counterSet?: csstype.Property.CounterSet | undefined;
        cursor?: csstype.Property.Cursor | undefined;
        direction?: csstype.Property.Direction | undefined;
        display?: csstype.Property.Display | undefined;
        emptyCells?: csstype.Property.EmptyCells | undefined;
        filter?: csstype.Property.Filter | undefined;
        flexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
        flexDirection?: csstype.Property.FlexDirection | undefined;
        flexGrow?: csstype.Property.FlexGrow | undefined;
        flexShrink?: csstype.Property.FlexShrink | undefined;
        flexWrap?: csstype.Property.FlexWrap | undefined;
        float?: csstype.Property.Float | undefined;
        fontFamily?: csstype.Property.FontFamily | undefined;
        fontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
        fontKerning?: csstype.Property.FontKerning | undefined;
        fontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
        fontOpticalSizing?: csstype.Property.FontOpticalSizing | undefined;
        fontPalette?: csstype.Property.FontPalette | undefined;
        fontSize?: csstype.Property.FontSize<string | number> | undefined;
        fontSizeAdjust?: csstype.Property.FontSizeAdjust | undefined;
        fontSmooth?: csstype.Property.FontSmooth<string | number> | undefined;
        fontStretch?: csstype.Property.FontStretch | undefined;
        fontStyle?: csstype.Property.FontStyle | undefined;
        fontSynthesis?: csstype.Property.FontSynthesis | undefined;
        fontVariant?: csstype.Property.FontVariant | undefined;
        fontVariantAlternates?: csstype.Property.FontVariantAlternates | undefined;
        fontVariantCaps?: csstype.Property.FontVariantCaps | undefined;
        fontVariantEastAsian?: csstype.Property.FontVariantEastAsian | undefined;
        fontVariantEmoji?: csstype.Property.FontVariantEmoji | undefined;
        fontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
        fontVariantNumeric?: csstype.Property.FontVariantNumeric | undefined;
        fontVariantPosition?: csstype.Property.FontVariantPosition | undefined;
        fontVariationSettings?: csstype.Property.FontVariationSettings | undefined;
        fontWeight?: csstype.Property.FontWeight | undefined;
        forcedColorAdjust?: csstype.Property.ForcedColorAdjust | undefined;
        gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | undefined;
        gridAutoFlow?: csstype.Property.GridAutoFlow | undefined;
        gridAutoRows?: csstype.Property.GridAutoRows<string | number> | undefined;
        gridColumnEnd?: csstype.Property.GridColumnEnd | undefined;
        gridColumnStart?: csstype.Property.GridColumnStart | undefined;
        gridRowEnd?: csstype.Property.GridRowEnd | undefined;
        gridRowStart?: csstype.Property.GridRowStart | undefined;
        gridTemplateAreas?: csstype.Property.GridTemplateAreas | undefined;
        gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | undefined;
        hangingPunctuation?: csstype.Property.HangingPunctuation | undefined;
        height?: csstype.Property.Height<string | number> | undefined;
        hyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
        hyphenateLimitChars?: csstype.Property.HyphenateLimitChars | undefined;
        hyphens?: csstype.Property.Hyphens | undefined;
        imageOrientation?: csstype.Property.ImageOrientation | undefined;
        imageRendering?: csstype.Property.ImageRendering | undefined;
        imageResolution?: csstype.Property.ImageResolution | undefined;
        initialLetter?: csstype.Property.InitialLetter | undefined;
        inlineSize?: csstype.Property.InlineSize<string | number> | undefined;
        inputSecurity?: csstype.Property.InputSecurity | undefined;
        insetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
        insetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
        insetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
        insetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
        isolation?: csstype.Property.Isolation | undefined;
        justifyContent?: csstype.Property.JustifyContent | undefined;
        justifyItems?: csstype.Property.JustifyItems | undefined;
        justifySelf?: csstype.Property.JustifySelf | undefined;
        justifyTracks?: csstype.Property.JustifyTracks | undefined;
        left?: csstype.Property.Left<string | number> | undefined;
        letterSpacing?: csstype.Property.LetterSpacing<string | number> | undefined;
        lineBreak?: csstype.Property.LineBreak | undefined;
        lineHeight?: csstype.Property.LineHeight<string | number> | undefined;
        lineHeightStep?: csstype.Property.LineHeightStep<string | number> | undefined;
        listStyleImage?: csstype.Property.ListStyleImage | undefined;
        listStylePosition?: csstype.Property.ListStylePosition | undefined;
        listStyleType?: csstype.Property.ListStyleType | undefined;
        marginBlockEnd?: csstype.Property.MarginBlockEnd<string | number> | undefined;
        marginBlockStart?: csstype.Property.MarginBlockStart<string | number> | undefined;
        marginBottom?: csstype.Property.MarginBottom<string | number> | undefined;
        marginInlineEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
        marginInlineStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
        marginLeft?: csstype.Property.MarginLeft<string | number> | undefined;
        marginRight?: csstype.Property.MarginRight<string | number> | undefined;
        marginTop?: csstype.Property.MarginTop<string | number> | undefined;
        marginTrim?: csstype.Property.MarginTrim | undefined;
        maskBorderMode?: csstype.Property.MaskBorderMode | undefined;
        maskBorderOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
        maskBorderRepeat?: csstype.Property.MaskBorderRepeat | undefined;
        maskBorderSlice?: csstype.Property.MaskBorderSlice | undefined;
        maskBorderSource?: csstype.Property.MaskBorderSource | undefined;
        maskBorderWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
        maskClip?: csstype.Property.MaskClip | undefined;
        maskComposite?: csstype.Property.MaskComposite | undefined;
        maskImage?: csstype.Property.MaskImage | undefined;
        maskMode?: csstype.Property.MaskMode | undefined;
        maskOrigin?: csstype.Property.MaskOrigin | undefined;
        maskPosition?: csstype.Property.MaskPosition<string | number> | undefined;
        maskRepeat?: csstype.Property.MaskRepeat | undefined;
        maskSize?: csstype.Property.MaskSize<string | number> | undefined;
        maskType?: csstype.Property.MaskType | undefined;
        mathDepth?: csstype.Property.MathDepth | undefined;
        mathShift?: csstype.Property.MathShift | undefined;
        mathStyle?: csstype.Property.MathStyle | undefined;
        maxBlockSize?: csstype.Property.MaxBlockSize<string | number> | undefined;
        maxHeight?: csstype.Property.MaxHeight<string | number> | undefined;
        maxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
        maxLines?: csstype.Property.MaxLines | undefined;
        maxWidth?: csstype.Property.MaxWidth<string | number> | undefined;
        minBlockSize?: csstype.Property.MinBlockSize<string | number> | undefined;
        minHeight?: csstype.Property.MinHeight<string | number> | undefined;
        minInlineSize?: csstype.Property.MinInlineSize<string | number> | undefined;
        minWidth?: csstype.Property.MinWidth<string | number> | undefined;
        mixBlendMode?: csstype.Property.MixBlendMode | undefined;
        motionDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
        motionPath?: csstype.Property.OffsetPath | undefined;
        motionRotation?: csstype.Property.OffsetRotate | undefined;
        objectFit?: csstype.Property.ObjectFit | undefined;
        objectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
        offsetAnchor?: csstype.Property.OffsetAnchor<string | number> | undefined;
        offsetDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
        offsetPath?: csstype.Property.OffsetPath | undefined;
        offsetPosition?: csstype.Property.OffsetPosition<string | number> | undefined;
        offsetRotate?: csstype.Property.OffsetRotate | undefined;
        offsetRotation?: csstype.Property.OffsetRotate | undefined;
        opacity?: csstype.Property.Opacity | undefined;
        order?: csstype.Property.Order | undefined;
        orphans?: csstype.Property.Orphans | undefined;
        outlineColor?: csstype.Property.OutlineColor | undefined;
        outlineOffset?: csstype.Property.OutlineOffset<string | number> | undefined;
        outlineStyle?: csstype.Property.OutlineStyle | undefined;
        outlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
        overflowAnchor?: csstype.Property.OverflowAnchor | undefined;
        overflowBlock?: csstype.Property.OverflowBlock | undefined;
        overflowClipBox?: csstype.Property.OverflowClipBox | undefined;
        overflowClipMargin?: csstype.Property.OverflowClipMargin<string | number> | undefined;
        overflowInline?: csstype.Property.OverflowInline | undefined;
        overflowWrap?: csstype.Property.OverflowWrap | undefined;
        overflowX?: csstype.Property.OverflowX | undefined;
        overflowY?: csstype.Property.OverflowY | undefined;
        overscrollBehaviorBlock?: csstype.Property.OverscrollBehaviorBlock | undefined;
        overscrollBehaviorInline?: csstype.Property.OverscrollBehaviorInline | undefined;
        overscrollBehaviorX?: csstype.Property.OverscrollBehaviorX | undefined;
        overscrollBehaviorY?: csstype.Property.OverscrollBehaviorY | undefined;
        paddingBlockEnd?: csstype.Property.PaddingBlockEnd<string | number> | undefined;
        paddingBlockStart?: csstype.Property.PaddingBlockStart<string | number> | undefined;
        paddingBottom?: csstype.Property.PaddingBottom<string | number> | undefined;
        paddingInlineEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
        paddingInlineStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
        paddingLeft?: csstype.Property.PaddingLeft<string | number> | undefined;
        paddingRight?: csstype.Property.PaddingRight<string | number> | undefined;
        paddingTop?: csstype.Property.PaddingTop<string | number> | undefined;
        page?: csstype.Property.Page | undefined;
        pageBreakAfter?: csstype.Property.PageBreakAfter | undefined;
        pageBreakBefore?: csstype.Property.PageBreakBefore | undefined;
        pageBreakInside?: csstype.Property.PageBreakInside | undefined;
        paintOrder?: csstype.Property.PaintOrder | undefined;
        perspective?: csstype.Property.Perspective<string | number> | undefined;
        perspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
        pointerEvents?: csstype.Property.PointerEvents | undefined;
        position?: csstype.Property.Position | undefined;
        printColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
        quotes?: csstype.Property.Quotes | undefined;
        resize?: csstype.Property.Resize | undefined;
        right?: csstype.Property.Right<string | number> | undefined;
        rotate?: (string | number) | undefined;
        rowGap?: csstype.Property.RowGap<string | number> | undefined;
        rubyAlign?: csstype.Property.RubyAlign | undefined;
        rubyMerge?: csstype.Property.RubyMerge | undefined;
        rubyPosition?: csstype.Property.RubyPosition | undefined;
        scale?: string | number | readonly [number, number] | undefined;
        scrollBehavior?: csstype.Property.ScrollBehavior | undefined;
        scrollMarginBlockEnd?: csstype.Property.ScrollMarginBlockEnd<string | number> | undefined;
        scrollMarginBlockStart?: csstype.Property.ScrollMarginBlockStart<string | number> | undefined;
        scrollMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
        scrollMarginInlineEnd?: csstype.Property.ScrollMarginInlineEnd<string | number> | undefined;
        scrollMarginInlineStart?: csstype.Property.ScrollMarginInlineStart<string | number> | undefined;
        scrollMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
        scrollMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
        scrollMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
        scrollPaddingBlockEnd?: csstype.Property.ScrollPaddingBlockEnd<string | number> | undefined;
        scrollPaddingBlockStart?: csstype.Property.ScrollPaddingBlockStart<string | number> | undefined;
        scrollPaddingBottom?: csstype.Property.ScrollPaddingBottom<string | number> | undefined;
        scrollPaddingInlineEnd?: csstype.Property.ScrollPaddingInlineEnd<string | number> | undefined;
        scrollPaddingInlineStart?: csstype.Property.ScrollPaddingInlineStart<string | number> | undefined;
        scrollPaddingLeft?: csstype.Property.ScrollPaddingLeft<string | number> | undefined;
        scrollPaddingRight?: csstype.Property.ScrollPaddingRight<string | number> | undefined;
        scrollPaddingTop?: csstype.Property.ScrollPaddingTop<string | number> | undefined;
        scrollSnapAlign?: csstype.Property.ScrollSnapAlign | undefined;
        scrollSnapMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
        scrollSnapMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
        scrollSnapMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
        scrollSnapMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
        scrollSnapStop?: csstype.Property.ScrollSnapStop | undefined;
        scrollSnapType?: csstype.Property.ScrollSnapType | undefined;
        scrollTimelineAxis?: csstype.Property.ScrollTimelineAxis | undefined;
        scrollTimelineName?: csstype.Property.ScrollTimelineName | undefined;
        scrollbarColor?: csstype.Property.ScrollbarColor | undefined;
        scrollbarGutter?: csstype.Property.ScrollbarGutter | undefined;
        scrollbarWidth?: csstype.Property.ScrollbarWidth | undefined;
        shapeImageThreshold?: csstype.Property.ShapeImageThreshold | undefined;
        shapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
        shapeOutside?: csstype.Property.ShapeOutside | undefined;
        tabSize?: csstype.Property.TabSize<string | number> | undefined;
        tableLayout?: csstype.Property.TableLayout | undefined;
        textAlign?: csstype.Property.TextAlign | undefined;
        textAlignLast?: csstype.Property.TextAlignLast | undefined;
        textCombineUpright?: csstype.Property.TextCombineUpright | undefined;
        textDecorationColor?: csstype.Property.TextDecorationColor | undefined;
        textDecorationLine?: csstype.Property.TextDecorationLine | undefined;
        textDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
        textDecorationSkipInk?: csstype.Property.TextDecorationSkipInk | undefined;
        textDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
        textDecorationThickness?: csstype.Property.TextDecorationThickness<string | number> | undefined;
        textEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
        textEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
        textEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
        textIndent?: csstype.Property.TextIndent<string | number> | undefined;
        textJustify?: csstype.Property.TextJustify | undefined;
        textOrientation?: csstype.Property.TextOrientation | undefined;
        textOverflow?: csstype.Property.TextOverflow | undefined;
        textRendering?: csstype.Property.TextRendering | undefined;
        textShadow?: csstype.Property.TextShadow | undefined;
        textSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
        textTransform?: csstype.Property.TextTransform | undefined;
        textUnderlineOffset?: csstype.Property.TextUnderlineOffset<string | number> | undefined;
        textUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
        top?: csstype.Property.Top<string | number> | undefined;
        touchAction?: csstype.Property.TouchAction | undefined;
        transform?: string | undefined;
        transformBox?: csstype.Property.TransformBox | undefined;
        transformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        transformStyle?: csstype.Property.TransformStyle | undefined;
        transitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        transitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        transitionProperty?: csstype.Property.TransitionProperty | undefined;
        transitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        translate?: (string | number) | readonly [string | number, string | number] | undefined;
        unicodeBidi?: csstype.Property.UnicodeBidi | undefined;
        userSelect?: csstype.Property.UserSelect | undefined;
        verticalAlign?: csstype.Property.VerticalAlign<string | number> | undefined;
        viewTransitionName?: csstype.Property.ViewTransitionName | undefined;
        visibility?: csstype.Property.Visibility | undefined;
        whiteSpace?: csstype.Property.WhiteSpace | undefined;
        widows?: csstype.Property.Widows | undefined;
        width?: csstype.Property.Width<string | number> | undefined;
        willChange?: csstype.Property.WillChange | undefined;
        wordBreak?: csstype.Property.WordBreak | undefined;
        wordSpacing?: csstype.Property.WordSpacing<string | number> | undefined;
        wordWrap?: csstype.Property.WordWrap | undefined;
        writingMode?: csstype.Property.WritingMode | undefined;
        zIndex?: csstype.Property.ZIndex | undefined;
        zoom?: csstype.Property.Zoom | undefined;
        all?: csstype.Globals | undefined;
        animation?: csstype.Property.Animation<string & {}> | undefined;
        background?: csstype.Property.Background<string | number> | undefined;
        backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | undefined;
        border?: csstype.Property.Border<string | number> | undefined;
        borderBlock?: csstype.Property.BorderBlock<string | number> | undefined;
        borderBlockEnd?: csstype.Property.BorderBlockEnd<string | number> | undefined;
        borderBlockStart?: csstype.Property.BorderBlockStart<string | number> | undefined;
        borderBottom?: csstype.Property.BorderBottom<string | number> | undefined;
        borderColor?: csstype.Property.BorderColor | undefined;
        borderImage?: csstype.Property.BorderImage | undefined;
        borderInline?: csstype.Property.BorderInline<string | number> | undefined;
        borderInlineEnd?: csstype.Property.BorderInlineEnd<string | number> | undefined;
        borderInlineStart?: csstype.Property.BorderInlineStart<string | number> | undefined;
        borderLeft?: csstype.Property.BorderLeft<string | number> | undefined;
        borderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
        borderRight?: csstype.Property.BorderRight<string | number> | undefined;
        borderStyle?: csstype.Property.BorderStyle | undefined;
        borderTop?: csstype.Property.BorderTop<string | number> | undefined;
        borderWidth?: csstype.Property.BorderWidth<string | number> | undefined;
        caret?: csstype.Property.Caret | undefined;
        columnRule?: csstype.Property.ColumnRule<string | number> | undefined;
        columns?: csstype.Property.Columns<string | number> | undefined;
        containIntrinsicSize?: csstype.Property.ContainIntrinsicSize<string | number> | undefined;
        container?: csstype.Property.Container | undefined;
        flex?: csstype.Property.Flex<string | number> | undefined;
        flexFlow?: csstype.Property.FlexFlow | undefined;
        font?: csstype.Property.Font | undefined;
        gap?: csstype.Property.Gap<string | number> | undefined;
        grid?: csstype.Property.Grid | undefined;
        gridArea?: csstype.Property.GridArea | undefined;
        gridColumn?: csstype.Property.GridColumn | undefined;
        gridRow?: csstype.Property.GridRow | undefined;
        gridTemplate?: csstype.Property.GridTemplate | undefined;
        inset?: csstype.Property.Inset<string | number> | undefined;
        insetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
        insetInline?: csstype.Property.InsetInline<string | number> | undefined;
        lineClamp?: csstype.Property.LineClamp | undefined;
        listStyle?: csstype.Property.ListStyle | undefined;
        margin?: csstype.Property.Margin<string | number> | undefined;
        marginBlock?: csstype.Property.MarginBlock<string | number> | undefined;
        marginInline?: csstype.Property.MarginInline<string | number> | undefined;
        mask?: csstype.Property.Mask<string | number> | undefined;
        maskBorder?: csstype.Property.MaskBorder | undefined;
        motion?: csstype.Property.Offset<string | number> | undefined;
        offset?: csstype.Property.Offset<string | number> | undefined;
        outline?: csstype.Property.Outline<string | number> | undefined;
        overflow?: csstype.Property.Overflow | undefined;
        overscrollBehavior?: csstype.Property.OverscrollBehavior | undefined;
        padding?: csstype.Property.Padding<string | number> | undefined;
        paddingBlock?: csstype.Property.PaddingBlock<string | number> | undefined;
        paddingInline?: csstype.Property.PaddingInline<string | number> | undefined;
        placeContent?: csstype.Property.PlaceContent | undefined;
        placeItems?: csstype.Property.PlaceItems | undefined;
        placeSelf?: csstype.Property.PlaceSelf | undefined;
        scrollMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
        scrollMarginBlock?: csstype.Property.ScrollMarginBlock<string | number> | undefined;
        scrollMarginInline?: csstype.Property.ScrollMarginInline<string | number> | undefined;
        scrollPadding?: csstype.Property.ScrollPadding<string | number> | undefined;
        scrollPaddingBlock?: csstype.Property.ScrollPaddingBlock<string | number> | undefined;
        scrollPaddingInline?: csstype.Property.ScrollPaddingInline<string | number> | undefined;
        scrollSnapMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
        scrollTimeline?: csstype.Property.ScrollTimeline | undefined;
        textDecoration?: csstype.Property.TextDecoration<string | number> | undefined;
        textEmphasis?: csstype.Property.TextEmphasis | undefined;
        transition?: csstype.Property.Transition<string & {}> | undefined;
        MozAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
        MozAnimationDirection?: csstype.Property.AnimationDirection | undefined;
        MozAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
        MozAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
        MozAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
        MozAnimationName?: csstype.Property.AnimationName | undefined;
        MozAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
        MozAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
        MozAppearance?: csstype.Property.MozAppearance | undefined;
        MozBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
        MozBinding?: csstype.Property.MozBinding | undefined;
        MozBorderBottomColors?: csstype.Property.MozBorderBottomColors | undefined;
        MozBorderEndColor?: csstype.Property.BorderInlineEndColor | undefined;
        MozBorderEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
        MozBorderEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
        MozBorderLeftColors?: csstype.Property.MozBorderLeftColors | undefined;
        MozBorderRightColors?: csstype.Property.MozBorderRightColors | undefined;
        MozBorderStartColor?: csstype.Property.BorderInlineStartColor | undefined;
        MozBorderStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
        MozBorderTopColors?: csstype.Property.MozBorderTopColors | undefined;
        MozBoxSizing?: csstype.Property.BoxSizing | undefined;
        MozColumnCount?: csstype.Property.ColumnCount | undefined;
        MozColumnFill?: csstype.Property.ColumnFill | undefined;
        MozColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
        MozColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
        MozColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
        MozColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
        MozContextProperties?: csstype.Property.MozContextProperties | undefined;
        MozFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
        MozFontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
        MozHyphens?: csstype.Property.Hyphens | undefined;
        MozImageRegion?: csstype.Property.MozImageRegion | undefined;
        MozMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
        MozMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
        MozOrient?: csstype.Property.MozOrient | undefined;
        MozOsxFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
        MozPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
        MozPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
        MozPerspective?: csstype.Property.Perspective<string | number> | undefined;
        MozPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
        MozStackSizing?: csstype.Property.MozStackSizing | undefined;
        MozTabSize?: csstype.Property.TabSize<string | number> | undefined;
        MozTextBlink?: csstype.Property.MozTextBlink | undefined;
        MozTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
        MozTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        MozTransformStyle?: csstype.Property.TransformStyle | undefined;
        MozTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        MozTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        MozTransitionProperty?: csstype.Property.TransitionProperty | undefined;
        MozTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        MozUserFocus?: csstype.Property.MozUserFocus | undefined;
        MozUserModify?: csstype.Property.MozUserModify | undefined;
        MozUserSelect?: csstype.Property.UserSelect | undefined;
        MozWindowDragging?: csstype.Property.MozWindowDragging | undefined;
        MozWindowShadow?: csstype.Property.MozWindowShadow | undefined;
        msAccelerator?: csstype.Property.MsAccelerator | undefined;
        msBlockProgression?: csstype.Property.MsBlockProgression | undefined;
        msContentZoomChaining?: csstype.Property.MsContentZoomChaining | undefined;
        msContentZoomLimitMax?: csstype.Property.MsContentZoomLimitMax | undefined;
        msContentZoomLimitMin?: csstype.Property.MsContentZoomLimitMin | undefined;
        msContentZoomSnapPoints?: csstype.Property.MsContentZoomSnapPoints | undefined;
        msContentZoomSnapType?: csstype.Property.MsContentZoomSnapType | undefined;
        msContentZooming?: csstype.Property.MsContentZooming | undefined;
        msFilter?: csstype.Property.MsFilter | undefined;
        msFlexDirection?: csstype.Property.FlexDirection | undefined;
        msFlexPositive?: csstype.Property.FlexGrow | undefined;
        msFlowFrom?: csstype.Property.MsFlowFrom | undefined;
        msFlowInto?: csstype.Property.MsFlowInto | undefined;
        msGridColumns?: csstype.Property.MsGridColumns<string | number> | undefined;
        msGridRows?: csstype.Property.MsGridRows<string | number> | undefined;
        msHighContrastAdjust?: csstype.Property.MsHighContrastAdjust | undefined;
        msHyphenateLimitChars?: csstype.Property.MsHyphenateLimitChars | undefined;
        msHyphenateLimitLines?: csstype.Property.MsHyphenateLimitLines | undefined;
        msHyphenateLimitZone?: csstype.Property.MsHyphenateLimitZone<string | number> | undefined;
        msHyphens?: csstype.Property.Hyphens | undefined;
        msImeAlign?: csstype.Property.MsImeAlign | undefined;
        msLineBreak?: csstype.Property.LineBreak | undefined;
        msOrder?: csstype.Property.Order | undefined;
        msOverflowStyle?: csstype.Property.MsOverflowStyle | undefined;
        msOverflowX?: csstype.Property.OverflowX | undefined;
        msOverflowY?: csstype.Property.OverflowY | undefined;
        msScrollChaining?: csstype.Property.MsScrollChaining | undefined;
        msScrollLimitXMax?: csstype.Property.MsScrollLimitXMax<string | number> | undefined;
        msScrollLimitXMin?: csstype.Property.MsScrollLimitXMin<string | number> | undefined;
        msScrollLimitYMax?: csstype.Property.MsScrollLimitYMax<string | number> | undefined;
        msScrollLimitYMin?: csstype.Property.MsScrollLimitYMin<string | number> | undefined;
        msScrollRails?: csstype.Property.MsScrollRails | undefined;
        msScrollSnapPointsX?: csstype.Property.MsScrollSnapPointsX | undefined;
        msScrollSnapPointsY?: csstype.Property.MsScrollSnapPointsY | undefined;
        msScrollSnapType?: csstype.Property.MsScrollSnapType | undefined;
        msScrollTranslation?: csstype.Property.MsScrollTranslation | undefined;
        msScrollbar3dlightColor?: csstype.Property.MsScrollbar3dlightColor | undefined;
        msScrollbarArrowColor?: csstype.Property.MsScrollbarArrowColor | undefined;
        msScrollbarBaseColor?: csstype.Property.MsScrollbarBaseColor | undefined;
        msScrollbarDarkshadowColor?: csstype.Property.MsScrollbarDarkshadowColor | undefined;
        msScrollbarFaceColor?: csstype.Property.MsScrollbarFaceColor | undefined;
        msScrollbarHighlightColor?: csstype.Property.MsScrollbarHighlightColor | undefined;
        msScrollbarShadowColor?: csstype.Property.MsScrollbarShadowColor | undefined;
        msScrollbarTrackColor?: csstype.Property.MsScrollbarTrackColor | undefined;
        msTextAutospace?: csstype.Property.MsTextAutospace | undefined;
        msTextCombineHorizontal?: csstype.Property.TextCombineUpright | undefined;
        msTextOverflow?: csstype.Property.TextOverflow | undefined;
        msTouchAction?: csstype.Property.TouchAction | undefined;
        msTouchSelect?: csstype.Property.MsTouchSelect | undefined;
        msTransform?: csstype.Property.Transform | undefined;
        msTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        msTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        msTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        msTransitionProperty?: csstype.Property.TransitionProperty | undefined;
        msTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        msUserSelect?: csstype.Property.MsUserSelect | undefined;
        msWordBreak?: csstype.Property.WordBreak | undefined;
        msWrapFlow?: csstype.Property.MsWrapFlow | undefined;
        msWrapMargin?: csstype.Property.MsWrapMargin<string | number> | undefined;
        msWrapThrough?: csstype.Property.MsWrapThrough | undefined;
        msWritingMode?: csstype.Property.WritingMode | undefined;
        WebkitAlignContent?: csstype.Property.AlignContent | undefined;
        WebkitAlignItems?: csstype.Property.AlignItems | undefined;
        WebkitAlignSelf?: csstype.Property.AlignSelf | undefined;
        WebkitAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
        WebkitAnimationDirection?: csstype.Property.AnimationDirection | undefined;
        WebkitAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
        WebkitAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
        WebkitAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
        WebkitAnimationName?: csstype.Property.AnimationName | undefined;
        WebkitAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
        WebkitAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
        WebkitAppearance?: csstype.Property.WebkitAppearance | undefined;
        WebkitBackdropFilter?: csstype.Property.BackdropFilter | undefined;
        WebkitBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
        WebkitBackgroundClip?: csstype.Property.BackgroundClip | undefined;
        WebkitBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
        WebkitBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
        WebkitBorderBeforeColor?: csstype.Property.WebkitBorderBeforeColor | undefined;
        WebkitBorderBeforeStyle?: csstype.Property.WebkitBorderBeforeStyle | undefined;
        WebkitBorderBeforeWidth?: csstype.Property.WebkitBorderBeforeWidth<string | number> | undefined;
        WebkitBorderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
        WebkitBorderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
        WebkitBorderImageSlice?: csstype.Property.BorderImageSlice | undefined;
        WebkitBorderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
        WebkitBorderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
        WebkitBoxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
        WebkitBoxReflect?: csstype.Property.WebkitBoxReflect<string | number> | undefined;
        WebkitBoxShadow?: csstype.Property.BoxShadow | undefined;
        WebkitBoxSizing?: csstype.Property.BoxSizing | undefined;
        WebkitClipPath?: csstype.Property.ClipPath | undefined;
        WebkitColumnCount?: csstype.Property.ColumnCount | undefined;
        WebkitColumnFill?: csstype.Property.ColumnFill | undefined;
        WebkitColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
        WebkitColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
        WebkitColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
        WebkitColumnSpan?: csstype.Property.ColumnSpan | undefined;
        WebkitColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
        WebkitFilter?: csstype.Property.Filter | undefined;
        WebkitFlexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
        WebkitFlexDirection?: csstype.Property.FlexDirection | undefined;
        WebkitFlexGrow?: csstype.Property.FlexGrow | undefined;
        WebkitFlexShrink?: csstype.Property.FlexShrink | undefined;
        WebkitFlexWrap?: csstype.Property.FlexWrap | undefined;
        WebkitFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
        WebkitFontKerning?: csstype.Property.FontKerning | undefined;
        WebkitFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
        WebkitFontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
        WebkitHyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
        WebkitHyphens?: csstype.Property.Hyphens | undefined;
        WebkitInitialLetter?: csstype.Property.InitialLetter | undefined;
        WebkitJustifyContent?: csstype.Property.JustifyContent | undefined;
        WebkitLineBreak?: csstype.Property.LineBreak | undefined;
        WebkitLineClamp?: csstype.Property.WebkitLineClamp | undefined;
        WebkitMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
        WebkitMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
        WebkitMaskAttachment?: csstype.Property.WebkitMaskAttachment | undefined;
        WebkitMaskBoxImageOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
        WebkitMaskBoxImageRepeat?: csstype.Property.MaskBorderRepeat | undefined;
        WebkitMaskBoxImageSlice?: csstype.Property.MaskBorderSlice | undefined;
        WebkitMaskBoxImageSource?: csstype.Property.MaskBorderSource | undefined;
        WebkitMaskBoxImageWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
        WebkitMaskClip?: csstype.Property.WebkitMaskClip | undefined;
        WebkitMaskComposite?: csstype.Property.WebkitMaskComposite | undefined;
        WebkitMaskImage?: csstype.Property.WebkitMaskImage | undefined;
        WebkitMaskOrigin?: csstype.Property.WebkitMaskOrigin | undefined;
        WebkitMaskPosition?: csstype.Property.WebkitMaskPosition<string | number> | undefined;
        WebkitMaskPositionX?: csstype.Property.WebkitMaskPositionX<string | number> | undefined;
        WebkitMaskPositionY?: csstype.Property.WebkitMaskPositionY<string | number> | undefined;
        WebkitMaskRepeat?: csstype.Property.WebkitMaskRepeat | undefined;
        WebkitMaskRepeatX?: csstype.Property.WebkitMaskRepeatX | undefined;
        WebkitMaskRepeatY?: csstype.Property.WebkitMaskRepeatY | undefined;
        WebkitMaskSize?: csstype.Property.WebkitMaskSize<string | number> | undefined;
        WebkitMaxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
        WebkitOrder?: csstype.Property.Order | undefined;
        WebkitOverflowScrolling?: csstype.Property.WebkitOverflowScrolling | undefined;
        WebkitPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
        WebkitPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
        WebkitPerspective?: csstype.Property.Perspective<string | number> | undefined;
        WebkitPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
        WebkitPrintColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
        WebkitRubyPosition?: csstype.Property.RubyPosition | undefined;
        WebkitScrollSnapType?: csstype.Property.ScrollSnapType | undefined;
        WebkitShapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
        WebkitTapHighlightColor?: csstype.Property.WebkitTapHighlightColor | undefined;
        WebkitTextCombine?: csstype.Property.TextCombineUpright | undefined;
        WebkitTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
        WebkitTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
        WebkitTextDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
        WebkitTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
        WebkitTextEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
        WebkitTextEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
        WebkitTextEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
        WebkitTextFillColor?: csstype.Property.WebkitTextFillColor | undefined;
        WebkitTextOrientation?: csstype.Property.TextOrientation | undefined;
        WebkitTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
        WebkitTextStrokeColor?: csstype.Property.WebkitTextStrokeColor | undefined;
        WebkitTextStrokeWidth?: csstype.Property.WebkitTextStrokeWidth<string | number> | undefined;
        WebkitTextUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
        WebkitTouchCallout?: csstype.Property.WebkitTouchCallout | undefined;
        WebkitTransform?: csstype.Property.Transform | undefined;
        WebkitTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        WebkitTransformStyle?: csstype.Property.TransformStyle | undefined;
        WebkitTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        WebkitTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        WebkitTransitionProperty?: csstype.Property.TransitionProperty | undefined;
        WebkitTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        WebkitUserModify?: csstype.Property.WebkitUserModify | undefined;
        WebkitUserSelect?: csstype.Property.UserSelect | undefined;
        WebkitWritingMode?: csstype.Property.WritingMode | undefined;
        MozAnimation?: csstype.Property.Animation<string & {}> | undefined;
        MozBorderImage?: csstype.Property.BorderImage | undefined;
        MozColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
        MozColumns?: csstype.Property.Columns<string | number> | undefined;
        MozTransition?: csstype.Property.Transition<string & {}> | undefined;
        msContentZoomLimit?: csstype.Property.MsContentZoomLimit | undefined;
        msContentZoomSnap?: csstype.Property.MsContentZoomSnap | undefined;
        msFlex?: csstype.Property.Flex<string | number> | undefined;
        msScrollLimit?: csstype.Property.MsScrollLimit | undefined;
        msScrollSnapX?: csstype.Property.MsScrollSnapX | undefined;
        msScrollSnapY?: csstype.Property.MsScrollSnapY | undefined;
        msTransition?: csstype.Property.Transition<string & {}> | undefined;
        WebkitAnimation?: csstype.Property.Animation<string & {}> | undefined;
        WebkitBorderBefore?: csstype.Property.WebkitBorderBefore<string | number> | undefined;
        WebkitBorderImage?: csstype.Property.BorderImage | undefined;
        WebkitBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
        WebkitColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
        WebkitColumns?: csstype.Property.Columns<string | number> | undefined;
        WebkitFlex?: csstype.Property.Flex<string | number> | undefined;
        WebkitFlexFlow?: csstype.Property.FlexFlow | undefined;
        WebkitMask?: csstype.Property.WebkitMask<string | number> | undefined;
        WebkitMaskBoxImage?: csstype.Property.MaskBorder | undefined;
        WebkitTextEmphasis?: csstype.Property.TextEmphasis | undefined;
        WebkitTextStroke?: csstype.Property.WebkitTextStroke<string | number> | undefined;
        WebkitTransition?: csstype.Property.Transition<string & {}> | undefined;
        azimuth?: csstype.Property.Azimuth | undefined;
        boxAlign?: csstype.Property.BoxAlign | undefined;
        boxDirection?: csstype.Property.BoxDirection | undefined;
        boxFlex?: csstype.Property.BoxFlex | undefined;
        boxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
        boxLines?: csstype.Property.BoxLines | undefined;
        boxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
        boxOrient?: csstype.Property.BoxOrient | undefined;
        boxPack?: csstype.Property.BoxPack | undefined;
        clip?: csstype.Property.Clip | undefined;
        gridColumnGap?: csstype.Property.GridColumnGap<string | number> | undefined;
        gridGap?: csstype.Property.GridGap<string | number> | undefined;
        gridRowGap?: csstype.Property.GridRowGap<string | number> | undefined;
        imeMode?: csstype.Property.ImeMode | undefined;
        offsetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
        offsetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
        offsetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
        offsetInline?: csstype.Property.InsetInline<string | number> | undefined;
        offsetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
        offsetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
        scrollSnapCoordinate?: csstype.Property.ScrollSnapCoordinate<string | number> | undefined;
        scrollSnapDestination?: csstype.Property.ScrollSnapDestination<string | number> | undefined;
        scrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
        scrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
        scrollSnapTypeX?: csstype.Property.ScrollSnapTypeX | undefined;
        scrollSnapTypeY?: csstype.Property.ScrollSnapTypeY | undefined;
        KhtmlBoxAlign?: csstype.Property.BoxAlign | undefined;
        KhtmlBoxDirection?: csstype.Property.BoxDirection | undefined;
        KhtmlBoxFlex?: csstype.Property.BoxFlex | undefined;
        KhtmlBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
        KhtmlBoxLines?: csstype.Property.BoxLines | undefined;
        KhtmlBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
        KhtmlBoxOrient?: csstype.Property.BoxOrient | undefined;
        KhtmlBoxPack?: csstype.Property.BoxPack | undefined;
        KhtmlLineBreak?: csstype.Property.LineBreak | undefined;
        KhtmlOpacity?: csstype.Property.Opacity | undefined;
        KhtmlUserSelect?: csstype.Property.UserSelect | undefined;
        MozBackgroundClip?: csstype.Property.BackgroundClip | undefined;
        MozBackgroundInlinePolicy?: csstype.Property.BoxDecorationBreak | undefined;
        MozBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
        MozBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
        MozBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
        MozBorderRadiusBottomleft?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
        MozBorderRadiusBottomright?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
        MozBorderRadiusTopleft?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
        MozBorderRadiusTopright?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
        MozBoxAlign?: csstype.Property.BoxAlign | undefined;
        MozBoxDirection?: csstype.Property.BoxDirection | undefined;
        MozBoxFlex?: csstype.Property.BoxFlex | undefined;
        MozBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
        MozBoxOrient?: csstype.Property.BoxOrient | undefined;
        MozBoxPack?: csstype.Property.BoxPack | undefined;
        MozBoxShadow?: csstype.Property.BoxShadow | undefined;
        MozFloatEdge?: csstype.Property.MozFloatEdge | undefined;
        MozForceBrokenImageIcon?: csstype.Property.MozForceBrokenImageIcon | undefined;
        MozOpacity?: csstype.Property.Opacity | undefined;
        MozOutline?: csstype.Property.Outline<string | number> | undefined;
        MozOutlineColor?: csstype.Property.OutlineColor | undefined;
        MozOutlineRadius?: csstype.Property.MozOutlineRadius<string | number> | undefined;
        MozOutlineRadiusBottomleft?: csstype.Property.MozOutlineRadiusBottomleft<string | number> | undefined;
        MozOutlineRadiusBottomright?: csstype.Property.MozOutlineRadiusBottomright<string | number> | undefined;
        MozOutlineRadiusTopleft?: csstype.Property.MozOutlineRadiusTopleft<string | number> | undefined;
        MozOutlineRadiusTopright?: csstype.Property.MozOutlineRadiusTopright<string | number> | undefined;
        MozOutlineStyle?: csstype.Property.OutlineStyle | undefined;
        MozOutlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
        MozTextAlignLast?: csstype.Property.TextAlignLast | undefined;
        MozTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
        MozTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
        MozTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
        MozUserInput?: csstype.Property.MozUserInput | undefined;
        msImeMode?: csstype.Property.ImeMode | undefined;
        OAnimation?: csstype.Property.Animation<string & {}> | undefined;
        OAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
        OAnimationDirection?: csstype.Property.AnimationDirection | undefined;
        OAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
        OAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
        OAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
        OAnimationName?: csstype.Property.AnimationName | undefined;
        OAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
        OAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
        OBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
        OBorderImage?: csstype.Property.BorderImage | undefined;
        OObjectFit?: csstype.Property.ObjectFit | undefined;
        OObjectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
        OTabSize?: csstype.Property.TabSize<string | number> | undefined;
        OTextOverflow?: csstype.Property.TextOverflow | undefined;
        OTransform?: csstype.Property.Transform | undefined;
        OTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        OTransition?: csstype.Property.Transition<string & {}> | undefined;
        OTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        OTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        OTransitionProperty?: csstype.Property.TransitionProperty | undefined;
        OTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        WebkitBoxAlign?: csstype.Property.BoxAlign | undefined;
        WebkitBoxDirection?: csstype.Property.BoxDirection | undefined;
        WebkitBoxFlex?: csstype.Property.BoxFlex | undefined;
        WebkitBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
        WebkitBoxLines?: csstype.Property.BoxLines | undefined;
        WebkitBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
        WebkitBoxOrient?: csstype.Property.BoxOrient | undefined;
        WebkitBoxPack?: csstype.Property.BoxPack | undefined;
        WebkitScrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
        WebkitScrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
        alignmentBaseline?: csstype.Property.AlignmentBaseline | undefined;
        baselineShift?: csstype.Property.BaselineShift<string | number> | undefined;
        clipRule?: csstype.Property.ClipRule | undefined;
        colorInterpolation?: csstype.Property.ColorInterpolation | undefined;
        colorRendering?: csstype.Property.ColorRendering | undefined;
        dominantBaseline?: csstype.Property.DominantBaseline | undefined;
        fill?: csstype.Property.Fill | undefined;
        fillOpacity?: csstype.Property.FillOpacity | undefined;
        fillRule?: csstype.Property.FillRule | undefined;
        floodColor?: csstype.Property.FloodColor | undefined;
        floodOpacity?: csstype.Property.FloodOpacity | undefined;
        glyphOrientationVertical?: csstype.Property.GlyphOrientationVertical | undefined;
        lightingColor?: csstype.Property.LightingColor | undefined;
        marker?: csstype.Property.Marker | undefined;
        markerEnd?: csstype.Property.MarkerEnd | undefined;
        markerMid?: csstype.Property.MarkerMid | undefined;
        markerStart?: csstype.Property.MarkerStart | undefined;
        shapeRendering?: csstype.Property.ShapeRendering | undefined;
        stopColor?: csstype.Property.StopColor | undefined;
        stopOpacity?: csstype.Property.StopOpacity | undefined;
        stroke?: csstype.Property.Stroke | undefined;
        strokeDasharray?: csstype.Property.StrokeDasharray<string | number> | undefined;
        strokeDashoffset?: csstype.Property.StrokeDashoffset<string | number> | undefined;
        strokeLinecap?: csstype.Property.StrokeLinecap | undefined;
        strokeLinejoin?: csstype.Property.StrokeLinejoin | undefined;
        strokeMiterlimit?: csstype.Property.StrokeMiterlimit | undefined;
        strokeOpacity?: csstype.Property.StrokeOpacity | undefined;
        strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
        textAnchor?: csstype.Property.TextAnchor | undefined;
        vectorEffect?: csstype.Property.VectorEffect | undefined;
        scaleX?: number | undefined;
        scaleY?: number | undefined;
        x?: (string | number) | undefined;
        y?: (string | number) | undefined;
        z?: (string | number) | undefined;
        translateX?: (string | number) | undefined;
        translateY?: (string | number) | undefined;
        translateZ?: (string | number) | undefined;
        translate3d?: readonly [string | number, string | number, string | number] | undefined;
        rotateX?: (string | number) | undefined;
        rotateY?: (string | number) | undefined;
        rotateZ?: (string | number) | undefined;
        rotate3d?: readonly [number, number, number, string | number] | undefined;
        scaleZ?: number | undefined;
        scale3d?: readonly [number, number, number] | undefined;
        skew?: ((string | number) | readonly [string | number, string | number]) | undefined;
        skewX?: (string | number) | undefined;
        skewY?: (string | number) | undefined;
        matrix?: readonly [number, number, number, number, number, number] | undefined;
        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number] | undefined;
    } | undefined;
    clipPath?: string | undefined | undefined;
    filter?: string | undefined | undefined;
    mask?: string | undefined | undefined;
    path?: string | undefined | undefined;
    order?: number | string | undefined | undefined;
    height?: number | string | undefined | undefined;
    width?: number | string | undefined | undefined;
    display?: number | string | undefined | undefined;
    fill?: string | undefined | undefined;
    values?: string | undefined | undefined;
    'aria-label'?: string | undefined | undefined;
    'aria-labelledby'?: string | undefined | undefined;
    type?: string | undefined | undefined;
    id?: string | undefined | undefined;
    name?: string | undefined | undefined;
    origin?: number | string | undefined | undefined;
    role?: react.AriaRole | undefined;
    tabIndex?: number | undefined | undefined;
    className?: string | undefined | undefined;
    'aria-activedescendant'?: string | undefined | undefined;
    'aria-atomic'?: (boolean | "true" | "false") | undefined;
    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
    'aria-busy'?: (boolean | "true" | "false") | undefined;
    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
    'aria-colcount'?: number | undefined | undefined;
    'aria-colindex'?: number | undefined | undefined;
    'aria-colspan'?: number | undefined | undefined;
    'aria-controls'?: string | undefined | undefined;
    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
    'aria-describedby'?: string | undefined | undefined;
    'aria-details'?: string | undefined | undefined;
    'aria-disabled'?: (boolean | "true" | "false") | undefined;
    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
    'aria-errormessage'?: string | undefined | undefined;
    'aria-expanded'?: (boolean | "true" | "false") | undefined;
    'aria-flowto'?: string | undefined | undefined;
    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
    'aria-hidden'?: (boolean | "true" | "false") | undefined;
    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
    'aria-keyshortcuts'?: string | undefined | undefined;
    'aria-level'?: number | undefined | undefined;
    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
    'aria-modal'?: (boolean | "true" | "false") | undefined;
    'aria-multiline'?: (boolean | "true" | "false") | undefined;
    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
    'aria-owns'?: string | undefined | undefined;
    'aria-placeholder'?: string | undefined | undefined;
    'aria-posinset'?: number | undefined | undefined;
    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
    'aria-readonly'?: (boolean | "true" | "false") | undefined;
    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
    'aria-required'?: (boolean | "true" | "false") | undefined;
    'aria-roledescription'?: string | undefined | undefined;
    'aria-rowcount'?: number | undefined | undefined;
    'aria-rowindex'?: number | undefined | undefined;
    'aria-rowspan'?: number | undefined | undefined;
    'aria-selected'?: (boolean | "true" | "false") | undefined;
    'aria-setsize'?: number | undefined | undefined;
    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
    'aria-valuemax'?: number | undefined | undefined;
    'aria-valuemin'?: number | undefined | undefined;
    'aria-valuenow'?: number | undefined | undefined;
    'aria-valuetext'?: string | undefined | undefined;
    children?: react.ReactNode;
    dangerouslySetInnerHTML?: {
        __html: string;
    } | undefined | undefined;
    onCopy?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onCopyCapture?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onCut?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onCutCapture?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onPaste?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onPasteCapture?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onCompositionEnd?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionEndCapture?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionStart?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionStartCapture?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionUpdate?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionUpdateCapture?: react.CompositionEventHandler<SVGGElement> | undefined;
    onFocus?: react.FocusEventHandler<SVGGElement> | undefined;
    onFocusCapture?: react.FocusEventHandler<SVGGElement> | undefined;
    onBlur?: react.FocusEventHandler<SVGGElement> | undefined;
    onBlurCapture?: react.FocusEventHandler<SVGGElement> | undefined;
    onChange?: react.FormEventHandler<SVGGElement> | undefined;
    onChangeCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onBeforeInput?: react.FormEventHandler<SVGGElement> | undefined;
    onBeforeInputCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onInput?: react.FormEventHandler<SVGGElement> | undefined;
    onInputCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onReset?: react.FormEventHandler<SVGGElement> | undefined;
    onResetCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onSubmit?: react.FormEventHandler<SVGGElement> | undefined;
    onSubmitCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onInvalid?: react.FormEventHandler<SVGGElement> | undefined;
    onInvalidCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onLoad?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onError?: react.ReactEventHandler<SVGGElement> | undefined;
    onErrorCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onKeyDown?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyDownCapture?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyPress?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyPressCapture?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyUp?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyUpCapture?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onAbort?: react.ReactEventHandler<SVGGElement> | undefined;
    onAbortCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onCanPlay?: react.ReactEventHandler<SVGGElement> | undefined;
    onCanPlayCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onCanPlayThrough?: react.ReactEventHandler<SVGGElement> | undefined;
    onCanPlayThroughCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onDurationChange?: react.ReactEventHandler<SVGGElement> | undefined;
    onDurationChangeCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onEmptied?: react.ReactEventHandler<SVGGElement> | undefined;
    onEmptiedCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onEncrypted?: react.ReactEventHandler<SVGGElement> | undefined;
    onEncryptedCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onEnded?: react.ReactEventHandler<SVGGElement> | undefined;
    onEndedCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadedData?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadedDataCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadedMetadata?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadedMetadataCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadStart?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadStartCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onPause?: react.ReactEventHandler<SVGGElement> | undefined;
    onPauseCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onPlay?: react.ReactEventHandler<SVGGElement> | undefined;
    onPlayCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onPlaying?: react.ReactEventHandler<SVGGElement> | undefined;
    onPlayingCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onProgress?: react.ReactEventHandler<SVGGElement> | undefined;
    onProgressCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onRateChange?: react.ReactEventHandler<SVGGElement> | undefined;
    onRateChangeCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onSeeked?: react.ReactEventHandler<SVGGElement> | undefined;
    onSeekedCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onSeeking?: react.ReactEventHandler<SVGGElement> | undefined;
    onSeekingCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onStalled?: react.ReactEventHandler<SVGGElement> | undefined;
    onStalledCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onSuspend?: react.ReactEventHandler<SVGGElement> | undefined;
    onSuspendCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onTimeUpdate?: react.ReactEventHandler<SVGGElement> | undefined;
    onTimeUpdateCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onVolumeChange?: react.ReactEventHandler<SVGGElement> | undefined;
    onVolumeChangeCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onWaiting?: react.ReactEventHandler<SVGGElement> | undefined;
    onWaitingCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onAuxClick?: react.MouseEventHandler<SVGGElement> | undefined;
    onAuxClickCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onClick?: react.MouseEventHandler<SVGGElement> | undefined;
    onClickCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onContextMenu?: react.MouseEventHandler<SVGGElement> | undefined;
    onContextMenuCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onDoubleClick?: react.MouseEventHandler<SVGGElement> | undefined;
    onDoubleClickCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onDrag?: react.DragEventHandler<SVGGElement> | undefined;
    onDragCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragEnd?: react.DragEventHandler<SVGGElement> | undefined;
    onDragEndCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragEnter?: react.DragEventHandler<SVGGElement> | undefined;
    onDragEnterCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragExit?: react.DragEventHandler<SVGGElement> | undefined;
    onDragExitCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragLeave?: react.DragEventHandler<SVGGElement> | undefined;
    onDragLeaveCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragOver?: react.DragEventHandler<SVGGElement> | undefined;
    onDragOverCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragStart?: react.DragEventHandler<SVGGElement> | undefined;
    onDragStartCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDrop?: react.DragEventHandler<SVGGElement> | undefined;
    onDropCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onMouseDown?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseDownCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseEnter?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseLeave?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseMove?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseMoveCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseOut?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseOutCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseOver?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseOverCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseUp?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseUpCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onSelect?: react.ReactEventHandler<SVGGElement> | undefined;
    onSelectCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onTouchCancel?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchCancelCapture?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchEnd?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchEndCapture?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchMove?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchMoveCapture?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchStart?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchStartCapture?: react.TouchEventHandler<SVGGElement> | undefined;
    onPointerDown?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerDownCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerMove?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerMoveCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerUp?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerUpCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerCancel?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerCancelCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerEnter?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerEnterCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerLeave?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerLeaveCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerOver?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerOverCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerOut?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerOutCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onGotPointerCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onGotPointerCaptureCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onLostPointerCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onLostPointerCaptureCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onScroll?: react.UIEventHandler<SVGGElement> | undefined;
    onScrollCapture?: react.UIEventHandler<SVGGElement> | undefined;
    onWheel?: react.WheelEventHandler<SVGGElement> | undefined;
    onWheelCapture?: react.WheelEventHandler<SVGGElement> | undefined;
    onAnimationStart?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationStartCapture?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationEnd?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationEndCapture?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationIteration?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationIterationCapture?: react.AnimationEventHandler<SVGGElement> | undefined;
    onTransitionEnd?: react.TransitionEventHandler<SVGGElement> | undefined;
    onTransitionEndCapture?: react.TransitionEventHandler<SVGGElement> | undefined;
    target?: string | undefined | undefined;
    x?: number | string | undefined | undefined;
    y?: number | string | undefined | undefined;
    overflow?: number | string | undefined | undefined;
    direction?: number | string | undefined | undefined;
    key?: react.Key | null | undefined;
    lang?: string | undefined | undefined;
    color?: string | undefined | undefined;
    fontSize?: number | string | undefined | undefined;
    accumulate?: "none" | "sum" | undefined | undefined;
    local?: number | string | undefined | undefined;
    clip?: number | string | undefined | undefined;
    unicode?: number | string | undefined | undefined;
    stroke?: string | undefined | undefined;
    alphabetic?: number | string | undefined | undefined;
    hanging?: number | string | undefined | undefined;
    ideographic?: number | string | undefined | undefined;
    mathematical?: number | string | undefined | undefined;
    crossOrigin?: "anonymous" | "use-credentials" | "" | undefined | undefined;
    href?: string | undefined | undefined;
    media?: string | undefined | undefined;
    method?: string | undefined | undefined;
    max?: number | string | undefined | undefined;
    min?: number | string | undefined | undefined;
    accentHeight?: number | string | undefined | undefined;
    additive?: "replace" | "sum" | undefined | undefined;
    alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined | undefined;
    allowReorder?: "no" | "yes" | undefined | undefined;
    amplitude?: number | string | undefined | undefined;
    arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined | undefined;
    ascent?: number | string | undefined | undefined;
    attributeName?: string | undefined | undefined;
    attributeType?: string | undefined | undefined;
    autoReverse?: (boolean | "true" | "false") | undefined;
    azimuth?: number | string | undefined | undefined;
    baseFrequency?: number | string | undefined | undefined;
    baselineShift?: number | string | undefined | undefined;
    baseProfile?: number | string | undefined | undefined;
    bbox?: number | string | undefined | undefined;
    begin?: number | string | undefined | undefined;
    bias?: number | string | undefined | undefined;
    by?: number | string | undefined | undefined;
    calcMode?: number | string | undefined | undefined;
    capHeight?: number | string | undefined | undefined;
    clipPathUnits?: number | string | undefined | undefined;
    clipRule?: number | string | undefined | undefined;
    colorInterpolation?: number | string | undefined | undefined;
    colorInterpolationFilters?: "auto" | "sRGB" | "linearRGB" | "inherit" | undefined | undefined;
    colorProfile?: number | string | undefined | undefined;
    colorRendering?: number | string | undefined | undefined;
    contentScriptType?: number | string | undefined | undefined;
    contentStyleType?: number | string | undefined | undefined;
    cursor?: number | string | undefined | undefined;
    cx?: number | string | undefined | undefined;
    cy?: number | string | undefined | undefined;
    d?: string | undefined | undefined;
    decelerate?: number | string | undefined | undefined;
    descent?: number | string | undefined | undefined;
    diffuseConstant?: number | string | undefined | undefined;
    divisor?: number | string | undefined | undefined;
    dominantBaseline?: number | string | undefined | undefined;
    dur?: number | string | undefined | undefined;
    dx?: number | string | undefined | undefined;
    dy?: number | string | undefined | undefined;
    edgeMode?: number | string | undefined | undefined;
    elevation?: number | string | undefined | undefined;
    enableBackground?: number | string | undefined | undefined;
    exponent?: number | string | undefined | undefined;
    externalResourcesRequired?: (boolean | "true" | "false") | undefined;
    fillOpacity?: number | string | undefined | undefined;
    fillRule?: "nonzero" | "evenodd" | "inherit" | undefined | undefined;
    filterRes?: number | string | undefined | undefined;
    filterUnits?: number | string | undefined | undefined;
    floodColor?: number | string | undefined | undefined;
    floodOpacity?: number | string | undefined | undefined;
    focusable?: "auto" | (boolean | "true" | "false") | undefined;
    fontFamily?: string | undefined | undefined;
    fontSizeAdjust?: number | string | undefined | undefined;
    fontStretch?: number | string | undefined | undefined;
    fontStyle?: number | string | undefined | undefined;
    fontVariant?: number | string | undefined | undefined;
    fontWeight?: number | string | undefined | undefined;
    format?: number | string | undefined | undefined;
    fr?: number | string | undefined | undefined;
    from?: number | string | undefined | undefined;
    fx?: number | string | undefined | undefined;
    fy?: number | string | undefined | undefined;
    g1?: number | string | undefined | undefined;
    g2?: number | string | undefined | undefined;
    glyphName?: number | string | undefined | undefined;
    glyphOrientationHorizontal?: number | string | undefined | undefined;
    glyphOrientationVertical?: number | string | undefined | undefined;
    glyphRef?: number | string | undefined | undefined;
    gradientTransform?: string | undefined | undefined;
    gradientUnits?: string | undefined | undefined;
    horizAdvX?: number | string | undefined | undefined;
    horizOriginX?: number | string | undefined | undefined;
    imageRendering?: number | string | undefined | undefined;
    in2?: number | string | undefined | undefined;
    in?: string | undefined | undefined;
    intercept?: number | string | undefined | undefined;
    k1?: number | string | undefined | undefined;
    k2?: number | string | undefined | undefined;
    k3?: number | string | undefined | undefined;
    k4?: number | string | undefined | undefined;
    k?: number | string | undefined | undefined;
    kernelMatrix?: number | string | undefined | undefined;
    kernelUnitLength?: number | string | undefined | undefined;
    kerning?: number | string | undefined | undefined;
    keyPoints?: number | string | undefined | undefined;
    keySplines?: number | string | undefined | undefined;
    keyTimes?: number | string | undefined | undefined;
    lengthAdjust?: number | string | undefined | undefined;
    letterSpacing?: number | string | undefined | undefined;
    lightingColor?: number | string | undefined | undefined;
    limitingConeAngle?: number | string | undefined | undefined;
    markerEnd?: string | undefined | undefined;
    markerHeight?: number | string | undefined | undefined;
    markerMid?: string | undefined | undefined;
    markerStart?: string | undefined | undefined;
    markerUnits?: number | string | undefined | undefined;
    markerWidth?: number | string | undefined | undefined;
    maskContentUnits?: number | string | undefined | undefined;
    maskUnits?: number | string | undefined | undefined;
    mode?: number | string | undefined | undefined;
    numOctaves?: number | string | undefined | undefined;
    offset?: number | string | undefined | undefined;
    opacity?: number | string | undefined | undefined;
    operator?: number | string | undefined | undefined;
    orient?: number | string | undefined | undefined;
    orientation?: number | string | undefined | undefined;
    overlinePosition?: number | string | undefined | undefined;
    overlineThickness?: number | string | undefined | undefined;
    paintOrder?: number | string | undefined | undefined;
    panose1?: number | string | undefined | undefined;
    pathLength?: number | string | undefined | undefined;
    patternContentUnits?: string | undefined | undefined;
    patternTransform?: number | string | undefined | undefined;
    patternUnits?: string | undefined | undefined;
    pointerEvents?: number | string | undefined | undefined;
    points?: string | undefined | undefined;
    pointsAtX?: number | string | undefined | undefined;
    pointsAtY?: number | string | undefined | undefined;
    pointsAtZ?: number | string | undefined | undefined;
    preserveAlpha?: (boolean | "true" | "false") | undefined;
    preserveAspectRatio?: string | undefined | undefined;
    primitiveUnits?: number | string | undefined | undefined;
    r?: number | string | undefined | undefined;
    radius?: number | string | undefined | undefined;
    refX?: number | string | undefined | undefined;
    refY?: number | string | undefined | undefined;
    renderingIntent?: number | string | undefined | undefined;
    repeatCount?: number | string | undefined | undefined;
    repeatDur?: number | string | undefined | undefined;
    requiredExtensions?: number | string | undefined | undefined;
    requiredFeatures?: number | string | undefined | undefined;
    restart?: number | string | undefined | undefined;
    result?: string | undefined | undefined;
    rotate?: number | string | undefined | undefined;
    rx?: number | string | undefined | undefined;
    ry?: number | string | undefined | undefined;
    scale?: number | string | undefined | undefined;
    seed?: number | string | undefined | undefined;
    shapeRendering?: number | string | undefined | undefined;
    slope?: number | string | undefined | undefined;
    spacing?: number | string | undefined | undefined;
    specularConstant?: number | string | undefined | undefined;
    specularExponent?: number | string | undefined | undefined;
    speed?: number | string | undefined | undefined;
    spreadMethod?: string | undefined | undefined;
    startOffset?: number | string | undefined | undefined;
    stdDeviation?: number | string | undefined | undefined;
    stemh?: number | string | undefined | undefined;
    stemv?: number | string | undefined | undefined;
    stitchTiles?: number | string | undefined | undefined;
    stopColor?: string | undefined | undefined;
    stopOpacity?: number | string | undefined | undefined;
    strikethroughPosition?: number | string | undefined | undefined;
    strikethroughThickness?: number | string | undefined | undefined;
    strokeDasharray?: string | number | undefined | undefined;
    strokeDashoffset?: string | number | undefined | undefined;
    strokeLinecap?: "butt" | "round" | "square" | "inherit" | undefined | undefined;
    strokeLinejoin?: "miter" | "round" | "bevel" | "inherit" | undefined | undefined;
    strokeMiterlimit?: number | string | undefined | undefined;
    strokeOpacity?: number | string | undefined | undefined;
    strokeWidth?: number | string | undefined | undefined;
    surfaceScale?: number | string | undefined | undefined;
    systemLanguage?: number | string | undefined | undefined;
    tableValues?: number | string | undefined | undefined;
    targetX?: number | string | undefined | undefined;
    targetY?: number | string | undefined | undefined;
    textAnchor?: string | undefined | undefined;
    textDecoration?: number | string | undefined | undefined;
    textLength?: number | string | undefined | undefined;
    textRendering?: number | string | undefined | undefined;
    to?: number | string | undefined | undefined;
    transform?: string | undefined | undefined;
    u1?: number | string | undefined | undefined;
    u2?: number | string | undefined | undefined;
    underlinePosition?: number | string | undefined | undefined;
    underlineThickness?: number | string | undefined | undefined;
    unicodeBidi?: number | string | undefined | undefined;
    unicodeRange?: number | string | undefined | undefined;
    unitsPerEm?: number | string | undefined | undefined;
    vAlphabetic?: number | string | undefined | undefined;
    vectorEffect?: number | string | undefined | undefined;
    version?: string | undefined | undefined;
    vertAdvY?: number | string | undefined | undefined;
    vertOriginX?: number | string | undefined | undefined;
    vertOriginY?: number | string | undefined | undefined;
    vHanging?: number | string | undefined | undefined;
    vIdeographic?: number | string | undefined | undefined;
    viewBox?: string | undefined | undefined;
    viewTarget?: number | string | undefined | undefined;
    visibility?: number | string | undefined | undefined;
    vMathematical?: number | string | undefined | undefined;
    widths?: number | string | undefined | undefined;
    wordSpacing?: number | string | undefined | undefined;
    writingMode?: number | string | undefined | undefined;
    x1?: number | string | undefined | undefined;
    x2?: number | string | undefined | undefined;
    xChannelSelector?: string | undefined | undefined;
    xHeight?: number | string | undefined | undefined;
    xlinkActuate?: string | undefined | undefined;
    xlinkArcrole?: string | undefined | undefined;
    xlinkHref?: string | undefined | undefined;
    xlinkRole?: string | undefined | undefined;
    xlinkShow?: string | undefined | undefined;
    xlinkTitle?: string | undefined | undefined;
    xlinkType?: string | undefined | undefined;
    xmlBase?: string | undefined | undefined;
    xmlLang?: string | undefined | undefined;
    xmlns?: string | undefined | undefined;
    xmlnsXlink?: string | undefined | undefined;
    xmlSpace?: string | undefined | undefined;
    y1?: number | string | undefined | undefined;
    y2?: number | string | undefined | undefined;
    yChannelSelector?: string | undefined | undefined;
    z?: number | string | undefined | undefined;
    zoomAndPan?: string | undefined | undefined;
    ref?: ((instance: SVGGElement | null) => void) | react.RefObject<SVGGElement> | null | undefined;
}> & {
    scrollTop?: number | _react_spring_shared.FluidValue<number, any> | undefined;
    scrollLeft?: number | _react_spring_shared.FluidValue<number, any> | undefined;
    viewBox?: string | _react_spring_shared.FluidValue<string, any> | undefined;
}, StyledAxisProps>> & string & Omit<_react_spring_web.AnimatedComponent<"g">, keyof react.Component<any, {}, any>>;

type ChartAxesProps = {
    /** String to Date. */
    dateParser?: (value: string) => Date;
    /** X axis variant. */
    xAxisVariant?: AxisVariant;
    /** X axis placement. */
    xAxisPlacement?: 'bottom' | 'top' | 'both';
    /** X axis tick format. */
    xAxisTickFormat?: AxisProps['tickFormat'];
    /** X axis tick values. */
    xAxisTickPadding?: AxisProps['tickPadding'];
    /** X axis tick values. */
    xAxisTickRotation?: AxisProps['tickRotation'];
    /** X axis tick values. */
    xAxisTickSize?: AxisProps['tickSize'];
    /** X axis tick values. */
    xAxisTickValues?: AxisProps['tickValues'];
    /** X axis min value. */
    xAxisMinValue?: number | string;
    /** X axis min value. */
    xAxisMaxValue?: number | string;
    /** Y axis tick remodelling. */
    xAxisTickRemodelling?: (tickValues: any[]) => any[];
    /** Y axis variant. */
    yAxisVariant?: AxisVariant;
    /** Y axis placement. */
    yAxisPlacement?: 'right' | 'left' | 'both';
    /** Y axis tick format. */
    yAxisTickFormat?: AxisProps['tickFormat'];
    /** Y axis tick values. */
    yAxisTickPadding?: AxisProps['tickPadding'];
    /** Y axis tick values. */
    yAxisTickRotation?: AxisProps['tickRotation'];
    /** Y axis tick values. */
    yAxisTickSize?: AxisProps['tickSize'];
    /** Y axis tick values. */
    yAxisTickValues?: AxisProps['tickValues'];
    /** Y axis min value. */
    yAxisMinValue?: number | string;
    /** Y axis min value. */
    yAxisMaxValue?: number | string;
    /** Y axis tick remodelling. */
    yAxisTickRemodelling?: (tickValues: any[]) => any[];
};

type JSONValue = string | number | boolean | Date | {
    [x: string]: JSONValue;
} | Array<JSONValue> | undefined | null;
type JSONObject = {
    [x: string]: JSONValue;
};
type JSONArray = Array<JSONObject>;
type Datum<T> = {
    key: T;
    value: number;
    percent?: number;
    cumulativeValue?: number;
};
type EmptyDatum<T> = {
    key: T;
    value?: number | null;
    percent?: number;
};
type CategoryDim = string;
type LinearDim = number | Date | string;
type CategoricalOrLinearDim = CategoryDim | LinearDim;
type TwoCategoryDim = [CategoricalOrLinearDim, CategoryDim | undefined | null];
type CoordinatesCategoryDim = [number, number, CategoryDim | undefined | null];
type CategoryDatum = Datum<CategoryDim>;
type LinearDatum = Datum<LinearDim>;
type TwoCategoryDatum = EmptyDatum<TwoCategoryDim>;
type CoordinatesCategoryDatum = Datum<CoordinatesCategoryDim>;
type CategoryData = CategoryDatum[];
type LinearData = LinearDatum[];
type TwoCategoryData = TwoCategoryDatum[];
type CoordinatesCategoryData = CoordinatesCategoryDatum[];
type ArcDatum = PieArcDatum<CategoryDatum>;
type BarDatum = {
    data: CategoryDatum | LinearDatum | Datum<TwoCategoryDim>;
    height?: number;
    width?: number;
    category?: string | null;
};
type DotDatum = {
    data: EmptyDatum<CoordinatesCategoryDim | TwoCategoryDim>;
    x: string | number | Date;
    y?: number | null;
    r: number;
    category?: string | null;
};
type LinePointDatum = {
    x?: number | string | Date;
    y?: number;
    category?: string | null;
};
type Statistic = {
    key: string;
    value: number;
    percent?: number;
    min?: number;
    max?: number;
    values?: number[];
    first?: number;
    last?: number;
    trending?: {
        overall?: number;
        latest?: number;
    };
};
type Statistics = Statistic[];
type LegendItemDatum = {
    data: Statistic;
};

/** TOOLTIP */
declare const TooltipVariant: {
    none: string;
    label: string;
    value: string;
    percent: string;
    custom: string;
};
type TooltipVariant = ValueOf<typeof TooltipVariant>;
/** LEGEND */
declare const LegendVariant: {
    readonly none: "none";
    readonly label: "label";
    readonly value: "value";
    readonly percent: "percent";
    readonly custom: "custom";
};
type LegendVariant = ValueOf<typeof LegendVariant>;
declare const LabelVariant: {
    readonly none: "none";
    readonly label: "label";
    readonly value: "value";
    readonly percent: "percent";
    readonly custom: "custom";
};
type LabelVariant = LegendVariant;

type Coordinates = {
    x: number;
    y: number;
};
type NumericValue = {
    valueOf(): number;
};
type StringValue = {
    toString(): string;
};
type ScaleValue = NumericValue | StringValue | Date;
interface ScaleLinear<Output> extends ScaleLinear$2<number, Output, never> {
    type: 'linear';
    stacked: boolean;
}
interface ScaleLog extends ScaleLogarithmic<number, number> {
    type: 'log';
}
interface ScaleSymlog extends ScaleSymLog<number, number> {
    type: 'symlog';
}
interface ScalePoint<Input extends StringValue> extends ScalePoint$1<Input> {
    type: 'point';
}
interface ScaleBand<Input extends StringValue> extends ScaleBand$1<Input> {
    type: 'band';
}
interface ScaleTime<Input> extends ScaleTime$1<Input, number> {
    type: 'time';
    useUTC: boolean;
}
interface ScaleTypeToScale<Input, Output> {
    linear: Input extends NumericValue ? ScaleLinear<Output> : never;
    log: Input extends NumericValue ? ScaleLog : never;
    symlog: Input extends NumericValue ? ScaleSymlog : never;
    point: Input extends StringValue ? ScalePoint<Input> : never;
    band: Input extends StringValue ? ScaleBand<Input> : never;
    time: Input extends StringValue | Date ? ScaleTime<Input> : never;
}
type Scale<Input, Output> = ScaleTypeToScale<Input, Output>[keyof ScaleTypeToScale<Input, Output>];
type AnyScale = Scale<any, any>;
type ScaleWithBandwidth = ScaleBand<any> | ScalePoint<any>;
type TicksSpec = number | string | ScaleValue[] | CountableTimeInterval;

type ChartDimensions = {
    width: number;
    height: number;
};
declare const ChartSize: {
    readonly small: "small";
    readonly medium: "medium";
    readonly large: "large";
};
type ChartSize = ValueOf<typeof ChartSize>;
type MarginProps = {
    top?: number;
    right?: number;
    bottom?: number;
    left?: number;
};

declare const ColorTheme: {
    readonly default: "default";
    readonly dark: "dark";
    readonly darker: "darker";
    readonly darkerer: "darkerer";
    readonly light: "light";
    readonly lighter: "lighter";
    readonly lighterer: "lighterer";
    readonly monochrome: "monochrome";
};
type ColorTheme = ValueOf<typeof ColorTheme>;
type SuccessDangerColorTheme = {
    success: string;
    warning: string;
    danger: string;
    neutral?: string;
};
type CustomColorTheme = Record<string, string>;
type ChartTheme = ColorTheme | SuccessDangerColorTheme | CustomColorTheme;

interface UseColorProps {
    /** Dataset to use to generate the chart. */
    data: JSONArray;
    /** Color palette to use. */
    colorTheme: ChartTheme;
    /** Name of the field that will be used to categorize the data. */
    category: string | ((d: JSONObject) => string);
    /** Theme */
    theme: Theme;
}
declare const useColor: ({ data, colorTheme, category, theme }: UseColorProps) => ScaleOrdinal<string, string, never>;

type SortingMethod = 'none' | 'asc-key' | 'desc-key' | 'asc-value' | 'desc-value' | string[] | ((a: CategoryDatum, b: CategoryDatum) => 1 | -1);
declare const getSortingMethod: (sortingMethod: SortingMethod) => (a: CategoryDatum, b: CategoryDatum) => 1 | -1;
declare const isValidDate: (value: string) => boolean;
declare const mergeLegends: (arr1: Statistics, arr2: Statistics) => {
    key: any;
    value: any;
}[];

interface UseFormatCategoricalDataProps {
    /** Dataset to use to generate the chart, should be a list of objects containing a key and a value. */
    data: CategoryData;
    /** Color palette to use. */
    colorTheme: ChartTheme;
    /** Define how to sort categories. */
    sortingMethod: SortingMethod;
    /** Number of categories to use, the rest being put into a new category called "Others". */
    caping?: number;
    /** Whether a category should be displayed for categories that has been removed by the caping option. Optionaly, this prop can be used to change the label of this category. */
    others?: boolean | string;
    /** Theme */
    theme: Theme;
}
declare const useFormatCategoricalData: ({ data, caping, sortingMethod, others, colorTheme, theme, }: UseFormatCategoricalDataProps) => {
    data: CategoryData;
    colorScale: d3_scale.ScaleOrdinal<string, string, never>;
};

interface UseZoomProps {
    svgRef: MutableRefObject<SVGSVGElement | undefined>;
    scaleX: ScaleLinear$1<number, number>;
    scaleY: ScaleLinear$1<number, number>;
    defaultTransform?: {
        k: number;
        x: number;
        y: number;
    };
    size?: any;
    onZoom?: () => void;
}
declare const useZoom: ({ svgRef, scaleX, scaleY, defaultTransform, size, onZoom, }: UseZoomProps) => {
    transform: {
        k: number;
        x: number;
        y: number;
    };
    scaleX: ScaleLinear$1<number, number, never>;
    scaleY: ScaleLinear$1<number, number, never>;
};

declare const monochrome = "#73C5EB";
declare const empty = "#BFBFBF";
declare const scheme: {
    default: string[];
    dark: string[];
    darker: string[];
    darkerer: string[];
    light: string[];
    lighter: string[];
    lighterer: string[];
    monochrome: string[];
    empty: string[];
};
declare const successDangerScheme: {
    success: string;
    warning: string;
    danger: string;
    neutralLight: string;
    neutralDark: string;
};
declare const getColorScale: ({ colorTheme, domain, isEmpty, theme, }: {
    colorTheme: ChartTheme;
    domain?: string[];
    isEmpty?: boolean;
    theme: Theme;
}) => ScaleOrdinal<string, string>;

type AnchorProps = ComponentProps<'a'> & {
    as?: any;
};
/**
 * Component props.
 */
interface DataPointProps<T> extends Omit<ComponentProps<'g'>, 'onClick' | 'scale'> {
    /** Anchor props to use when the component is a navigation link. */
    anchorProps?: AnchorProps;
    /** Color of the DataPoint. */
    color?: string;
    /** Data. Also state to which the component should end the animation, if any. */
    data: T;
    /** Entire dataset in which the data point is a part of. */
    dataset: any[];
    /** Disable animations. */
    disableAnimations?: boolean;
    /** Group of data in which the data point is a part of. */
    groupedData?: any[];
    /** Id. Used for accessibility. */
    id?: string;
    /** Position in the list of siblings. Used for placement and selection. */
    index?: number;
    /** Whether the component is selected or not. Used only if the component is selectable. Set to `undefined` to make nor selected nor unselected. */
    isSelected?: boolean;
    /** Method modifying the label before displaying it. */
    labelDecorator?: (data: T, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Method called when a click or keydown occurs on the component. */
    onClick?: (data: T, dataset: any[]) => void;
    /** State from which the component should start the animation, if any. */
    previousData?: T;
    /** Role. Will be set to 'button' if onClick is provided. If 'option', then the component becomes selectable. */
    role?: 'img' | 'button' | 'link' | 'option';
    /** Theme. */
    theme?: Theme;
    /** Tooltip variant. */
    tooltipVariant?: TooltipVariant;
    /** Method modifying what's displayed within the tooltip when the tooltipVariant is "custom".  */
    tooltipDecorator?: (data: T, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }, dataset?: any[], groupedData?: any[]) => string | ReactElement;
    /** Default placement of the tooltip. */
    tooltipProps?: Partial<Omit<TooltipProps, 'ref'>>;
}
type StyledDataPointProps = Omit<DataPointProps<any>, 'data' | 'dataset'> & {
    $clickable: boolean;
};

declare const DataPoint: Comp<DataPointProps<any>, SVGGElement>;

/**
 * Component style.
 */
declare const StyledDataPoint: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<_react_spring_web.AnimatedProps<{
    string?: number | string | undefined | undefined;
    end?: number | string | undefined | undefined;
    style?: {
        accentColor?: csstype.Property.AccentColor | undefined;
        alignContent?: csstype.Property.AlignContent | undefined;
        alignItems?: csstype.Property.AlignItems | undefined;
        alignSelf?: csstype.Property.AlignSelf | undefined;
        alignTracks?: csstype.Property.AlignTracks | undefined;
        animationComposition?: csstype.Property.AnimationComposition | undefined;
        animationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
        animationDirection?: csstype.Property.AnimationDirection | undefined;
        animationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
        animationFillMode?: csstype.Property.AnimationFillMode | undefined;
        animationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
        animationName?: csstype.Property.AnimationName | undefined;
        animationPlayState?: csstype.Property.AnimationPlayState | undefined;
        animationTimeline?: csstype.Property.AnimationTimeline | undefined;
        animationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
        appearance?: csstype.Property.Appearance | undefined;
        aspectRatio?: csstype.Property.AspectRatio | undefined;
        backdropFilter?: csstype.Property.BackdropFilter | undefined;
        backfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
        backgroundAttachment?: csstype.Property.BackgroundAttachment | undefined;
        backgroundBlendMode?: csstype.Property.BackgroundBlendMode | undefined;
        backgroundClip?: csstype.Property.BackgroundClip | undefined;
        backgroundColor?: csstype.Property.BackgroundColor | undefined;
        backgroundImage?: csstype.Property.BackgroundImage | undefined;
        backgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
        backgroundPositionX?: csstype.Property.BackgroundPositionX<string | number> | undefined;
        backgroundPositionY?: csstype.Property.BackgroundPositionY<string | number> | undefined;
        backgroundRepeat?: csstype.Property.BackgroundRepeat | undefined;
        backgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
        blockOverflow?: csstype.Property.BlockOverflow | undefined;
        blockSize?: csstype.Property.BlockSize<string | number> | undefined;
        borderBlockColor?: csstype.Property.BorderBlockColor | undefined;
        borderBlockEndColor?: csstype.Property.BorderBlockEndColor | undefined;
        borderBlockEndStyle?: csstype.Property.BorderBlockEndStyle | undefined;
        borderBlockEndWidth?: csstype.Property.BorderBlockEndWidth<string | number> | undefined;
        borderBlockStartColor?: csstype.Property.BorderBlockStartColor | undefined;
        borderBlockStartStyle?: csstype.Property.BorderBlockStartStyle | undefined;
        borderBlockStartWidth?: csstype.Property.BorderBlockStartWidth<string | number> | undefined;
        borderBlockStyle?: csstype.Property.BorderBlockStyle | undefined;
        borderBlockWidth?: csstype.Property.BorderBlockWidth<string | number> | undefined;
        borderBottomColor?: csstype.Property.BorderBottomColor | undefined;
        borderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
        borderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
        borderBottomStyle?: csstype.Property.BorderBottomStyle | undefined;
        borderBottomWidth?: csstype.Property.BorderBottomWidth<string | number> | undefined;
        borderCollapse?: csstype.Property.BorderCollapse | undefined;
        borderEndEndRadius?: csstype.Property.BorderEndEndRadius<string | number> | undefined;
        borderEndStartRadius?: csstype.Property.BorderEndStartRadius<string | number> | undefined;
        borderImageOutset?: csstype.Property.BorderImageOutset<string | number> | undefined;
        borderImageRepeat?: csstype.Property.BorderImageRepeat | undefined;
        borderImageSlice?: csstype.Property.BorderImageSlice | undefined;
        borderImageSource?: csstype.Property.BorderImageSource | undefined;
        borderImageWidth?: csstype.Property.BorderImageWidth<string | number> | undefined;
        borderInlineColor?: csstype.Property.BorderInlineColor | undefined;
        borderInlineEndColor?: csstype.Property.BorderInlineEndColor | undefined;
        borderInlineEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
        borderInlineEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
        borderInlineStartColor?: csstype.Property.BorderInlineStartColor | undefined;
        borderInlineStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
        borderInlineStartWidth?: csstype.Property.BorderInlineStartWidth<string | number> | undefined;
        borderInlineStyle?: csstype.Property.BorderInlineStyle | undefined;
        borderInlineWidth?: csstype.Property.BorderInlineWidth<string | number> | undefined;
        borderLeftColor?: csstype.Property.BorderLeftColor | undefined;
        borderLeftStyle?: csstype.Property.BorderLeftStyle | undefined;
        borderLeftWidth?: csstype.Property.BorderLeftWidth<string | number> | undefined;
        borderRightColor?: csstype.Property.BorderRightColor | undefined;
        borderRightStyle?: csstype.Property.BorderRightStyle | undefined;
        borderRightWidth?: csstype.Property.BorderRightWidth<string | number> | undefined;
        borderSpacing?: csstype.Property.BorderSpacing<string | number> | undefined;
        borderStartEndRadius?: csstype.Property.BorderStartEndRadius<string | number> | undefined;
        borderStartStartRadius?: csstype.Property.BorderStartStartRadius<string | number> | undefined;
        borderTopColor?: csstype.Property.BorderTopColor | undefined;
        borderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
        borderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
        borderTopStyle?: csstype.Property.BorderTopStyle | undefined;
        borderTopWidth?: csstype.Property.BorderTopWidth<string | number> | undefined;
        bottom?: csstype.Property.Bottom<string | number> | undefined;
        boxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
        boxShadow?: csstype.Property.BoxShadow | undefined;
        boxSizing?: csstype.Property.BoxSizing | undefined;
        breakAfter?: csstype.Property.BreakAfter | undefined;
        breakBefore?: csstype.Property.BreakBefore | undefined;
        breakInside?: csstype.Property.BreakInside | undefined;
        captionSide?: csstype.Property.CaptionSide | undefined;
        caretColor?: csstype.Property.CaretColor | undefined;
        caretShape?: csstype.Property.CaretShape | undefined;
        clear?: csstype.Property.Clear | undefined;
        clipPath?: csstype.Property.ClipPath | undefined;
        color?: csstype.Property.Color | undefined;
        colorAdjust?: csstype.Property.PrintColorAdjust | undefined;
        colorScheme?: csstype.Property.ColorScheme | undefined;
        columnCount?: csstype.Property.ColumnCount | undefined;
        columnFill?: csstype.Property.ColumnFill | undefined;
        columnGap?: csstype.Property.ColumnGap<string | number> | undefined;
        columnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
        columnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
        columnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
        columnSpan?: csstype.Property.ColumnSpan | undefined;
        columnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
        contain?: csstype.Property.Contain | undefined;
        containIntrinsicBlockSize?: csstype.Property.ContainIntrinsicBlockSize<string | number> | undefined;
        containIntrinsicHeight?: csstype.Property.ContainIntrinsicHeight<string | number> | undefined;
        containIntrinsicInlineSize?: csstype.Property.ContainIntrinsicInlineSize<string | number> | undefined;
        containIntrinsicWidth?: csstype.Property.ContainIntrinsicWidth<string | number> | undefined;
        containerName?: csstype.Property.ContainerName | undefined;
        containerType?: csstype.Property.ContainerType | undefined;
        content?: csstype.Property.Content | undefined;
        contentVisibility?: csstype.Property.ContentVisibility | undefined;
        counterIncrement?: csstype.Property.CounterIncrement | undefined;
        counterReset?: csstype.Property.CounterReset | undefined;
        counterSet?: csstype.Property.CounterSet | undefined;
        cursor?: csstype.Property.Cursor | undefined;
        direction?: csstype.Property.Direction | undefined;
        display?: csstype.Property.Display | undefined;
        emptyCells?: csstype.Property.EmptyCells | undefined;
        filter?: csstype.Property.Filter | undefined;
        flexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
        flexDirection?: csstype.Property.FlexDirection | undefined;
        flexGrow?: csstype.Property.FlexGrow | undefined;
        flexShrink?: csstype.Property.FlexShrink | undefined;
        flexWrap?: csstype.Property.FlexWrap | undefined;
        float?: csstype.Property.Float | undefined;
        fontFamily?: csstype.Property.FontFamily | undefined;
        fontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
        fontKerning?: csstype.Property.FontKerning | undefined;
        fontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
        fontOpticalSizing?: csstype.Property.FontOpticalSizing | undefined;
        fontPalette?: csstype.Property.FontPalette | undefined;
        fontSize?: csstype.Property.FontSize<string | number> | undefined;
        fontSizeAdjust?: csstype.Property.FontSizeAdjust | undefined;
        fontSmooth?: csstype.Property.FontSmooth<string | number> | undefined;
        fontStretch?: csstype.Property.FontStretch | undefined;
        fontStyle?: csstype.Property.FontStyle | undefined;
        fontSynthesis?: csstype.Property.FontSynthesis | undefined;
        fontVariant?: csstype.Property.FontVariant | undefined;
        fontVariantAlternates?: csstype.Property.FontVariantAlternates | undefined;
        fontVariantCaps?: csstype.Property.FontVariantCaps | undefined;
        fontVariantEastAsian?: csstype.Property.FontVariantEastAsian | undefined;
        fontVariantEmoji?: csstype.Property.FontVariantEmoji | undefined;
        fontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
        fontVariantNumeric?: csstype.Property.FontVariantNumeric | undefined;
        fontVariantPosition?: csstype.Property.FontVariantPosition | undefined;
        fontVariationSettings?: csstype.Property.FontVariationSettings | undefined;
        fontWeight?: csstype.Property.FontWeight | undefined;
        forcedColorAdjust?: csstype.Property.ForcedColorAdjust | undefined;
        gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | undefined;
        gridAutoFlow?: csstype.Property.GridAutoFlow | undefined;
        gridAutoRows?: csstype.Property.GridAutoRows<string | number> | undefined;
        gridColumnEnd?: csstype.Property.GridColumnEnd | undefined;
        gridColumnStart?: csstype.Property.GridColumnStart | undefined;
        gridRowEnd?: csstype.Property.GridRowEnd | undefined;
        gridRowStart?: csstype.Property.GridRowStart | undefined;
        gridTemplateAreas?: csstype.Property.GridTemplateAreas | undefined;
        gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | undefined;
        gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | undefined;
        hangingPunctuation?: csstype.Property.HangingPunctuation | undefined;
        height?: csstype.Property.Height<string | number> | undefined;
        hyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
        hyphenateLimitChars?: csstype.Property.HyphenateLimitChars | undefined;
        hyphens?: csstype.Property.Hyphens | undefined;
        imageOrientation?: csstype.Property.ImageOrientation | undefined;
        imageRendering?: csstype.Property.ImageRendering | undefined;
        imageResolution?: csstype.Property.ImageResolution | undefined;
        initialLetter?: csstype.Property.InitialLetter | undefined;
        inlineSize?: csstype.Property.InlineSize<string | number> | undefined;
        inputSecurity?: csstype.Property.InputSecurity | undefined;
        insetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
        insetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
        insetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
        insetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
        isolation?: csstype.Property.Isolation | undefined;
        justifyContent?: csstype.Property.JustifyContent | undefined;
        justifyItems?: csstype.Property.JustifyItems | undefined;
        justifySelf?: csstype.Property.JustifySelf | undefined;
        justifyTracks?: csstype.Property.JustifyTracks | undefined;
        left?: csstype.Property.Left<string | number> | undefined;
        letterSpacing?: csstype.Property.LetterSpacing<string | number> | undefined;
        lineBreak?: csstype.Property.LineBreak | undefined;
        lineHeight?: csstype.Property.LineHeight<string | number> | undefined;
        lineHeightStep?: csstype.Property.LineHeightStep<string | number> | undefined;
        listStyleImage?: csstype.Property.ListStyleImage | undefined;
        listStylePosition?: csstype.Property.ListStylePosition | undefined;
        listStyleType?: csstype.Property.ListStyleType | undefined;
        marginBlockEnd?: csstype.Property.MarginBlockEnd<string | number> | undefined;
        marginBlockStart?: csstype.Property.MarginBlockStart<string | number> | undefined;
        marginBottom?: csstype.Property.MarginBottom<string | number> | undefined;
        marginInlineEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
        marginInlineStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
        marginLeft?: csstype.Property.MarginLeft<string | number> | undefined;
        marginRight?: csstype.Property.MarginRight<string | number> | undefined;
        marginTop?: csstype.Property.MarginTop<string | number> | undefined;
        marginTrim?: csstype.Property.MarginTrim | undefined;
        maskBorderMode?: csstype.Property.MaskBorderMode | undefined;
        maskBorderOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
        maskBorderRepeat?: csstype.Property.MaskBorderRepeat | undefined;
        maskBorderSlice?: csstype.Property.MaskBorderSlice | undefined;
        maskBorderSource?: csstype.Property.MaskBorderSource | undefined;
        maskBorderWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
        maskClip?: csstype.Property.MaskClip | undefined;
        maskComposite?: csstype.Property.MaskComposite | undefined;
        maskImage?: csstype.Property.MaskImage | undefined;
        maskMode?: csstype.Property.MaskMode | undefined;
        maskOrigin?: csstype.Property.MaskOrigin | undefined;
        maskPosition?: csstype.Property.MaskPosition<string | number> | undefined;
        maskRepeat?: csstype.Property.MaskRepeat | undefined;
        maskSize?: csstype.Property.MaskSize<string | number> | undefined;
        maskType?: csstype.Property.MaskType | undefined;
        mathDepth?: csstype.Property.MathDepth | undefined;
        mathShift?: csstype.Property.MathShift | undefined;
        mathStyle?: csstype.Property.MathStyle | undefined;
        maxBlockSize?: csstype.Property.MaxBlockSize<string | number> | undefined;
        maxHeight?: csstype.Property.MaxHeight<string | number> | undefined;
        maxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
        maxLines?: csstype.Property.MaxLines | undefined;
        maxWidth?: csstype.Property.MaxWidth<string | number> | undefined;
        minBlockSize?: csstype.Property.MinBlockSize<string | number> | undefined;
        minHeight?: csstype.Property.MinHeight<string | number> | undefined;
        minInlineSize?: csstype.Property.MinInlineSize<string | number> | undefined;
        minWidth?: csstype.Property.MinWidth<string | number> | undefined;
        mixBlendMode?: csstype.Property.MixBlendMode | undefined;
        motionDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
        motionPath?: csstype.Property.OffsetPath | undefined;
        motionRotation?: csstype.Property.OffsetRotate | undefined;
        objectFit?: csstype.Property.ObjectFit | undefined;
        objectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
        offsetAnchor?: csstype.Property.OffsetAnchor<string | number> | undefined;
        offsetDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
        offsetPath?: csstype.Property.OffsetPath | undefined;
        offsetPosition?: csstype.Property.OffsetPosition<string | number> | undefined;
        offsetRotate?: csstype.Property.OffsetRotate | undefined;
        offsetRotation?: csstype.Property.OffsetRotate | undefined;
        opacity?: csstype.Property.Opacity | undefined;
        order?: csstype.Property.Order | undefined;
        orphans?: csstype.Property.Orphans | undefined;
        outlineColor?: csstype.Property.OutlineColor | undefined;
        outlineOffset?: csstype.Property.OutlineOffset<string | number> | undefined;
        outlineStyle?: csstype.Property.OutlineStyle | undefined;
        outlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
        overflowAnchor?: csstype.Property.OverflowAnchor | undefined;
        overflowBlock?: csstype.Property.OverflowBlock | undefined;
        overflowClipBox?: csstype.Property.OverflowClipBox | undefined;
        overflowClipMargin?: csstype.Property.OverflowClipMargin<string | number> | undefined;
        overflowInline?: csstype.Property.OverflowInline | undefined;
        overflowWrap?: csstype.Property.OverflowWrap | undefined;
        overflowX?: csstype.Property.OverflowX | undefined;
        overflowY?: csstype.Property.OverflowY | undefined;
        overscrollBehaviorBlock?: csstype.Property.OverscrollBehaviorBlock | undefined;
        overscrollBehaviorInline?: csstype.Property.OverscrollBehaviorInline | undefined;
        overscrollBehaviorX?: csstype.Property.OverscrollBehaviorX | undefined;
        overscrollBehaviorY?: csstype.Property.OverscrollBehaviorY | undefined;
        paddingBlockEnd?: csstype.Property.PaddingBlockEnd<string | number> | undefined;
        paddingBlockStart?: csstype.Property.PaddingBlockStart<string | number> | undefined;
        paddingBottom?: csstype.Property.PaddingBottom<string | number> | undefined;
        paddingInlineEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
        paddingInlineStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
        paddingLeft?: csstype.Property.PaddingLeft<string | number> | undefined;
        paddingRight?: csstype.Property.PaddingRight<string | number> | undefined;
        paddingTop?: csstype.Property.PaddingTop<string | number> | undefined;
        page?: csstype.Property.Page | undefined;
        pageBreakAfter?: csstype.Property.PageBreakAfter | undefined;
        pageBreakBefore?: csstype.Property.PageBreakBefore | undefined;
        pageBreakInside?: csstype.Property.PageBreakInside | undefined;
        paintOrder?: csstype.Property.PaintOrder | undefined;
        perspective?: csstype.Property.Perspective<string | number> | undefined;
        perspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
        pointerEvents?: csstype.Property.PointerEvents | undefined;
        position?: csstype.Property.Position | undefined;
        printColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
        quotes?: csstype.Property.Quotes | undefined;
        resize?: csstype.Property.Resize | undefined;
        right?: csstype.Property.Right<string | number> | undefined;
        rotate?: (string | number) | undefined;
        rowGap?: csstype.Property.RowGap<string | number> | undefined;
        rubyAlign?: csstype.Property.RubyAlign | undefined;
        rubyMerge?: csstype.Property.RubyMerge | undefined;
        rubyPosition?: csstype.Property.RubyPosition | undefined;
        scale?: string | number | readonly [number, number] | undefined;
        scrollBehavior?: csstype.Property.ScrollBehavior | undefined;
        scrollMarginBlockEnd?: csstype.Property.ScrollMarginBlockEnd<string | number> | undefined;
        scrollMarginBlockStart?: csstype.Property.ScrollMarginBlockStart<string | number> | undefined;
        scrollMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
        scrollMarginInlineEnd?: csstype.Property.ScrollMarginInlineEnd<string | number> | undefined;
        scrollMarginInlineStart?: csstype.Property.ScrollMarginInlineStart<string | number> | undefined;
        scrollMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
        scrollMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
        scrollMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
        scrollPaddingBlockEnd?: csstype.Property.ScrollPaddingBlockEnd<string | number> | undefined;
        scrollPaddingBlockStart?: csstype.Property.ScrollPaddingBlockStart<string | number> | undefined;
        scrollPaddingBottom?: csstype.Property.ScrollPaddingBottom<string | number> | undefined;
        scrollPaddingInlineEnd?: csstype.Property.ScrollPaddingInlineEnd<string | number> | undefined;
        scrollPaddingInlineStart?: csstype.Property.ScrollPaddingInlineStart<string | number> | undefined;
        scrollPaddingLeft?: csstype.Property.ScrollPaddingLeft<string | number> | undefined;
        scrollPaddingRight?: csstype.Property.ScrollPaddingRight<string | number> | undefined;
        scrollPaddingTop?: csstype.Property.ScrollPaddingTop<string | number> | undefined;
        scrollSnapAlign?: csstype.Property.ScrollSnapAlign | undefined;
        scrollSnapMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
        scrollSnapMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
        scrollSnapMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
        scrollSnapMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
        scrollSnapStop?: csstype.Property.ScrollSnapStop | undefined;
        scrollSnapType?: csstype.Property.ScrollSnapType | undefined;
        scrollTimelineAxis?: csstype.Property.ScrollTimelineAxis | undefined;
        scrollTimelineName?: csstype.Property.ScrollTimelineName | undefined;
        scrollbarColor?: csstype.Property.ScrollbarColor | undefined;
        scrollbarGutter?: csstype.Property.ScrollbarGutter | undefined;
        scrollbarWidth?: csstype.Property.ScrollbarWidth | undefined;
        shapeImageThreshold?: csstype.Property.ShapeImageThreshold | undefined;
        shapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
        shapeOutside?: csstype.Property.ShapeOutside | undefined;
        tabSize?: csstype.Property.TabSize<string | number> | undefined;
        tableLayout?: csstype.Property.TableLayout | undefined;
        textAlign?: csstype.Property.TextAlign | undefined;
        textAlignLast?: csstype.Property.TextAlignLast | undefined;
        textCombineUpright?: csstype.Property.TextCombineUpright | undefined;
        textDecorationColor?: csstype.Property.TextDecorationColor | undefined;
        textDecorationLine?: csstype.Property.TextDecorationLine | undefined;
        textDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
        textDecorationSkipInk?: csstype.Property.TextDecorationSkipInk | undefined;
        textDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
        textDecorationThickness?: csstype.Property.TextDecorationThickness<string | number> | undefined;
        textEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
        textEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
        textEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
        textIndent?: csstype.Property.TextIndent<string | number> | undefined;
        textJustify?: csstype.Property.TextJustify | undefined;
        textOrientation?: csstype.Property.TextOrientation | undefined;
        textOverflow?: csstype.Property.TextOverflow | undefined;
        textRendering?: csstype.Property.TextRendering | undefined;
        textShadow?: csstype.Property.TextShadow | undefined;
        textSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
        textTransform?: csstype.Property.TextTransform | undefined;
        textUnderlineOffset?: csstype.Property.TextUnderlineOffset<string | number> | undefined;
        textUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
        top?: csstype.Property.Top<string | number> | undefined;
        touchAction?: csstype.Property.TouchAction | undefined;
        transform?: string | undefined;
        transformBox?: csstype.Property.TransformBox | undefined;
        transformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        transformStyle?: csstype.Property.TransformStyle | undefined;
        transitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        transitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        transitionProperty?: csstype.Property.TransitionProperty | undefined;
        transitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        translate?: (string | number) | readonly [string | number, string | number] | undefined;
        unicodeBidi?: csstype.Property.UnicodeBidi | undefined;
        userSelect?: csstype.Property.UserSelect | undefined;
        verticalAlign?: csstype.Property.VerticalAlign<string | number> | undefined;
        viewTransitionName?: csstype.Property.ViewTransitionName | undefined;
        visibility?: csstype.Property.Visibility | undefined;
        whiteSpace?: csstype.Property.WhiteSpace | undefined;
        widows?: csstype.Property.Widows | undefined;
        width?: csstype.Property.Width<string | number> | undefined;
        willChange?: csstype.Property.WillChange | undefined;
        wordBreak?: csstype.Property.WordBreak | undefined;
        wordSpacing?: csstype.Property.WordSpacing<string | number> | undefined;
        wordWrap?: csstype.Property.WordWrap | undefined;
        writingMode?: csstype.Property.WritingMode | undefined;
        zIndex?: csstype.Property.ZIndex | undefined;
        zoom?: csstype.Property.Zoom | undefined;
        all?: csstype.Globals | undefined;
        animation?: csstype.Property.Animation<string & {}> | undefined;
        background?: csstype.Property.Background<string | number> | undefined;
        backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | undefined;
        border?: csstype.Property.Border<string | number> | undefined;
        borderBlock?: csstype.Property.BorderBlock<string | number> | undefined;
        borderBlockEnd?: csstype.Property.BorderBlockEnd<string | number> | undefined;
        borderBlockStart?: csstype.Property.BorderBlockStart<string | number> | undefined;
        borderBottom?: csstype.Property.BorderBottom<string | number> | undefined;
        borderColor?: csstype.Property.BorderColor | undefined;
        borderImage?: csstype.Property.BorderImage | undefined;
        borderInline?: csstype.Property.BorderInline<string | number> | undefined;
        borderInlineEnd?: csstype.Property.BorderInlineEnd<string | number> | undefined;
        borderInlineStart?: csstype.Property.BorderInlineStart<string | number> | undefined;
        borderLeft?: csstype.Property.BorderLeft<string | number> | undefined;
        borderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
        borderRight?: csstype.Property.BorderRight<string | number> | undefined;
        borderStyle?: csstype.Property.BorderStyle | undefined;
        borderTop?: csstype.Property.BorderTop<string | number> | undefined;
        borderWidth?: csstype.Property.BorderWidth<string | number> | undefined;
        caret?: csstype.Property.Caret | undefined;
        columnRule?: csstype.Property.ColumnRule<string | number> | undefined;
        columns?: csstype.Property.Columns<string | number> | undefined;
        containIntrinsicSize?: csstype.Property.ContainIntrinsicSize<string | number> | undefined;
        container?: csstype.Property.Container | undefined;
        flex?: csstype.Property.Flex<string | number> | undefined;
        flexFlow?: csstype.Property.FlexFlow | undefined;
        font?: csstype.Property.Font | undefined;
        gap?: csstype.Property.Gap<string | number> | undefined;
        grid?: csstype.Property.Grid | undefined;
        gridArea?: csstype.Property.GridArea | undefined;
        gridColumn?: csstype.Property.GridColumn | undefined;
        gridRow?: csstype.Property.GridRow | undefined;
        gridTemplate?: csstype.Property.GridTemplate | undefined;
        inset?: csstype.Property.Inset<string | number> | undefined;
        insetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
        insetInline?: csstype.Property.InsetInline<string | number> | undefined;
        lineClamp?: csstype.Property.LineClamp | undefined;
        listStyle?: csstype.Property.ListStyle | undefined;
        margin?: csstype.Property.Margin<string | number> | undefined;
        marginBlock?: csstype.Property.MarginBlock<string | number> | undefined;
        marginInline?: csstype.Property.MarginInline<string | number> | undefined;
        mask?: csstype.Property.Mask<string | number> | undefined;
        maskBorder?: csstype.Property.MaskBorder | undefined;
        motion?: csstype.Property.Offset<string | number> | undefined;
        offset?: csstype.Property.Offset<string | number> | undefined;
        outline?: csstype.Property.Outline<string | number> | undefined;
        overflow?: csstype.Property.Overflow | undefined;
        overscrollBehavior?: csstype.Property.OverscrollBehavior | undefined;
        padding?: csstype.Property.Padding<string | number> | undefined;
        paddingBlock?: csstype.Property.PaddingBlock<string | number> | undefined;
        paddingInline?: csstype.Property.PaddingInline<string | number> | undefined;
        placeContent?: csstype.Property.PlaceContent | undefined;
        placeItems?: csstype.Property.PlaceItems | undefined;
        placeSelf?: csstype.Property.PlaceSelf | undefined;
        scrollMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
        scrollMarginBlock?: csstype.Property.ScrollMarginBlock<string | number> | undefined;
        scrollMarginInline?: csstype.Property.ScrollMarginInline<string | number> | undefined;
        scrollPadding?: csstype.Property.ScrollPadding<string | number> | undefined;
        scrollPaddingBlock?: csstype.Property.ScrollPaddingBlock<string | number> | undefined;
        scrollPaddingInline?: csstype.Property.ScrollPaddingInline<string | number> | undefined;
        scrollSnapMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
        scrollTimeline?: csstype.Property.ScrollTimeline | undefined;
        textDecoration?: csstype.Property.TextDecoration<string | number> | undefined;
        textEmphasis?: csstype.Property.TextEmphasis | undefined;
        transition?: csstype.Property.Transition<string & {}> | undefined;
        MozAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
        MozAnimationDirection?: csstype.Property.AnimationDirection | undefined;
        MozAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
        MozAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
        MozAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
        MozAnimationName?: csstype.Property.AnimationName | undefined;
        MozAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
        MozAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
        MozAppearance?: csstype.Property.MozAppearance | undefined;
        MozBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
        MozBinding?: csstype.Property.MozBinding | undefined;
        MozBorderBottomColors?: csstype.Property.MozBorderBottomColors | undefined;
        MozBorderEndColor?: csstype.Property.BorderInlineEndColor | undefined;
        MozBorderEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
        MozBorderEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
        MozBorderLeftColors?: csstype.Property.MozBorderLeftColors | undefined;
        MozBorderRightColors?: csstype.Property.MozBorderRightColors | undefined;
        MozBorderStartColor?: csstype.Property.BorderInlineStartColor | undefined;
        MozBorderStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
        MozBorderTopColors?: csstype.Property.MozBorderTopColors | undefined;
        MozBoxSizing?: csstype.Property.BoxSizing | undefined;
        MozColumnCount?: csstype.Property.ColumnCount | undefined;
        MozColumnFill?: csstype.Property.ColumnFill | undefined;
        MozColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
        MozColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
        MozColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
        MozColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
        MozContextProperties?: csstype.Property.MozContextProperties | undefined;
        MozFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
        MozFontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
        MozHyphens?: csstype.Property.Hyphens | undefined;
        MozImageRegion?: csstype.Property.MozImageRegion | undefined;
        MozMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
        MozMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
        MozOrient?: csstype.Property.MozOrient | undefined;
        MozOsxFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
        MozPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
        MozPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
        MozPerspective?: csstype.Property.Perspective<string | number> | undefined;
        MozPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
        MozStackSizing?: csstype.Property.MozStackSizing | undefined;
        MozTabSize?: csstype.Property.TabSize<string | number> | undefined;
        MozTextBlink?: csstype.Property.MozTextBlink | undefined;
        MozTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
        MozTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        MozTransformStyle?: csstype.Property.TransformStyle | undefined;
        MozTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        MozTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        MozTransitionProperty?: csstype.Property.TransitionProperty | undefined;
        MozTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        MozUserFocus?: csstype.Property.MozUserFocus | undefined;
        MozUserModify?: csstype.Property.MozUserModify | undefined;
        MozUserSelect?: csstype.Property.UserSelect | undefined;
        MozWindowDragging?: csstype.Property.MozWindowDragging | undefined;
        MozWindowShadow?: csstype.Property.MozWindowShadow | undefined;
        msAccelerator?: csstype.Property.MsAccelerator | undefined;
        msBlockProgression?: csstype.Property.MsBlockProgression | undefined;
        msContentZoomChaining?: csstype.Property.MsContentZoomChaining | undefined;
        msContentZoomLimitMax?: csstype.Property.MsContentZoomLimitMax | undefined;
        msContentZoomLimitMin?: csstype.Property.MsContentZoomLimitMin | undefined;
        msContentZoomSnapPoints?: csstype.Property.MsContentZoomSnapPoints | undefined;
        msContentZoomSnapType?: csstype.Property.MsContentZoomSnapType | undefined;
        msContentZooming?: csstype.Property.MsContentZooming | undefined;
        msFilter?: csstype.Property.MsFilter | undefined;
        msFlexDirection?: csstype.Property.FlexDirection | undefined;
        msFlexPositive?: csstype.Property.FlexGrow | undefined;
        msFlowFrom?: csstype.Property.MsFlowFrom | undefined;
        msFlowInto?: csstype.Property.MsFlowInto | undefined;
        msGridColumns?: csstype.Property.MsGridColumns<string | number> | undefined;
        msGridRows?: csstype.Property.MsGridRows<string | number> | undefined;
        msHighContrastAdjust?: csstype.Property.MsHighContrastAdjust | undefined;
        msHyphenateLimitChars?: csstype.Property.MsHyphenateLimitChars | undefined;
        msHyphenateLimitLines?: csstype.Property.MsHyphenateLimitLines | undefined;
        msHyphenateLimitZone?: csstype.Property.MsHyphenateLimitZone<string | number> | undefined;
        msHyphens?: csstype.Property.Hyphens | undefined;
        msImeAlign?: csstype.Property.MsImeAlign | undefined;
        msLineBreak?: csstype.Property.LineBreak | undefined;
        msOrder?: csstype.Property.Order | undefined;
        msOverflowStyle?: csstype.Property.MsOverflowStyle | undefined;
        msOverflowX?: csstype.Property.OverflowX | undefined;
        msOverflowY?: csstype.Property.OverflowY | undefined;
        msScrollChaining?: csstype.Property.MsScrollChaining | undefined;
        msScrollLimitXMax?: csstype.Property.MsScrollLimitXMax<string | number> | undefined;
        msScrollLimitXMin?: csstype.Property.MsScrollLimitXMin<string | number> | undefined;
        msScrollLimitYMax?: csstype.Property.MsScrollLimitYMax<string | number> | undefined;
        msScrollLimitYMin?: csstype.Property.MsScrollLimitYMin<string | number> | undefined;
        msScrollRails?: csstype.Property.MsScrollRails | undefined;
        msScrollSnapPointsX?: csstype.Property.MsScrollSnapPointsX | undefined;
        msScrollSnapPointsY?: csstype.Property.MsScrollSnapPointsY | undefined;
        msScrollSnapType?: csstype.Property.MsScrollSnapType | undefined;
        msScrollTranslation?: csstype.Property.MsScrollTranslation | undefined;
        msScrollbar3dlightColor?: csstype.Property.MsScrollbar3dlightColor | undefined;
        msScrollbarArrowColor?: csstype.Property.MsScrollbarArrowColor | undefined;
        msScrollbarBaseColor?: csstype.Property.MsScrollbarBaseColor | undefined;
        msScrollbarDarkshadowColor?: csstype.Property.MsScrollbarDarkshadowColor | undefined;
        msScrollbarFaceColor?: csstype.Property.MsScrollbarFaceColor | undefined;
        msScrollbarHighlightColor?: csstype.Property.MsScrollbarHighlightColor | undefined;
        msScrollbarShadowColor?: csstype.Property.MsScrollbarShadowColor | undefined;
        msScrollbarTrackColor?: csstype.Property.MsScrollbarTrackColor | undefined;
        msTextAutospace?: csstype.Property.MsTextAutospace | undefined;
        msTextCombineHorizontal?: csstype.Property.TextCombineUpright | undefined;
        msTextOverflow?: csstype.Property.TextOverflow | undefined;
        msTouchAction?: csstype.Property.TouchAction | undefined;
        msTouchSelect?: csstype.Property.MsTouchSelect | undefined;
        msTransform?: csstype.Property.Transform | undefined;
        msTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        msTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        msTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        msTransitionProperty?: csstype.Property.TransitionProperty | undefined;
        msTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        msUserSelect?: csstype.Property.MsUserSelect | undefined;
        msWordBreak?: csstype.Property.WordBreak | undefined;
        msWrapFlow?: csstype.Property.MsWrapFlow | undefined;
        msWrapMargin?: csstype.Property.MsWrapMargin<string | number> | undefined;
        msWrapThrough?: csstype.Property.MsWrapThrough | undefined;
        msWritingMode?: csstype.Property.WritingMode | undefined;
        WebkitAlignContent?: csstype.Property.AlignContent | undefined;
        WebkitAlignItems?: csstype.Property.AlignItems | undefined;
        WebkitAlignSelf?: csstype.Property.AlignSelf | undefined;
        WebkitAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
        WebkitAnimationDirection?: csstype.Property.AnimationDirection | undefined;
        WebkitAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
        WebkitAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
        WebkitAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
        WebkitAnimationName?: csstype.Property.AnimationName | undefined;
        WebkitAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
        WebkitAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
        WebkitAppearance?: csstype.Property.WebkitAppearance | undefined;
        WebkitBackdropFilter?: csstype.Property.BackdropFilter | undefined;
        WebkitBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
        WebkitBackgroundClip?: csstype.Property.BackgroundClip | undefined;
        WebkitBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
        WebkitBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
        WebkitBorderBeforeColor?: csstype.Property.WebkitBorderBeforeColor | undefined;
        WebkitBorderBeforeStyle?: csstype.Property.WebkitBorderBeforeStyle | undefined;
        WebkitBorderBeforeWidth?: csstype.Property.WebkitBorderBeforeWidth<string | number> | undefined;
        WebkitBorderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
        WebkitBorderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
        WebkitBorderImageSlice?: csstype.Property.BorderImageSlice | undefined;
        WebkitBorderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
        WebkitBorderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
        WebkitBoxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
        WebkitBoxReflect?: csstype.Property.WebkitBoxReflect<string | number> | undefined;
        WebkitBoxShadow?: csstype.Property.BoxShadow | undefined;
        WebkitBoxSizing?: csstype.Property.BoxSizing | undefined;
        WebkitClipPath?: csstype.Property.ClipPath | undefined;
        WebkitColumnCount?: csstype.Property.ColumnCount | undefined;
        WebkitColumnFill?: csstype.Property.ColumnFill | undefined;
        WebkitColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
        WebkitColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
        WebkitColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
        WebkitColumnSpan?: csstype.Property.ColumnSpan | undefined;
        WebkitColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
        WebkitFilter?: csstype.Property.Filter | undefined;
        WebkitFlexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
        WebkitFlexDirection?: csstype.Property.FlexDirection | undefined;
        WebkitFlexGrow?: csstype.Property.FlexGrow | undefined;
        WebkitFlexShrink?: csstype.Property.FlexShrink | undefined;
        WebkitFlexWrap?: csstype.Property.FlexWrap | undefined;
        WebkitFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
        WebkitFontKerning?: csstype.Property.FontKerning | undefined;
        WebkitFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
        WebkitFontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
        WebkitHyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
        WebkitHyphens?: csstype.Property.Hyphens | undefined;
        WebkitInitialLetter?: csstype.Property.InitialLetter | undefined;
        WebkitJustifyContent?: csstype.Property.JustifyContent | undefined;
        WebkitLineBreak?: csstype.Property.LineBreak | undefined;
        WebkitLineClamp?: csstype.Property.WebkitLineClamp | undefined;
        WebkitMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
        WebkitMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
        WebkitMaskAttachment?: csstype.Property.WebkitMaskAttachment | undefined;
        WebkitMaskBoxImageOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
        WebkitMaskBoxImageRepeat?: csstype.Property.MaskBorderRepeat | undefined;
        WebkitMaskBoxImageSlice?: csstype.Property.MaskBorderSlice | undefined;
        WebkitMaskBoxImageSource?: csstype.Property.MaskBorderSource | undefined;
        WebkitMaskBoxImageWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
        WebkitMaskClip?: csstype.Property.WebkitMaskClip | undefined;
        WebkitMaskComposite?: csstype.Property.WebkitMaskComposite | undefined;
        WebkitMaskImage?: csstype.Property.WebkitMaskImage | undefined;
        WebkitMaskOrigin?: csstype.Property.WebkitMaskOrigin | undefined;
        WebkitMaskPosition?: csstype.Property.WebkitMaskPosition<string | number> | undefined;
        WebkitMaskPositionX?: csstype.Property.WebkitMaskPositionX<string | number> | undefined;
        WebkitMaskPositionY?: csstype.Property.WebkitMaskPositionY<string | number> | undefined;
        WebkitMaskRepeat?: csstype.Property.WebkitMaskRepeat | undefined;
        WebkitMaskRepeatX?: csstype.Property.WebkitMaskRepeatX | undefined;
        WebkitMaskRepeatY?: csstype.Property.WebkitMaskRepeatY | undefined;
        WebkitMaskSize?: csstype.Property.WebkitMaskSize<string | number> | undefined;
        WebkitMaxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
        WebkitOrder?: csstype.Property.Order | undefined;
        WebkitOverflowScrolling?: csstype.Property.WebkitOverflowScrolling | undefined;
        WebkitPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
        WebkitPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
        WebkitPerspective?: csstype.Property.Perspective<string | number> | undefined;
        WebkitPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
        WebkitPrintColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
        WebkitRubyPosition?: csstype.Property.RubyPosition | undefined;
        WebkitScrollSnapType?: csstype.Property.ScrollSnapType | undefined;
        WebkitShapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
        WebkitTapHighlightColor?: csstype.Property.WebkitTapHighlightColor | undefined;
        WebkitTextCombine?: csstype.Property.TextCombineUpright | undefined;
        WebkitTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
        WebkitTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
        WebkitTextDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
        WebkitTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
        WebkitTextEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
        WebkitTextEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
        WebkitTextEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
        WebkitTextFillColor?: csstype.Property.WebkitTextFillColor | undefined;
        WebkitTextOrientation?: csstype.Property.TextOrientation | undefined;
        WebkitTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
        WebkitTextStrokeColor?: csstype.Property.WebkitTextStrokeColor | undefined;
        WebkitTextStrokeWidth?: csstype.Property.WebkitTextStrokeWidth<string | number> | undefined;
        WebkitTextUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
        WebkitTouchCallout?: csstype.Property.WebkitTouchCallout | undefined;
        WebkitTransform?: csstype.Property.Transform | undefined;
        WebkitTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        WebkitTransformStyle?: csstype.Property.TransformStyle | undefined;
        WebkitTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        WebkitTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        WebkitTransitionProperty?: csstype.Property.TransitionProperty | undefined;
        WebkitTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        WebkitUserModify?: csstype.Property.WebkitUserModify | undefined;
        WebkitUserSelect?: csstype.Property.UserSelect | undefined;
        WebkitWritingMode?: csstype.Property.WritingMode | undefined;
        MozAnimation?: csstype.Property.Animation<string & {}> | undefined;
        MozBorderImage?: csstype.Property.BorderImage | undefined;
        MozColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
        MozColumns?: csstype.Property.Columns<string | number> | undefined;
        MozTransition?: csstype.Property.Transition<string & {}> | undefined;
        msContentZoomLimit?: csstype.Property.MsContentZoomLimit | undefined;
        msContentZoomSnap?: csstype.Property.MsContentZoomSnap | undefined;
        msFlex?: csstype.Property.Flex<string | number> | undefined;
        msScrollLimit?: csstype.Property.MsScrollLimit | undefined;
        msScrollSnapX?: csstype.Property.MsScrollSnapX | undefined;
        msScrollSnapY?: csstype.Property.MsScrollSnapY | undefined;
        msTransition?: csstype.Property.Transition<string & {}> | undefined;
        WebkitAnimation?: csstype.Property.Animation<string & {}> | undefined;
        WebkitBorderBefore?: csstype.Property.WebkitBorderBefore<string | number> | undefined;
        WebkitBorderImage?: csstype.Property.BorderImage | undefined;
        WebkitBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
        WebkitColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
        WebkitColumns?: csstype.Property.Columns<string | number> | undefined;
        WebkitFlex?: csstype.Property.Flex<string | number> | undefined;
        WebkitFlexFlow?: csstype.Property.FlexFlow | undefined;
        WebkitMask?: csstype.Property.WebkitMask<string | number> | undefined;
        WebkitMaskBoxImage?: csstype.Property.MaskBorder | undefined;
        WebkitTextEmphasis?: csstype.Property.TextEmphasis | undefined;
        WebkitTextStroke?: csstype.Property.WebkitTextStroke<string | number> | undefined;
        WebkitTransition?: csstype.Property.Transition<string & {}> | undefined;
        azimuth?: csstype.Property.Azimuth | undefined;
        boxAlign?: csstype.Property.BoxAlign | undefined;
        boxDirection?: csstype.Property.BoxDirection | undefined;
        boxFlex?: csstype.Property.BoxFlex | undefined;
        boxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
        boxLines?: csstype.Property.BoxLines | undefined;
        boxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
        boxOrient?: csstype.Property.BoxOrient | undefined;
        boxPack?: csstype.Property.BoxPack | undefined;
        clip?: csstype.Property.Clip | undefined;
        gridColumnGap?: csstype.Property.GridColumnGap<string | number> | undefined;
        gridGap?: csstype.Property.GridGap<string | number> | undefined;
        gridRowGap?: csstype.Property.GridRowGap<string | number> | undefined;
        imeMode?: csstype.Property.ImeMode | undefined;
        offsetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
        offsetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
        offsetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
        offsetInline?: csstype.Property.InsetInline<string | number> | undefined;
        offsetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
        offsetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
        scrollSnapCoordinate?: csstype.Property.ScrollSnapCoordinate<string | number> | undefined;
        scrollSnapDestination?: csstype.Property.ScrollSnapDestination<string | number> | undefined;
        scrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
        scrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
        scrollSnapTypeX?: csstype.Property.ScrollSnapTypeX | undefined;
        scrollSnapTypeY?: csstype.Property.ScrollSnapTypeY | undefined;
        KhtmlBoxAlign?: csstype.Property.BoxAlign | undefined;
        KhtmlBoxDirection?: csstype.Property.BoxDirection | undefined;
        KhtmlBoxFlex?: csstype.Property.BoxFlex | undefined;
        KhtmlBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
        KhtmlBoxLines?: csstype.Property.BoxLines | undefined;
        KhtmlBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
        KhtmlBoxOrient?: csstype.Property.BoxOrient | undefined;
        KhtmlBoxPack?: csstype.Property.BoxPack | undefined;
        KhtmlLineBreak?: csstype.Property.LineBreak | undefined;
        KhtmlOpacity?: csstype.Property.Opacity | undefined;
        KhtmlUserSelect?: csstype.Property.UserSelect | undefined;
        MozBackgroundClip?: csstype.Property.BackgroundClip | undefined;
        MozBackgroundInlinePolicy?: csstype.Property.BoxDecorationBreak | undefined;
        MozBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
        MozBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
        MozBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
        MozBorderRadiusBottomleft?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
        MozBorderRadiusBottomright?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
        MozBorderRadiusTopleft?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
        MozBorderRadiusTopright?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
        MozBoxAlign?: csstype.Property.BoxAlign | undefined;
        MozBoxDirection?: csstype.Property.BoxDirection | undefined;
        MozBoxFlex?: csstype.Property.BoxFlex | undefined;
        MozBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
        MozBoxOrient?: csstype.Property.BoxOrient | undefined;
        MozBoxPack?: csstype.Property.BoxPack | undefined;
        MozBoxShadow?: csstype.Property.BoxShadow | undefined;
        MozFloatEdge?: csstype.Property.MozFloatEdge | undefined;
        MozForceBrokenImageIcon?: csstype.Property.MozForceBrokenImageIcon | undefined;
        MozOpacity?: csstype.Property.Opacity | undefined;
        MozOutline?: csstype.Property.Outline<string | number> | undefined;
        MozOutlineColor?: csstype.Property.OutlineColor | undefined;
        MozOutlineRadius?: csstype.Property.MozOutlineRadius<string | number> | undefined;
        MozOutlineRadiusBottomleft?: csstype.Property.MozOutlineRadiusBottomleft<string | number> | undefined;
        MozOutlineRadiusBottomright?: csstype.Property.MozOutlineRadiusBottomright<string | number> | undefined;
        MozOutlineRadiusTopleft?: csstype.Property.MozOutlineRadiusTopleft<string | number> | undefined;
        MozOutlineRadiusTopright?: csstype.Property.MozOutlineRadiusTopright<string | number> | undefined;
        MozOutlineStyle?: csstype.Property.OutlineStyle | undefined;
        MozOutlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
        MozTextAlignLast?: csstype.Property.TextAlignLast | undefined;
        MozTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
        MozTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
        MozTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
        MozUserInput?: csstype.Property.MozUserInput | undefined;
        msImeMode?: csstype.Property.ImeMode | undefined;
        OAnimation?: csstype.Property.Animation<string & {}> | undefined;
        OAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
        OAnimationDirection?: csstype.Property.AnimationDirection | undefined;
        OAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
        OAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
        OAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
        OAnimationName?: csstype.Property.AnimationName | undefined;
        OAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
        OAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
        OBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
        OBorderImage?: csstype.Property.BorderImage | undefined;
        OObjectFit?: csstype.Property.ObjectFit | undefined;
        OObjectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
        OTabSize?: csstype.Property.TabSize<string | number> | undefined;
        OTextOverflow?: csstype.Property.TextOverflow | undefined;
        OTransform?: csstype.Property.Transform | undefined;
        OTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
        OTransition?: csstype.Property.Transition<string & {}> | undefined;
        OTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
        OTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
        OTransitionProperty?: csstype.Property.TransitionProperty | undefined;
        OTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
        WebkitBoxAlign?: csstype.Property.BoxAlign | undefined;
        WebkitBoxDirection?: csstype.Property.BoxDirection | undefined;
        WebkitBoxFlex?: csstype.Property.BoxFlex | undefined;
        WebkitBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
        WebkitBoxLines?: csstype.Property.BoxLines | undefined;
        WebkitBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
        WebkitBoxOrient?: csstype.Property.BoxOrient | undefined;
        WebkitBoxPack?: csstype.Property.BoxPack | undefined;
        WebkitScrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
        WebkitScrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
        alignmentBaseline?: csstype.Property.AlignmentBaseline | undefined;
        baselineShift?: csstype.Property.BaselineShift<string | number> | undefined;
        clipRule?: csstype.Property.ClipRule | undefined;
        colorInterpolation?: csstype.Property.ColorInterpolation | undefined;
        colorRendering?: csstype.Property.ColorRendering | undefined;
        dominantBaseline?: csstype.Property.DominantBaseline | undefined;
        fill?: csstype.Property.Fill | undefined;
        fillOpacity?: csstype.Property.FillOpacity | undefined;
        fillRule?: csstype.Property.FillRule | undefined;
        floodColor?: csstype.Property.FloodColor | undefined;
        floodOpacity?: csstype.Property.FloodOpacity | undefined;
        glyphOrientationVertical?: csstype.Property.GlyphOrientationVertical | undefined;
        lightingColor?: csstype.Property.LightingColor | undefined;
        marker?: csstype.Property.Marker | undefined;
        markerEnd?: csstype.Property.MarkerEnd | undefined;
        markerMid?: csstype.Property.MarkerMid | undefined;
        markerStart?: csstype.Property.MarkerStart | undefined;
        shapeRendering?: csstype.Property.ShapeRendering | undefined;
        stopColor?: csstype.Property.StopColor | undefined;
        stopOpacity?: csstype.Property.StopOpacity | undefined;
        stroke?: csstype.Property.Stroke | undefined;
        strokeDasharray?: csstype.Property.StrokeDasharray<string | number> | undefined;
        strokeDashoffset?: csstype.Property.StrokeDashoffset<string | number> | undefined;
        strokeLinecap?: csstype.Property.StrokeLinecap | undefined;
        strokeLinejoin?: csstype.Property.StrokeLinejoin | undefined;
        strokeMiterlimit?: csstype.Property.StrokeMiterlimit | undefined;
        strokeOpacity?: csstype.Property.StrokeOpacity | undefined;
        strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
        textAnchor?: csstype.Property.TextAnchor | undefined;
        vectorEffect?: csstype.Property.VectorEffect | undefined;
        scaleX?: number | undefined;
        scaleY?: number | undefined;
        x?: (string | number) | undefined;
        y?: (string | number) | undefined;
        z?: (string | number) | undefined;
        translateX?: (string | number) | undefined;
        translateY?: (string | number) | undefined;
        translateZ?: (string | number) | undefined;
        translate3d?: readonly [string | number, string | number, string | number] | undefined;
        rotateX?: (string | number) | undefined;
        rotateY?: (string | number) | undefined;
        rotateZ?: (string | number) | undefined;
        rotate3d?: readonly [number, number, number, string | number] | undefined;
        scaleZ?: number | undefined;
        scale3d?: readonly [number, number, number] | undefined;
        skew?: ((string | number) | readonly [string | number, string | number]) | undefined;
        skewX?: (string | number) | undefined;
        skewY?: (string | number) | undefined;
        matrix?: readonly [number, number, number, number, number, number] | undefined;
        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number] | undefined;
    } | undefined;
    clipPath?: string | undefined | undefined;
    filter?: string | undefined | undefined;
    mask?: string | undefined | undefined;
    path?: string | undefined | undefined;
    order?: number | string | undefined | undefined;
    height?: number | string | undefined | undefined;
    width?: number | string | undefined | undefined;
    display?: number | string | undefined | undefined;
    fill?: string | undefined | undefined;
    values?: string | undefined | undefined;
    'aria-label'?: string | undefined | undefined;
    'aria-labelledby'?: string | undefined | undefined;
    type?: string | undefined | undefined;
    id?: string | undefined | undefined;
    name?: string | undefined | undefined;
    origin?: number | string | undefined | undefined;
    role?: react.AriaRole | undefined;
    tabIndex?: number | undefined | undefined;
    className?: string | undefined | undefined;
    'aria-activedescendant'?: string | undefined | undefined;
    'aria-atomic'?: (boolean | "true" | "false") | undefined;
    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
    'aria-busy'?: (boolean | "true" | "false") | undefined;
    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
    'aria-colcount'?: number | undefined | undefined;
    'aria-colindex'?: number | undefined | undefined;
    'aria-colspan'?: number | undefined | undefined;
    'aria-controls'?: string | undefined | undefined;
    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
    'aria-describedby'?: string | undefined | undefined;
    'aria-details'?: string | undefined | undefined;
    'aria-disabled'?: (boolean | "true" | "false") | undefined;
    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
    'aria-errormessage'?: string | undefined | undefined;
    'aria-expanded'?: (boolean | "true" | "false") | undefined;
    'aria-flowto'?: string | undefined | undefined;
    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
    'aria-hidden'?: (boolean | "true" | "false") | undefined;
    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
    'aria-keyshortcuts'?: string | undefined | undefined;
    'aria-level'?: number | undefined | undefined;
    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
    'aria-modal'?: (boolean | "true" | "false") | undefined;
    'aria-multiline'?: (boolean | "true" | "false") | undefined;
    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
    'aria-owns'?: string | undefined | undefined;
    'aria-placeholder'?: string | undefined | undefined;
    'aria-posinset'?: number | undefined | undefined;
    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
    'aria-readonly'?: (boolean | "true" | "false") | undefined;
    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
    'aria-required'?: (boolean | "true" | "false") | undefined;
    'aria-roledescription'?: string | undefined | undefined;
    'aria-rowcount'?: number | undefined | undefined;
    'aria-rowindex'?: number | undefined | undefined;
    'aria-rowspan'?: number | undefined | undefined;
    'aria-selected'?: (boolean | "true" | "false") | undefined;
    'aria-setsize'?: number | undefined | undefined;
    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
    'aria-valuemax'?: number | undefined | undefined;
    'aria-valuemin'?: number | undefined | undefined;
    'aria-valuenow'?: number | undefined | undefined;
    'aria-valuetext'?: string | undefined | undefined;
    children?: react.ReactNode;
    dangerouslySetInnerHTML?: {
        __html: string;
    } | undefined | undefined;
    onCopy?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onCopyCapture?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onCut?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onCutCapture?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onPaste?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onPasteCapture?: react.ClipboardEventHandler<SVGGElement> | undefined;
    onCompositionEnd?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionEndCapture?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionStart?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionStartCapture?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionUpdate?: react.CompositionEventHandler<SVGGElement> | undefined;
    onCompositionUpdateCapture?: react.CompositionEventHandler<SVGGElement> | undefined;
    onFocus?: react.FocusEventHandler<SVGGElement> | undefined;
    onFocusCapture?: react.FocusEventHandler<SVGGElement> | undefined;
    onBlur?: react.FocusEventHandler<SVGGElement> | undefined;
    onBlurCapture?: react.FocusEventHandler<SVGGElement> | undefined;
    onChange?: react.FormEventHandler<SVGGElement> | undefined;
    onChangeCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onBeforeInput?: react.FormEventHandler<SVGGElement> | undefined;
    onBeforeInputCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onInput?: react.FormEventHandler<SVGGElement> | undefined;
    onInputCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onReset?: react.FormEventHandler<SVGGElement> | undefined;
    onResetCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onSubmit?: react.FormEventHandler<SVGGElement> | undefined;
    onSubmitCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onInvalid?: react.FormEventHandler<SVGGElement> | undefined;
    onInvalidCapture?: react.FormEventHandler<SVGGElement> | undefined;
    onLoad?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onError?: react.ReactEventHandler<SVGGElement> | undefined;
    onErrorCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onKeyDown?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyDownCapture?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyPress?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyPressCapture?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyUp?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onKeyUpCapture?: react.KeyboardEventHandler<SVGGElement> | undefined;
    onAbort?: react.ReactEventHandler<SVGGElement> | undefined;
    onAbortCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onCanPlay?: react.ReactEventHandler<SVGGElement> | undefined;
    onCanPlayCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onCanPlayThrough?: react.ReactEventHandler<SVGGElement> | undefined;
    onCanPlayThroughCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onDurationChange?: react.ReactEventHandler<SVGGElement> | undefined;
    onDurationChangeCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onEmptied?: react.ReactEventHandler<SVGGElement> | undefined;
    onEmptiedCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onEncrypted?: react.ReactEventHandler<SVGGElement> | undefined;
    onEncryptedCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onEnded?: react.ReactEventHandler<SVGGElement> | undefined;
    onEndedCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadedData?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadedDataCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadedMetadata?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadedMetadataCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadStart?: react.ReactEventHandler<SVGGElement> | undefined;
    onLoadStartCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onPause?: react.ReactEventHandler<SVGGElement> | undefined;
    onPauseCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onPlay?: react.ReactEventHandler<SVGGElement> | undefined;
    onPlayCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onPlaying?: react.ReactEventHandler<SVGGElement> | undefined;
    onPlayingCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onProgress?: react.ReactEventHandler<SVGGElement> | undefined;
    onProgressCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onRateChange?: react.ReactEventHandler<SVGGElement> | undefined;
    onRateChangeCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onSeeked?: react.ReactEventHandler<SVGGElement> | undefined;
    onSeekedCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onSeeking?: react.ReactEventHandler<SVGGElement> | undefined;
    onSeekingCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onStalled?: react.ReactEventHandler<SVGGElement> | undefined;
    onStalledCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onSuspend?: react.ReactEventHandler<SVGGElement> | undefined;
    onSuspendCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onTimeUpdate?: react.ReactEventHandler<SVGGElement> | undefined;
    onTimeUpdateCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onVolumeChange?: react.ReactEventHandler<SVGGElement> | undefined;
    onVolumeChangeCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onWaiting?: react.ReactEventHandler<SVGGElement> | undefined;
    onWaitingCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onAuxClick?: react.MouseEventHandler<SVGGElement> | undefined;
    onAuxClickCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onClick?: react.MouseEventHandler<SVGGElement> | undefined;
    onClickCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onContextMenu?: react.MouseEventHandler<SVGGElement> | undefined;
    onContextMenuCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onDoubleClick?: react.MouseEventHandler<SVGGElement> | undefined;
    onDoubleClickCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onDrag?: react.DragEventHandler<SVGGElement> | undefined;
    onDragCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragEnd?: react.DragEventHandler<SVGGElement> | undefined;
    onDragEndCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragEnter?: react.DragEventHandler<SVGGElement> | undefined;
    onDragEnterCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragExit?: react.DragEventHandler<SVGGElement> | undefined;
    onDragExitCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragLeave?: react.DragEventHandler<SVGGElement> | undefined;
    onDragLeaveCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragOver?: react.DragEventHandler<SVGGElement> | undefined;
    onDragOverCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDragStart?: react.DragEventHandler<SVGGElement> | undefined;
    onDragStartCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onDrop?: react.DragEventHandler<SVGGElement> | undefined;
    onDropCapture?: react.DragEventHandler<SVGGElement> | undefined;
    onMouseDown?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseDownCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseEnter?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseLeave?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseMove?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseMoveCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseOut?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseOutCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseOver?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseOverCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseUp?: react.MouseEventHandler<SVGGElement> | undefined;
    onMouseUpCapture?: react.MouseEventHandler<SVGGElement> | undefined;
    onSelect?: react.ReactEventHandler<SVGGElement> | undefined;
    onSelectCapture?: react.ReactEventHandler<SVGGElement> | undefined;
    onTouchCancel?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchCancelCapture?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchEnd?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchEndCapture?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchMove?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchMoveCapture?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchStart?: react.TouchEventHandler<SVGGElement> | undefined;
    onTouchStartCapture?: react.TouchEventHandler<SVGGElement> | undefined;
    onPointerDown?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerDownCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerMove?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerMoveCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerUp?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerUpCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerCancel?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerCancelCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerEnter?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerEnterCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerLeave?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerLeaveCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerOver?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerOverCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerOut?: react.PointerEventHandler<SVGGElement> | undefined;
    onPointerOutCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onGotPointerCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onGotPointerCaptureCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onLostPointerCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onLostPointerCaptureCapture?: react.PointerEventHandler<SVGGElement> | undefined;
    onScroll?: react.UIEventHandler<SVGGElement> | undefined;
    onScrollCapture?: react.UIEventHandler<SVGGElement> | undefined;
    onWheel?: react.WheelEventHandler<SVGGElement> | undefined;
    onWheelCapture?: react.WheelEventHandler<SVGGElement> | undefined;
    onAnimationStart?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationStartCapture?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationEnd?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationEndCapture?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationIteration?: react.AnimationEventHandler<SVGGElement> | undefined;
    onAnimationIterationCapture?: react.AnimationEventHandler<SVGGElement> | undefined;
    onTransitionEnd?: react.TransitionEventHandler<SVGGElement> | undefined;
    onTransitionEndCapture?: react.TransitionEventHandler<SVGGElement> | undefined;
    target?: string | undefined | undefined;
    x?: number | string | undefined | undefined;
    y?: number | string | undefined | undefined;
    overflow?: number | string | undefined | undefined;
    direction?: number | string | undefined | undefined;
    key?: react.Key | null | undefined;
    lang?: string | undefined | undefined;
    color?: string | undefined | undefined;
    fontSize?: number | string | undefined | undefined;
    accumulate?: "none" | "sum" | undefined | undefined;
    local?: number | string | undefined | undefined;
    clip?: number | string | undefined | undefined;
    unicode?: number | string | undefined | undefined;
    stroke?: string | undefined | undefined;
    alphabetic?: number | string | undefined | undefined;
    hanging?: number | string | undefined | undefined;
    ideographic?: number | string | undefined | undefined;
    mathematical?: number | string | undefined | undefined;
    crossOrigin?: "anonymous" | "use-credentials" | "" | undefined | undefined;
    href?: string | undefined | undefined;
    media?: string | undefined | undefined;
    method?: string | undefined | undefined;
    max?: number | string | undefined | undefined;
    min?: number | string | undefined | undefined;
    accentHeight?: number | string | undefined | undefined;
    additive?: "replace" | "sum" | undefined | undefined;
    alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined | undefined;
    allowReorder?: "no" | "yes" | undefined | undefined;
    amplitude?: number | string | undefined | undefined;
    arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined | undefined;
    ascent?: number | string | undefined | undefined;
    attributeName?: string | undefined | undefined;
    attributeType?: string | undefined | undefined;
    autoReverse?: (boolean | "true" | "false") | undefined;
    azimuth?: number | string | undefined | undefined;
    baseFrequency?: number | string | undefined | undefined;
    baselineShift?: number | string | undefined | undefined;
    baseProfile?: number | string | undefined | undefined;
    bbox?: number | string | undefined | undefined;
    begin?: number | string | undefined | undefined;
    bias?: number | string | undefined | undefined;
    by?: number | string | undefined | undefined;
    calcMode?: number | string | undefined | undefined;
    capHeight?: number | string | undefined | undefined;
    clipPathUnits?: number | string | undefined | undefined;
    clipRule?: number | string | undefined | undefined;
    colorInterpolation?: number | string | undefined | undefined;
    colorInterpolationFilters?: "auto" | "sRGB" | "linearRGB" | "inherit" | undefined | undefined;
    colorProfile?: number | string | undefined | undefined;
    colorRendering?: number | string | undefined | undefined;
    contentScriptType?: number | string | undefined | undefined;
    contentStyleType?: number | string | undefined | undefined;
    cursor?: number | string | undefined | undefined;
    cx?: number | string | undefined | undefined;
    cy?: number | string | undefined | undefined;
    d?: string | undefined | undefined;
    decelerate?: number | string | undefined | undefined;
    descent?: number | string | undefined | undefined;
    diffuseConstant?: number | string | undefined | undefined;
    divisor?: number | string | undefined | undefined;
    dominantBaseline?: number | string | undefined | undefined;
    dur?: number | string | undefined | undefined;
    dx?: number | string | undefined | undefined;
    dy?: number | string | undefined | undefined;
    edgeMode?: number | string | undefined | undefined;
    elevation?: number | string | undefined | undefined;
    enableBackground?: number | string | undefined | undefined;
    exponent?: number | string | undefined | undefined;
    externalResourcesRequired?: (boolean | "true" | "false") | undefined;
    fillOpacity?: number | string | undefined | undefined;
    fillRule?: "nonzero" | "evenodd" | "inherit" | undefined | undefined;
    filterRes?: number | string | undefined | undefined;
    filterUnits?: number | string | undefined | undefined;
    floodColor?: number | string | undefined | undefined;
    floodOpacity?: number | string | undefined | undefined;
    focusable?: "auto" | (boolean | "true" | "false") | undefined;
    fontFamily?: string | undefined | undefined;
    fontSizeAdjust?: number | string | undefined | undefined;
    fontStretch?: number | string | undefined | undefined;
    fontStyle?: number | string | undefined | undefined;
    fontVariant?: number | string | undefined | undefined;
    fontWeight?: number | string | undefined | undefined;
    format?: number | string | undefined | undefined;
    fr?: number | string | undefined | undefined;
    from?: number | string | undefined | undefined;
    fx?: number | string | undefined | undefined;
    fy?: number | string | undefined | undefined;
    g1?: number | string | undefined | undefined;
    g2?: number | string | undefined | undefined;
    glyphName?: number | string | undefined | undefined;
    glyphOrientationHorizontal?: number | string | undefined | undefined;
    glyphOrientationVertical?: number | string | undefined | undefined;
    glyphRef?: number | string | undefined | undefined;
    gradientTransform?: string | undefined | undefined;
    gradientUnits?: string | undefined | undefined;
    horizAdvX?: number | string | undefined | undefined;
    horizOriginX?: number | string | undefined | undefined;
    imageRendering?: number | string | undefined | undefined;
    in2?: number | string | undefined | undefined;
    in?: string | undefined | undefined;
    intercept?: number | string | undefined | undefined;
    k1?: number | string | undefined | undefined;
    k2?: number | string | undefined | undefined;
    k3?: number | string | undefined | undefined;
    k4?: number | string | undefined | undefined;
    k?: number | string | undefined | undefined;
    kernelMatrix?: number | string | undefined | undefined;
    kernelUnitLength?: number | string | undefined | undefined;
    kerning?: number | string | undefined | undefined;
    keyPoints?: number | string | undefined | undefined;
    keySplines?: number | string | undefined | undefined;
    keyTimes?: number | string | undefined | undefined;
    lengthAdjust?: number | string | undefined | undefined;
    letterSpacing?: number | string | undefined | undefined;
    lightingColor?: number | string | undefined | undefined;
    limitingConeAngle?: number | string | undefined | undefined;
    markerEnd?: string | undefined | undefined;
    markerHeight?: number | string | undefined | undefined;
    markerMid?: string | undefined | undefined;
    markerStart?: string | undefined | undefined;
    markerUnits?: number | string | undefined | undefined;
    markerWidth?: number | string | undefined | undefined;
    maskContentUnits?: number | string | undefined | undefined;
    maskUnits?: number | string | undefined | undefined;
    mode?: number | string | undefined | undefined;
    numOctaves?: number | string | undefined | undefined;
    offset?: number | string | undefined | undefined;
    opacity?: number | string | undefined | undefined;
    operator?: number | string | undefined | undefined;
    orient?: number | string | undefined | undefined;
    orientation?: number | string | undefined | undefined;
    overlinePosition?: number | string | undefined | undefined;
    overlineThickness?: number | string | undefined | undefined;
    paintOrder?: number | string | undefined | undefined;
    panose1?: number | string | undefined | undefined;
    pathLength?: number | string | undefined | undefined;
    patternContentUnits?: string | undefined | undefined;
    patternTransform?: number | string | undefined | undefined;
    patternUnits?: string | undefined | undefined;
    pointerEvents?: number | string | undefined | undefined;
    points?: string | undefined | undefined;
    pointsAtX?: number | string | undefined | undefined;
    pointsAtY?: number | string | undefined | undefined;
    pointsAtZ?: number | string | undefined | undefined;
    preserveAlpha?: (boolean | "true" | "false") | undefined;
    preserveAspectRatio?: string | undefined | undefined;
    primitiveUnits?: number | string | undefined | undefined;
    r?: number | string | undefined | undefined;
    radius?: number | string | undefined | undefined;
    refX?: number | string | undefined | undefined;
    refY?: number | string | undefined | undefined;
    renderingIntent?: number | string | undefined | undefined;
    repeatCount?: number | string | undefined | undefined;
    repeatDur?: number | string | undefined | undefined;
    requiredExtensions?: number | string | undefined | undefined;
    requiredFeatures?: number | string | undefined | undefined;
    restart?: number | string | undefined | undefined;
    result?: string | undefined | undefined;
    rotate?: number | string | undefined | undefined;
    rx?: number | string | undefined | undefined;
    ry?: number | string | undefined | undefined;
    scale?: number | string | undefined | undefined;
    seed?: number | string | undefined | undefined;
    shapeRendering?: number | string | undefined | undefined;
    slope?: number | string | undefined | undefined;
    spacing?: number | string | undefined | undefined;
    specularConstant?: number | string | undefined | undefined;
    specularExponent?: number | string | undefined | undefined;
    speed?: number | string | undefined | undefined;
    spreadMethod?: string | undefined | undefined;
    startOffset?: number | string | undefined | undefined;
    stdDeviation?: number | string | undefined | undefined;
    stemh?: number | string | undefined | undefined;
    stemv?: number | string | undefined | undefined;
    stitchTiles?: number | string | undefined | undefined;
    stopColor?: string | undefined | undefined;
    stopOpacity?: number | string | undefined | undefined;
    strikethroughPosition?: number | string | undefined | undefined;
    strikethroughThickness?: number | string | undefined | undefined;
    strokeDasharray?: string | number | undefined | undefined;
    strokeDashoffset?: string | number | undefined | undefined;
    strokeLinecap?: "butt" | "round" | "square" | "inherit" | undefined | undefined;
    strokeLinejoin?: "miter" | "round" | "bevel" | "inherit" | undefined | undefined;
    strokeMiterlimit?: number | string | undefined | undefined;
    strokeOpacity?: number | string | undefined | undefined;
    strokeWidth?: number | string | undefined | undefined;
    surfaceScale?: number | string | undefined | undefined;
    systemLanguage?: number | string | undefined | undefined;
    tableValues?: number | string | undefined | undefined;
    targetX?: number | string | undefined | undefined;
    targetY?: number | string | undefined | undefined;
    textAnchor?: string | undefined | undefined;
    textDecoration?: number | string | undefined | undefined;
    textLength?: number | string | undefined | undefined;
    textRendering?: number | string | undefined | undefined;
    to?: number | string | undefined | undefined;
    transform?: string | undefined | undefined;
    u1?: number | string | undefined | undefined;
    u2?: number | string | undefined | undefined;
    underlinePosition?: number | string | undefined | undefined;
    underlineThickness?: number | string | undefined | undefined;
    unicodeBidi?: number | string | undefined | undefined;
    unicodeRange?: number | string | undefined | undefined;
    unitsPerEm?: number | string | undefined | undefined;
    vAlphabetic?: number | string | undefined | undefined;
    vectorEffect?: number | string | undefined | undefined;
    version?: string | undefined | undefined;
    vertAdvY?: number | string | undefined | undefined;
    vertOriginX?: number | string | undefined | undefined;
    vertOriginY?: number | string | undefined | undefined;
    vHanging?: number | string | undefined | undefined;
    vIdeographic?: number | string | undefined | undefined;
    viewBox?: string | undefined | undefined;
    viewTarget?: number | string | undefined | undefined;
    visibility?: number | string | undefined | undefined;
    vMathematical?: number | string | undefined | undefined;
    widths?: number | string | undefined | undefined;
    wordSpacing?: number | string | undefined | undefined;
    writingMode?: number | string | undefined | undefined;
    x1?: number | string | undefined | undefined;
    x2?: number | string | undefined | undefined;
    xChannelSelector?: string | undefined | undefined;
    xHeight?: number | string | undefined | undefined;
    xlinkActuate?: string | undefined | undefined;
    xlinkArcrole?: string | undefined | undefined;
    xlinkHref?: string | undefined | undefined;
    xlinkRole?: string | undefined | undefined;
    xlinkShow?: string | undefined | undefined;
    xlinkTitle?: string | undefined | undefined;
    xlinkType?: string | undefined | undefined;
    xmlBase?: string | undefined | undefined;
    xmlLang?: string | undefined | undefined;
    xmlns?: string | undefined | undefined;
    xmlnsXlink?: string | undefined | undefined;
    xmlSpace?: string | undefined | undefined;
    y1?: number | string | undefined | undefined;
    y2?: number | string | undefined | undefined;
    yChannelSelector?: string | undefined | undefined;
    z?: number | string | undefined | undefined;
    zoomAndPan?: string | undefined | undefined;
    ref?: ((instance: SVGGElement | null) => void) | react.RefObject<SVGGElement> | null | undefined;
}> & {
    scrollTop?: number | _react_spring_shared.FluidValue<number, any> | undefined;
    scrollLeft?: number | _react_spring_shared.FluidValue<number, any> | undefined;
    viewBox?: string | _react_spring_shared.FluidValue<string, any> | undefined;
}, StyledDataPointProps>> & string & Omit<_react_spring_web.AnimatedComponent<"g">, keyof react.Component<any, {}, any>>;

/**
 * Component props.
 */
interface ArcProps extends DataPointProps<ArcDatum> {
    /** Arc generator used to determine the width of the arc. */
    createArc: Arc$1<any, ArcDatum>;
    /**
     * Whether the arc has a stroke or not. Used to create a gap between two siblings.
     * @default true
     */
    hasStroke?: boolean;
}
type StyledArcProps = StyledDataPointProps & Omit<ArcProps, 'createArc'> & {
    $hasStroke: ArcProps['hasStroke'];
    $theme: Theme;
};

declare const Arc: Comp<ArcProps, SVGGElement>;

/**
 * Component style.
 */
declare const StyledArc: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<DataPointProps<any> & {
    ref?: react.Ref<SVGGElement> | undefined;
}, StyledArcProps>> & string & Omit<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, keyof react.Component<any, {}, any>>;

/**
 * Component props.
 */
interface ArcsProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'>, Pick<ArcProps, 'id' | 'disableAnimations' | 'labelDecorator' | 'onClick' | 'role' | 'hasStroke' | 'tooltipDecorator' | 'tooltipVariant'> {
    /** Arc props. */
    arcs: Omit<ArcProps, 'ref'>[];
    /** Whether arcs have internal labels or not. */
    hasLabels?: boolean;
    /** Native HTML props to forward to each slice. */
    sliceProps?: Omit<ComponentProps<'g'>, 'onClick' | 'ref' | 'width'>;
}
type StyledArcsProps = Omit<ArcsProps, 'arcs'> & {};

declare const Arcs: Comp<ArcsProps, SVGGElement>;

/**
 * Component style.
 */
declare const StyledArcs: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.SVGProps<SVGGElement>, Omit<ArcsProps, "arcs">>> & string;

/**
 * Component variant.
 */
declare const BarOrientation: {
    horizontal: string;
    vertical: string;
};
type BarOrientation = ValueOf<typeof BarOrientation>;
declare const BarDirection: {
    up: string;
    down: string;
};
type BarDirection = ValueOf<typeof BarDirection>;
/**
 * Component props.
 */
interface BarProps extends DataPointProps<BarDatum> {
    /**
     * Gap between two siblings.
     * @default 5
     */
    gap?: number;
    /**
     * Height of the bar in horizontal orientation.
     * @default 40
     */
    height?: number;
    /** Maximum height of the bar. */
    maxHeight?: number;
    /**
     * Orientation of the bar.
     * @default 'vertical'
     */
    orientation?: BarOrientation;
    /** Direction of the bar, works only with vertical orientation. */
    direction?: BarOrientation;
    /** A linear continuous scale defined over a numeric domain used to determine the width or height of the bar (depending on the orientation). */
    scale: ScaleLinear$1<number, number, never>;
    /** A scale defined over a numeric/time/ordinal domain used to determine the position of the bar. */
    scalePosition: ScaleLinear$1<number, number, never> | ScaleTime$2<number, number, never> | ScalePoint$2<string>;
    /**
     * Width of the bar in vertical orientation.
     * @default 40
     */
    width?: number;
    /** Min width of the bar in vertical orientation. */
    minWidth?: number;
}
type StyledBarProps = StyledDataPointProps & Omit<BarProps, 'scale' | 'scalePosition'> & {
    $theme: Theme;
};

declare const Bar: Comp<BarProps, SVGGElement>;

/**
 * Component style.
 */
declare const StyledBar: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<DataPointProps<any> & {
    ref?: react.Ref<SVGGElement> | undefined;
}, StyledBarProps>> & string & Omit<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, keyof react.Component<any, {}, any>>;

/**
 * Component props.
 */
interface ChartContainerProps extends Omit<ComponentProps<'div'>, 'title'>, ContainerProps {
    /** Native HTML props to pass to the chart. */
    chartProps?: ComponentProps<'div'>;
    /** Ref to the chart. */
    chartRef?: RefObject<HTMLDivElement>;
    /** Description. */
    description?: string | ReactElement;
    /** Whether the description should be placed below the title or below the chart. */
    descriptionPosition?: 'belowTitle' | 'belowChart';
    /** Disable animations. */
    disableAnimations?: boolean;
    /** Id. */
    id?: string;
    /** Method called when the Reset button is displayed (defines whether or not the button should be displayed). */
    onReset?: () => void;
    /** Title. */
    title?: string | ReactElement;
    /** Theme. */
    theme?: Theme;
    /** Description that won't be visually displayed but will be used for assistive technology. If you want to display the description, use `description` instead. */
    descriptionForAssistiveTechnology?: string;
    /** Whether the chart is static or interactive. */
    mode?: string;
    /** Small text explaining which kind of chart is presenting and what's its basic composition. */
    definition?: string;
    /** Small text explaining the basic composition of the x-axis, if any. */
    xAxisDefinition?: string;
    /** Small text explaining the basic composition of the y-axis, if any. */
    yAxisDefinition?: string;
    /** Small text explaining how the chart is interactive, if any. */
    interactionExplanation?: string;
    /** Table representation of the chart. */
    dataTableRepresentation?: {
        header: ReactElement;
        body: ReactElement;
    };
}
interface StyledChartContainerProps extends ComponentProps<'div'>, StylingTransientProps {
    $theme: Theme;
}

declare const ChartContainer: Comp<ChartContainerProps, HTMLDivElement>;
declare const ChartContainerTitle: Comp<Pick<ChartContainerProps, 'onReset'> & ComponentProps<'div'>, HTMLDivElement>;
declare const ChartContainerDescription: Comp<ComponentProps<'div'>, HTMLDivElement>;

/** Component style. */
declare const StyledChartContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledChartContainerProps>> & string;
declare const StyledChartContainerTitle: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<_redsift_design_system.FlexboxProps & {
    ref?: react.Ref<HTMLDivElement> | undefined;
}, StyledChartContainerProps>> & string & Omit<_redsift_design_system.Comp<_redsift_design_system.FlexboxProps, HTMLDivElement>, keyof react.Component<any, {}, any>>;
declare const StyledChartContainerCaption: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, Omit<StyledChartContainerProps, "onReset">>> & string;

/**
 * Component props.
 */
interface LegendItemProps extends Pick<DataPointProps<LegendItemDatum>, 'color' | 'data' | 'dataset' | 'id' | 'index' | 'isSelected' | 'labelDecorator' | 'onClick' | 'previousData' | 'role' | 'tooltipVariant'>, Omit<ComponentProps<'li'>, 'onClick' | 'role'> {
    /** Method modifying what's displayed within the legend when the variant is "custom". */
    legendDecorator?: (datum: LegendItemDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /**
     * Variant.
     * @default 'standard'
     */
    variant?: LegendVariant;
}

/**
 * Component props.
 */
interface LegendProps extends Omit<ComponentProps<'ul'>, 'onClick' | 'children'>, ContainerProps {
    /** Children */
    children?: ReactElement | ReactElement[] | ((data: (Statistic & {
        color: string;
    })[], total?: number) => ReactElement);
    /** Data. */
    data?: (Statistic & {
        color: string;
    })[];
    /** Method to determine whether a legend is selected or not. */
    isLegendItemSelected?: (datum: LegendItemDatum) => void;
    /** Method to override the data labels. */
    labelDecorator?: (datum: LegendItemDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Method modifying what's displayed within the legend when the variant is "custom". */
    legendDecorator?: (datum: LegendItemDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Method to be called on a click on a legend item. */
    onLegendItemClick?: (datum: LegendItemDatum, data: LegendItemDatum[]) => void;
    /** LegendItem role. Used to indicate that legend items are to be considered buttons or links. If an onClick is provided, the legend items will have the role `button` unless specifically set to `link` with this prop. */
    legendItemRole?: LegendItemProps['role'];
    /** Variant. */
    variant?: LegendVariant;
}
interface StyledLegendProps extends ComponentProps<'ul'>, ContainerTransientProps {
    $width?: LegendProps['width'];
}

declare const Legend: Comp<LegendProps, HTMLUListElement>;

/**
 * Component style.
 */
declare const StyledLegend: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, StyledLegendProps>> & string;

/**
 * Component's labels variant.
 */
declare const BarChartLegendVariant: {
    readonly none: "none";
    readonly externalLabel: "externalLabel";
    readonly externalLabelValue: "externalLabelValue";
    readonly externalLabelPercent: "externalLabelPercent";
    readonly custom: "custom";
};
type BarChartLegendVariant = ValueOf<typeof BarChartLegendVariant>;
interface LocaleText$3 {
    emptyChartText: string;
}
type BarChartDimensions = ChartDimensions & {
    fontSize: number;
    minWidth?: number;
    maxWidth?: number;
};
type XScaleType = 'number' | 'Date' | 'dateString' | undefined;
/**
 * Component props.
 */
interface BarChartProps extends ChartContainerProps, ChartAxesProps {
    /** @deprecated: Use xAxisTickRotation instead. Whether the x axis labels are rotated or not. */
    areXLabelsRotated?: boolean;
    /** Native HTML props to forward to each bar. */
    barProps?: Omit<ComponentProps<'g'>, 'onClick' | 'orientation' | 'ref' | 'scale' | 'direction'> & {
        minWidth?: number;
        gap?: number;
    };
    /** Bar role. If an onClick is provided, the bars will have the role `button`. For a navigation link, please use `getBarAnchorProps` instead. */
    barRole?: BarProps['role'];
    /** Number of categories to use, the rest being put into a new category called "Others". */
    caping?: number;
    /** Color palette to use. You can choose among the list of available color palette or also choose to use the success/warning/danger theme for which you have to specify which key corresponds to which status.  */
    colorTheme?: ChartTheme;
    /** Dataset to use to generate the chart, should be a list of objects containing a key and a value. */
    data?: CategoryData | LinearData | TwoCategoryData;
    /** Data type override to skip data type inferrence. */
    dataType?: 'TwoCategoryData' | 'LinearData' | 'CategoryData';
    /**
     * Direction of the bars. Only applied when the orientation is vertical. By default bars go "up" but can go "down".
     * They can also go both ways in which case you need to indicates which category go which direction. The concatenation of the two arrays will be used to determine the order of the categories instead of the sortingMethod prop.
     */
    direction?: BarDirection;
    /** Component to use if the chart is empty (replacing the default one). */
    emptyComponent?: ReactNode;
    /** Method used to define the anchor props to use when the bar is a navigation link. */
    getBarAnchorProps?: (datum: BarDatum) => AnchorProps;
    /** Method to determine whether a bar is selected or not. */
    isBarSelected?: (datum: BarDatum) => void;
    /** Method to override the data labels. */
    labelDecorator?: (datum: BarDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Method modifying what's displayed within the legend when the legendVariant is "custom". */
    legendDecorator?: (datum: BarDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Define whether the labels should be displayed inside or outside the charts and if they should contain raw or percentage values. If set to "custom", use `legendDecorator` to customize it. */
    legendVariant?: BarChartLegendVariant;
    /** Props to forward to the Legend block. Can be used to make the legend selectable. */
    legendProps?: Omit<LegendProps, 'data' | 'ref' | 'variant' | 'width'> & {
        extraLegendItems?: Statistics;
    };
    /** Labels and texts. */
    localeText?: LocaleText$3;
    /** Custom margins, used to give more space for axes labels and legend for instance. */
    margins?: MarginProps;
    /** Method to be called on a click on a bar. For a navigation link, please use `getBarAnchorProps` instead. */
    onBarClick?: (datum: BarDatum, data: BarDatum[]) => void;
    /** Orientation of the bar. */
    orientation?: BarOrientation;
    /** Whether a category should be displayed for categories that has been removed by the caping option. Optionaly, this prop can be used to change the label of this category. */
    others?: boolean | string;
    /** BarChart size. */
    size?: ChartSize | BarChartDimensions;
    /** Define how to sort categories. */
    sortingMethod?: SortingMethod;
    /** Method modifying what's displayed within the tooltip when the tooltipVariant is "custom".  */
    tooltipDecorator?: (data: BarDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }, dataset?: ComputedBarProps[], groupedData?: ComputedBarProps[]) => string | ReactElement;
    /** Tooltip variant. */
    tooltipVariant?: TooltipVariant | 'grouped';
    /** Theme. */
    theme?: Theme;
    /** X-scale type override to skip x-scale type inferrence. */
    xScaleType?: XScaleType;
    /**
     * In case of a datetime x-axis, if the xAxisTickValues prop is passed with a d3.js method having an offset function (for instance `timeDay`), the following prop will be used as argument.
     * For reference, the line of code using it is: xAxisTickValues.offset(new Date(domain[0]), xAxisStartDateOffset)
     */
    xAxisStartDateOffset?: number;
    /**
     * In case of a datetime x-axis, if the xAxisTickValues prop is passed with a d3.js method having an offset function (for instance `timeDay`), the following prop will be used as argument.
     * For reference, the line of code using it is: xAxisTickValues.offset(new Date(domain[1]), xAxisEndDateOffset)
     */
    xAxisEndDateOffset?: number;
    /** If set, the Y axis will use a logarithmic scale using this base. Set this value to 10 to use a default logarithmic scale. */
    yScaleLogBase?: number;
}
type StyledBarChartProps = BarChartProps & {};
interface RenderedLinearBarChartProps extends Omit<BarChartProps, 'data' | 'caping' | 'orientation' | 'others'> {
    data: LinearData | TwoCategoryData;
}
interface ComputedBarProps {
    category: string;
    key: LinearDim;
    value: number;
    cumulativeValue: number;
}
interface BarChartState extends ChartAxesProps, Required<Pick<RenderedLinearBarChartProps, 'margins'>>, Pick<RenderedLinearBarChartProps, 'barProps' | 'barRole' | 'colorTheme' | 'direction' | 'disableAnimations' | 'getBarAnchorProps' | 'id' | 'isBarSelected' | 'labelDecorator' | 'onBarClick' | 'tooltipVariant' | 'tooltipDecorator'> {
    bars: ComputedBarProps[];
    barWidth: number;
    cache: React.MutableRefObject<LinearData | TwoCategoryData | undefined>;
    categories: string[];
    chartHeight: number;
    chartWidth: number;
    colorScale?: ScaleOrdinal<string, string>;
    format: FormatMessage;
    gap: number;
    hasCategory: boolean;
    scaleX: ScaleLinear$1<number, number, never> | ScaleTime$2<number, number, never> | ScalePoint$2<string>;
    scaleY: ScaleLinear$1<number, number>;
    sectionHeight?: number;
    xScaleType?: XScaleType;
    regions?: BarChartSectionProps['regions'];
}
interface BarChartSectionProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role' | 'color'> {
    /** Starting point in percentage of the chart height. */
    from?: number;
    /** Ending point in percentage of the chart height. */
    to?: number;
    /** Color. */
    color?: 'red' | 'green' | {
        textColor: string;
        backgroundColor?: string;
    };
    /** Section title */
    title?: string;
    /** Title position relative to section */
    titlePosition?: 'left' | 'center' | 'right';
    scaleX?: ScaleLinear$1<number, number, never> | ScaleTime$2<number, number, never> | ScalePoint$2<string>;
    scaleY?: ScaleLinear$1<number, number, never>;
    direction?: BarDirection;
    /** Regions for highlighting a specific area by changing the background color. Only works with datestrings for X axis. */
    regions?: {
        from: string;
        to: string;
        backgroundColor?: string;
        backgroundOpacity?: number;
        colorTheme?: Record<string, string>;
        tooltipDecorator?: BarChartProps['tooltipDecorator'];
    }[];
}
interface StyledBarChartSectionProps {
    $theme: Theme;
    $textColor: string;
}
interface BarChartBarsProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'> {
    category?: string;
}
type StyledBarChartBarsProps = Omit<BarChartBarsProps, 'category'> & {};
interface BarChartOverlayProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'> {
    from?: number;
    to?: number;
    regions?: BarChartSectionProps['regions'];
}
type StyledBarChartOverlayProps = Omit<BarChartOverlayProps, 'category'> & {};

/**
 * BarChart visualizes categorical data with rectangular bars.
 * Built on D3.js with responsive sizing and interactive tooltips.
 *
 * This is the only public entry point for bar charts. Do not import
 * `RenderedLinearBarChart`, `RenderedOrdinalBarChart`, `EmptyBarChart`, or
 * `LoadingBarChart` directly — `BarChart` selects the correct renderer
 * (linear vs. ordinal scale) automatically based on the data type,
 * and manages all loading and empty states internally.
 *
 * Supports horizontal/vertical orientation, stacked/grouped bars,
 * and various legend placements.
 *
 * Data format: `CategoryData` `[{ key: string, value: number }]`
 *
 * @example
 * // Basic horizontal bar chart with CategoryData
 * const data = [
 *   { key: 'Product A', value: 120 },
 *   { key: 'Product B', value: 85 },
 *   { key: 'Product C', value: 200 },
 * ];
 * <BarChart data={data} size="medium" />
 *
 * @example
 * // Vertical bar chart with tooltips and click handler
 * <BarChart
 *   data={salesData}
 *   orientation="vertical"
 *   tooltipVariant="value"
 *   onBarClick={(d) => handleBarClick(d.key)}
 * />
 *
 * @example
 * // Semantic colorTheme (maps keys to status colors)
 * <BarChart
 *   data={[
 *     { key: 'Passed', value: 45 },
 *     { key: 'Warning', value: 12 },
 *     { key: 'Failed', value: 8 },
 *   ]}
 *   colorTheme={{
 *     success: 'Passed',
 *     warning: 'Warning',
 *     danger: 'Failed',
 *   }}
 * />
 *
 * @example
 * // Grouped bar chart with legend
 * <BarChart
 *   data={groupedData}
 *   dataType="TwoCategoryData"
 *   legendVariant="externalLabel"
 *   colorTheme="dark"
 * />
 *
 * @example
 * // With custom label formatter and capping
 * <BarChart
 *   data={percentages}
 *   labelDecorator={(value) => `${value}%`}
 *   caping={10}
 *   others={true}
 * />
 */
declare const BaseBarChart: Comp<BarChartProps, HTMLDivElement>;
declare const BarChart: Comp<BarChartProps, HTMLDivElement> & {
    Section: Comp<BarChartSectionProps, SVGGElement>;
    Bars: Comp<BarChartBarsProps, SVGGElement>;
    Overlay: Comp<BarChartOverlayProps, SVGGElement>;
    Axis: Comp<AxisProps, SVGGElement>;
    GroupedTooltip: react__default.FC<{
        dateFormatter: (date: Date) => string;
        categories: string[];
        categoryDecorator?: (category: string) => string;
        categoryColor: (category: string) => string;
        children?: react__default.ReactNode;
        datum: BarDatum;
        groupedData: ComputedBarProps[] | undefined;
    }>;
    Legend: Comp<LegendProps, HTMLUListElement>;
    LegendItem: Comp<LegendItemProps, HTMLLIElement>;
    Title: Comp<Pick<ChartContainerProps, "onReset"> & react__default.ClassAttributes<HTMLDivElement> & react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
    Description: Comp<react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HTMLDivElement>;
};

/**
 * Component style.
 */
declare const StyledBarChart: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ChartContainerProps & {
    ref?: react.Ref<HTMLDivElement> | undefined;
}, BarChartProps>> & string & Omit<_redsift_design_system.Comp<ChartContainerProps, HTMLDivElement>, keyof react.Component<any, {}, any>>;
declare const StyledBarChartSection: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.SVGProps<SVGGElement>, StyledBarChartSectionProps>> & string;
declare const StyledBarChartBars: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.SVGProps<SVGGElement>, Omit<BarChartBarsProps, "category">>> & string;
declare const StyledBarChartOverlay: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.SVGProps<SVGGElement>, Omit<BarChartBarsProps, "category">>> & string;
declare const StyledBarChartEmptyText: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $maxWidth: number;
    $textSize: number;
    $theme: Theme;
}>> & string;

/**
 * Component's variant.
 */
declare const DotVariant: {
    readonly plain: "plain";
    readonly hollow: "hollow";
};
type DotVariant = ValueOf<typeof DotVariant>;
/**
 * Component props.
 */
interface DotProps extends DataPointProps<DotDatum> {
    /** A scale defined over a numeric/time/ordinal domain used to determine the x position based on the coordinates. */
    scaleX: ScaleLinear$1<number, number, never> | ScaleTime$2<number, number, never> | ScalePoint$2<string>;
    /** A linear continuous scale defined over a numeric domain used to determine the y position based on the coordinates. */
    scaleY: ScaleLinear$1<number, number, never>;
    /**
     * Variant.
     * @default 'plain'
     */
    variant?: DotVariant;
}
type StyledDotProps = StyledDataPointProps & Omit<DotProps, 'scaleX' | 'scaleY'> & {
    $variant: DotProps['variant'];
    $theme: Theme;
};

declare const Dot: Comp<DotProps, SVGGElement>;

/**
 * Component style.
 */
declare const StyledDot: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<DataPointProps<any> & {
    ref?: react.Ref<SVGGElement> | undefined;
}, StyledDotProps>> & string & Omit<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, keyof react.Component<any, {}, any>>;

/**
 * Component props.
 */
interface LineProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'>, Pick<DotProps, 'id' | 'isSelected' | 'role'> {
    /** Line generator used to determine the path of the line. */
    createLine: Line$1<LinePointDatum>;
    /** Points used to compute the line path. */
    data: LinePointDatum[];
    /** Disable animations. */
    disableAnimations?: boolean;
    /** Previous data used for animation. */
    previousData?: LinePointDatum[];
}
type StyledLineProps = Omit<LineProps, 'createLine' | 'data'>;

declare const Line: Comp<LineProps, SVGGElement>;

/**
 * Component style.
 */
declare const StyledLine: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<Pick<react.SVGProps<SVGGElement>, "string" | "end" | "style" | "clipPath" | "filter" | "mask" | "path" | "order" | "height" | "width" | "display" | "fill" | "values" | "aria-label" | "aria-labelledby" | "type" | "id" | "name" | "origin" | "role" | "tabIndex" | "className" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "target" | "x" | "y" | "overflow" | "direction" | "key" | "lang" | "color" | "fontSize" | "accumulate" | "local" | "clip" | "unicode" | "stroke" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "crossOrigin" | "href" | "media" | "method" | "max" | "min" | "accentHeight" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & {
    ref?: ((instance: SVGGElement | null) => void) | react.RefObject<SVGGElement> | null | undefined;
}, StyledLineProps>> & string;

/**
 * Component's labels variant.
 */
declare const LineChartLegendVariant: {
    readonly none: "none";
    readonly externalLabel: "externalLabel";
    readonly externalLabelValue: "externalLabelValue";
    readonly externalLabelPercent: "externalLabelPercent";
    readonly custom: "custom";
};
type LineChartLegendVariant = ValueOf<typeof LineChartLegendVariant>;
interface LocaleText$2 {
    emptyChartText: string;
}
type LineChartDimensions = ChartDimensions & {
    fontSize: number;
};
/**
 * Component props.
 */
interface LineChartProps extends ChartContainerProps, ChartAxesProps {
    /** Dataset to use to generate the chart. */
    data?: TwoCategoryData;
    /** Dot role. If an onClick is provided, the dots will have the role `button`. For a navigation link, please use `getDotAnchorProps` instead. */
    dotRole?: DotProps['role'];
    /** Component to use if the chart is empty (replacing the default one). */
    emptyComponent?: ReactNode;
    /** Method used to define the anchor props to use when the dot is a navigation link. */
    getDotAnchorProps?: (datum: DotDatum) => AnchorProps;
    /** Method to determine whether a dot is selected or not. */
    isDotSelected?: (datum: DotDatum) => boolean | undefined;
    /** Method to override the data point labels. */
    labelDecorator?: (datum: DotDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Method modifying what's displayed within the legend when the legendVariant is "custom". */
    legendDecorator?: (datum: DotDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Define whether the labels should be displayed inside or outside the charts and if they should contain raw or percentage values. If set to "custom", use `legendDecorator` to customize it. */
    legendVariant?: LineChartLegendVariant;
    /** Props to forward to the Legend block. Can be used to make the legend selectable. */
    legendProps?: Omit<LegendProps, 'data' | 'ref' | 'variant' | 'width'> & {
        extraLegendItems?: Statistics;
    };
    /** Labels and texts. */
    localeText?: LocaleText$2;
    /** Custom margins, used to give more space for axes labels and legend for instance. */
    margins?: MarginProps;
    /** Method to be called on a click on a dot. For a navigation link, please use `getDotAnchorProps` instead. */
    onDotClick?: (datum: DotDatum) => void;
    /** LineChart size. */
    size?: ChartSize | LineChartDimensions;
    /** Define how to sort categories. */
    sortingMethod?: SortingMethod;
    /** Reference to the SVG tag. */
    svgRef?: MutableRefObject<SVGSVGElement>;
    /** Color palette to use. You can choose among the list of available color palette or also choose to use the success/warning/danger theme for which you have to specify which key corresponds to which status. */
    colorTheme?: ChartTheme;
    /** Method modifying what's displayed within the tooltip when the tooltipVariant is "custom".  */
    tooltipDecorator?: (data: DotDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Tooltip variant. */
    tooltipVariant?: TooltipVariant;
    /** Theme. */
    theme?: Theme;
}
type StyledLineChartProps = LineChartProps & {};

/**
 * LineChart displays trends over time or continuous data.
 * Built on D3.js with smooth interpolation and interactive data points.
 *
 * This is the only public entry point for line charts. Do not import
 * `RenderedLineChart`, `EmptyLineChart`, or `LoadingLineChart` directly —
 * those are internal sub-components that `LineChart` selects automatically
 * based on whether `data` is present and non-empty.
 *
 * Data format: `LinearData` `[{ key: Date, value: number, label?: string }]`
 *
 * @example
 * // Basic line chart with time data
 * const data = [
 *   { key: new Date('2024-01'), value: 100, label: 'January' },
 *   { key: new Date('2024-02'), value: 150, label: 'February' },
 *   { key: new Date('2024-03'), value: 125, label: 'March' },
 * ];
 * <LineChart data={data} size="medium" />
 *
 * @example
 * // With tooltips and click handler
 * <LineChart
 *   data={timeSeriesData}
 *   tooltipVariant="value"
 *   onDotClick={(d) => showDetails(d)}
 * />
 *
 * @example
 * // Multiple lines with legend (TwoCategoryData format)
 * const multiSeriesData = [
 *   { key: [new Date('2024-01'), 'Series A'], value: 100 },
 *   { key: [new Date('2024-01'), 'Series B'], value: 80 },
 *   { key: [new Date('2024-02'), 'Series A'], value: 120 },
 *   { key: [new Date('2024-02'), 'Series B'], value: 95 },
 * ];
 * <LineChart
 *   data={multiSeriesData}
 *   legendVariant="externalLabel"
 *   colorTheme="dark"
 * />
 *
 * @example
 * // Customize axis placement and variant
 * <LineChart
 *   data={data}
 *   xAxisPlacement="top"
 *   yAxisPlacement="right"
 *   xAxisVariant="minimal"
 * />
 */
declare const LineChart: Comp<LineChartProps, HTMLDivElement>;

/**
 * Component style.
 */
declare const StyledLineChart: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ChartContainerProps & {
    ref?: react.Ref<HTMLDivElement> | undefined;
}, LineChartProps>> & string & Omit<_redsift_design_system.Comp<ChartContainerProps, HTMLDivElement>, keyof react.Component<any, {}, any>>;
declare const StyledLineChartEmptyText: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $maxWidth: number;
    $textSize: number;
    $theme: Theme;
}>> & string;

/**
 * Component variant.
 */
declare const PieChartVariant: {
    readonly plain: "plain";
    readonly spaced: "spaced";
    readonly donut: "donut";
    readonly spacedDonut: "spacedDonut";
};
type PieChartVariant = ValueOf<typeof PieChartVariant>;
/**
 * Component's labels variant.
 */
declare const PieChartLegendVariant: {
    readonly none: "none";
    readonly internal: "internal";
    readonly externalLabel: "externalLabel";
    readonly externalLabelValue: "externalLabelValue";
    readonly externalLabelPercent: "externalLabelPercent";
    readonly custom: "custom";
};
type PieChartLegendVariant = ValueOf<typeof PieChartLegendVariant>;
interface LocaleText$1 {
    emptyChartText: string;
}
type PieChartDimensions = ChartDimensions & {
    smallFontSize: number;
    fontSize: number;
    innerRadius: number;
};
/**
 * Component props.
 */
interface PieChartProps extends ChartContainerProps {
    /** Number of categories to use, the rest being put into a new category called "Others". */
    caping?: number;
    /** Dataset to use to generate the chart, should be a list of objects containing a key and a value. */
    data?: CategoryData;
    /** Component to use if the chart is empty (replacing the default one). */
    emptyComponent?: ReactNode;
    /** Method used to define the anchor props to use when the slice is a navigation link. */
    getSliceAnchorProps?: (datum: ArcDatum) => AnchorProps;
    /** Whether the pie or donut is cut in half or not. */
    isHalf?: boolean;
    /** Method to determine whether a slice is selected or not. */
    isSliceSelected?: (datum: ArcDatum) => boolean | undefined;
    /** Method to override the data labels. */
    labelDecorator?: (datum: ArcDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Method modifying what's displayed within the legend when the legendVariant is "custom". */
    legendDecorator?: (datum: ArcDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Define whether the labels should be displayed inside or outside the charts and if they should contain raw or percentage values. If set to "custom", use `legendDecorator` to customize it. */
    legendVariant?: PieChartLegendVariant;
    /** Props to forward to the Legend block. Can be used to make the legend selectable. */
    legendProps?: Omit<LegendProps, 'data' | 'ref' | 'variant'> & {
        extraLegendItems?: Statistics;
    };
    /** Labels and texts. */
    localeText?: LocaleText$1;
    /** Method to be called on a click on a slice. For a navigation link, please use `getSliceAnchorProps` instead. */
    onSliceClick?: (datum: ArcDatum) => void;
    /** Whether a category should be displayed for categories that has been removed by the caping option. Optionaly, this prop can be used to change the label of this category. */
    others?: boolean | string;
    /** PieChart size. */
    size?: ChartSize | PieChartDimensions;
    /** Native HTML props to forward to each slice. */
    sliceProps?: Omit<ComponentProps<'g'>, 'onClick' | 'ref' | 'width'>;
    /** Slice role. If an onClick is provided, the slices will have the role `button`. For a navigation link, please use `getSliceAnchorProps` instead. */
    sliceRole?: ArcProps['role'];
    /** Define how to sort categories. */
    sortingMethod?: SortingMethod;
    /** Secondary text to be displayed in the middle of the chart, between the main text and subtext. Recommended to be used with donut variants only. */
    middleText?: string | ReactElement | ((data: PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);
    /** Secondary text to be displayed in the middle of the chart, above the main text. Recommended to be used with `donut` variants only. */
    subtext?: string | ReactElement | ((data: PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);
    /** Main text to be displayed in the middle of the chart. Recommended to be used with `donut` variants only. */
    text?: string | ReactElement | ((data: PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);
    /** Color palette to use. You can choose among the list of available color palette or also choose to use the success/warning/danger theme for which you have to specify which key corresponds to which status.  */
    colorTheme?: ChartTheme;
    /** PieChart variant. */
    variant?: PieChartVariant;
    /** Method modifying what's displayed within the tooltip when the tooltipVariant is "custom".  */
    tooltipDecorator?: (data: ArcDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Tooltip variant. */
    tooltipVariant?: TooltipVariant;
    /** Theme. */
    theme?: Theme;
}
type StyledPieChartProps = PieChartProps & {};

/**
 * PieChart displays proportional data as slices of a circle.
 * Built on D3.js with interactive slices and customizable legends.
 *
 * Variants: `default`, `spaced`, `donut`, `spacedDonut`
 *
 * Data format: `CategoryData` `[{ key: string, value: number }]`
 *
 * @example
 * // Basic pie chart
 * const data = [
 *   { key: 'Category A', value: 30 },
 *   { key: 'Category B', value: 45 },
 *   { key: 'Category C', value: 25 },
 * ];
 * <PieChart data={data} size="medium" />
 *
 * @example
 * // Donut chart with center text
 * <PieChart
 *   data={statusData}
 *   variant="donut"
 *   text="Total"
 *   subtext="1,234"
 * />
 *
 * @example
 * // Half pie (semicircle) chart
 * <PieChart
 *   data={progressData}
 *   isHalf={true}
 *   variant="donut"
 *   text="Progress"
 *   subtext="75%"
 * />
 *
 * @example
 * // With click handler and tooltips
 * <PieChart
 *   data={breakdownData}
 *   tooltipVariant="value"
 *   onSliceClick={(d) => filterBy(d.key)}
 *   legendVariant="externalLabel"
 * />
 *
 * @example
 * // Cap small values into "Others"
 * <PieChart
 *   data={manyCategories}
 *   caping={5}
 *   others={true}
 *   sortingMethod="desc-value"
 * />
 */
declare const PieChart: Comp<PieChartProps, HTMLDivElement>;

/**
 * Component style.
 */
declare const StyledPieChart: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ChartContainerProps & {
    ref?: react.Ref<HTMLDivElement> | undefined;
}, PieChartProps>> & string & Omit<_redsift_design_system.Comp<ChartContainerProps, HTMLDivElement>, keyof react.Component<any, {}, any>>;
declare const StyledPieChartCenterText: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $maxWidth: number;
    $textSize: number;
    $smallTextSize: number;
    $theme: Theme;
}>> & string;
declare const StyledPieChartEmptyText: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $maxWidth: number;
    $textSize: number;
    $isDonut: boolean;
    $theme: Theme;
}>> & string;

/**
 * Component variant.
 */
declare const ScatterPlotVariant: {
    readonly default: "default";
    readonly gridded: "gridded";
};
type ScatterPlotVariant = ValueOf<typeof ScatterPlotVariant>;
/**
 * Component's labels variant.
 */
declare const ScatterPlotLegendVariant: {
    readonly none: "none";
    readonly externalLabel: "externalLabel";
    readonly externalLabelValue: "externalLabelValue";
    readonly externalLabelPercent: "externalLabelPercent";
    readonly custom: "custom";
};
type ScatterPlotLegendVariant = ValueOf<typeof ScatterPlotLegendVariant>;
interface LocaleText {
    emptyChartText: string;
}
type ScatterPlotDimensions = ChartDimensions & {
    fontSize: number;
};
/**
 * Component props.
 */
interface ScatterPlotProps extends ChartContainerProps, ChartAxesProps {
    /** Dataset to use to generate the chart. */
    data?: CoordinatesCategoryData;
    /** Method used to define the anchor props to use when the dot is a navigation link. */
    getDotAnchorProps?: (datum: DotDatum) => AnchorProps;
    /** Dot role. If an onClick is provided, the dots will have the role `button`. For a navigation link, please use `getDotAnchorProps` instead. */
    dotRole?: DotProps['role'];
    /** Component to use if the chart is empty (replacing the default one). */
    emptyComponent?: ReactNode;
    /** Whether the Control Keys panel is displayed or not. */
    hideControlKeyPanel?: boolean;
    /** Whether the scatter plot dots are selectable using brush or not. */
    isBrushable?: boolean;
    /** Method to determine whether a dot is selected or not. */
    isDotSelected?: (datum: DotDatum) => boolean | undefined;
    /** Method to override the data point labels. */
    labelDecorator?: (datum: DotDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Method modifying what's displayed within the legend when the legendVariant is "custom". */
    legendDecorator?: (datum: DotDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Define whether the labels should be displayed inside or outside the charts and if they should contain raw or percentage values. If set to "custom", use `legendDecorator` to customize it. */
    legendVariant?: ScatterPlotLegendVariant;
    /** Props to forward to the Legend block. Can be used to make the legend selectable. */
    legendProps?: Omit<LegendProps, 'data' | 'ref' | 'variant' | 'width'> & {
        extraLegendItems?: Statistics;
    };
    /** Labels and texts. */
    localeText?: LocaleText;
    /** Custom margins, used to give more space for axes labels and legend for instance. */
    margins?: MarginProps;
    /** Method called on brush. */
    onBrush?: (selection: [[number, number], [number, number]] | null, scaleX: ScaleLinear$1<number, number>, scaleY: ScaleLinear$1<number, number>) => void;
    /** Method called on brush end. */
    onBrushEnd?: (selection: [[number, number], [number, number]] | null, scaleX?: ScaleLinear$1<number, number>, scaleY?: ScaleLinear$1<number, number>) => void;
    /** Method to be called on a click on a dot. For a navigation link, please use `getDotAnchorProps` instead. */
    onDotClick?: (datum: DotDatum) => void;
    /** ScatterPlot size. */
    size?: ChartSize | ScatterPlotDimensions;
    /** Define how to sort categories. */
    sortingMethod?: SortingMethod;
    /** Reference to the SVG tag. */
    svgRef?: MutableRefObject<SVGSVGElement>;
    /** Color palette to use. You can choose among the list of available color palette or also choose to use the success/warning/danger theme for which you have to specify which key corresponds to which status. */
    colorTheme?: ChartTheme;
    /** Method modifying what's displayed within the tooltip when the tooltipVariant is "custom".  */
    tooltipDecorator?: (data: DotDatum, props?: {
        index?: number;
        isSelected?: boolean;
        color?: string;
    }) => string | ReactElement;
    /** Tooltip variant. */
    tooltipVariant?: TooltipVariant;
    /** Variant. */
    variant?: ScatterPlotVariant;
    /** Theme. */
    theme?: Theme;
}
type StyledScatterPlotProps = ScatterPlotProps & {};

/**
 * ScatterPlot displays relationships between two numeric variables.
 * Built on D3.js with interactive dots and brush selection.
 *
 * Supports zooming, brushing for multi-select, and dot clustering.
 *
 * Data format: `CoordinatesCategoryData` `[{ x: number, y: number, category?: string }]`
 *
 * @example
 * // Basic scatter plot
 * const data = [
 *   { x: 10, y: 20, label: 'Point A' },
 *   { x: 25, y: 15, label: 'Point B' },
 *   { x: 30, y: 35, label: 'Point C' },
 * ];
 * <ScatterPlot data={data} size="medium" />
 *
 * @example
 * // With tooltips and click handler
 * <ScatterPlot
 *   data={correlationData}
 *   tooltipVariant="label"
 *   onDotClick={(d) => showDetails(d)}
 * />
 *
 * @example
 * // Brush selection (Shift+drag to select multiple)
 * <ScatterPlot
 *   data={analysisData}
 *   onBrush={(selected) => highlightPoints(selected)}
 *   onBrushEnd={(selected) => filterData(selected)}
 *   hideControlKeyPanel={false}
 * />
 *
 * @example
 * // Colored by category with legend
 * const categorizedData = [
 *   { x: 10, y: 20, category: 'Group A' },
 *   { x: 15, y: 25, category: 'Group B' },
 *   { x: 20, y: 15, category: 'Group A' },
 * ];
 * <ScatterPlot
 *   data={categorizedData}
 *   colorTheme="categorical"
 *   legendVariant="externalLabel"
 * />
 */
declare const ScatterPlot: Comp<ScatterPlotProps, HTMLDivElement>;

/**
 * Component style.
 */
declare const StyledScatterPlot: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ChartContainerProps & {
    ref?: react.Ref<HTMLDivElement> | undefined;
}, ScatterPlotProps>> & string & Omit<_redsift_design_system.Comp<ChartContainerProps, HTMLDivElement>, keyof react.Component<any, {}, any>>;
declare const StyledScatterPlotEmptyText: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $maxWidth: number;
    $textSize: number;
    $theme: Theme;
}>> & string;

export { AnchorProps, AnyScale, Arc, ArcDatum, ArcProps, Arcs, ArcsProps, Axis, AxisPosition, AxisProps, AxisVariant, Bar, BarChart, BarChartBarsProps, BarChartDimensions, BarChartLegendVariant, BarChartOverlayProps, BarChartProps, BarChartSectionProps, BarChartState, BarDatum, BarDirection, BarOrientation, BarProps, BaseBarChart, CategoricalOrLinearDim, CategoryData, CategoryDatum, CategoryDim, ChartAxesProps, ChartContainer, ChartContainerDescription, ChartContainerProps, ChartContainerTitle, ChartDimensions, ChartSize, ChartTheme, ColorTheme, ComputedBarProps, Coordinates, CoordinatesCategoryData, CoordinatesCategoryDatum, CoordinatesCategoryDim, CustomColorTheme, DataPoint, DataPointProps, Datum, Dot, DotDatum, DotProps, DotVariant, EmptyDatum, JSONArray, JSONObject, JSONValue, LabelVariant, Legend, LegendItemDatum, LegendProps, LegendVariant, Line, LineChart, LineChartDimensions, LineChartLegendVariant, LineChartProps, LinePointDatum, LineProps, LinearData, LinearDatum, LinearDim, MarginProps, NumericValue, PieChart, PieChartDimensions, PieChartLegendVariant, PieChartProps, PieChartVariant, RenderedLinearBarChartProps, Scale, ScaleBand, ScaleLinear, ScaleLog, ScalePoint, ScaleSymlog, ScaleTime, ScaleTypeToScale, ScaleValue, ScaleWithBandwidth, ScatterPlot, ScatterPlotDimensions, ScatterPlotLegendVariant, ScatterPlotProps, ScatterPlotVariant, SortingMethod, Statistic, Statistics, StringValue, StyledArc, StyledArcProps, StyledArcs, StyledArcsProps, StyledAxis, StyledAxisProps, StyledBar, StyledBarChart, StyledBarChartBars, StyledBarChartBarsProps, StyledBarChartEmptyText, StyledBarChartOverlay, StyledBarChartOverlayProps, StyledBarChartProps, StyledBarChartSection, StyledBarChartSectionProps, StyledBarProps, StyledChartContainer, StyledChartContainerCaption, StyledChartContainerProps, StyledChartContainerTitle, StyledDataPoint, StyledDataPointProps, StyledDot, StyledDotProps, StyledLegend, StyledLegendProps, StyledLine, StyledLineChart, StyledLineChartEmptyText, StyledLineChartProps, StyledLineProps, StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText, StyledPieChartProps, StyledScatterPlot, StyledScatterPlotEmptyText, StyledScatterPlotProps, SuccessDangerColorTheme, TicksSpec, TooltipVariant, TwoCategoryData, TwoCategoryDatum, TwoCategoryDim, UseBrushProps, UseColorProps, UseFormatCategoricalDataProps, UseZoomProps, XScaleType, empty, getAxisType, getColorScale, getSortingMethod, isValidDate, mergeLegends, monochrome, scheme, successDangerScheme, useBrush, useColor, useFormatCategoricalData, useZoom };