npm - @cruk/chakra-components - Versions diffs - 0.1.0-alpha.1 → 0.1.0-alpha.3 - Mend

@cruk/chakra-components 0.1.0-alpha.1 → 0.1.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (840) hide show

package/dist/types/src/components/Video/index.d.ts CHANGED Viewed

@@ -1,8 +1,442 @@
-type VideoProps = {
+import { ChakraProps } from "@chakra-ui/react";
+import React, { ReactElement } from "react";
+type VideoProps = ChakraProps & {
     src: string;
+    loop?: boolean;
+    muted?: boolean;
     autoPlay?: boolean;
-    controls?: boolean;
+    playsInline?: boolean;
+};
+declare const VideoControls: (videoElement: ReactElement<VideoProps>, videoRef: React.MutableRefObject<HTMLVideoElement | undefined>) => {
+    videoProps: {
+        ref: React.MutableRefObject<HTMLVideoElement>;
+        noOfLines?: import("@chakra-ui/styled-system").ResponsiveValue<number>;
+        __css?: import("@chakra-ui/styled-system").SystemStyleObject;
+        sx?: import("@chakra-ui/styled-system").SystemStyleObject;
+        css?: import("@emotion/serialize").Interpolation<{}>;
+        m?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        margin?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        mt?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        mr?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        me?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        mb?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        ml?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        ms?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        mx?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        my?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        marginY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        p?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        padding?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        pt?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        pr?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        pe?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        pb?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        pl?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        ps?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        px?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        py?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        paddingY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        textColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        color?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        fill?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        stroke?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        transition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Transition<string & {}>>;
+        transitionProperty?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionProperty>;
+        transitionTimingFunction?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionTimingFunction>;
+        transitionDuration?: import("@chakra-ui/styled-system").ResponsiveValue<string>;
+        transitionDelay?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionDelay<string & {}>>;
+        animation?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Animation<string & {}>>;
+        willChange?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WillChange>;
+        fontWeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {})>;
+        lineHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | (number & {})>;
+        letterSpacing?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal">;
+        fontSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "small" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "large" | "medium" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller">;
+        fontFamily?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FontFamily>;
+        textAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextAlign>;
+        fontStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FontStyle>;
+        textIndent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextIndent<0 | (string & {})>>;
+        wordBreak?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WordBreak>;
+        overflowWrap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowWrap>;
+        textOverflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextOverflow>;
+        textTransform?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextTransform>;
+        whiteSpace?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WhiteSpace>;
+        isTruncated?: boolean;
+        alignItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignItems>;
+        alignContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignContent>;
+        justifyItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifyItems>;
+        justifyContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifyContent>;
+        flexWrap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexWrap>;
+        flexFlow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexFlow>;
+        flexBasis?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexBasis<string | number>>;
+        flexDirection?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexDirection>;
+        flexDir?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexDirection>;
+        flex?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Flex<string | number>>;
+        gap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Gap<string | number>>;
+        rowGap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.RowGap<string | number>>;
+        columnGap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ColumnGap<string | number>>;
+        justifySelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifySelf>;
+        alignSelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignSelf>;
+        order?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Order>;
+        flexGrow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexGrow>;
+        flexShrink?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexShrink>;
+        placeItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceItems>;
+        placeContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceContent>;
+        placeSelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceSelf>;
+        transform?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.Transform | "auto-gpu">;
+        transformOrigin?: import("@chakra-ui/styled-system").ResponsiveValue<number | "center" | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        clipPath?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ClipPath>;
+        translateX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        translateY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        rotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        skewX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        skewY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        scaleX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        scaleY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        scale?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        gridGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        gridColumnGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        gridRowGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        gridColumnStart?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumnStart>;
+        gridRowStart?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRowStart>;
+        gridRowEnd?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRowEnd>;
+        gridTemplate?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplate>;
+        gridColumnEnd?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumnEnd>;
+        gridColumn?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumn>;
+        gridRow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRow>;
+        gridAutoFlow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoFlow>;
+        gridAutoColumns?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoColumns<0 | (string & {})>>;
+        gridAutoRows?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoRows<0 | (string & {})>>;
+        gridTemplateColumns?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateColumns<0 | (string & {})>>;
+        gridTemplateRows?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateRows<0 | (string & {})>>;
+        gridTemplateAreas?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateAreas>;
+        gridArea?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridArea>;
+        filter?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.Filter>;
+        blur?: import("@chakra-ui/styled-system").ResponsiveValue<{} | (string & {})>;
+        brightness?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        contrast?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        hueRotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        invert?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        saturate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        dropShadow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BoxShadow>;
+        backdropFilter?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.BackdropFilter>;
+        backdropBlur?: import("@chakra-ui/styled-system").ResponsiveValue<{} | (string & {})>;
+        backdropBrightness?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        backdropContrast?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        backdropHueRotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        backdropInvert?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        backdropSaturate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        display?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Display>;
+        hideFrom?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}>;
+        hideBelow?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}>;
+        width?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic">;
+        w?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic">;
+        inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fill-available">;
+        boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic">;
+        maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content">;
+        maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content">;
+        maxInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fill-available">;
+        minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic" | "-webkit-fill-available" | "-webkit-min-content">;
+        minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic" | "-webkit-fill-available" | "-webkit-min-content">;
+        minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fill-available">;
+        height?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content">;
+        h?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content">;
+        blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fill-available">;
+        maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content">;
+        maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content">;
+        maxBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fill-available">;
+        minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content">;
+        minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "-webkit-min-content">;
+        minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-fill-available">;
+        verticalAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<string | number>>;
+        overflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Overflow>;
+        overflowX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowX>;
+        overflowY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowY>;
+        boxSizing?: import("csstype").Property.BoxSizing;
+        boxDecorationBreak?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BoxDecorationBreak>;
+        float?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Float>;
+        objectFit?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ObjectFit>;
+        objectPosition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ObjectPosition<string | number>>;
+        overscrollBehavior?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehavior>;
+        overscroll?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehavior>;
+        overscrollBehaviorX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorX>;
+        overscrollX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorX>;
+        overscrollBehaviorY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorY>;
+        overscrollY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorY>;
+        visibility?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Visibility>;
+        isolation?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Isolation>;
+        aspectRatio?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AspectRatio>;
+        border?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderStyle>;
+        borderColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderTopColor>;
+        borderRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        rounded?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderTopWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderBlockStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderBottomWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderBlockEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderLeftWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderInlineStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderRightWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderInlineEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin">;
+        borderTopStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderTopStyle>;
+        borderBlockStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockStartStyle>;
+        borderBottomStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBottomStyle>;
+        borderBlockEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockEndStyle>;
+        borderLeftStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderLeftStyle>;
+        borderStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartStyle>;
+        borderInlineStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartStyle>;
+        borderRightStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderRightStyle>;
+        borderEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndStyle>;
+        borderInlineEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndStyle>;
+        borderTopColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderTopColor>;
+        borderBlockStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockStartColor>;
+        borderBottomColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBottomColor>;
+        borderBlockEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockEndColor>;
+        borderLeftColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderLeftColor>;
+        borderStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartColor>;
+        borderInlineStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartColor>;
+        borderRightColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderRightColor>;
+        borderEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndColor>;
+        borderInlineEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndColor>;
+        borderRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderTopRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderInlineEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderBottomRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderInlineStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderTopLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderTopStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderStartStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedTopLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedTopStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderTopRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderTopEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderStartEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedTopRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedTopEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderBottomLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderBottomStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderEndStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedBottomLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedBottomStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderBottomRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderBottomEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderEndEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedBottomRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        roundedBottomEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        borderX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        borderBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "medium" | "thick" | "thin" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid">;
+        boxShadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | import("csstype").Property.BoxShadow>;
+        shadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | import("csstype").Property.BoxShadow>;
+        mixBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.MixBlendMode>;
+        blendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.MixBlendMode>;
+        backgroundBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundBlendMode>;
+        bgBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundBlendMode>;
+        opacity?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Opacity>;
+        bg?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        bgClip?: import("@chakra-ui/styled-system").ResponsiveValue<"text" | import("csstype").Property.BackgroundClip>;
+        backgroundClip?: import("@chakra-ui/styled-system").ResponsiveValue<"text" | import("csstype").Property.BackgroundClip>;
+        background?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        bgColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        backgroundColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        backgroundImage?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})>;
+        bgGradient?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})>;
+        backgroundSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "cover">;
+        bgPos?: import("@chakra-ui/styled-system").ResponsiveValue<number | "center" | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        backgroundPosition?: import("@chakra-ui/styled-system").ResponsiveValue<number | "center" | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        bgImage?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})>;
+        bgImg?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})>;
+        bgRepeat?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat>;
+        backgroundRepeat?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat>;
+        bgSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "cover">;
+        bgAttachment?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundAttachment>;
+        backgroundAttachment?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundAttachment>;
+        bgPosition?: import("@chakra-ui/styled-system").ResponsiveValue<number | "center" | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        listStyleType?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleType>;
+        listStylePosition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStylePosition>;
+        listStylePos?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStylePosition>;
+        listStyleImage?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleImage>;
+        listStyleImg?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleImage>;
+        zIndex?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ZIndex>;
+        top?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        insetBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        right?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        insetInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        insetEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        bottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        insetBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        left?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        insetInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        insetStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        inset?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        insetX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        insetY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        pos?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Position>;
+        position?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Position>;
+        insetInline?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.InsetInline<0 | (string & {})>>;
+        insetBlock?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.InsetBlock<0 | (string & {})>>;
+        ring?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        ringColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        ringOffset?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+        ringOffsetColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        ringInset?: import("@chakra-ui/styled-system").ResponsiveValue<"inset" | "none">;
+        scrollBehavior?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollBehavior>;
+        scrollSnapAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapAlign>;
+        scrollSnapStop?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapStop>;
+        scrollSnapType?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapType>;
+        scrollMargin?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        scrollMarginTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        scrollMarginBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        scrollMarginLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        scrollMarginRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        scrollMarginX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        scrollMarginY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">;
+        scrollPadding?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        scrollPaddingTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        scrollPaddingBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        scrollPaddingLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        scrollPaddingRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        scrollPaddingX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        scrollPaddingY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        appearance?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Appearance>;
+        userSelect?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.UserSelect>;
+        pointerEvents?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PointerEvents>;
+        resize?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Resize>;
+        cursor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Cursor>;
+        outline?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Outline<string | number>>;
+        outlineOffset?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OutlineOffset<string | number>>;
+        outlineColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color>;
+        textDecoration?: import("@chakra-ui/styled-system").ResponsiveValue<number | "blink" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "dashed" | "dotted" | "double" | "solid" | "from-font" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | "wavy">;
+        textDecor?: import("@chakra-ui/styled-system").ResponsiveValue<number | "blink" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | "dashed" | "dotted" | "double" | "solid" | "from-font" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | "wavy">;
+        textDecorationColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationColor>;
+        textDecorationThickness?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationThickness<0 | (string & {})>>;
+        textDecorationStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationStyle>;
+        textDecorationLine?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationLine>;
+        textUnderlineOffset?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto">;
+        textShadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | import("csstype").Property.TextShadow>;
+        srOnly?: true | "focusable";
+        layerStyle?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}>;
+        textStyle?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}>;
+        apply?: import("@chakra-ui/styled-system").ResponsiveValue<string>;
+        _hover?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _active?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _focus?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _highlighted?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _focusWithin?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _focusVisible?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _disabled?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _readOnly?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _before?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _after?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _empty?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _expanded?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _checked?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _grabbed?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _pressed?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _invalid?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _valid?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _loading?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _selected?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _hidden?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _autofill?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _even?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _odd?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _first?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _firstLetter?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _last?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _notFirst?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _notLast?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _visited?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _activeLink?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _activeStep?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _indeterminate?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _groupHover?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerHover?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _groupFocus?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerFocus?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _groupFocusVisible?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerFocusVisible?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _groupActive?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerActive?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _groupDisabled?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerDisabled?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _groupInvalid?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerInvalid?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _groupChecked?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerChecked?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _groupFocusWithin?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerFocusWithin?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _peerPlaceholderShown?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _placeholder?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _placeholderShown?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _fullScreen?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _selection?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _rtl?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _ltr?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _mediaDark?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _mediaReduceMotion?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _dark?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _light?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _horizontal?: import("@chakra-ui/styled-system").SystemStyleObject;
+        _vertical?: import("@chakra-ui/styled-system").SystemStyleObject;
+        src: string;
+        loop?: boolean;
+        muted?: boolean;
+        autoPlay?: boolean;
+        playsInline?: boolean;
+    };
+    videoControls: import("react/jsx-runtime").JSX.Element;
 };
 declare const Video: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", VideoProps>;
-export { Video, type VideoProps };
+declare const VideoWithControls: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", VideoProps>;
+export { Video, VideoControls, type VideoProps, VideoWithControls };
 //# sourceMappingURL=index.d.ts.map