@solostylist/ui-kit 1.0.225 → 1.0.227

package/dist/theme/components/components.js

@@ -1,121 +1,139 @@
-import { MuiTooltip as e } from "./tooltip.js";
-import { t } from "../../toggle-button-BUsRxHn0.js";
-import { t as n } from "../../toggle-button-group-ABwIhV4P.js";
-import { MuiTabs as r } from "./tabs.js";
-import { MuiTablePagination as i } from "./table-pagination.js";
-import { MuiTableCell as a } from "./table-cell.js";
-import { MuiTab as o } from "./tab.js";
-import { MuiSvgIcon as s } from "./svg-icon.js";
-import { MuiStepLabel as c } from "./step-label.js";
-import { MuiStepIcon as l } from "./step-icon.js";
-import { MuiStepConnector as u } from "./step-connector.js";
-import { MuiSlider as d } from "./slider.js";
-import { MuiSkeleton as f } from "./skeleton.js";
-import { MuiSelect as p } from "./select.js";
-import { MuiRating as m } from "./rating.js";
-import { MuiPopover as h } from "./popover.js";
-import { MuiPickerDay as g } from "./picker-day.js";
-import { MuiPaper as _ } from "./paper.js";
-import { MuiPaginationItem as v } from "./pagination-item.js";
-import { MuiOutlinedInput as y } from "./outlined-input.js";
-import { MuiMenu as b } from "./menu.js";
-import { MuiMenuItem as x } from "./menu-item.js";
-import { MuiList as S } from "./list.js";
-import { MuiListSubheader as C } from "./list-subheader.js";
-import { MuiListItemButton as w } from "./list-item-button.js";
-import { MuiListItem as T } from "./list-item.js";
-import { MuiListItemText as E } from "./list-item-text.js";
-import { MuiListItemIcon as D } from "./list-item-icon.js";
-import { MuiLink as O } from "./link.js";
-import { MuiLinearProgress as k } from "./linear-progress.js";
-import { MuiInputBase as A } from "./input-base.js";
-import { MuiInputAdornment as j } from "./input-adornment.js";
-import { MuiIcon as M } from "./icon.js";
-import { MuiIconButton as N } from "./icon-button.js";
-import { MuiFormLabel as P } from "./form-label.js";
-import { MuiFormControl as F } from "./form-control.js";
-import { MuiDrawer as I } from "./drawer.js";
-import { MuiDialog as L } from "./dialog.js";
-import { MuiDialogActions as R } from "./dialog-actions.js";
-import { MuiDayCalendar as z } from "./day-calendar.js";
-import { MuiCssBaseline as B } from "./css-baseline.js";
-import { MuiContainer as V } from "./container.js";
-import { MuiAccordion as H } from "./accordion.js";
-import { MuiAccordionDetails as U } from "./accordion-details.js";
-import { MuiAccordionSummary as W } from "./accordion-summary.js";
-import { MuiAlert as G } from "./alert.js";
-import { MuiAppBar as K } from "./app-bar.js";
-import { t as q } from "../../autocomplete-qLj7AqcP.js";
-import { t as J } from "../../checkbox-B95Vlykq.js";
-import { t as Y } from "../../avatar-BuMhUthq.js";
-import { MuiBackdrop as X } from "./backdrop.js";
-import { MuiButton as Z } from "./button.js";
-import { MuiButtonBase as Q } from "./button-base.js";
-import { MuiCard as $ } from "./card.js";
-import { MuiCardActions as ee } from "./card-actions.js";
-import { MuiCardContent as te } from "./card-content.js";
-import { MuiCardHeader as ne } from "./card-header.js";
-import { MuiChip as re } from "./chip.js";
+import { MuiYearCalendar as e } from "./year-calendar.js";
+import { MuiTooltip as t } from "./tooltip.js";
+import { t as n } from "../../toggle-button-TmtJ4nSp.js";
+import { t as r } from "../../toggle-button-group-BCkdd3Jj.js";
+import { MuiTabs as i } from "./tabs.js";
+import { MuiTablePagination as a } from "./table-pagination.js";
+import { MuiTableCell as o } from "./table-cell.js";
+import { MuiTab as s } from "./tab.js";
+import { t as c } from "../../switch-BSg1TGWH.js";
+import { MuiSvgIcon as l } from "./svg-icon.js";
+import { MuiStepLabel as u } from "./step-label.js";
+import { MuiStepIcon as d } from "./step-icon.js";
+import { MuiStepConnector as f } from "./step-connector.js";
+import { MuiSlider as p } from "./slider.js";
+import { MuiSkeleton as m } from "./skeleton.js";
+import { MuiSelect as h } from "./select.js";
+import { MuiRating as g } from "./rating.js";
+import { MuiPopover as _ } from "./popover.js";
+import { MuiPickersCalendarHeader as v } from "./pickers-calendar-header.js";
+import { MuiPickersArrowSwitcher as y } from "./pickers-arrow-switcher.js";
+import { MuiPickerDay as b } from "./picker-day.js";
+import { MuiPaper as x } from "./paper.js";
+import { MuiPaginationItem as S } from "./pagination-item.js";
+import { MuiOutlinedInput as C } from "./outlined-input.js";
+import { MuiMultiSectionDigitalClockSection as w } from "./multi-section-digital-clock-section.js";
+import { MuiMonthCalendar as T } from "./month-calendar.js";
+import { MuiMenu as E } from "./menu.js";
+import { MuiMenuItem as D } from "./menu-item.js";
+import { MuiList as O } from "./list.js";
+import { MuiListSubheader as k } from "./list-subheader.js";
+import { MuiListItemButton as A } from "./list-item-button.js";
+import { MuiListItem as j } from "./list-item.js";
+import { MuiListItemText as M } from "./list-item-text.js";
+import { MuiListItemIcon as N } from "./list-item-icon.js";
+import { MuiLink as P } from "./link.js";
+import { MuiLinearProgress as F } from "./linear-progress.js";
+import { MuiInputBase as I } from "./input-base.js";
+import { MuiInputAdornment as L } from "./input-adornment.js";
+import { MuiIcon as R } from "./icon.js";
+import { MuiIconButton as z } from "./icon-button.js";
+import { MuiFormLabel as B } from "./form-label.js";
+import { MuiFormControl as V } from "./form-control.js";
+import { MuiDrawer as H } from "./drawer.js";
+import { MuiDialog as U } from "./dialog.js";
+import { MuiDialogTitle as W } from "./dialog-title.js";
+import { MuiDialogContent as G } from "./dialog-content.js";
+import { MuiDialogActions as K } from "./dialog-actions.js";
+import { MuiDayCalendar as q } from "./day-calendar.js";
+import { MuiDateCalendar as J } from "./date-calendar.js";
+import { MuiCssBaseline as Y } from "./css-baseline.js";
+import { MuiContainer as X } from "./container.js";
+import { MuiAccordion as Z } from "./accordion.js";
+import { MuiAccordionDetails as Q } from "./accordion-details.js";
+import { MuiAccordionSummary as $ } from "./accordion-summary.js";
+import { MuiAlert as ee } from "./alert.js";
+import { MuiAppBar as te } from "./app-bar.js";
+import { t as ne } from "../../autocomplete-Dd4zjpaF.js";
+import { t as re } from "../../checkbox-B5GlJYcB.js";
+import { t as ie } from "../../avatar-DFQ5F7pY.js";
+import { MuiBackdrop as ae } from "./backdrop.js";
+import { MuiButton as oe } from "./button.js";
+import { MuiButtonBase as se } from "./button-base.js";
+import { MuiCard as ce } from "./card.js";
+import { MuiCardActions as le } from "./card-actions.js";
+import { MuiCardContent as ue } from "./card-content.js";
+import { MuiCardHeader as de } from "./card-header.js";
+import { MuiChip as fe } from "./chip.js";
 //#region lib/theme/components/components.ts
