@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/theme/components/components.js

@@ -1,6 +1,6 @@
 import { MuiYearCalendar as e } from "./year-calendar.js";
 import { MuiTooltip as t } from "./tooltip.js";
-import { MuiToggleButton as n } from "./toggle-button.js";
+import { t as n } from "../../toggle-button-BsGb-tOr.js";
 import { MuiToggleButtonGroup as r } from "./toggle-button-group.js";
 import { MuiTabs as i } from "./tabs.js";
 import { MuiTablePagination as a } from "./table-pagination.js";
@@ -55,16 +55,16 @@ import { MuiAccordionDetails as $ } from "./accordion-details.js";
 import { MuiAccordionSummary as ee } from "./accordion-summary.js";
 import { MuiAlert as te } from "./alert.js";
 import { MuiAppBar as ne } from "./app-bar.js";
-import { MuiAutocomplete as re } from "./autocomplete.js";
-import { MuiAvatar as ie } from "./avatar.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 { MuiCheckbox as fe } from "./checkbox.js";
+import { t as re } from "../../autocomplete-BgARERpp.js";
+import { t as ie } from "../../checkbox-D1U_JKqs.js";
+import { t as ae } from "../../avatar-XNOdbbRz.js";
+import { MuiBackdrop as oe } from "./backdrop.js";
+import { MuiButton as se } from "./button.js";
+import { MuiButtonBase as ce } from "./button-base.js";
+import { MuiCard as le } from "./card.js";
+import { MuiCardActions as ue } from "./card-actions.js";
+import { MuiCardContent as de } from "./card-content.js";
+import { MuiCardHeader as fe } from "./card-header.js";
 import { MuiChip as pe } from "./chip.js";
 //#region lib/theme/components/components.ts
 var me = {
@@ -74,15 +74,15 @@ var me = {
 	MuiAlert: te,
 	MuiAppBar: ne,
 	MuiAutocomplete: re,
-	MuiAvatar: ie,
-	MuiBackdrop: ae,
-	MuiButton: oe,
-	MuiButtonBase: se,
-	MuiCard: ce,
-	MuiCardActions: le,
-	MuiCardContent: ue,
-	MuiCardHeader: de,
-	MuiCheckbox: fe,
+	MuiAvatar: ae,
+	MuiBackdrop: oe,
+	MuiButton: se,
+	MuiButtonBase: ce,
+	MuiCard: le,
+	MuiCardActions: ue,
+	MuiCardContent: de,
+	MuiCardHeader: fe,
+	MuiCheckbox: ie,
 	MuiChip: pe,
 	MuiContainer: Z,
 	MuiCssBaseline: X,

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

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

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

@@ -1,4 +1,3 @@
-import "@mui/x-date-pickers/themeAugmentation";
 //#region lib/theme/components/day-calendar.tsx
 var e = { styleOverrides: {
 	weekDayLabel: ({ theme: e }) => ({

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

@@ -7,6 +7,7 @@ export declare const MuiDrawer: {
             theme: Theme;
         }) => {
             backgroundColor: string;
+            backgroundImage: "none";
         };
     };
 };

package/dist/theme/components/drawer.js

@@ -1,4 +1,7 @@
 //#region lib/theme/components/drawer.tsx
-var e = { styleOverrides: { paper: ({ theme: e }) => ({ backgroundColor: (e.vars ?? e).palette.background.default }) } };
+var e = { styleOverrides: { paper: ({ theme: e }) => ({
+	backgroundColor: (e.vars ?? e).palette.background.paper,
+	backgroundImage: "none"
+}) } };
 //#endregion
 export { e as MuiDrawer };

package/dist/theme/components/field-label-styles.js

@@ -1,19 +1,2 @@
-import { inputClasses as e } from "@mui/material/Input";
-import { inputLabelClasses as t } from "@mui/material/InputLabel";
-//#region lib/theme/components/field-label-styles.ts
-var n = {
-	[`& .${t.root}`]: {
-		maxWidth: "100%",
-		pointerEvents: "auto",
-		position: "static",
-		transform: "none",
-		transformOrigin: "initial"
-	},
-	[`& .${t.shrink}`]: {
-		maxWidth: "100%",
-		transform: "none"
-	},
-	[`& .${t.root} + .${e.root}`]: { marginTop: 0 }
-};
-//#endregion
-export { n as staticFieldLabelStyles };
+import { t as e } from "../../field-label-styles-4praXMaE.js";
+export { e as staticFieldLabelStyles };

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

@@ -1,4 +1,4 @@
-import { formLabelClasses as e } from "@mui/material/FormLabel";
+import { t as e } from "../../formLabelClasses-AuZHWfTs.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/list-item-button.js

@@ -1,5 +1,5 @@
 import { actionHoverMedia as e, getFocusVisibleStyle as t } from "./action-styles.js";
-import { svgIconClasses as n } from "@mui/material/SvgIcon";
+import { n } from "../../svgIconClasses-1kWGzgux.js";
 //#region lib/theme/components/list-item-button.tsx
 var r = (r) => ({
 	alignItems: "center",

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

@@ -1,12 +1,12 @@
-import { listItemButtonStyles as e } from "./list-item-button.js";
-import { buttonBaseClasses as t } from "@mui/material/ButtonBase";
-import { svgIconClasses as n } from "@mui/material/SvgIcon";
-import { typographyClasses as r } from "@mui/material/Typography";
+import { t as e } from "../../buttonBaseClasses-B90LjsNK.js";
+import { n as t } from "../../svgIconClasses-1kWGzgux.js";
+import { n } from "../../typographyClasses-BH_-zLwg.js";
+import { listItemButtonStyles as r } from "./list-item-button.js";
 //#region lib/theme/components/list-item.tsx
 var i = { styleOverrides: { root: ({ theme: i }) => ({
-	[`& .${n.root}`]: { color: (i.vars ?? i).palette.text.secondary },
-	[`& .${r.root}`]: { fontWeight: 500 },
-	[`& .${t.root}`]: e(i)
+	[`& .${t.root}`]: { color: (i.vars ?? i).palette.text.secondary },
+	[`& .${n.root}`]: { fontWeight: 500 },
+	[`& .${e.root}`]: r(i)
 }) } };
 //#endregion
 export { i as MuiListItem };

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

@@ -1,12 +1,11 @@
-import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n } from "./action-styles.js";
-import { styled as r } from "@mui/material/styles";
-import i from "@mui/material/ButtonBase";
-import "@mui/x-date-pickers/themeAugmentation";
-import { monthCalendarClasses as a } from "@mui/x-date-pickers/MonthCalendar";
+import { t as e } from "../../styled-Bog8QCl3.js";
+import { t } from "../../ButtonBase-DovDC6-1.js";
+import { actionHoverMedia as n, getFocusVisibleStyle as r, getSelectedActionStyle as i } from "./action-styles.js";
+import { n as a } from "../../monthCalendarClasses-b964KRbc.js";
 var o = {
 	defaultProps: {
 		monthsPerRow: 4,
-		slots: { monthButton: r(i, {
+		slots: { monthButton: e(t, {
 			name: "MuiMonthCalendar",
 			slot: "Button"
 		})(({ theme: e }) => ({
@@ -25,14 +24,14 @@ var o = {
 			paddingTop: 0,
 			paddingBottom: 0
 		}),
-		button: ({ theme: r }) => ({
-			height: r.spacing(4),
-			width: `calc((100% - ${r.spacing(3)}) / 4)`,
-			borderRadius: (r.vars ?? r).shape.borderRadius,
-			[e]: { "&:hover": { backgroundColor: (r.vars ?? r).palette.action.hover } },
-			"&.Mui-focusVisible": t(r),
-			"&.Mui-disabled": { color: (r.vars ?? r).palette.action.disabled },
-			[`&.${a.selected}`]: { ...n(r, "primary") }
+		button: ({ theme: e }) => ({
+			height: e.spacing(4),
+			width: `calc((100% - ${e.spacing(3)}) / 4)`,
+			borderRadius: (e.vars ?? e).shape.borderRadius,
+			[n]: { "&:hover": { backgroundColor: (e.vars ?? e).palette.action.hover } },
+			"&.Mui-focusVisible": r(e),
+			"&.Mui-disabled": { color: (e.vars ?? e).palette.action.disabled },
+			[`&.${a.selected}`]: { ...i(e, "primary") }
 		})
 	}
 };

package/dist/theme/components/multi-section-digital-clock-section.js

@@ -1,5 +1,4 @@
 import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n } from "./action-styles.js";
-import "@mui/x-date-pickers/themeAugmentation";
 //#region lib/theme/components/multi-section-digital-clock-section.tsx
 var r = { styleOverrides: {
 	root: ({ theme: e }) => ({

package/dist/theme/components/outlined-input.js

@@ -1,5 +1,5 @@
-import { inputAdornmentClasses as e } from "@mui/material/InputAdornment";
-import { outlinedInputClasses as t } from "@mui/material/OutlinedInput";
+import { n as e } from "../../outlinedInputClasses-ci1zDasn.js";
+import { n as t } from "../../inputAdornmentClasses-BbB8s-Z4.js";
 //#region lib/theme/components/outlined-input.tsx
 var n = { styleOverrides: {
 	input: ({ theme: e }) => ({
@@ -30,16 +30,16 @@ var n = { styleOverrides: {
 		"&:hover": { borderColor: (n.vars ?? n).palette.grey[500] },
 		"&:not(.MuiInputBase-sizeSmall)": { minHeight: n.spacing(5) },
 		"&.MuiInputBase-sizeSmall": { height: n.spacing(4.5) },
-		[`&:has(input:placeholder-shown) .${e.root}`]: { color: (n.vars ?? n).palette.text.secondary },
-		[`&.${t.focused}`]: {
+		[`&:has(input:placeholder-shown) .${t.root}`]: { color: (n.vars ?? n).palette.text.secondary },
+		[`&.${e.focused}`]: {
 			outline: `3px solid rgba(${(n.vars ?? n).palette.primary.mainChannel} / 0.5)`,
 			borderColor: (n.vars ?? n).palette.primary[400]
 		},
-		[`&.${t.error}:not(.${t.disabled})`]: {
+		[`&.${e.error}:not(.${e.disabled})`]: {
 			borderColor: (n.vars ?? n).palette.error.main,
 			"&:hover": { borderColor: (n.vars ?? n).palette.error.main }
 		},
-		[`&.${t.error}.${t.focused}`]: {
+		[`&.${e.error}.${e.focused}`]: {
 			outline: `3px solid rgba(${(n.vars ?? n).palette.error.mainChannel} / 0.5)`,
 			borderColor: (n.vars ?? n).palette.error.main
 		}

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

@@ -1,5 +1,4 @@
 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 r = { styleOverrides: { root: ({ theme: r }) => ({
 	fontSize: r.typography.subtitle1.fontSize,

package/dist/theme/components/pickers-arrow-switcher.js

@@ -1,4 +1,3 @@
-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.js

@@ -1,7 +1,6 @@
 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";
+import { t } from "../../ExpandMore-sOgvEha9.js";
+import { n } from "../../pickersCalendarHeaderClasses-BAiPN_oY.js";
 //#region lib/theme/components/pickers-calendar-header.tsx
 var r = {
 	defaultProps: { slots: { switchViewIcon: t } },

package/dist/theme/components/select.js

@@ -1,12 +1,12 @@
-import * as e from "react";
-import t from "@mui/icons-material/UnfoldMoreRounded";
-import { selectClasses as n } from "@mui/material/Select";
+import { t as e } from "../../UnfoldMoreRounded-CuCrdxoy.js";
+import { n as t } from "../../selectClasses-CPxME5jE.js";
+import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/theme/components/select.tsx
 var i = {
-	defaultProps: { IconComponent: e.forwardRef((e, n) => /* @__PURE__ */ r(t, {
+	defaultProps: { IconComponent: n.forwardRef((t, n) => /* @__PURE__ */ r(e, {
 		fontSize: "small",
-		...e,
+		...t,
 		ref: n
 	})) },
 	styleOverrides: {
@@ -18,7 +18,7 @@ var i = {
 			color: "inherit",
 			right: e.spacing(1)
 		}),
-		root: ({ theme: e }) => ({ [`&:has(.${n.select} > span) .${n.icon}`]: { color: (e.vars ?? e).palette.text.secondary } })
+		root: ({ theme: e }) => ({ [`&:has(.${t.select} > span) .${t.icon}`]: { color: (e.vars ?? e).palette.text.secondary } })
 	}
 };
 //#endregion

package/dist/theme/components/slider.js

@@ -1,7 +1,24 @@
 import { tint as e } from "../utils.js";
 //#region lib/theme/components/slider.tsx
 var t = { styleOverrides: {
-	valueLabel: ({ theme: e }) => ({ borderRadius: (e.vars ?? e).shape.borderRadius }),
+	valueLabel: ({ theme: e }) => ({
+		...e.typography.body1,
+		backgroundColor: (e.vars ?? e).palette.background.default,
+		border: "1px solid",
+		borderColor: (e.vars ?? e).palette.divider,
+		borderRadius: (e.vars ?? e).shape.borderRadius,
+		color: (e.vars ?? e).palette.text.primary,
+		padding: e.spacing(.5, 1),
+		zIndex: e.zIndex.tooltip,
+		"&::before": {
+			backgroundColor: "inherit",
+			borderBottom: "1px solid",
+			borderBottomColor: (e.vars ?? e).palette.divider,
+			borderRight: "1px solid",
+			borderRightColor: (e.vars ?? e).palette.divider,
+			boxSizing: "border-box"
+		}
+	}),
 	thumb: ({ theme: t }) => {
 		let n = e((t.vars ?? t).palette.primary.main, 16);
 		return {

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

@@ -6,10 +6,7 @@ export declare const MuiStepConnector: {
         } & {
             theme: Theme;
         }) => {
-            borderTop: string;
             borderColor: string;
-            flex: number;
-            borderRadius: number;
         };
     };
 };

package/dist/theme/components/step-connector.js

@@ -1,9 +1,4 @@
 //#region lib/theme/components/step-connector.tsx
-var e = { styleOverrides: { line: ({ theme: e }) => ({
-	borderTop: "1px solid",
-	borderColor: (e.vars ?? e).palette.divider,
-	flex: 1,
-	borderRadius: e.radius.full
-}) } };
+var e = { styleOverrides: { line: ({ theme: e }) => ({ borderColor: (e.vars ?? e).palette.divider }) } };
 //#endregion
 export { e as MuiStepConnector };

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

@@ -6,15 +6,6 @@ export declare const MuiStepIcon: {
         } & {
             theme: Theme;
         }) => {
-            variants: {
-                props: {
-                    completed: true;
-                };
-                style: {
-                    width: number;
-                    height: number;
-                };
-            }[];
             accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[] | undefined;
             alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[] | undefined;
             alignItems?: readonly string[] | import("csstype").Property.AlignItems | readonly import("csstype").Property.AlignItems[] | undefined;
@@ -154,7 +145,7 @@ export declare const MuiStepIcon: {
             fontLanguageOverride?: readonly string[] | import("csstype").Property.FontLanguageOverride | readonly import("csstype").Property.FontLanguageOverride[] | undefined;
             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;
+            fontSize: string | number | readonly NonNullable<import("csstype").Property.FontSize<string | number> | 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;
@@ -186,7 +177,7 @@ export declare const MuiStepIcon: {
             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>[];
+            height?: import("csstype").Property.Height<string | number> | readonly NonNullable<import("csstype").Property.Height<string | number> | undefined>[] | readonly (string | (string & {}))[] | 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 & {}) | import('csstype').Globals | "auto")[] | undefined;
             hyphens?: import("csstype").Property.Hyphens | readonly NonNullable<import("csstype").Property.Hyphens | undefined>[] | readonly import("csstype").Property.Hyphens[] | undefined;
@@ -426,7 +417,7 @@ export declare const MuiStepIcon: {
             whiteSpace?: readonly string[] | import("csstype").Property.WhiteSpace | readonly import("csstype").Property.WhiteSpace[] | undefined;
             whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | readonly NonNullable<import("csstype").Property.WhiteSpaceCollapse | undefined>[] | readonly import("csstype").Property.WhiteSpaceCollapse[] | undefined;
             widows?: import("csstype").Property.Widows | readonly NonNullable<import("csstype").Property.Widows | undefined>[] | readonly ((string & {}) | import('csstype').Globals)[] | undefined;
-            width: string | number | readonly NonNullable<import("csstype").Property.Width<string | number> | undefined>[];
+            width?: import("csstype").Property.Width<string | number> | readonly NonNullable<import("csstype").Property.Width<string | number> | undefined>[] | readonly (string | (string & {}))[] | undefined;
             willChange?: readonly string[] | import("csstype").Property.WillChange | readonly import("csstype").Property.WillChange[] | undefined;
             wordBreak?: import("csstype").Property.WordBreak | readonly NonNullable<import("csstype").Property.WordBreak | undefined>[] | readonly import("csstype").Property.WordBreak[] | undefined;
             wordSpacing?: readonly string[] | import("csstype").Property.WordSpacing<string | number> | readonly NonNullable<import("csstype").Property.WordSpacing<string | number> | undefined>[] | undefined;

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

@@ -2,8 +2,7 @@
 var e = { styleOverrides: { root: ({ theme: e }) => ({
 	color: "transparent",
 	border: `1px solid ${(e.vars ?? e).palette.grey[400]}`,
-	width: 12,
-	height: 12,
+	fontSize: e.typography.pxToRem(24),
 	borderRadius: "50%",
 	"& text": { display: "none" },
 	"&.Mui-active": {
@@ -20,18 +19,8 @@ var e = { styleOverrides: { root: ({ theme: e }) => ({
 			border: "none",
 			color: (e.vars ?? e).palette.primary.light
 		},
-		"&.Mui-completed": {
-			border: "none",
-			color: (e.vars ?? e).palette.success.light
-		}
-	}),
-	variants: [{
-		props: { completed: !0 },
-		style: {
-			width: 12,
-			height: 12
-		}
-	}]
+		"&.Mui-completed": { border: "none" }
+	})
 }) } };
 //#endregion
 export { e as MuiStepIcon };

package/dist/theme/components/switch.js

@@ -1,4 +1,4 @@
-import { switchClasses as e } from "@mui/material/Switch";
+import { n as e } from "../../switchClasses-BtweO7PC.js";
 //#region lib/theme/components/switch.tsx
 var t = {
 	defaultProps: { disableRipple: !0 },

package/dist/theme/components/table-pagination.js

@@ -1,4 +1,4 @@
-import { iconButtonClasses as e } from "@mui/material/IconButton";
+import { n as e } from "../../iconButtonClasses-CVVRFXRo.js";
 //#region lib/theme/components/table-pagination.tsx
 var t = { styleOverrides: { actions: {
 	display: "flex",

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

@@ -1,93 +1,2 @@
-import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n, isSemanticActionColor as r, reducedPressMotionStyle as i, semanticActionColors as a } from "./action-styles.js";
-import { buttonBaseClasses as o } from "@mui/material/ButtonBase";
-import { toggleButtonClasses as s } from "@mui/material/ToggleButton";
-//#region lib/theme/components/toggle-button.tsx
-var c = (n) => {
-	let r = (n.vars ?? n).palette;
-	return {
-		backgroundColor: r.action.selected,
-		color: r.text.primary,
-		[`&.${o.focusVisible}`]: {
-			...t(n),
-			backgroundColor: r.action.selected
-		},
-		[e]: { "&:hover": {
-			backgroundColor: r.action.selected,
-			color: r.text.primary
-		} },
-		[`&.${s.disabled}`]: {
-			backgroundColor: r.action.disabledBackground,
-			borderColor: "transparent",
-			color: r.action.disabled
-		}
-	};
-}, l = {
-	defaultProps: { disableFocusRipple: !0 },
-	styleOverrides: { root: ({ ownerState: l, theme: u }) => {
-		let d = (u.vars ?? u).palette, f = l.color ?? "standard", p = r(f) ? d[f] : d.primary;
-		return {
-			borderRadius: (u.vars ?? u).shape.borderRadius,
-			boxSizing: "border-box",
-			gap: u.spacing(1),
-			fontWeight: 500,
-			paddingBlock: 0,
-			textTransform: "none",
-			transition: u.transitions.create([
-				"background-color",
-				"border-color",
-				"color"
-			], { duration: u.transitions.duration.shorter }),
-			[`&.${o.focusVisible}`]: t(u, p),
-			[e]: { [`&:hover:not(.${s.selected})`]: {
-				backgroundColor: d.action.hover,
-				color: d.text.primary
-			} },
-			[`&:active:not(.${s.disabled}):not(.${s.selected})`]: { backgroundColor: d.action.selected },
-			[`&.${s.disabled}:not(.${s.selected})`]: {
-				backgroundColor: "transparent",
-				borderColor: d.action.disabledBackground,
-				color: d.action.disabled
-			},
-			...i,
-			variants: [
-				{
-					props: { size: "small" },
-					style: {
-						height: u.spacing(4.5),
-						minWidth: u.spacing(4.5),
-						paddingInline: u.spacing(1.5)
-					}
-				},
-				{
-					props: { size: "medium" },
-					style: {
-						height: u.spacing(5),
-						minWidth: u.spacing(5),
-						paddingInline: u.spacing(2)
-					}
-				},
-				{
-					props: { size: "large" },
-					style: {
-						height: u.spacing(5.5),
-						minWidth: u.spacing(5.5),
-						paddingInline: u.spacing(2.5)
-					}
-				},
-				{
-					props: { color: "standard" },
-					style: { [`&.${s.selected}`]: c(u) }
-				},
-				...a.map((e) => ({
-					props: { color: e },
-					style: { [`&.${s.selected}`]: {
-						...n(u, e),
-						borderColor: "transparent"
-					} }
-				}))
-			]
-		};
-	} }
-};
-//#endregion
-export { l as MuiToggleButton };
+import { t as e } from "../../toggle-button-BsGb-tOr.js";
+export { e as MuiToggleButton };

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

@@ -1,10 +1,9 @@
-import { actionHoverMedia as e, getFocusVisibleStyle as t, getSelectedActionStyle as n } from "./action-styles.js";
-import { styled as r } from "@mui/material/styles";
-import i from "@mui/material/ButtonBase";
-import { yearCalendarClasses as a } from "@mui/x-date-pickers/YearCalendar";
-import "@mui/x-date-pickers/themeAugmentation";
+import { t as e } from "../../styled-Bog8QCl3.js";
+import { t } from "../../ButtonBase-DovDC6-1.js";
+import { n } from "../../yearCalendarClasses-D9k_KT38.js";
+import { actionHoverMedia as r, getFocusVisibleStyle as i, getSelectedActionStyle as a } from "./action-styles.js";
 var o = {
-	defaultProps: { slots: { yearButton: r(i, {
+	defaultProps: { slots: { yearButton: e(t, {
 		name: "MuiYearCalendar",
 		slot: "Button"
 	})(({ theme: e }) => ({
@@ -24,15 +23,15 @@ var o = {
 				width: `calc((100% - ${e.spacing(3)}) / 4)`
 			}
 		}),
-		button: ({ theme: r }) => ({
-			height: r.spacing(4),
-			width: `calc((100% - ${r.spacing(3)}) / 4)`,
+		button: ({ theme: e }) => ({
+			height: e.spacing(4),
+			width: `calc((100% - ${e.spacing(3)}) / 4)`,
 			fontVariantNumeric: "lining-nums tabular-nums",
-			borderRadius: (r.vars ?? r).shape.borderRadius,
-			[e]: { "&:hover": { backgroundColor: (r.vars ?? r).palette.action.hover } },
-			"&.Mui-focusVisible": t(r),
-			"&.Mui-disabled": { color: (r.vars ?? r).palette.action.disabled },
-			[`&.${a.selected}`]: { ...n(r, "primary") }
+			borderRadius: (e.vars ?? e).shape.borderRadius,
+			[r]: { "&:hover": { backgroundColor: (e.vars ?? e).palette.action.hover } },
+			"&.Mui-focusVisible": i(e),
+			"&.Mui-disabled": { color: (e.vars ?? e).palette.action.disabled },
+			[`&.${n.selected}`]: { ...a(e, "primary") }
 		})
 	}
 };

package/dist/theme/theme-primitives.js

@@ -1,3 +1,3 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../colors-CNjL5fhq.js";
-import { a as m, i as h, n as g, o as _, r as v, s as y, t as b } from "../theme-primitives-CRfnMsNy.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../colors-Bik9qOU9.js";
+import { a as m, i as h, n as g, o as _, r as v, s as y, t as b } from "../theme-primitives-CXtaMdVj.js";
 export { f as blue, s as brand, b as colorSchemes, u as gray, i as green, g as interaction, e as lightBlue, c as lightBrand, d as lightGray, t as lightGreen, a as lightOrange, p as lightPurple, n as lightRed, r as orange, l as purple, v as radius, o as red, h as shadows, m as shape, _ as sxConfig, y as typography };