@apollion-dsi/core 3.0.0

package/lib/containers/Base/Base.style.d.ts

@@ -0,0 +1,742 @@
+/**
+ * Container primitivo (`div`) integrado à factory do Apollion.
+ *
+ * Aceita todas as props de {@link BaseContainerProps} (espaçamento, cores,
+ * tamanhos, bordas, etc.) e é a raiz sobre a qual `Flex`, `Grid`, `Paper`
+ * e outros containers são construídos. Use somente quando precisar de um
+ * bloco neutro sem `display: flex` ou `display: grid`.
+ */
+export declare const BaseContainer: import("styled-components").IStyledComponent<"web", import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").ApollionProps>;
+/**
+ * Versão animada de {@link BaseContainer} via `framer-motion`. Aceita todas
+ * as props de animação (`initial`, `animate`, `exit`, `variants`, ...) além
+ * das props padrão do container.
+ */
+export declare const AnimatedContainer: import("react").ComponentType<Omit<{
+    area?: string;
+    p?: import("../..").SpacingInterface;
+    slot?: string;
+    title?: string;
+    dir?: string;
+    borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    borderWidth?: "none" | "thin" | "regular" | "great" | "bold";
+    borderStyle?: "solid" | "dotted" | "dashed";
+    px?: import("../..").SpacingInterface;
+    round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundTop?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundTangentRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    roundTangentLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sharpTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sharpTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sharpBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sharpBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    right?: string | number;
+    left?: string | number;
+    top?: string | number;
+    bottom?: string | number;
+    borderColor?: import("../..").BgColorsTypes;
+    borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
+    square?: boolean;
+    hidden?: boolean;
+    color?: string;
+    content?: string;
+    flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    position?: "fixed" | "absolute" | "relative" | "sticky";
+    padding?: string | number;
+    contrast?: string;
+    opacity?: "md" | "low" | "high";
+    margin?: string | number;
+    isHidden?: boolean;
+    truncate?: boolean;
+    container?: boolean;
+    overflow?: import("../..").OverflowType;
+    overflowX?: import("../..").OverflowType;
+    overflowY?: import("../..").OverflowType;
+    absoluteFill?: boolean;
+    display?: import("../..").DisplayType;
+    cursor?: import("../..").CursorType;
+    zIndex?: number;
+    maxWidth?: string | number;
+    whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
+    deep?: import("../..").DeepStylesTypes;
+    deepColor?: string;
+    noShadow?: boolean;
+    gap?: import("../..").SpacingInterface;
+    flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    flexBasis?: string | number;
+    justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    grow?: boolean;
+    shrink?: boolean;
+    order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    fontFamily?: "main" | "code";
+    fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
+    fontStyle?: "italic" | "normal";
+    fontWeight?: "light" | "regular" | "bold" | "stronger";
+    height?: string | number;
+    letterSpacing?: "regular" | "tight" | "wild";
+    lineHeight?: "regular" | "tight" | "close" | "wild";
+    maxHeight?: string | number;
+    minHeight?: string | number;
+    minWidth?: string | number;
+    textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
+    textTransform?: "uppercase" | "lowercase" | "normal" | "captalyze";
+    translate?: "yes" | "no";
+    width?: string | number;
+    wordBreak?: import("../..").WordBreakType;
+    textDecoration?: "none" | "line-through" | "overline" | "underline";
+    m?: import("../..").SpacingInterface;
+    mt?: import("../..").SpacingInterface;
+    mr?: import("../..").SpacingInterface;
+    mb?: import("../..").SpacingInterface;
+    ml?: import("../..").SpacingInterface;
+    mx?: import("../..").SpacingInterface;
+    my?: import("../..").SpacingInterface;
+    pt?: import("../..").SpacingInterface;
+    pr?: import("../..").SpacingInterface;
+    pb?: import("../..").SpacingInterface;
+    pl?: import("../..").SpacingInterface;
+    py?: import("../..").SpacingInterface;
+    sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    sm_gap?: import("../..").SpacingInterface;
+    sm_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    sm_flexBasis?: string | number;
+    sm_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    sm_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    sm_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    sm_grow?: boolean;
+    sm_shrink?: boolean;
+    sm_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    sm_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    md_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    md_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    md_gap?: import("../..").SpacingInterface;
+    md_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    md_flexBasis?: string | number;
+    md_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    md_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    md_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    md_grow?: boolean;
+    md_shrink?: boolean;
+    md_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    md_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    lg_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    lg_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    lg_gap?: import("../..").SpacingInterface;
+    lg_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    lg_flexBasis?: string | number;
+    lg_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    lg_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    lg_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    lg_grow?: boolean;
+    lg_shrink?: boolean;
+    lg_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    lg_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    xl_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    xl_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    xl_gap?: import("../..").SpacingInterface;
+    xl_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    xl_flexBasis?: string | number;
+    xl_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    xl_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    xl_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    xl_grow?: boolean;
+    xl_shrink?: boolean;
+    xl_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    xl_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    sm_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_borderWidth?: "none" | "thin" | "regular" | "great" | "bold";
+    sm_borderStyle?: "solid" | "dotted" | "dashed";
+    sm_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundTop?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundTangentRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_roundTangentLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_sharpTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_sharpTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_sharpBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_sharpBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    sm_borderColor?: import("../..").BgColorsTypes;
+    sm_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
+    sm_square?: boolean;
+    md_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_borderWidth?: "none" | "thin" | "regular" | "great" | "bold";
+    md_borderStyle?: "solid" | "dotted" | "dashed";
+    md_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundTop?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundTangentRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_roundTangentLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_sharpTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_sharpTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_sharpBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_sharpBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    md_borderColor?: import("../..").BgColorsTypes;
+    md_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
+    md_square?: boolean;
+    lg_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_borderWidth?: "none" | "thin" | "regular" | "great" | "bold";
+    lg_borderStyle?: "solid" | "dotted" | "dashed";
+    lg_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundTop?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundTangentRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_roundTangentLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_sharpTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_sharpTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_sharpBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_sharpBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    lg_borderColor?: import("../..").BgColorsTypes;
+    lg_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
+    lg_square?: boolean;
+    xl_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_borderWidth?: "none" | "thin" | "regular" | "great" | "bold";
+    xl_borderStyle?: "solid" | "dotted" | "dashed";
+    xl_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundTop?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundTangentRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_roundTangentLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_sharpTopLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_sharpTopRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_sharpBottomRight?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_sharpBottomLeft?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
+    xl_borderColor?: import("../..").BgColorsTypes;
+    xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
+    xl_square?: boolean;
+    bgColor?: import("../..").BgColorsTypes;
+    sm_bgColor?: import("../..").BgColorsTypes;
+    md_bgColor?: import("../..").BgColorsTypes;
+    lg_bgColor?: import("../..").BgColorsTypes;
+    xl_bgColor?: import("../..").BgColorsTypes;
+    sm_color?: string;
+    sm_contrast?: string;
+    sm_opacity?: "md" | "low" | "high";
+    md_color?: string;
+    md_contrast?: string;
+    md_opacity?: "md" | "low" | "high";
+    lg_color?: string;
+    lg_contrast?: string;
+    lg_opacity?: "md" | "low" | "high";
+    xl_color?: string;
+    xl_contrast?: string;
+    xl_opacity?: "md" | "low" | "high";
+    sm_area?: string;
+    sm_right?: string | number;
+    sm_left?: string | number;
+    sm_top?: string | number;
+    sm_bottom?: string | number;
+    sm_position?: "fixed" | "absolute" | "relative" | "sticky";
+    sm_padding?: string | number;
+    sm_margin?: string | number;
+    sm_isHidden?: boolean;
+    sm_truncate?: boolean;
+    sm_container?: boolean;
+    sm_overflow?: import("../..").OverflowType;
+    sm_overflowX?: import("../..").OverflowType;
+    sm_overflowY?: import("../..").OverflowType;
+    sm_absoluteFill?: boolean;
+    sm_display?: import("../..").DisplayType;
+    sm_cursor?: import("../..").CursorType;
+    sm_zIndex?: number;
+    md_area?: string;
+    md_right?: string | number;
+    md_left?: string | number;
+    md_top?: string | number;
+    md_bottom?: string | number;
+    md_position?: "fixed" | "absolute" | "relative" | "sticky";
+    md_padding?: string | number;
+    md_margin?: string | number;
+    md_isHidden?: boolean;
+    md_truncate?: boolean;
+    md_container?: boolean;
+    md_overflow?: import("../..").OverflowType;
+    md_overflowX?: import("../..").OverflowType;
+    md_overflowY?: import("../..").OverflowType;
+    md_absoluteFill?: boolean;
+    md_display?: import("../..").DisplayType;
+    md_cursor?: import("../..").CursorType;
+    md_zIndex?: number;
+    lg_area?: string;
+    lg_right?: string | number;
+    lg_left?: string | number;
+    lg_top?: string | number;
+    lg_bottom?: string | number;
+    lg_position?: "fixed" | "absolute" | "relative" | "sticky";
+    lg_padding?: string | number;
+    lg_margin?: string | number;
+    lg_isHidden?: boolean;
+    lg_truncate?: boolean;
+    lg_container?: boolean;
+    lg_overflow?: import("../..").OverflowType;
+    lg_overflowX?: import("../..").OverflowType;
+    lg_overflowY?: import("../..").OverflowType;
+    lg_absoluteFill?: boolean;
+    lg_display?: import("../..").DisplayType;
+    lg_cursor?: import("../..").CursorType;
+    lg_zIndex?: number;
+    xl_area?: string;
+    xl_right?: string | number;
+    xl_left?: string | number;
+    xl_top?: string | number;
+    xl_bottom?: string | number;
+    xl_position?: "fixed" | "absolute" | "relative" | "sticky";
+    xl_padding?: string | number;
+    xl_margin?: string | number;
+    xl_isHidden?: boolean;
+    xl_truncate?: boolean;
+    xl_container?: boolean;
+    xl_overflow?: import("../..").OverflowType;
+    xl_overflowX?: import("../..").OverflowType;
+    xl_overflowY?: import("../..").OverflowType;
+    xl_absoluteFill?: boolean;
+    xl_display?: import("../..").DisplayType;
+    xl_cursor?: import("../..").CursorType;
+    xl_zIndex?: number;
+    sm_deep?: import("../..").DeepStylesTypes;
+    sm_deepColor?: string;
+    sm_noShadow?: boolean;
+    md_deep?: import("../..").DeepStylesTypes;
+    md_deepColor?: string;
+    md_noShadow?: boolean;
+    lg_deep?: import("../..").DeepStylesTypes;
+    lg_deepColor?: string;
+    lg_noShadow?: boolean;
+    xl_deep?: import("../..").DeepStylesTypes;
+    xl_deepColor?: string;
+    xl_noShadow?: boolean;
+    sm_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
+    sm_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
+    sm_wordBreak?: import("../..").WordBreakType;
+    sm_textDecoration?: "none" | "line-through" | "overline" | "underline";
+    sm_fontFamily?: "main" | "code";
+    sm_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
+    sm_fontStyle?: "italic" | "normal";
+    sm_fontWeight?: "light" | "regular" | "bold" | "stronger";
+    sm_letterSpacing?: "regular" | "tight" | "wild";
+    sm_lineHeight?: "regular" | "tight" | "close" | "wild";
+    sm_textTransform?: "uppercase" | "lowercase" | "normal" | "captalyze";
+    md_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
+    md_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
+    md_wordBreak?: import("../..").WordBreakType;
+    md_textDecoration?: "none" | "line-through" | "overline" | "underline";
+    md_fontFamily?: "main" | "code";
+    md_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
+    md_fontStyle?: "italic" | "normal";
+    md_fontWeight?: "light" | "regular" | "bold" | "stronger";
+    md_letterSpacing?: "regular" | "tight" | "wild";
+    md_lineHeight?: "regular" | "tight" | "close" | "wild";
+    md_textTransform?: "uppercase" | "lowercase" | "normal" | "captalyze";
+    lg_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
+    lg_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
+    lg_wordBreak?: import("../..").WordBreakType;
+    lg_textDecoration?: "none" | "line-through" | "overline" | "underline";
+    lg_fontFamily?: "main" | "code";
+    lg_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
+    lg_fontStyle?: "italic" | "normal";
+    lg_fontWeight?: "light" | "regular" | "bold" | "stronger";
+    lg_letterSpacing?: "regular" | "tight" | "wild";
+    lg_lineHeight?: "regular" | "tight" | "close" | "wild";
+    lg_textTransform?: "uppercase" | "lowercase" | "normal" | "captalyze";
+    xl_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
+    xl_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
+    xl_wordBreak?: import("../..").WordBreakType;
+    xl_textDecoration?: "none" | "line-through" | "overline" | "underline";
+    xl_fontFamily?: "main" | "code";
+    xl_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
+    xl_fontStyle?: "italic" | "normal";
+    xl_fontWeight?: "light" | "regular" | "bold" | "stronger";
+    xl_letterSpacing?: "regular" | "tight" | "wild";
+    xl_lineHeight?: "regular" | "tight" | "close" | "wild";
+    xl_textTransform?: "uppercase" | "lowercase" | "normal" | "captalyze";
+    sm_maxWidth?: string | number;
+    sm_height?: string | number;
+    sm_maxHeight?: string | number;
+    sm_minHeight?: string | number;
+    sm_minWidth?: string | number;
+    sm_width?: string | number;
+    md_maxWidth?: string | number;
+    md_height?: string | number;
+    md_maxHeight?: string | number;
+    md_minHeight?: string | number;
+    md_minWidth?: string | number;
+    md_width?: string | number;
+    lg_maxWidth?: string | number;
+    lg_height?: string | number;
+    lg_maxHeight?: string | number;
+    lg_minHeight?: string | number;
+    lg_minWidth?: string | number;
+    lg_width?: string | number;
+    xl_maxWidth?: string | number;
+    xl_height?: string | number;
+    xl_maxHeight?: string | number;
+    xl_minHeight?: string | number;
+    xl_minWidth?: string | number;
+    xl_width?: string | number;
+    sm_p?: import("../..").SpacingInterface;
+    sm_px?: import("../..").SpacingInterface;
+    sm_m?: import("../..").SpacingInterface;
+    sm_mt?: import("../..").SpacingInterface;
+    sm_mr?: import("../..").SpacingInterface;
+    sm_mb?: import("../..").SpacingInterface;
+    sm_ml?: import("../..").SpacingInterface;
+    sm_mx?: import("../..").SpacingInterface;
+    sm_my?: import("../..").SpacingInterface;
+    sm_pt?: import("../..").SpacingInterface;
+    sm_pr?: import("../..").SpacingInterface;
+    sm_pb?: import("../..").SpacingInterface;
+    sm_pl?: import("../..").SpacingInterface;
+    sm_py?: import("../..").SpacingInterface;
+    md_p?: import("../..").SpacingInterface;
+    md_px?: import("../..").SpacingInterface;
+    md_m?: import("../..").SpacingInterface;
+    md_mt?: import("../..").SpacingInterface;
+    md_mr?: import("../..").SpacingInterface;
+    md_mb?: import("../..").SpacingInterface;
+    md_ml?: import("../..").SpacingInterface;
+    md_mx?: import("../..").SpacingInterface;
+    md_my?: import("../..").SpacingInterface;
+    md_pt?: import("../..").SpacingInterface;
+    md_pr?: import("../..").SpacingInterface;
+    md_pb?: import("../..").SpacingInterface;
+    md_pl?: import("../..").SpacingInterface;
+    md_py?: import("../..").SpacingInterface;
+    lg_p?: import("../..").SpacingInterface;
+    lg_px?: import("../..").SpacingInterface;
+    lg_m?: import("../..").SpacingInterface;
+    lg_mt?: import("../..").SpacingInterface;
+    lg_mr?: import("../..").SpacingInterface;
+    lg_mb?: import("../..").SpacingInterface;
+    lg_ml?: import("../..").SpacingInterface;
+    lg_mx?: import("../..").SpacingInterface;
+    lg_my?: import("../..").SpacingInterface;
+    lg_pt?: import("../..").SpacingInterface;
+    lg_pr?: import("../..").SpacingInterface;
+    lg_pb?: import("../..").SpacingInterface;
+    lg_pl?: import("../..").SpacingInterface;
+    lg_py?: import("../..").SpacingInterface;
+    xl_p?: import("../..").SpacingInterface;
+    xl_px?: import("../..").SpacingInterface;
+    xl_m?: import("../..").SpacingInterface;
+    xl_mt?: import("../..").SpacingInterface;
+    xl_mr?: import("../..").SpacingInterface;
+    xl_mb?: import("../..").SpacingInterface;
+    xl_ml?: import("../..").SpacingInterface;
+    xl_mx?: import("../..").SpacingInterface;
+    xl_my?: import("../..").SpacingInterface;
+    xl_pt?: import("../..").SpacingInterface;
+    xl_pr?: import("../..").SpacingInterface;
+    xl_pb?: import("../..").SpacingInterface;
+    xl_pl?: import("../..").SpacingInterface;
+    xl_py?: import("../..").SpacingInterface;
+    ignoreResponsive?: boolean;
+    enableBreakpoint?: keyof import("../..").BreakPoint<any>;
+    property?: string;
+    ref?: import("react").Ref<HTMLDivElement>;
+    key?: import("react").Key;
+    defaultChecked?: boolean;
+    defaultValue?: string | number | readonly string[];
+    suppressContentEditableWarning?: boolean;
+    suppressHydrationWarning?: boolean;
+    accessKey?: string;
+    autoCapitalize?: "none" | (string & {}) | "words" | "off" | "on" | "sentences" | "characters";
+    autoFocus?: boolean;
+    className?: string;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only";
+    contextMenu?: string;
+    draggable?: boolean | "false" | "true";
+    enterKeyHint?: "next" | "search" | "enter" | "done" | "go" | "previous" | "send";
+    id?: string;
+    lang?: string;
+    nonce?: string;
+    spellCheck?: boolean | "false" | "true";
+    tabIndex?: number;
+    radioGroup?: string;
+    role?: import("react").AriaRole;
+    about?: string;
+    datatype?: string;
+    inlist?: any;
+    prefix?: string;
+    rel?: string;
+    resource?: string;
+    rev?: string;
+    typeof?: string;
+    vocab?: string;
+    autoCorrect?: string;
+    autoSave?: string;
+    itemProp?: string;
+    itemScope?: boolean;
+    itemType?: string;
+    itemID?: string;
+    itemRef?: string;
+    results?: number;
+    security?: string;
+    unselectable?: "off" | "on";
+    popover?: "" | "auto" | "manual" | "hint";
+    popoverTargetAction?: "hide" | "show" | "toggle";
+    popoverTarget?: string;
+    inert?: boolean;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+    is?: string;
+    exportparts?: string;
+    part?: string;
+    "aria-activedescendant"?: string;
+    "aria-atomic"?: boolean | "false" | "true";
+    "aria-autocomplete"?: "none" | "both" | "inline" | "list";
+    "aria-braillelabel"?: string;
+    "aria-brailleroledescription"?: string;
+    "aria-busy"?: boolean | "false" | "true";
+    "aria-checked"?: boolean | "mixed" | "false" | "true";
+    "aria-colcount"?: number;
+    "aria-colindex"?: number;
+    "aria-colindextext"?: string;
+    "aria-colspan"?: number;
+    "aria-controls"?: string;
+    "aria-current"?: boolean | "step" | "time" | "page" | "false" | "true" | "date" | "location";
+    "aria-describedby"?: string;
+    "aria-description"?: string;
+    "aria-details"?: string;
+    "aria-disabled"?: boolean | "false" | "true";
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup";
+    "aria-errormessage"?: string;
+    "aria-expanded"?: boolean | "false" | "true";
+    "aria-flowto"?: string;
+    "aria-grabbed"?: boolean | "false" | "true";
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
+    "aria-hidden"?: boolean | "false" | "true";
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
+    "aria-keyshortcuts"?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-level"?: number;
+    "aria-live"?: "off" | "assertive" | "polite";
+    "aria-modal"?: boolean | "false" | "true";
+    "aria-multiline"?: boolean | "false" | "true";
+    "aria-multiselectable"?: boolean | "false" | "true";
+    "aria-orientation"?: "vertical" | "horizontal";
+    "aria-owns"?: string;
+    "aria-placeholder"?: string;
+    "aria-posinset"?: number;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true";
+    "aria-readonly"?: boolean | "false" | "true";
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+    "aria-required"?: boolean | "false" | "true";
+    "aria-roledescription"?: string;
+    "aria-rowcount"?: number;
+    "aria-rowindex"?: number;
+    "aria-rowindextext"?: string;
+    "aria-rowspan"?: number;
+    "aria-selected"?: boolean | "false" | "true";
+    "aria-setsize"?: number;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other";
+    "aria-valuemax"?: number;
+    "aria-valuemin"?: number;
+    "aria-valuenow"?: number;
+    "aria-valuetext"?: string;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    };
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+    onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element>;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element>;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement>;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement>;
+    onInput?: import("react").InputEventHandler<HTMLDivElement>;
+    onInputCapture?: import("react").InputEventHandler<HTMLDivElement>;
+    onReset?: import("react").ReactEventHandler<HTMLDivElement>;
+    onResetCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSubmit?: import("react").SubmitEventHandler<HTMLDivElement>;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement>;
+    onInvalid?: import("react").ReactEventHandler<HTMLDivElement>;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onError?: import("react").ReactEventHandler<HTMLDivElement>;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement>;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement>;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement>;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement>;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement>;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement>;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+} & import("framer-motion").MotionProps, "children"> & {
+    children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
+}>;