gd-design-library 1.8.2 → 1.8.3

package/components/organisms/Chart/useChartTheme.d.ts

@@ -1,5 +1,5 @@
 import { CSSObject } from '@emotion/react';
-import { DefaultTheme } from '../../../hooks';
+import { DefaultTheme } from '../../../hooks/index.js';
 export interface ChartAxisDefaults {
     fontSize: string;
     fill: string;
@@ -35,7 +35,7 @@ export declare function useCartesianTheme(theme: DefaultTheme): CartesianTheme;
 export declare function useTooltipTheme(theme: DefaultTheme): {
     containerStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -123,7 +123,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -470,7 +470,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -506,7 +506,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -757,7 +757,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -771,14 +771,14 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -869,7 +869,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -1050,7 +1050,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
     };
     labelStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -1138,7 +1138,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -1485,7 +1485,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -1521,7 +1521,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -1772,7 +1772,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -1786,14 +1786,14 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -1884,7 +1884,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -2065,7 +2065,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
     };
     itemStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -2153,7 +2153,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -2500,7 +2500,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -2536,7 +2536,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -2787,7 +2787,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -2801,14 +2801,14 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -2899,7 +2899,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -3080,7 +3080,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
     };
     dotStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -3168,7 +3168,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -3515,7 +3515,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -3551,7 +3551,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -3802,7 +3802,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -3816,14 +3816,14 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -3914,7 +3914,7 @@ export declare function useTooltipTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -4123,7 +4123,7 @@ export declare function useHoverTheme(theme: DefaultTheme): {
 export declare function useLegendTheme(theme: DefaultTheme): {
     containerStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -4211,7 +4211,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -4558,7 +4558,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -4594,7 +4594,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -4845,7 +4845,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -4859,14 +4859,14 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -4957,7 +4957,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -5138,7 +5138,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
     };
     itemStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -5226,7 +5226,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -5573,7 +5573,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -5609,7 +5609,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -5860,7 +5860,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -5874,14 +5874,14 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -5972,7 +5972,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -6153,7 +6153,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
     };
     itemInteractiveStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -6241,7 +6241,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -6588,7 +6588,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -6624,7 +6624,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -6875,7 +6875,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -6889,14 +6889,14 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -6987,7 +6987,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -7168,7 +7168,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
     };
     itemHiddenStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -7256,7 +7256,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -7603,7 +7603,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -7639,7 +7639,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -7890,7 +7890,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -7904,14 +7904,14 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -8002,7 +8002,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -8183,7 +8183,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
     };
     labelTextStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -8271,7 +8271,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -8618,7 +8618,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -8654,7 +8654,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -8905,7 +8905,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -8919,14 +8919,14 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -9017,7 +9017,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;
@@ -9198,7 +9198,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
     };
     dotStyles: {
         [x: string]: import('@emotion/serialize').CSSInterpolation;
-        accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
+        accentColor?: import("csstype").Property.AccentColor | readonly string[] | readonly import("csstype").Property.AccentColor[] | undefined;
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
         alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
         alignSelf?: readonly string[] | import("csstype").Property.AlignSelf | readonly import("csstype").Property.AlignSelf[] | undefined;
@@ -9286,7 +9286,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         clear?: import("csstype").Property.Clear | readonly NonNullable<import("csstype").Property.Clear | undefined>[] | readonly import("csstype").Property.Clear[] | undefined;
         clipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
         clipRule?: import("csstype").Property.ClipRule | readonly NonNullable<import("csstype").Property.ClipRule | undefined>[] | readonly import("csstype").Property.ClipRule[] | undefined;
-        color?: import("csstype").Property.Color | readonly string[] | readonly import("csstype").Property.Color[] | undefined;
+        color?: readonly string[] | import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
         colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly NonNullable<import("csstype").Property.PrintColorAdjust | undefined>[] | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
         colorInterpolationFilters?: import("csstype").Property.ColorInterpolationFilters | readonly NonNullable<import("csstype").Property.ColorInterpolationFilters | undefined>[] | readonly import("csstype").Property.ColorInterpolationFilters[] | undefined;
         colorScheme?: readonly string[] | import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
@@ -9633,7 +9633,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         borderBlockWidth?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | undefined;
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | undefined;
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | undefined;
         borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
@@ -9669,7 +9669,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | undefined;
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | undefined;
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | undefined;
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | undefined;
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | undefined;
@@ -9920,7 +9920,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         WebkitUserSelect?: import("csstype").Property.WebkitUserSelect | readonly NonNullable<import("csstype").Property.WebkitUserSelect | undefined>[] | readonly import("csstype").Property.WebkitUserSelect[] | undefined;
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
         MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -9934,14 +9934,14 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
         WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("none" | "normal" | "auto" | "both" | (string & {}) | "reverse" | import('csstype').Globals | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | undefined;
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | undefined;
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | undefined;
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | undefined;
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | undefined;
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals | "alpha" | "luminance")[] | undefined;
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -10032,7 +10032,7 @@ export declare function useLegendTheme(theme: DefaultTheme): {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
         OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | undefined;
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("none" | "round" | "stretch" | "repeat" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ("repeat" | "none" | "round" | "stretch" | (string & {}) | "space" | import('csstype').Globals)[] | undefined;
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | undefined;
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | undefined;