@everlywell/ui-kit 1.11.2 → 1.11.4

package/lib/theme/data-display/Tag/Tag.config.d.ts

@@ -1,491 +0,0 @@
-declare const _default: {
-    baseStyle?: {
-        container: {
-            fontWeight: string;
-            borderRadius: string;
-        };
-        label: {};
-        closeButton: {};
-    } | undefined;
-    sizes?: {
-        sm: {
-            container: {
-                paddingX: ("2" | "3")[];
-                paddingY: ("1" | "5px")[];
-                fontSize: ("sm" | "xs")[];
-            };
-            label: {
-                fontSize: ("sm" | "xs")[];
-            };
-            closeButton: {};
-        };
-        md: {
-            container: {
-                paddingX: ("3" | "4")[];
-                paddingY: ("6px" | "5px")[];
-                fontSize: ("sm" | "md")[];
-            };
-            label: {
-                fontSize: ("sm" | "md")[];
-            };
-            closeButton: {};
-        };
-    } | undefined;
-    variants?: {
-        primary: {
-            container: {
-                backgroundColor: string;
-                color: string;
-            };
-            label: {
-                backgroundColor: string;
-                color: string;
-            };
-            closeButton: {
-                color: string;
-                _hover: {
-                    color: string;
-                };
-            };
-        };
-        secondary: {
-            container: {
-                backgroundColor: string;
-                color: string;
-            };
-            label: {
-                backgroundColor: string;
-                color: string;
-            };
-            closeButton: {
-                color: string;
-                _hover: {
-                    color: string;
-                };
-            };
-        };
-        tertiary: {
-            container: {
-                backgroundColor: string;
-                color: string;
-            };
-            label: {
-                backgroundColor: string;
-                color: string;
-            };
-            closeButton: {
-                color: string;
-                _hover: {
-                    color: string;
-                };
-            };
-        };
-        callout: {
-            container: {
-                backgroundColor: string;
-                color: string;
-            };
-            label: {
-                backgroundColor: string;
-                color: string;
-            };
-            closeButton: {
-                color: string;
-                _hover: {
-                    color: string;
-                };
-            };
-        };
-        disabled: {
-            container: {
-                backgroundColor: string;
-                color: string;
-            };
-            label: {
-                backgroundColor: string;
-                color: string;
-            };
-            closeButton: {
-                color: string;
-                _hover: {
-                    color: string;
-                };
-            };
-        };
-        cluster: ({ size }: import("@chakra-ui/styled-system").StyleFunctionProps) => {
-            container: {
-                m?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                margin?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                mt?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                mr?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                me?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                mb?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                ml?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                ms?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                mx?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginX?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                my?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                marginY?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                p?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                padding?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                pt?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                pr?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                pe?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                pb?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                pl?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                ps?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                px?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingX?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                py?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                paddingY?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                textColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                color: string | import("@chakra-ui/styled-system").ResponsiveArray<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | Partial<Record<string, import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating">>;
-                fill?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                stroke?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                transition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Transition<string & {}>> | undefined;
-                transitionProperty?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionProperty> | undefined;
-                transitionTimingFunction?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionTimingFunction> | undefined;
-                transitionDuration?: import("@chakra-ui/styled-system").ResponsiveValue<string> | undefined;
-                transitionDelay?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionDelay<string & {}>> | undefined;
-                animation?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Animation<string & {}>> | undefined;
-                willChange?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WillChange> | undefined;
-                fontWeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "bold" | (string & {}) | "thin" | "xlight" | "light" | "normal" | "medium" | "semiBold" | "xbold" | "black"> | undefined;
-                lineHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "body" | "normal" | (number & {}) | "none" | "shorter" | "short" | "tall"> | undefined;
-                letterSpacing?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "tighter" | "tight" | "wide" | "wider" | "widest"> | undefined;
-                fontSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | "small" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "xs" | "large" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller" | "3xs" | "2xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl"> | undefined;
-                fontFamily?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FontFamily | "body" | "heading" | "mono"> | undefined;
-                textAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextAlign> | undefined;
-                fontStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FontStyle> | undefined;
-                textIndent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextIndent<0 | (string & {})>> | undefined;
-                wordBreak?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WordBreak> | undefined;
-                overflowWrap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowWrap> | undefined;
-                textOverflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextOverflow> | undefined;
-                textTransform?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextTransform> | undefined;
-                whiteSpace?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WhiteSpace> | undefined;
-                noOfLines?: import("@chakra-ui/styled-system").ResponsiveValue<number> | undefined;
-                isTruncated?: boolean | undefined;
-                alignItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignItems> | undefined;
-                alignContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignContent> | undefined;
-                justifyItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifyItems> | undefined;
-                justifyContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifyContent> | undefined;
-                flexWrap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexWrap> | undefined;
-                flexFlow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexFlow> | undefined;
-                flexBasis?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexBasis<string | number>> | undefined;
-                flexDirection?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexDirection> | undefined;
-                flexDir?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexDirection> | undefined;
-                flex?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Flex<string | number>> | undefined;
-                gap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Gap<string | number>> | undefined;
-                rowGap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.RowGap<string | number>> | undefined;
-                columnGap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ColumnGap<string | number>> | undefined;
-                justifySelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifySelf> | undefined;
-                alignSelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignSelf> | undefined;
-                order?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Order> | undefined;
-                flexGrow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexGrow> | undefined;
-                flexShrink?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexShrink> | undefined;
-                placeItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceItems> | undefined;
-                placeContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceContent> | undefined;
-                placeSelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceSelf> | undefined;
-                transform?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.Transform | "auto-gpu"> | undefined;
-                transformOrigin?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "center" | "max" | "min"> | undefined;
-                clipPath?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ClipPath> | undefined;
-                translateX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                translateY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                rotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                skewX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                skewY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                scaleX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                scaleY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                scale?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                gridGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                gridColumnGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                gridRowGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                gridColumnStart?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumnStart> | undefined;
-                gridRowStart?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRowStart> | undefined;
-                gridRowEnd?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRowEnd> | undefined;
-                gridTemplate?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplate> | undefined;
-                gridColumnEnd?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumnEnd> | undefined;
-                gridColumn?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumn> | undefined;
-                gridRow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRow> | undefined;
-                gridAutoFlow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoFlow> | undefined;
-                gridAutoColumns?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoColumns<0 | (string & {})>> | undefined;
-                gridAutoRows?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoRows<0 | (string & {})>> | undefined;
-                gridTemplateColumns?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateColumns<0 | (string & {})>> | undefined;
-                gridTemplateRows?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateRows<0 | (string & {})>> | undefined;
-                gridTemplateAreas?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateAreas> | undefined;
-                gridArea?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridArea> | undefined;
-                filter?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.Filter> | undefined;
-                blur?: import("@chakra-ui/styled-system").ResponsiveValue<{} | "base" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"> | undefined;
-                brightness?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                contrast?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                hueRotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                invert?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                saturate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                dropShadow?: import("@chakra-ui/styled-system").ResponsiveValue<"outline" | "base" | "sm" | "md" | "lg" | "xl" | "2xl" | import("csstype").Property.BoxShadow | "xs" | "inner" | "dark-lg" | "dialog" | "tooltip"> | undefined;
-                backdropFilter?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.BackdropFilter> | undefined;
-                backdropBlur?: import("@chakra-ui/styled-system").ResponsiveValue<{} | "base" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"> | undefined;
-                backdropBrightness?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                backdropContrast?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                backdropHueRotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                backdropInvert?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                backdropSaturate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                display?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Display> | undefined;
-                hideFrom?: import("@chakra-ui/styled-system").ResponsiveValue<(string & {}) | "base" | "tablet" | "largeTablet" | "desktop" | "largeDesktop"> | undefined;
-                hideBelow?: import("@chakra-ui/styled-system").ResponsiveValue<(string & {}) | "base" | "tablet" | "largeTablet" | "desktop" | "largeDesktop"> | undefined;
-                width?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic"> | undefined;
-                w?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic"> | undefined;
-                inlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fill-available" | "fit-content" | "max-content" | "min-content" | "max" | "min"> | undefined;
-                boxSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic"> | undefined;
-                maxWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "full" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "-webkit-min-content" | "intrinsic"> | undefined;
-                maxW?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "full" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "-webkit-min-content" | "intrinsic"> | undefined;
-                maxInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "full" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fill-available" | "fit-content" | "max-content" | "min-content" | "max" | "min"> | undefined;
-                minWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fill-available" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "-webkit-min-content" | "intrinsic" | "min-intrinsic"> | undefined;
-                minW?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fill-available" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "-webkit-min-content" | "intrinsic" | "min-intrinsic"> | undefined;
-                minInlineSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fill-available" | "fit-content" | "max-content" | "min-content" | "max" | "min"> | undefined;
-                height?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content"> | undefined;
-                h?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content"> | undefined;
-                blockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "-webkit-fill-available" | "fit-content" | "max-content" | "min-content" | "max" | "min"> | undefined;
-                maxHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "full" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "-webkit-min-content" | "intrinsic"> | undefined;
-                maxH?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "full" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "-webkit-min-content" | "intrinsic"> | undefined;
-                maxBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "full" | "-moz-max-content" | "-moz-min-content" | "-webkit-fill-available" | "fit-content" | "max-content" | "min-content" | "max" | "min"> | undefined;
-                minHeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "-webkit-min-content" | "intrinsic"> | undefined;
-                minH?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "max" | "min" | "-webkit-fit-content" | "-webkit-max-content" | "-webkit-min-content" | "intrinsic"> | undefined;
-                minBlockSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "-moz-max-content" | "-moz-min-content" | "-webkit-fill-available" | "fit-content" | "max-content" | "min-content" | "max" | "min"> | undefined;
-                verticalAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<string | number>> | undefined;
-                overflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Overflow> | undefined;
-                overflowX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowX> | undefined;
-                overflowY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowY> | undefined;
-                boxSizing?: import("csstype").Property.BoxSizing | undefined;
-                boxDecorationBreak?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BoxDecorationBreak> | undefined;
-                float?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Float> | undefined;
-                objectFit?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ObjectFit> | undefined;
-                objectPosition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ObjectPosition<string | number>> | undefined;
-                overscrollBehavior?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehavior> | undefined;
-                overscroll?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehavior> | undefined;
-                overscrollBehaviorX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorX> | undefined;
-                overscrollX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorX> | undefined;
-                overscrollBehaviorY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorY> | undefined;
-                overscrollY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorY> | undefined;
-                visibility?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Visibility> | undefined;
-                isolation?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Isolation> | undefined;
-                aspectRatio?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AspectRatio> | undefined;
-                border?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "1px" | "2px" | "4px" | "8px"> | undefined;
-                borderWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderStyle> | undefined;
-                borderColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderTopColor> | undefined;
-                borderRadius: string | number | import("@chakra-ui/styled-system").ResponsiveArray<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | Partial<Record<string, number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full">>;
-                rounded?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "1px" | "2px" | "4px" | "8px"> | undefined;
-                borderBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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"> | undefined;
-                borderTopWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderBlockStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderBottomWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderBlockEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderLeftWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderInlineStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderRightWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderInlineEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick"> | undefined;
-                borderTopStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderTopStyle> | undefined;
-                borderBlockStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockStartStyle> | undefined;
-                borderBottomStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBottomStyle> | undefined;
-                borderBlockEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockEndStyle> | undefined;
-                borderLeftStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderLeftStyle> | undefined;
-                borderStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartStyle> | undefined;
-                borderInlineStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartStyle> | undefined;
-                borderRightStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderRightStyle> | undefined;
-                borderEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndStyle> | undefined;
-                borderInlineEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndStyle> | undefined;
-                borderTopColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderTopColor> | undefined;
-                borderBlockStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderBlockStartColor> | undefined;
-                borderBottomColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderBottomColor> | undefined;
-                borderBlockEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderBlockEndColor> | undefined;
-                borderLeftColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderLeftColor> | undefined;
-                borderStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartColor> | undefined;
-                borderInlineStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderInlineStartColor> | undefined;
-                borderRightColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderRightColor> | undefined;
-                borderEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndColor> | undefined;
-                borderInlineEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.BorderInlineEndColor> | undefined;
-                borderRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "1px" | "2px" | "4px" | "8px"> | undefined;
-                borderEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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"> | undefined;
-                borderInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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"> | undefined;
-                borderBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "1px" | "2px" | "4px" | "8px"> | undefined;
-                borderBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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"> | undefined;
-                borderLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "1px" | "2px" | "4px" | "8px"> | undefined;
-                borderStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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"> | undefined;
-                borderInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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"> | undefined;
-                borderTopRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderInlineEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderBottomRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderInlineStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderTopLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderTopStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderStartStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedTopLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedTopStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderTopRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderTopEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderStartEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedTopRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedTopEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderBottomLeftRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderBottomStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderEndStartRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedBottomLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedBottomStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderBottomRightRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderBottomEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderEndEndRadius?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedBottomRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                roundedBottomEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "base" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"> | undefined;
-                borderX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "1px" | "2px" | "4px" | "8px"> | undefined;
-                borderInline?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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"> | undefined;
-                borderY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "1px" | "2px" | "4px" | "8px"> | undefined;
-                borderBlock?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "black" | "none" | "thick" | "dashed" | "dotted" | "double" | "groove" | "hidden" | "outset" | "ridge" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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"> | undefined;
-                boxShadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | "outline" | "base" | "sm" | "md" | "lg" | "xl" | "2xl" | import("csstype").Property.BoxShadow | "xs" | "inner" | "dark-lg" | "dialog" | "tooltip"> | undefined;
-                shadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | "outline" | "base" | "sm" | "md" | "lg" | "xl" | "2xl" | import("csstype").Property.BoxShadow | "xs" | "inner" | "dark-lg" | "dialog" | "tooltip"> | undefined;
-                mixBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.MixBlendMode> | undefined;
-                blendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.MixBlendMode> | undefined;
-                backgroundBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundBlendMode> | undefined;
-                bgBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundBlendMode> | undefined;
-                opacity?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Opacity> | undefined;
-                bg?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                bgClip?: import("@chakra-ui/styled-system").ResponsiveValue<"text" | import("csstype").Property.BackgroundClip> | undefined;
-                backgroundClip?: import("@chakra-ui/styled-system").ResponsiveValue<"text" | import("csstype").Property.BackgroundClip> | undefined;
-                background?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                bgColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                backgroundColor: string | import("@chakra-ui/styled-system").ResponsiveArray<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | Partial<Record<string, import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating">>;
-                backgroundImage?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})> | undefined;
-                bgGradient?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})> | undefined;
-                backgroundSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "cover"> | undefined;
-                bgPos?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center"> | undefined;
-                backgroundPosition?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center"> | undefined;
-                bgImage?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})> | undefined;
-                bgImg?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})> | undefined;
-                bgRepeat?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat> | undefined;
-                backgroundRepeat?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat> | undefined;
-                bgSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "cover"> | undefined;
-                bgAttachment?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundAttachment> | undefined;
-                backgroundAttachment?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundAttachment> | undefined;
-                bgPosition?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center"> | undefined;
-                listStyleType?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleType> | undefined;
-                listStylePosition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStylePosition> | undefined;
-                listStylePos?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStylePosition> | undefined;
-                listStyleImage?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleImage> | undefined;
-                listStyleImg?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleImage> | undefined;
-                zIndex?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | "overlay" | "tooltip" | "hide" | "sticky" | import("csstype").Property.ZIndex | "docked" | "dropdown" | "banner" | "modal" | "popover" | "skipLink" | "toast"> | undefined;
-                top?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                insetBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                right?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                insetInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                insetEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                bottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                insetBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                left?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                insetInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                insetStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                inset?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                insetX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                insetY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min"> | undefined;
-                pos?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Position> | undefined;
-                position?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Position> | undefined;
-                insetInline?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.InsetInline<0 | (string & {})>> | undefined;
-                insetBlock?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.InsetBlock<0 | (string & {})>> | undefined;
-                ring?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                ringColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                ringOffset?: import("@chakra-ui/styled-system").ResponsiveValue<string | number> | undefined;
-                ringOffsetColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                ringInset?: import("@chakra-ui/styled-system").ResponsiveValue<"inset" | "none"> | undefined;
-                scrollBehavior?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollBehavior> | undefined;
-                scrollSnapAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapAlign> | undefined;
-                scrollSnapStop?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapStop> | undefined;
-                scrollSnapType?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapType> | undefined;
-                scrollMargin?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollMarginTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollMarginBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollMarginLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollMarginRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollMarginX?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollMarginY?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollPadding?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollPaddingTop?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollPaddingBottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollPaddingLeft?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollPaddingRight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollPaddingX?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                scrollPaddingY?: import("@chakra-ui/styled-system").ResponsiveValue<number | "0" | "1" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-0" | "-1" | "2" | "-2" | "3" | "-3" | "4" | "-4" | "5" | "-5" | "6" | "-6" | "8" | "-8" | "10" | "-10" | "12" | "-12" | "16" | "-16" | "20" | "-20" | "0.5" | "-0.5" | "1.5" | "-1.5"> | undefined;
-                appearance?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Appearance> | undefined;
-                userSelect?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.UserSelect> | undefined;
-                pointerEvents?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PointerEvents> | undefined;
-                resize?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Resize> | undefined;
-                cursor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Cursor> | undefined;
-                outline?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Outline<string | number>> | undefined;
-                outlineOffset?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OutlineOffset<string | number>> | undefined;
-                outlineColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating"> | undefined;
-                textDecoration?: import("@chakra-ui/styled-system").ResponsiveValue<number | "blink" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "black" | "none" | "dashed" | "dotted" | "double" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "auto" | "from-font" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | "wavy"> | undefined;
-                textDecor?: import("@chakra-ui/styled-system").ResponsiveValue<number | "blink" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "black" | "none" | "dashed" | "dotted" | "double" | "solid" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "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" | "auto" | "from-font" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | "wavy"> | undefined;
-                textDecorationColor?: import("@chakra-ui/styled-system").ResponsiveValue<"tints.black" | "tints.darkGrey" | "tints.uiGrey" | "tints.medGrey" | "tints.lightGrey" | "tints.darkCream" | "tints.cream" | "tints.lightCream" | "tints.white" | "viridian.dark" | "viridian.base" | "viridian.light" | "viridian.lighter" | "viridian.wash" | "sunshine.dark" | "sunshine.base" | "sunshine.light" | "sunshine.lighter" | "sunshine.wash" | "terracotta.dark" | "terracotta.base" | "terracotta.light" | "terracotta.lighter" | "terracotta.wash" | "violet.dark" | "violet.base" | "violet.light" | "violet.lighter" | "violet.wash" | "eggplant.dark" | "eggplant.base" | "eggplant.light" | "eggplant.lighter" | "eggplant.wash" | "moonlight.dark" | "moonlight.base" | "moonlight.light" | "moonlight.lighter" | "moonlight.wash" | "sky.dark" | "sky.base" | "sky.light" | "sky.lighter" | "sky.wash" | "redCS.50" | "redCS.100" | "redCS.200" | "redCS.300" | "redCS.400" | "redCS.500" | "redCS.600" | "redCS.700" | "redCS.800" | "redCS.900" | "greenCS.50" | "greenCS.100" | "greenCS.200" | "greenCS.300" | "greenCS.400" | "greenCS.500" | "greenCS.600" | "greenCS.700" | "greenCS.800" | "greenCS.900" | "whiteCS.50" | "whiteCS.100" | "whiteCS.200" | "whiteCS.300" | "whiteCS.400" | "whiteCS.500" | "whiteCS.600" | "whiteCS.700" | "whiteCS.800" | "whiteCS.900" | "whiteCS.base" | "utility.warning" | "utility.sale" | "utility.success" | "utility.rating" | import("csstype").Property.TextDecorationColor> | undefined;
-                textDecorationThickness?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationThickness<0 | (string & {})>> | undefined;
-                textDecorationStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationStyle> | undefined;
-                textDecorationLine?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationLine> | undefined;
-                textUnderlineOffset?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto"> | undefined;
-                textShadow?: import("@chakra-ui/styled-system").ResponsiveValue<number | "outline" | "base" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "inner" | "dark-lg" | "dialog" | "tooltip" | import("csstype").Property.TextShadow> | undefined;
-                srOnly?: true | "focusable" | undefined;
-                layerStyle?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}> | undefined;
-                textStyle?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}> | undefined;
-                apply?: import("@chakra-ui/styled-system").ResponsiveValue<string> | undefined;
-            };
-            label: {
-                backgroundColor: string;
-                color: string;
-            };
-            closeButton: {
-                color: string;
-                _hover: {
-                    color: string;
-                };
-            };
-        };
-    } | undefined;
-    defaultProps?: {
-        size?: "sm" | "md" | undefined;
-        variant?: "disabled" | "primary" | "secondary" | "tertiary" | "callout" | "cluster" | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("container" | "label" | "closeButton")[];
-};
-export default _default;