@everlywell/ui-kit 1.11.4 → 1.11.5

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

@@ -0,0 +1,491 @@
+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;