@everlywell/ui-kit 1.11.4 → 1.11.6

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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                transition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Transition<string & {}>>;
+                transitionProperty?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionProperty>;
+                transitionTimingFunction?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionTimingFunction>;
+                transitionDuration?: import("@chakra-ui/styled-system").ResponsiveValue<string>;
+                transitionDelay?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TransitionDelay<string & {}>>;
+                animation?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Animation<string & {}>>;
+                willChange?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WillChange>;
+                fontWeight?: import("@chakra-ui/styled-system").ResponsiveValue<number | "bold" | (string & {}) | "thin" | "xlight" | "light" | "normal" | "medium" | "semiBold" | "xbold" | "black">;
+                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">;
+                letterSpacing?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "tighter" | "tight" | "wide" | "wider" | "widest">;
+                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">;
+                fontFamily?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FontFamily | "body" | "heading" | "mono">;
+                textAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextAlign>;
+                fontStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FontStyle>;
+                textIndent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextIndent<0 | (string & {})>>;
+                wordBreak?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WordBreak>;
+                overflowWrap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowWrap>;
+                textOverflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextOverflow>;
+                textTransform?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextTransform>;
+                whiteSpace?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.WhiteSpace>;
+                noOfLines?: import("@chakra-ui/styled-system").ResponsiveValue<number>;
+                isTruncated?: boolean;
+                alignItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignItems>;
+                alignContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignContent>;
+                justifyItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifyItems>;
+                justifyContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifyContent>;
+                flexWrap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexWrap>;
+                flexFlow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexFlow>;
+                flexBasis?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexBasis<string | number>>;
+                flexDirection?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexDirection>;
+                flexDir?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexDirection>;
+                flex?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Flex<string | number>>;
+                gap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Gap<string | number>>;
+                rowGap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.RowGap<string | number>>;
+                columnGap?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ColumnGap<string | number>>;
+                justifySelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.JustifySelf>;
+                alignSelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AlignSelf>;
+                order?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Order>;
+                flexGrow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexGrow>;
+                flexShrink?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.FlexShrink>;
+                placeItems?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceItems>;
+                placeContent?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceContent>;
+                placeSelf?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PlaceSelf>;
+                transform?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.Transform | "auto-gpu">;
+                transformOrigin?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "center" | "max" | "min">;
+                clipPath?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ClipPath>;
+                translateX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                translateY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                rotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                skewX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                skewY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                scaleX?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                scaleY?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                scale?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                gridGap?: import("@chakra-ui/styled-system").ResponsiveValue<number | "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">;
+                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">;
+                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">;
+                gridColumnStart?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumnStart>;
+                gridRowStart?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRowStart>;
+                gridRowEnd?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRowEnd>;
+                gridTemplate?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplate>;
+                gridColumnEnd?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumnEnd>;
+                gridColumn?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridColumn>;
+                gridRow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridRow>;
+                gridAutoFlow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoFlow>;
+                gridAutoColumns?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoColumns<0 | (string & {})>>;
+                gridAutoRows?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridAutoRows<0 | (string & {})>>;
+                gridTemplateColumns?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateColumns<0 | (string & {})>>;
+                gridTemplateRows?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateRows<0 | (string & {})>>;
+                gridTemplateAreas?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridTemplateAreas>;
+                gridArea?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.GridArea>;
+                filter?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.Filter>;
+                blur?: import("@chakra-ui/styled-system").ResponsiveValue<{} | "base" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl">;
+                brightness?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                contrast?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                hueRotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                invert?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                saturate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                dropShadow?: import("@chakra-ui/styled-system").ResponsiveValue<"outline" | "base" | "sm" | "md" | "lg" | "xl" | "2xl" | import("csstype").Property.BoxShadow | "xs" | "inner" | "dark-lg" | "dialog" | "tooltip">;
+                backdropFilter?: import("@chakra-ui/styled-system").ResponsiveValue<"auto" | import("csstype").Property.BackdropFilter>;
+                backdropBlur?: import("@chakra-ui/styled-system").ResponsiveValue<{} | "base" | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl">;
+                backdropBrightness?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                backdropContrast?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                backdropHueRotate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                backdropInvert?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                backdropSaturate?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                display?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Display>;
+                hideFrom?: import("@chakra-ui/styled-system").ResponsiveValue<(string & {}) | "base" | "tablet" | "largeTablet" | "desktop" | "largeDesktop">;
+                hideBelow?: import("@chakra-ui/styled-system").ResponsiveValue<(string & {}) | "base" | "tablet" | "largeTablet" | "desktop" | "largeDesktop">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                verticalAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<string | number>>;
+                overflow?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Overflow>;
+                overflowX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowX>;
+                overflowY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverflowY>;
+                boxSizing?: import("csstype").Property.BoxSizing;
+                boxDecorationBreak?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BoxDecorationBreak>;
+                float?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Float>;
+                objectFit?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ObjectFit>;
+                objectPosition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ObjectPosition<string | number>>;
+                overscrollBehavior?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehavior>;
+                overscroll?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehavior>;
+                overscrollBehaviorX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorX>;
+                overscrollX?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorX>;
+                overscrollBehaviorY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorY>;
+                overscrollY?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OverscrollBehaviorY>;
+                visibility?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Visibility>;
+                isolation?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Isolation>;
+                aspectRatio?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.AspectRatio>;
+                border?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "inset" | "-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">;
+                borderWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderStyle>;
+                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>;
+                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">;
+                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">;
+                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">;
+                borderTopWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderBlockStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderBottomWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderBlockEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderLeftWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderInlineStartWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderRightWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderInlineEndWidth?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "thin" | "medium" | "thick">;
+                borderTopStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderTopStyle>;
+                borderBlockStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockStartStyle>;
+                borderBottomStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBottomStyle>;
+                borderBlockEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderBlockEndStyle>;
+                borderLeftStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderLeftStyle>;
+                borderStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartStyle>;
+                borderInlineStartStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartStyle>;
+                borderRightStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderRightStyle>;
+                borderEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndStyle>;
+                borderInlineEndStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndStyle>;
+                borderTopColor?: import("@chakra-ui/styled-system").ResponsiveValue<"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>;
+                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>;
+                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>;
+                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>;
+                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>;
+                borderStartColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineStartColor>;
+                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>;
+                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>;
+                borderEndColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BorderInlineEndColor>;
+                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>;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                mixBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.MixBlendMode>;
+                blendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.MixBlendMode>;
+                backgroundBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundBlendMode>;
+                bgBlendMode?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundBlendMode>;
+                opacity?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Opacity>;
+                bg?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "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">;
+                bgClip?: import("@chakra-ui/styled-system").ResponsiveValue<"text" | import("csstype").Property.BackgroundClip>;
+                backgroundClip?: import("@chakra-ui/styled-system").ResponsiveValue<"text" | import("csstype").Property.BackgroundClip>;
+                background?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "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">;
+                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">;
+                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 & {})>;
+                bgGradient?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})>;
+                backgroundSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "cover">;
+                bgPos?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center">;
+                backgroundPosition?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center">;
+                bgImage?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})>;
+                bgImg?: import("@chakra-ui/styled-system").ResponsiveValue<string | (string & {})>;
+                bgRepeat?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat>;
+                backgroundRepeat?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat>;
+                bgSize?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "cover">;
+                bgAttachment?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundAttachment>;
+                backgroundAttachment?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.BackgroundAttachment>;
+                bgPosition?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "bottom" | "left" | "right" | "top" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "center">;
+                listStyleType?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleType>;
+                listStylePosition?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStylePosition>;
+                listStylePos?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStylePosition>;
+                listStyleImage?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleImage>;
+                listStyleImg?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ListStyleImage>;
+                zIndex?: import("@chakra-ui/styled-system").ResponsiveValue<"base" | "overlay" | "tooltip" | "hide" | "sticky" | import("csstype").Property.ZIndex | "docked" | "dropdown" | "banner" | "modal" | "popover" | "skipLink" | "toast">;
+                top?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                insetBlockStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                right?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                insetInlineEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                insetEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                bottom?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                insetBlockEnd?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                left?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                insetInlineStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                insetStart?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                inset?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                insetX?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                insetY?: import("@chakra-ui/styled-system").ResponsiveValue<number | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "full" | "auto" | "max" | "min">;
+                pos?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Position>;
+                position?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Position>;
+                insetInline?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.InsetInline<0 | (string & {})>>;
+                insetBlock?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.InsetBlock<0 | (string & {})>>;
+                ring?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                ringColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "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">;
+                ringOffset?: import("@chakra-ui/styled-system").ResponsiveValue<string | number>;
+                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">;
+                ringInset?: import("@chakra-ui/styled-system").ResponsiveValue<"inset" | "none">;
+                scrollBehavior?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollBehavior>;
+                scrollSnapAlign?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapAlign>;
+                scrollSnapStop?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapStop>;
+                scrollSnapType?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.ScrollSnapType>;
+                scrollMargin?: import("@chakra-ui/styled-system").ResponsiveValue<number | "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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                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">;
+                appearance?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Appearance>;
+                userSelect?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.UserSelect>;
+                pointerEvents?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.PointerEvents>;
+                resize?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Resize>;
+                cursor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Cursor>;
+                outline?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Outline<string | number>>;
+                outlineOffset?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.OutlineOffset<string | number>>;
+                outlineColor?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.Color | "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">;
+                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">;
+                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">;
+                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>;
+                textDecorationThickness?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationThickness>;
+                textDecorationStyle?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationStyle>;
+                textDecorationLine?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextDecorationLine>;
+                textUnderlineOffset?: import("@chakra-ui/styled-system").ResponsiveValue<import("csstype").Property.TextUnderlineOffset | number>;
+                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>;
+                srOnly?: true | "focusable";
+                layerStyle?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}>;
+                textStyle?: import("@chakra-ui/styled-system").ResponsiveValue<string & {}>;
+                apply?: import("@chakra-ui/styled-system").ResponsiveValue<string>;
+            };
+            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;