-var ie = {
-	MuiAccordion: H,
-	MuiAccordionDetails: U,
-	MuiAccordionSummary: W,
-	MuiAlert: G,
-	MuiAppBar: K,
-	MuiAutocomplete: q,
-	MuiAvatar: Y,
-	MuiBackdrop: X,
-	MuiButton: Z,
-	MuiButtonBase: Q,
-	MuiCard: $,
-	MuiCardActions: ee,
-	MuiCardContent: te,
-	MuiCardHeader: ne,
-	MuiCheckbox: J,
-	MuiChip: re,
-	MuiContainer: V,
-	MuiCssBaseline: B,
-	MuiDayCalendar: z,
-	MuiDialog: L,
-	MuiDialogActions: R,
-	MuiDrawer: I,
-	MuiFormLabel: P,
-	MuiFormControl: F,
-	MuiIcon: M,
-	MuiIconButton: N,
-	MuiInputAdornment: j,
-	MuiInputBase: A,
-	MuiLinearProgress: k,
-	MuiLink: O,
-	MuiList: S,
-	MuiListItem: T,
-	MuiListItemButton: w,
-	MuiListItemIcon: D,
-	MuiListItemText: E,
-	MuiListSubheader: C,
-	MuiMenu: b,
-	MuiMenuItem: x,
-	MuiOutlinedInput: y,
-	MuiPaginationItem: v,
-	MuiPaper: _,
-	MuiPickerDay: g,
-	MuiPopover: h,
-	MuiRating: m,
-	MuiSelect: p,
-	MuiSkeleton: f,
-	MuiSlider: d,
-	MuiStepConnector: u,
-	MuiStepIcon: l,
-	MuiStepLabel: c,
-	MuiSvgIcon: s,
-	MuiTab: o,
-	MuiTablePagination: i,
-	MuiTableCell: a,
-	MuiTabs: r,
-	MuiToggleButton: t,
-	MuiToggleButtonGroup: n,
-	MuiTooltip: e
+var pe = {
+	MuiAccordion: Z,
+	MuiAccordionDetails: Q,
+	MuiAccordionSummary: $,
+	MuiAlert: ee,
+	MuiAppBar: te,
+	MuiAutocomplete: ne,
+	MuiAvatar: ie,
+	MuiBackdrop: ae,
+	MuiButton: oe,
+	MuiButtonBase: se,
+	MuiCard: ce,
+	MuiCardActions: le,
+	MuiCardContent: ue,
+	MuiCardHeader: de,
+	MuiCheckbox: re,
+	MuiChip: fe,
+	MuiContainer: X,
+	MuiCssBaseline: Y,
+	MuiDateCalendar: J,
+	MuiDayCalendar: q,
+	MuiDialog: U,
+	MuiDialogActions: K,
+	MuiDialogContent: G,
+	MuiDialogTitle: W,
+	MuiDrawer: H,
+	MuiFormLabel: B,
+	MuiFormControl: V,
+	MuiIcon: R,
+	MuiIconButton: z,
+	MuiInputAdornment: L,
+	MuiInputBase: I,
+	MuiLinearProgress: F,
+	MuiLink: P,
+	MuiList: O,
+	MuiListItem: j,
+	MuiListItemButton: A,
+	MuiListItemIcon: N,
+	MuiListItemText: M,
+	MuiListSubheader: k,
+	MuiMenu: E,
+	MuiMenuItem: D,
+	MuiMonthCalendar: T,
+	MuiMultiSectionDigitalClockSection: w,
+	MuiOutlinedInput: C,
+	MuiPaginationItem: S,
+	MuiPaper: x,
+	MuiPickerDay: b,
+	MuiPickersArrowSwitcher: y,
+	MuiPickersCalendarHeader: v,
+	MuiPopover: _,
+	MuiRating: g,
+	MuiSelect: h,
+	MuiSkeleton: m,
+	MuiSlider: p,
+	MuiStepConnector: f,
+	MuiStepIcon: d,
+	MuiStepLabel: u,
+	MuiSvgIcon: l,
+	MuiSwitch: c,
+	MuiTab: s,
+	MuiTablePagination: a,
+	MuiTableCell: o,
+	MuiTabs: i,
+	MuiToggleButton: n,
+	MuiToggleButtonGroup: r,
+	MuiTooltip: t,
+	MuiYearCalendar: e
 };
 //#endregion
-export { ie as components };
+export { pe as components };

package/dist/theme/components/date-calendar.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiDateCalendar: {
+    styleOverrides: {
+        root: ({ theme }: import('@mui/x-date-pickers').DateCalendarProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            width: string;
+            height: string;
+        };
+    };
+};

package/dist/theme/components/date-calendar.js

@@ -0,0 +1,7 @@
+//#region lib/theme/components/date-calendar.tsx
+var e = { styleOverrides: { root: ({ theme: e }) => ({
+	width: e.spacing(38),
+	height: e.spacing(42)
+}) } };
+//#endregion
+export { e as MuiDateCalendar };

package/dist/theme/components/day-calendar.d.ts

@@ -2,11 +2,24 @@ import { Theme } from '@mui/material/styles';
 export declare const MuiDayCalendar: {
     styleOverrides: {
         weekDayLabel: ({ theme }: import('@mui/x-date-pickers/internals').DayCalendarProps & Record<string, unknown> & {
-            ownerState: import('@mui/x-date-pickers/PickerDay').PickerDayOwnerState;
+            ownerState: import('@mui/x-date-pickers').PickerDayOwnerState;
         } & {
             theme: Theme;
         }) => {
+            width: string;
+            height: string;
+            margin: string;
             fontSize: import("csstype").Property.FontSize<string | number> | undefined;
+            color: string;
+        };
+        weekContainer: ({ theme }: import('@mui/x-date-pickers/internals').DayCalendarProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerDayOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            height: string;
+            margin: number;
+            alignItems: "center";
         };
     };
 };

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

@@ -1,4 +1,17 @@
 //#region lib/theme/components/day-calendar.tsx
-var e = { styleOverrides: { weekDayLabel: ({ theme: e }) => ({ fontSize: e.typography.subtitle1.fontSize }) } };
+var e = { styleOverrides: {
+	weekDayLabel: ({ theme: e }) => ({
+		width: e.spacing(4),
+		height: e.spacing(4),
+		margin: `0 ${e.spacing(.5)}`,
+		fontSize: e.typography.subtitle1.fontSize,
+		color: (e.vars ?? e).palette.text.primary
+	}),
+	weekContainer: ({ theme: e }) => ({
+		height: e.spacing(5),
+		margin: 0,
+		alignItems: "center"
+	})
+} };
 //#endregion
 export { e as MuiDayCalendar };

package/dist/theme/components/dialog-actions.js

@@ -1,4 +1,4 @@
 //#region lib/theme/components/dialog-actions.tsx
-var e = { styleOverrides: { root: ({ theme: e }) => ({ padding: `${e.spacing(2)} ${e.spacing(3)}` }) } };
+var e = { styleOverrides: { root: ({ theme: e }) => ({ padding: e.spacing(2) }) } };
 //#endregion
 export { e as MuiDialogActions };

package/dist/theme/components/dialog-content.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiDialogContent: {
+    styleOverrides: {
+        root: ({ theme }: import('@mui/material').DialogContentProps & Record<string, unknown> & {
+            ownerState: import('@mui/material').DialogContentProps & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            paddingLeft: string;
+            paddingRight: string;
+        };
+    };
+};

package/dist/theme/components/dialog-content.js

@@ -0,0 +1,7 @@
+//#region lib/theme/components/dialog-content.tsx
+var e = { styleOverrides: { root: ({ theme: e }) => ({
+	paddingLeft: e.spacing(2),
+	paddingRight: e.spacing(2)
+}) } };
+//#endregion
+export { e as MuiDialogContent };

package/dist/theme/components/dialog-title.d.ts

@@ -0,0 +1,21 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiDialogTitle: {
+    styleOverrides: {
+        root: ({ theme }: {
+            component?: React.ElementType | undefined;
+        } & import('@mui/material').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "color" | "component" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+            component?: React.ElementType | undefined;
+        } & Record<string, unknown> & {
+            ownerState: {
+                component?: React.ElementType | undefined;
+            } & import('@mui/material').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "color" | "component" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+                component?: React.ElementType | undefined;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            paddingLeft: string;
+            paddingRight: string;
+        };
+    };
+};

package/dist/theme/components/dialog-title.js

@@ -0,0 +1,7 @@
+//#region lib/theme/components/dialog-title.tsx
+var e = { styleOverrides: { root: ({ theme: e }) => ({
+	paddingLeft: e.spacing(2),
+	paddingRight: e.spacing(2)
+}) } };
+//#endregion
+export { e as MuiDialogTitle };

package/dist/theme/components/form-label.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../formLabelClasses-Cv7W0Roi.js";
+import { t as e } from "../../formLabelClasses-LXZqWZfM.js";
 //#region lib/theme/components/form-label.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	color: (t.vars ?? t).palette.text.primary,

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

@@ -10,10 +10,14 @@ export declare const MuiIconButton: {
         } & {
             theme: Theme;
         }) => {
-            transition: "all 0.2s ease-in-out";
+            borderRadius: string | number;
+            transition: string;
             flexShrink: number;
             width: string;
             color: "inherit";
+            '&:hover': {
+                backgroundColor: string;
+            };
             variants: ({
                 props: {
                     size: "small";

package/dist/theme/components/icon-button.js

@@ -1,36 +1,30 @@
-import { tint as e } from "../utils.js";
 //#region lib/theme/components/icon-button.tsx
-var t = (t, n) => {
-	let r = (t.vars ?? t).palette[n];
+var e = (e, t) => {
+	let n = (e.vars ?? e).palette, r = n[t];
 	return {
 		color: r[800],
 		"&:hover": {
-			backgroundColor: e(r[800], 12),
+			backgroundColor: n.action.hover,
 			color: r[900]
 		},
-		"&:active": { backgroundColor: e(r[800], 20) },
+		"&:active": { backgroundColor: n.action.selected },
 		"&.Mui-disabled": {
 			color: r[300],
 			opacity: .5
 		},
-		...t.applyStyles("dark", {
+		...e.applyStyles("dark", {
 			color: r[300],
-			"&:hover": {
-				backgroundColor: e(r[300], 12),
-				color: r[200]
-			},
-			"&:active": { backgroundColor: e(r[300], 20) },
-			"&.Mui-disabled": {
-				color: r[700],
-				opacity: .5
-			}
+			"&:hover": { color: r[200] },
+			"&.Mui-disabled": { color: r[700] }
 		})
 	};
-}, n = { styleOverrides: { root: ({ theme: e }) => ({
-	transition: "all 0.2s ease-in-out",
+}, t = { styleOverrides: { root: ({ theme: t }) => ({
+	borderRadius: (t.vars ?? t).shape.borderRadius,
+	transition: t.transitions.create(["background-color", "color"], { duration: t.transitions.duration.shorter }),
 	flexShrink: 0,
 	width: "fit-content",
 	color: "inherit",
+	"&:hover": { backgroundColor: (t.vars ?? t).palette.action.hover },
 	variants: [
 		{
 			props: { size: "small" },
@@ -55,29 +49,29 @@ var t = (t, n) => {
 		},
 		{
 			props: { color: "primary" },
-			style: { ...t(e, "primary") }
+			style: { ...e(t, "primary") }
 		},
 		{
 			props: { color: "secondary" },
-			style: { ...t(e, "secondary") }
+			style: { ...e(t, "secondary") }
 		},
 		{
 			props: { color: "success" },
-			style: { ...t(e, "success") }
+			style: { ...e(t, "success") }
 		},
 		{
 			props: { color: "error" },
-			style: { ...t(e, "error") }
+			style: { ...e(t, "error") }
 		},
 		{
 			props: { color: "info" },
-			style: { ...t(e, "info") }
+			style: { ...e(t, "info") }
 		},
 		{
 			props: { color: "warning" },
-			style: { ...t(e, "warning") }
+			style: { ...e(t, "warning") }
 		}
 	]
 }) } };
 //#endregion
-export { n as MuiIconButton };
+export { t as MuiIconButton };

package/dist/theme/components/linear-progress.js

@@ -1,8 +1,8 @@
-import { s as e } from "../../theme-primitives-D2vHHGiX.js";
+import { c as e } from "../../theme-primitives-CiQYd9Cc.js";
 //#region lib/theme/components/linear-progress.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	height: 8,
-	borderRadius: 8,
+	borderRadius: (t.vars ?? t).shape.borderRadius,
 	backgroundColor: e[200],
 	...t.applyStyles("dark", { backgroundColor: e[800] })
 }) } };

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

@@ -35,7 +35,7 @@ export declare const MuiLink: {
             '&:focus-visible': {
                 outline: string;
                 outlineOffset: string;
-                borderRadius: string;
+                borderRadius: number;
             };
         };
     };

package/dist/theme/components/link.js

@@ -1,5 +1,5 @@
 import { i as e } from "../../createTheme-Bnw5w28O.js";
-import { o as t } from "../../theme-primitives-D2vHHGiX.js";
+import { s as t } from "../../theme-primitives-CiQYd9Cc.js";
 //#region lib/theme/components/link.tsx
 var n = {
 	defaultProps: { underline: "none" },
@@ -24,7 +24,7 @@ var n = {
 		"&:focus-visible": {
 			outline: `3px solid ${e(t[500], .5)}`,
 			outlineOffset: "4px",
-			borderRadius: "2px"
+			borderRadius: n.radius.sm
 		}
 	}) }
 };

package/dist/theme/components/list-item-button.js

@@ -1,11 +1,11 @@
-import { n as e } from "../../svgIconClasses-D46YUMKp.js";
+import { n as e } from "../../svgIconClasses-BtHvkhy5.js";
 //#region lib/theme/components/list-item-button.tsx
 var t = (t) => ({
 	alignItems: "center",
 	display: "flex",
 	gap: t.spacing(1),
 	padding: t.spacing(1, 2),
-	borderRadius: 0,
+	borderRadius: t.radius.none,
 	whiteSpace: "nowrap",
 	color: (t.vars ?? t).palette.text.secondary,
 	[`& .${e.root}`]: { color: (t.vars ?? t).palette.text.secondary },

package/dist/theme/components/list-item.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../buttonBaseClasses-BLZbMisL.js";
-import { n as t } from "../../svgIconClasses-D46YUMKp.js";
-import { n } from "../../typographyClasses-CFf0OFiD.js";
+import { t as e } from "../../buttonBaseClasses-BVDyR-hz.js";
+import { n as t } from "../../svgIconClasses-BtHvkhy5.js";
+import { n } from "../../typographyClasses-CiDYRanL.js";
 import { listItemButtonStyles as r } from "./list-item-button.js";
 //#region lib/theme/components/list-item.tsx
 var i = { styleOverrides: { root: ({ theme: i }) => ({

package/dist/theme/components/month-calendar.d.ts

@@ -0,0 +1,43 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiMonthCalendar: {
+    defaultProps: {
+        monthsPerRow: 4;
+    };
+    styleOverrides: {
+        root: ({ theme }: import('@mui/x-date-pickers').MonthCalendarProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            width: string;
+            paddingLeft: string;
+            paddingRight: string;
+            rowGap: string;
+            columnGap: string;
+            justifyContent: "center";
+        };
+        button: ({ theme }: import('@mui/x-date-pickers').MonthCalendarProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            [x: string]: string | number | {
+                backgroundColor: string;
+                color?: undefined;
+                '&:hover, &:focus'?: undefined;
+            } | {
+                backgroundColor: string;
+                color: string;
+                '&:hover, &:focus': {
+                    backgroundColor: string;
+                };
+            };
+            height: string;
+            width: string;
+            borderRadius: string | number;
+            '&:hover, &:focus': {
+                backgroundColor: string;
+            };
+        };
+    };
+};

package/dist/theme/components/month-calendar.js

@@ -0,0 +1,28 @@
+import { n as e } from "../../monthCalendarClasses-BLfBep-t.js";
+//#region lib/theme/components/month-calendar.tsx
+var t = {
+	defaultProps: { monthsPerRow: 4 },
+	styleOverrides: {
+		root: ({ theme: e }) => ({
+			width: e.spacing(38),
+			paddingLeft: e.spacing(2),
+			paddingRight: e.spacing(2),
+			rowGap: e.spacing(1),
+			columnGap: e.spacing(1),
+			justifyContent: "center"
+		}),
+		button: ({ theme: t }) => ({
+			height: t.spacing(4),
+			width: `calc((100% - ${t.spacing(3)}) / 4)`,
+			borderRadius: (t.vars ?? t).shape.borderRadius,
+			"&:hover, &:focus": { backgroundColor: (t.vars ?? t).palette.action.hover },
+			[`&.${e.selected}`]: {
+				backgroundColor: (t.vars ?? t).palette.primary[800],
+				color: (t.vars ?? t).palette.primary[50],
+				"&:hover, &:focus": { backgroundColor: (t.vars ?? t).palette.primary[900] }
+			}
+		})
+	}
+};
+//#endregion
+export { t as MuiMonthCalendar };