@solostylist/ui-kit 1.0.230 → 2.0.1

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

@@ -1,16 +1,15 @@
+import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n } from "./action-styles.js";
+import "@mui/x-date-pickers/themeAugmentation";
 //#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-arrow-switcher.js

@@ -1,3 +1,4 @@
+import "@mui/x-date-pickers/themeAugmentation";
 //#region lib/theme/components/pickers-arrow-switcher.tsx
 var e = { styleOverrides: { spacer: ({ theme: e }) => ({ width: e.spacing(4) }) } };
 //#endregion

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,51 @@
+import { reducedMotionMedia as e } from "./action-styles.js";
+import "@mui/x-date-pickers/themeAugmentation";
+import t from "@mui/icons-material/ExpandMore";
+import { pickersCalendarHeaderClasses as n } from "@mui/x-date-pickers/PickersCalendarHeader";
 //#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,12 +1,12 @@
-import { t as e } from "../../UnfoldMoreRounded-tvqQS6eb.js";
-import { n as t } from "../../selectClasses-C-QpiLPi.js";
-import * as n from "react";
+import * as e from "react";
+import t from "@mui/icons-material/UnfoldMoreRounded";
+import { selectClasses as n } from "@mui/material/Select";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/theme/components/select.tsx
 var i = {
-	defaultProps: { IconComponent: n.forwardRef((t, n) => /* @__PURE__ */ r(e, {
+	defaultProps: { IconComponent: e.forwardRef((e, n) => /* @__PURE__ */ r(t, {
 		fontSize: "small",
-		...t,
+		...e,
 		ref: n
 	})) },
 	styleOverrides: {
@@ -18,7 +18,7 @@ var i = {
 			color: "inherit",
 			right: e.spacing(1)
 		}),
-		root: ({ theme: e }) => ({ [`&:has(.${t.select} > span) .${t.icon}`]: { color: (e.vars ?? e).palette.text.secondary } })
+		root: ({ theme: e }) => ({ [`&:has(.${n.select} > span) .${n.icon}`]: { color: (e.vars ?? e).palette.text.secondary } })
 	}
 };
 //#endregion

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>;
         } & {