@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/theme/components/picker-day.js

@@ -1,16 +1,14 @@
+import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n } from "./action-styles.js";
 //#region lib/theme/components/picker-day.tsx
-var e = { styleOverrides: { root: ({ theme: e }) => ({
-	fontSize: e.typography.subtitle1.fontSize,
-	width: e.spacing(4),
-	height: e.spacing(4),
-	margin: `0 ${e.spacing(.5)}`,
-	borderRadius: (e.vars ?? e).shape.borderRadius,
-	"&:hover, &:focus": { backgroundColor: (e.vars ?? e).palette.action.hover },
-	"&.Mui-selected": {
-		backgroundColor: (e.vars ?? e).palette.primary[800],
-		color: (e.vars ?? e).palette.primary[50],
-		"&:hover, &:focus": { backgroundColor: (e.vars ?? e).palette.primary[900] }
-	}
+var r = { styleOverrides: { root: ({ theme: r }) => ({
+	fontSize: r.typography.subtitle1.fontSize,
+	width: r.spacing(4),
+	height: r.spacing(4),
+	margin: `0 ${r.spacing(.5)}`,
+	borderRadius: (r.vars ?? r).shape.borderRadius,
+	[e]: { "&:hover": { backgroundColor: (r.vars ?? r).palette.action.hover } },
+	"&.Mui-focusVisible": t(r),
+	"&.Mui-selected": { ...n(r, "primary") }
 }) } };
 //#endregion
-export { e as MuiPickerDay };
+export { r as MuiPickerDay };

package/dist/theme/components/pickers-calendar-header.d.ts

@@ -1,5 +1,12 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiPickersCalendarHeader: {
+    defaultProps: {
+        slots: {
+            switchViewIcon: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').SvgIconTypeMap<{}, "svg">> & {
+                muiName: string;
+            };
+        };
+    };
     styleOverrides: {
         root: ({ theme }: import('@mui/x-date-pickers').ExportedPickersCalendarHeaderProps & Record<string, unknown> & {
             ownerState: import('@mui/x-date-pickers').PickerOwnerState;
@@ -17,34 +24,59 @@ export declare const MuiPickersCalendarHeader: {
             theme: Theme;
         }) => {
             borderRadius: string | number;
-            marginLeft: string;
-            paddingLeft: string;
-            paddingRight: string;
-            transition: "background-color 0.2s ease-in-out";
-            '&:hover': {
-                backgroundColor: string;
-            };
+            height: string;
+            marginInlineStart: string;
+            paddingInlineEnd: string;
+            paddingInlineStart: string;
+            position: "relative";
         };
-        label: ({ theme }: import('@mui/x-date-pickers').ExportedPickersCalendarHeaderProps & Record<string, unknown> & {
-            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
-        } & {
-            theme: Theme;
-        }) => {
-            marginRight: string;
+        label: {
+            margin: number;
+            pointerEvents: "none";
+            position: "relative";
+            zIndex: number;
         };
         switchViewButton: ({ theme }: import('@mui/x-date-pickers').ExportedPickersCalendarHeaderProps & Record<string, unknown> & {
             ownerState: import('@mui/x-date-pickers').PickerOwnerState;
         } & {
             theme: Theme;
         }) => {
-            padding: number;
-            marginLeft: string;
-            color: string;
-            '& .MuiSvgIcon-root': {
+            [x: string]: string | number | {
+                outlineOffset: number;
+                fontSize?: undefined;
+                willChange?: undefined;
+                transition?: undefined;
+            } | {
                 fontSize: string;
+                willChange: string;
+                transition: string;
+                outlineOffset?: undefined;
+            } | {
+                [x: string]: {
+                    transition: string;
+                };
+                outlineOffset?: undefined;
+                fontSize?: undefined;
+                willChange?: undefined;
+                transition?: undefined;
+            };
+            borderRadius: string;
+            color: string;
+            height: string;
+            inset: number;
+            justifyContent: "flex-end";
+            margin: number;
+            padding: number;
+            paddingInlineEnd: string;
+            position: "absolute";
+            width: string;
+            '&.Mui-focusVisible': {
+                outlineOffset: number;
             };
-            '&:hover': {
-                backgroundColor: string;
+            "@media (prefers-reduced-motion: reduce)": {
+                [x: string]: {
+                    transition: string;
+                };
             };
         };
     };

package/dist/theme/components/pickers-calendar-header.js

@@ -1,27 +1,50 @@
+import { reducedMotionMedia as e } from "./action-styles.js";
+import { t } from "../../ExpandMore-Ba5bg6s-.js";
+import { n } from "../../pickersCalendarHeaderClasses-CIj0gBye.js";
 //#region lib/theme/components/pickers-calendar-header.tsx
-var e = { styleOverrides: {
-	root: ({ theme: e }) => ({
-		marginTop: e.spacing(1),
-		marginBottom: e.spacing(1),
-		paddingLeft: e.spacing(2),
-		paddingRight: e.spacing(2)
-	}),
-	labelContainer: ({ theme: e }) => ({
-		borderRadius: (e.vars ?? e).shape.borderRadius,
-		marginLeft: e.spacing(-.5),
-		paddingLeft: e.spacing(2),
-		paddingRight: e.spacing(.5),
-		transition: "background-color 0.2s ease-in-out",
-		"&:hover": { backgroundColor: (e.vars ?? e).palette.action.hover }
-	}),
-	label: ({ theme: e }) => ({ marginRight: e.spacing(.5) }),
-	switchViewButton: ({ theme: e }) => ({
-		padding: 8,
-		marginLeft: e.spacing(-1),
-		color: (e.vars ?? e).palette.text.primary,
-		"& .MuiSvgIcon-root": { fontSize: "1rem" },
-		"&:hover": { backgroundColor: "transparent" }
-	})
-} };
+var r = {
+	defaultProps: { slots: { switchViewIcon: t } },
+	styleOverrides: {
+		root: ({ theme: e }) => ({
+			marginTop: e.spacing(1),
+			marginBottom: e.spacing(1),
+			paddingLeft: e.spacing(2),
+			paddingRight: e.spacing(2)
+		}),
+		labelContainer: ({ theme: e }) => ({
+			borderRadius: (e.vars ?? e).shape.borderRadius,
+			height: e.spacing(4),
+			marginInlineStart: e.spacing(.5),
+			paddingInlineEnd: e.spacing(4),
+			paddingInlineStart: e.spacing(1),
+			position: "relative"
+		}),
+		label: {
+			margin: 0,
+			pointerEvents: "none",
+			position: "relative",
+			zIndex: 1
+		},
+		switchViewButton: ({ theme: t }) => ({
+			borderRadius: "inherit",
+			color: (t.vars ?? t).palette.text.primary,
+			height: "100%",
+			inset: 0,
+			justifyContent: "flex-end",
+			margin: 0,
+			padding: 0,
+			paddingInlineEnd: t.spacing(1),
+			position: "absolute",
+			width: "100%",
+			"&.Mui-focusVisible": { outlineOffset: -2 },
+			[`& .${n.switchViewIcon}`]: {
+				fontSize: "1rem",
+				willChange: "transform",
+				transition: t.transitions.create("transform", { duration: t.transitions.duration.shorter })
+			},
+			[e]: { [`& .${n.switchViewIcon}`]: { transition: "none" } }
+		})
+	}
+};
 //#endregion
-export { e as MuiPickersCalendarHeader };
+export { r as MuiPickersCalendarHeader };

package/dist/theme/components/rating.d.ts

@@ -1,5 +1,17 @@
+import { Theme } from '../types';
 export declare const MuiRating: {
     styleOverrides: {
+        root: ({ theme }: import('@mui/material').RatingOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "className" | "style" | "classes" | "onChange" | "sx" | "disabled" | "slots" | "slotProps" | "defaultValue" | "max" | "value" | "size" | "icon" | "readOnly" | "emptyIcon" | "emptyLabelText" | "getLabelText" | "highlightSelectedOnly" | "onChangeActive" | "precision"> & {
+            component?: React.ElementType | undefined;
+        } & Record<string, unknown> & {
+            ownerState: import('@mui/material').RatingOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "className" | "style" | "classes" | "onChange" | "sx" | "disabled" | "slots" | "slotProps" | "defaultValue" | "max" | "value" | "size" | "icon" | "readOnly" | "emptyIcon" | "emptyLabelText" | "getLabelText" | "highlightSelectedOnly" | "onChangeActive" | "precision"> & {
+                component?: React.ElementType | undefined;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            color: string;
+        };
         sizeSmall: {
             fontSize: string;
         };

package/dist/theme/components/rating.js

@@ -1,4 +1,7 @@
 //#region lib/theme/components/rating.tsx
-var e = { styleOverrides: { sizeSmall: { fontSize: "1rem" } } };
+var e = { styleOverrides: {
+	root: ({ theme: e }) => ({ color: (e.vars ?? e).palette.warning.main }),
+	sizeSmall: { fontSize: "1rem" }
+} };
 //#endregion
 export { e as MuiRating };

package/dist/theme/components/select.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../UnfoldMoreRounded-tvqQS6eb.js";
-import { n as t } from "../../selectClasses-C-QpiLPi.js";
+import { t as e } from "../../UnfoldMoreRounded-DsN0HVDV.js";
+import { n as t } from "../../selectClasses-DoUlWfzV.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/theme/components/select.tsx

package/dist/theme/components/slider.d.ts

@@ -1,10 +1,10 @@
 import { Theme } from '../types';
 export declare const MuiSlider: {
     styleOverrides: {
-        valueLabel: ({ theme }: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "onChange" | "sx" | "color" | "scale" | "disabled" | "slots" | "slotProps" | "track" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "name" | "max" | "min" | "orientation" | "size" | "value" | "marks" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
+        valueLabel: ({ theme }: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "onChange" | "sx" | "color" | "scale" | "disabled" | "slots" | "slotProps" | "track" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "name" | "max" | "min" | "orientation" | "size" | "value" | "marks" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
+            ownerState: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {
@@ -12,10 +12,10 @@ export declare const MuiSlider: {
         }) => {
             borderRadius: string | number;
         };
-        thumb: ({ theme }: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "onChange" | "sx" | "color" | "scale" | "disabled" | "slots" | "slotProps" | "track" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "name" | "max" | "min" | "orientation" | "size" | "value" | "marks" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
+        thumb: ({ theme }: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
             component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "onChange" | "sx" | "color" | "scale" | "disabled" | "slots" | "slotProps" | "track" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "name" | "max" | "min" | "orientation" | "size" | "value" | "marks" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
+            ownerState: import('@mui/material').SliderOwnProps<number | number[]> & import('@mui/material').SliderSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "color" | "scale" | "className" | "style" | "classes" | "onChange" | "sx" | "track" | "disabled" | "slots" | "slotProps" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "step" | "max" | "min" | "orientation" | "value" | "size" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & {
                 component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {

package/dist/theme/components/step-icon.d.ts

@@ -36,7 +36,7 @@ export declare const MuiStepIcon: {
             animationTimeline?: readonly string[] | import("csstype").Property.AnimationTimeline | readonly import("csstype").Property.AnimationTimeline[] | undefined;
             animationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
             appearance?: import("csstype").Property.Appearance | readonly NonNullable<import("csstype").Property.Appearance | undefined>[] | readonly import("csstype").Property.Appearance[] | undefined;
-            aspectRatio?: import("csstype").Property.AspectRatio | readonly NonNullable<import("csstype").Property.AspectRatio | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            aspectRatio?: import("csstype").Property.AspectRatio | readonly NonNullable<import("csstype").Property.AspectRatio | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             backdropFilter?: readonly string[] | import("csstype").Property.BackdropFilter | readonly import("csstype").Property.BackdropFilter[] | undefined;
             backfaceVisibility?: import("csstype").Property.BackfaceVisibility | readonly NonNullable<import("csstype").Property.BackfaceVisibility | undefined>[] | readonly import("csstype").Property.BackfaceVisibility[] | undefined;
             backgroundAttachment?: readonly string[] | import("csstype").Property.BackgroundAttachment | readonly import("csstype").Property.BackgroundAttachment[] | undefined;
@@ -107,7 +107,7 @@ export declare const MuiStepIcon: {
             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;
-            columnCount?: import("csstype").Property.ColumnCount | readonly NonNullable<import("csstype").Property.ColumnCount | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            columnCount?: import("csstype").Property.ColumnCount | readonly NonNullable<import("csstype").Property.ColumnCount | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             columnFill?: import("csstype").Property.ColumnFill | readonly NonNullable<import("csstype").Property.ColumnFill | undefined>[] | readonly import("csstype").Property.ColumnFill[] | undefined;
             columnGap?: import("csstype").Property.ColumnGap<string | number> | readonly NonNullable<import("csstype").Property.ColumnGap<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             columnRuleColor?: readonly string[] | import("csstype").Property.ColumnRuleColor | readonly import("csstype").Property.ColumnRuleColor[] | undefined;
@@ -139,7 +139,7 @@ export declare const MuiStepIcon: {
             fill?: readonly string[] | import("csstype").Property.Fill | readonly import("csstype").Property.Fill[] | undefined;
             fillOpacity?: import("csstype").Property.FillOpacity | readonly NonNullable<import("csstype").Property.FillOpacity | undefined>[] | readonly ((string & {}) | import('csstype').Globals)[] | undefined;
             fillRule?: import("csstype").Property.FillRule | readonly NonNullable<import("csstype").Property.FillRule | undefined>[] | readonly import("csstype").Property.FillRule[] | undefined;
-            filter?: readonly string[] | import("csstype").Property.Filter | readonly import("csstype").Property.Filter[] | undefined;
+            filter?: import("csstype").Property.Filter | readonly string[] | readonly import("csstype").Property.Filter[] | undefined;
             flexBasis?: import("csstype").Property.FlexBasis<string | number> | readonly NonNullable<import("csstype").Property.FlexBasis<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             flexDirection?: import("csstype").Property.FlexDirection | readonly NonNullable<import("csstype").Property.FlexDirection | undefined>[] | readonly import("csstype").Property.FlexDirection[] | undefined;
             flexGrow?: import("csstype").Property.FlexGrow | readonly NonNullable<import("csstype").Property.FlexGrow | undefined>[] | readonly ((string & {}) | import('csstype').Globals)[] | undefined;
@@ -155,7 +155,7 @@ export declare const MuiStepIcon: {
             fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | readonly NonNullable<import("csstype").Property.FontOpticalSizing | undefined>[] | readonly import("csstype").Property.FontOpticalSizing[] | undefined;
             fontPalette?: readonly string[] | import("csstype").Property.FontPalette | readonly import("csstype").Property.FontPalette[] | undefined;
             fontSize?: import("csstype").Property.FontSize<string | number> | readonly NonNullable<import("csstype").Property.FontSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | readonly NonNullable<import("csstype").Property.FontSizeAdjust | undefined>[] | readonly ((string & {}) | "none" | import('csstype').Globals | "from-font")[] | undefined;
+            fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | readonly NonNullable<import("csstype").Property.FontSizeAdjust | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none" | "from-font")[] | undefined;
             fontSmooth?: readonly string[] | import("csstype").Property.FontSmooth<string | number> | readonly NonNullable<import("csstype").Property.FontSmooth<string | number> | undefined>[] | undefined;
             fontStyle?: readonly string[] | import("csstype").Property.FontStyle | readonly import("csstype").Property.FontStyle[] | undefined;
             fontSynthesis?: readonly string[] | import("csstype").Property.FontSynthesis | readonly import("csstype").Property.FontSynthesis[] | undefined;
@@ -172,23 +172,23 @@ export declare const MuiStepIcon: {
             fontVariantNumeric?: readonly string[] | import("csstype").Property.FontVariantNumeric | readonly import("csstype").Property.FontVariantNumeric[] | undefined;
             fontVariantPosition?: import("csstype").Property.FontVariantPosition | readonly NonNullable<import("csstype").Property.FontVariantPosition | undefined>[] | readonly import("csstype").Property.FontVariantPosition[] | undefined;
             fontVariationSettings?: readonly string[] | import("csstype").Property.FontVariationSettings | readonly import("csstype").Property.FontVariationSettings[] | undefined;
-            fontWeight?: import("csstype").Property.FontWeight | readonly NonNullable<import("csstype").Property.FontWeight | undefined>[] | readonly ((string & {}) | "bold" | import('csstype').Globals | "normal" | "bolder" | "lighter")[] | undefined;
+            fontWeight?: import("csstype").Property.FontWeight | readonly NonNullable<import("csstype").Property.FontWeight | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
             fontWidth?: readonly string[] | import("csstype").Property.FontWidth | readonly import("csstype").Property.FontWidth[] | undefined;
             forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | readonly NonNullable<import("csstype").Property.ForcedColorAdjust | undefined>[] | readonly import("csstype").Property.ForcedColorAdjust[] | undefined;
             gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | readonly NonNullable<import("csstype").Property.GridAutoColumns<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             gridAutoFlow?: readonly string[] | import("csstype").Property.GridAutoFlow | readonly import("csstype").Property.GridAutoFlow[] | undefined;
             gridAutoRows?: import("csstype").Property.GridAutoRows<string | number> | readonly NonNullable<import("csstype").Property.GridAutoRows<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            gridColumnEnd?: import("csstype").Property.GridColumnEnd | readonly NonNullable<import("csstype").Property.GridColumnEnd | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
-            gridColumnStart?: import("csstype").Property.GridColumnStart | readonly NonNullable<import("csstype").Property.GridColumnStart | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
-            gridRowEnd?: import("csstype").Property.GridRowEnd | readonly NonNullable<import("csstype").Property.GridRowEnd | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
-            gridRowStart?: import("csstype").Property.GridRowStart | readonly NonNullable<import("csstype").Property.GridRowStart | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            gridColumnEnd?: import("csstype").Property.GridColumnEnd | readonly NonNullable<import("csstype").Property.GridColumnEnd | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
+            gridColumnStart?: import("csstype").Property.GridColumnStart | readonly NonNullable<import("csstype").Property.GridColumnStart | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
+            gridRowEnd?: import("csstype").Property.GridRowEnd | readonly NonNullable<import("csstype").Property.GridRowEnd | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
+            gridRowStart?: import("csstype").Property.GridRowStart | readonly NonNullable<import("csstype").Property.GridRowStart | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             gridTemplateAreas?: readonly string[] | import("csstype").Property.GridTemplateAreas | readonly import("csstype").Property.GridTemplateAreas[] | undefined;
             gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | readonly NonNullable<import("csstype").Property.GridTemplateColumns<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | readonly NonNullable<import("csstype").Property.GridTemplateRows<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             hangingPunctuation?: readonly string[] | import("csstype").Property.HangingPunctuation | readonly import("csstype").Property.HangingPunctuation[] | undefined;
             height: string | number | readonly NonNullable<import("csstype").Property.Height<string | number> | undefined>[];
             hyphenateCharacter?: readonly string[] | import("csstype").Property.HyphenateCharacter | readonly import("csstype").Property.HyphenateCharacter[] | undefined;
-            hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | readonly NonNullable<import("csstype").Property.HyphenateLimitChars | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | readonly NonNullable<import("csstype").Property.HyphenateLimitChars | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             hyphens?: import("csstype").Property.Hyphens | readonly NonNullable<import("csstype").Property.Hyphens | undefined>[] | readonly import("csstype").Property.Hyphens[] | undefined;
             imageOrientation?: readonly string[] | import("csstype").Property.ImageOrientation | readonly import("csstype").Property.ImageOrientation[] | undefined;
             imageRendering?: import("csstype").Property.ImageRendering | readonly NonNullable<import("csstype").Property.ImageRendering | undefined>[] | readonly import("csstype").Property.ImageRendering[] | undefined;
@@ -250,7 +250,7 @@ export declare const MuiStepIcon: {
             maxBlockSize?: import("csstype").Property.MaxBlockSize<string | number> | readonly NonNullable<import("csstype").Property.MaxBlockSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             maxHeight?: import("csstype").Property.MaxHeight<string | number> | readonly NonNullable<import("csstype").Property.MaxHeight<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             maxInlineSize?: import("csstype").Property.MaxInlineSize<string | number> | readonly NonNullable<import("csstype").Property.MaxInlineSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            maxLines?: import("csstype").Property.MaxLines | readonly NonNullable<import("csstype").Property.MaxLines | undefined>[] | readonly ((string & {}) | "none" | import('csstype').Globals)[] | undefined;
+            maxLines?: import("csstype").Property.MaxLines | readonly NonNullable<import("csstype").Property.MaxLines | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none")[] | undefined;
             maxWidth?: import("csstype").Property.MaxWidth<string | number> | readonly NonNullable<import("csstype").Property.MaxWidth<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             minBlockSize?: import("csstype").Property.MinBlockSize<string | number> | readonly NonNullable<import("csstype").Property.MinBlockSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             minHeight?: import("csstype").Property.MinHeight<string | number> | readonly NonNullable<import("csstype").Property.MinHeight<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -321,7 +321,7 @@ export declare const MuiStepIcon: {
             rubyPosition?: readonly string[] | import("csstype").Property.RubyPosition | readonly import("csstype").Property.RubyPosition[] | undefined;
             rx?: import("csstype").Property.Rx<string | number> | readonly NonNullable<import("csstype").Property.Rx<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             ry?: import("csstype").Property.Ry<string | number> | readonly NonNullable<import("csstype").Property.Ry<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            scale?: import("csstype").Property.Scale | readonly NonNullable<import("csstype").Property.Scale | undefined>[] | readonly ((string & {}) | "none" | import('csstype').Globals)[] | undefined;
+            scale?: import("csstype").Property.Scale | readonly NonNullable<import("csstype").Property.Scale | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none")[] | undefined;
             scrollBehavior?: import("csstype").Property.ScrollBehavior | readonly NonNullable<import("csstype").Property.ScrollBehavior | undefined>[] | readonly import("csstype").Property.ScrollBehavior[] | undefined;
             scrollInitialTarget?: import("csstype").Property.ScrollInitialTarget | readonly NonNullable<import("csstype").Property.ScrollInitialTarget | undefined>[] | readonly import("csstype").Property.ScrollInitialTarget[] | undefined;
             scrollMarginBlockEnd?: readonly string[] | import("csstype").Property.ScrollMarginBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined>[] | undefined;
@@ -434,10 +434,10 @@ export declare const MuiStepIcon: {
             writingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode | undefined>[] | readonly import("csstype").Property.WritingMode[] | undefined;
             x?: import("csstype").Property.X<string | number> | readonly NonNullable<import("csstype").Property.X<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             y?: import("csstype").Property.Y<string | number> | readonly NonNullable<import("csstype").Property.Y<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            zIndex?: import("csstype").Property.ZIndex | readonly NonNullable<import("csstype").Property.ZIndex | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
-            zoom?: import("csstype").Property.Zoom | readonly NonNullable<import("csstype").Property.Zoom | undefined>[] | readonly ("reset" | (string & {}) | import('csstype').Globals | "normal")[] | undefined;
+            zIndex?: import("csstype").Property.ZIndex | readonly ((string & {}) | import('csstype').Globals | "auto")[] | readonly NonNullable<import("csstype").Property.ZIndex | undefined>[] | undefined;
+            zoom?: import("csstype").Property.Zoom | readonly NonNullable<import("csstype").Property.Zoom | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "reset" | "normal")[] | undefined;
             all?: import('csstype').Globals | readonly NonNullable<import('csstype').Globals | undefined>[] | readonly import('csstype').Globals[] | undefined;
-            animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("paused" | (string & {}) | "none" | "auto" | "both" | "reverse" | import('csstype').Globals | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "running")[] | undefined;
+            animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("paused" | (string & {}) | "reverse" | import('csstype').Globals | "none" | "both" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
             animationRange?: import("csstype").Property.AnimationRange<string | number> | readonly NonNullable<import("csstype").Property.AnimationRange<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             background?: import("csstype").Property.Background<string | number> | readonly NonNullable<import("csstype").Property.Background<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPosition<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -450,7 +450,7 @@ export declare const MuiStepIcon: {
             borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockWidth<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             borderBottom?: import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number> | undefined>[] | readonly (string | (string & {}))[] | 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 ((string & {}) | "none" | "repeat" | "round" | import('csstype').Globals | "stretch" | "space")[] | undefined;
+            borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none" | "repeat" | "round" | "stretch" | "space")[] | undefined;
             borderInline?: import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             borderInlineColor?: readonly string[] | import("csstype").Property.BorderInlineColor | readonly import("csstype").Property.BorderInlineColor[] | undefined;
             borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -473,20 +473,20 @@ export declare const MuiStepIcon: {
             font?: readonly string[] | import("csstype").Property.Font | readonly import("csstype").Property.Font[] | undefined;
             gap?: import("csstype").Property.Gap<string | number> | readonly NonNullable<import("csstype").Property.Gap<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             grid?: readonly string[] | import("csstype").Property.Grid | readonly import("csstype").Property.Grid[] | undefined;
-            gridArea?: import("csstype").Property.GridArea | readonly NonNullable<import("csstype").Property.GridArea | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
-            gridColumn?: import("csstype").Property.GridColumn | readonly NonNullable<import("csstype").Property.GridColumn | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
-            gridRow?: import("csstype").Property.GridRow | readonly NonNullable<import("csstype").Property.GridRow | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            gridArea?: import("csstype").Property.GridArea | readonly NonNullable<import("csstype").Property.GridArea | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
+            gridColumn?: import("csstype").Property.GridColumn | readonly NonNullable<import("csstype").Property.GridColumn | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
+            gridRow?: import("csstype").Property.GridRow | readonly NonNullable<import("csstype").Property.GridRow | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             gridTemplate?: readonly string[] | import("csstype").Property.GridTemplate | readonly import("csstype").Property.GridTemplate[] | undefined;
             inset?: import("csstype").Property.Inset<string | number> | readonly NonNullable<import("csstype").Property.Inset<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             insetBlock?: import("csstype").Property.InsetBlock<string | number> | readonly NonNullable<import("csstype").Property.InsetBlock<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             insetInline?: import("csstype").Property.InsetInline<string | number> | readonly NonNullable<import("csstype").Property.InsetInline<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            lineClamp?: import("csstype").Property.LineClamp | readonly NonNullable<import("csstype").Property.LineClamp | undefined>[] | readonly ((string & {}) | "none" | import('csstype').Globals)[] | undefined;
+            lineClamp?: import("csstype").Property.LineClamp | readonly NonNullable<import("csstype").Property.LineClamp | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none")[] | undefined;
             listStyle?: readonly string[] | import("csstype").Property.ListStyle | readonly import("csstype").Property.ListStyle[] | undefined;
             margin?: import("csstype").Property.Margin<string | number> | readonly NonNullable<import("csstype").Property.Margin<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             marginBlock?: import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             marginInline?: import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             mask?: import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ((string & {}) | "none" | "repeat" | "round" | import('csstype').Globals | "stretch" | "space" | "alpha" | "luminance")[] | undefined;
+            maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none" | "repeat" | "alpha" | "round" | "stretch" | "space" | "luminance")[] | undefined;
             motion?: import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             offset?: import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             outline?: import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -580,7 +580,7 @@ export declare const MuiStepIcon: {
             msGridColumns?: import("csstype").Property.MsGridColumns<string | number> | readonly NonNullable<import("csstype").Property.MsGridColumns<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             msGridRows?: import("csstype").Property.MsGridRows<string | number> | readonly NonNullable<import("csstype").Property.MsGridRows<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             msHighContrastAdjust?: import("csstype").Property.MsHighContrastAdjust | readonly NonNullable<import("csstype").Property.MsHighContrastAdjust | undefined>[] | readonly import("csstype").Property.MsHighContrastAdjust[] | undefined;
-            msHyphenateLimitChars?: import("csstype").Property.MsHyphenateLimitChars | readonly NonNullable<import("csstype").Property.MsHyphenateLimitChars | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            msHyphenateLimitChars?: import("csstype").Property.MsHyphenateLimitChars | readonly NonNullable<import("csstype").Property.MsHyphenateLimitChars | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             msHyphenateLimitLines?: import("csstype").Property.MsHyphenateLimitLines | readonly NonNullable<import("csstype").Property.MsHyphenateLimitLines | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "no-limit")[] | undefined;
             msHyphenateLimitZone?: import("csstype").Property.MsHyphenateLimitZone<string | number> | readonly NonNullable<import("csstype").Property.MsHyphenateLimitZone<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             msHyphens?: import("csstype").Property.Hyphens | readonly NonNullable<import("csstype").Property.Hyphens | undefined>[] | readonly import("csstype").Property.Hyphens[] | undefined;
@@ -655,14 +655,14 @@ export declare const MuiStepIcon: {
             WebkitBoxShadow?: readonly string[] | import("csstype").Property.BoxShadow | readonly import("csstype").Property.BoxShadow[] | undefined;
             WebkitBoxSizing?: import("csstype").Property.BoxSizing | readonly NonNullable<import("csstype").Property.BoxSizing | undefined>[] | readonly import("csstype").Property.BoxSizing[] | undefined;
             WebkitClipPath?: readonly string[] | import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
-            WebkitColumnCount?: import("csstype").Property.ColumnCount | readonly NonNullable<import("csstype").Property.ColumnCount | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            WebkitColumnCount?: import("csstype").Property.ColumnCount | readonly NonNullable<import("csstype").Property.ColumnCount | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             WebkitColumnFill?: import("csstype").Property.ColumnFill | readonly NonNullable<import("csstype").Property.ColumnFill | undefined>[] | readonly import("csstype").Property.ColumnFill[] | undefined;
             WebkitColumnRuleColor?: readonly string[] | import("csstype").Property.ColumnRuleColor | readonly import("csstype").Property.ColumnRuleColor[] | undefined;
             WebkitColumnRuleStyle?: readonly string[] | import("csstype").Property.ColumnRuleStyle | readonly import("csstype").Property.ColumnRuleStyle[] | undefined;
             WebkitColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | readonly NonNullable<import("csstype").Property.ColumnRuleWidth<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitColumnSpan?: import("csstype").Property.ColumnSpan | readonly NonNullable<import("csstype").Property.ColumnSpan | undefined>[] | readonly import("csstype").Property.ColumnSpan[] | undefined;
             WebkitColumnWidth?: readonly string[] | import("csstype").Property.ColumnWidth<string | number> | readonly NonNullable<import("csstype").Property.ColumnWidth<string | number> | undefined>[] | undefined;
-            WebkitFilter?: readonly string[] | import("csstype").Property.Filter | readonly import("csstype").Property.Filter[] | undefined;
+            WebkitFilter?: import("csstype").Property.Filter | readonly string[] | readonly import("csstype").Property.Filter[] | undefined;
             WebkitFlexBasis?: import("csstype").Property.FlexBasis<string | number> | readonly NonNullable<import("csstype").Property.FlexBasis<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitFlexDirection?: import("csstype").Property.FlexDirection | readonly NonNullable<import("csstype").Property.FlexDirection | undefined>[] | readonly import("csstype").Property.FlexDirection[] | undefined;
             WebkitFlexGrow?: import("csstype").Property.FlexGrow | readonly NonNullable<import("csstype").Property.FlexGrow | undefined>[] | readonly ((string & {}) | import('csstype').Globals)[] | undefined;
@@ -677,7 +677,7 @@ export declare const MuiStepIcon: {
             WebkitInitialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "normal")[] | undefined;
             WebkitJustifyContent?: readonly string[] | import("csstype").Property.JustifyContent | readonly import("csstype").Property.JustifyContent[] | undefined;
             WebkitLineBreak?: import("csstype").Property.LineBreak | readonly NonNullable<import("csstype").Property.LineBreak | undefined>[] | readonly import("csstype").Property.LineBreak[] | undefined;
-            WebkitLineClamp?: import("csstype").Property.WebkitLineClamp | readonly NonNullable<import("csstype").Property.WebkitLineClamp | undefined>[] | readonly ((string & {}) | "none" | import('csstype').Globals)[] | undefined;
+            WebkitLineClamp?: import("csstype").Property.WebkitLineClamp | readonly NonNullable<import("csstype").Property.WebkitLineClamp | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none")[] | undefined;
             WebkitLogicalHeight?: import("csstype").Property.BlockSize<string | number> | readonly NonNullable<import("csstype").Property.BlockSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitLogicalWidth?: import("csstype").Property.InlineSize<string | number> | readonly NonNullable<import("csstype").Property.InlineSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.MarginInlineEnd<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -736,8 +736,8 @@ export declare const MuiStepIcon: {
             WebkitUserModify?: import("csstype").Property.WebkitUserModify | readonly NonNullable<import("csstype").Property.WebkitUserModify | undefined>[] | readonly import("csstype").Property.WebkitUserModify[] | undefined;
             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 ("paused" | (string & {}) | "none" | "auto" | "both" | "reverse" | import('csstype').Globals | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "running")[] | undefined;
-            MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ((string & {}) | "none" | "repeat" | "round" | import('csstype').Globals | "stretch" | "space")[] | undefined;
+            MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("paused" | (string & {}) | "reverse" | import('csstype').Globals | "none" | "both" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "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 ((string & {}) | import('csstype').Globals | "none" | "repeat" | "round" | "stretch" | "space")[] | undefined;
             MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             MozColumns?: import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -749,16 +749,16 @@ export declare const MuiStepIcon: {
             msScrollSnapX?: readonly string[] | import("csstype").Property.MsScrollSnapX | readonly import("csstype").Property.MsScrollSnapX[] | undefined;
             msScrollSnapY?: readonly string[] | import("csstype").Property.MsScrollSnapY | readonly import("csstype").Property.MsScrollSnapY[] | undefined;
             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 ("paused" | (string & {}) | "none" | "auto" | "both" | "reverse" | import('csstype').Globals | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "running")[] | undefined;
+            WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("paused" | (string & {}) | "reverse" | import('csstype').Globals | "none" | "both" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
             WebkitBorderBefore?: import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ((string & {}) | "none" | "repeat" | "round" | import('csstype').Globals | "stretch" | "space")[] | undefined;
+            WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none" | "repeat" | "round" | "stretch" | "space")[] | undefined;
             WebkitBorderRadius?: import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitColumnRule?: import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitColumns?: import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitFlex?: import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
             WebkitMask?: import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ((string & {}) | "none" | "repeat" | "round" | import('csstype').Globals | "stretch" | "space" | "alpha" | "luminance")[] | undefined;
+            WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none" | "repeat" | "alpha" | "round" | "stretch" | "space" | "luminance")[] | undefined;
             WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
             WebkitTextStroke?: import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -819,7 +819,7 @@ export declare const MuiStepIcon: {
             MozBoxOrient?: import("csstype").Property.BoxOrient | readonly NonNullable<import("csstype").Property.BoxOrient | undefined>[] | readonly import("csstype").Property.BoxOrient[] | undefined;
             MozBoxPack?: import("csstype").Property.BoxPack | readonly NonNullable<import("csstype").Property.BoxPack | undefined>[] | readonly import("csstype").Property.BoxPack[] | undefined;
             MozBoxShadow?: readonly string[] | import("csstype").Property.BoxShadow | readonly import("csstype").Property.BoxShadow[] | undefined;
-            MozColumnCount?: import("csstype").Property.ColumnCount | readonly NonNullable<import("csstype").Property.ColumnCount | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            MozColumnCount?: import("csstype").Property.ColumnCount | readonly NonNullable<import("csstype").Property.ColumnCount | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             MozColumnFill?: import("csstype").Property.ColumnFill | readonly NonNullable<import("csstype").Property.ColumnFill | undefined>[] | readonly import("csstype").Property.ColumnFill[] | undefined;
             MozFloatEdge?: import("csstype").Property.MozFloatEdge | readonly NonNullable<import("csstype").Property.MozFloatEdge | undefined>[] | readonly import("csstype").Property.MozFloatEdge[] | undefined;
             MozForceBrokenImageIcon?: import("csstype").Property.MozForceBrokenImageIcon | readonly NonNullable<import("csstype").Property.MozForceBrokenImageIcon | undefined>[] | readonly ((string & {}) | import('csstype').Globals)[] | undefined;
@@ -839,7 +839,7 @@ export declare const MuiStepIcon: {
             MozUserFocus?: import("csstype").Property.MozUserFocus | readonly NonNullable<import("csstype").Property.MozUserFocus | undefined>[] | readonly import("csstype").Property.MozUserFocus[] | undefined;
             MozUserInput?: import("csstype").Property.MozUserInput | readonly NonNullable<import("csstype").Property.MozUserInput | undefined>[] | readonly import("csstype").Property.MozUserInput[] | undefined;
             msImeMode?: import("csstype").Property.ImeMode | readonly NonNullable<import("csstype").Property.ImeMode | undefined>[] | readonly import("csstype").Property.ImeMode[] | undefined;
-            OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("paused" | (string & {}) | "none" | "auto" | "both" | "reverse" | import('csstype').Globals | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "running")[] | undefined;
+            OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}> | undefined>[] | readonly ("paused" | (string & {}) | "reverse" | import('csstype').Globals | "none" | "both" | "auto" | "normal" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
             OAnimationDelay?: readonly string[] | import("csstype").Property.AnimationDelay<string & {}> | readonly import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
             OAnimationDirection?: readonly string[] | import("csstype").Property.AnimationDirection | readonly import("csstype").Property.AnimationDirection[] | undefined;
             OAnimationDuration?: readonly string[] | import("csstype").Property.AnimationDuration<string & {}> | readonly import("csstype").Property.AnimationDuration<string & {}>[] | undefined;
@@ -849,7 +849,7 @@ export declare const MuiStepIcon: {
             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?: import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
-            OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ((string & {}) | "none" | "repeat" | "round" | import('csstype').Globals | "stretch" | "space")[] | undefined;
+            OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "none" | "repeat" | "round" | "stretch" | "space")[] | undefined;
             OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit | undefined>[] | readonly import("csstype").Property.ObjectFit[] | undefined;
             OObjectPosition?: import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             OTabSize?: import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
@@ -871,7 +871,7 @@ export declare const MuiStepIcon: {
             WebkitBoxPack?: import("csstype").Property.BoxPack | readonly NonNullable<import("csstype").Property.BoxPack | undefined>[] | readonly import("csstype").Property.BoxPack[] | undefined;
             colorInterpolation?: import("csstype").Property.ColorInterpolation | readonly NonNullable<import("csstype").Property.ColorInterpolation | undefined>[] | readonly import("csstype").Property.ColorInterpolation[] | undefined;
             colorRendering?: import("csstype").Property.ColorRendering | readonly NonNullable<import("csstype").Property.ColorRendering | undefined>[] | readonly import("csstype").Property.ColorRendering[] | undefined;
-            glyphOrientationVertical?: import("csstype").Property.GlyphOrientationVertical | readonly NonNullable<import("csstype").Property.GlyphOrientationVertical | undefined>[] | readonly ((string & {}) | "auto" | import('csstype').Globals)[] | undefined;
+            glyphOrientationVertical?: import("csstype").Property.GlyphOrientationVertical | readonly NonNullable<import("csstype").Property.GlyphOrientationVertical | undefined>[] | readonly ((string & {}) | import('csstype').Globals | "auto")[] | undefined;
             ":-moz-any()"?: unknown;
             ":-moz-dir"?: unknown;
             ":-webkit-any()"?: unknown;