@solostylist/ui-kit 1.0.224 → 1.0.226

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-7ruiI7gY.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-7ruiI7gY.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-CspzYrIn.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,27 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiMonthCalendar: {
+    styleOverrides: {
+        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;
+            borderRadius: string | number;
+            '&:hover, &:focus': {
+                backgroundColor: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,14 @@
+import { n as e } from "../../monthCalendarClasses-C1jHkjgt.js";
+//#region lib/theme/components/month-calendar.tsx
+var t = { styleOverrides: { button: ({ theme: t }) => ({
+	height: t.spacing(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 };

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

@@ -0,0 +1,25 @@
+//#region lib/theme/components/multi-section-digital-clock-section.tsx
+var e = { styleOverrides: {
+	root: ({ theme: e }) => ({
+		width: e.spacing(5),
+		"&:not(:first-of-type)": { width: `calc(${e.spacing(5)} + 1px)` }
+	}),
+	item: ({ theme: e }) => ({
+		width: e.spacing(4),
+		height: e.spacing(4),
+		minHeight: e.spacing(4),
+		flexShrink: 0,
+		padding: 0,
+		margin: e.spacing(.5),
+		"&:first-of-type": { marginTop: e.spacing(.5) },
+		borderRadius: (e.vars ?? e).shape.borderRadius,
+		"&:hover, &.Mui-focusVisible": { backgroundColor: (e.vars ?? e).palette.action.hover },
+		"&.Mui-selected": {
+			backgroundColor: (e.vars ?? e).palette.primary[800],
+			color: (e.vars ?? e).palette.primary[50],
+			"&:focus-visible, &:hover": { backgroundColor: (e.vars ?? e).palette.primary[900] }
+		}
+	})
+} };
+//#endregion
+export { e as MuiMultiSectionDigitalClockSection };

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

@@ -1,7 +1,7 @@
 import { i as e } from "../../createTheme-Bnw5w28O.js";
-import { o as t, s as n } from "../../theme-primitives-D2vHHGiX.js";
-import { n as r } from "../../outlinedInputClasses-Cz4pnn0X.js";
-import { n as i } from "../../inputAdornmentClasses-VKwluNTs.js";
+import { c as t, s as n } from "../../theme-primitives-7ruiI7gY.js";
+import { n as r } from "../../outlinedInputClasses-Z5R6RJE3.js";
+import { n as i } from "../../inputAdornmentClasses-DHmz00nZ.js";
 //#region lib/theme/components/outlined-input.tsx
 var a = { styleOverrides: {
 	input: ({ ownerState: e, theme: t }) => ({
@@ -24,13 +24,13 @@ var a = { styleOverrides: {
 		border: `1px solid ${(a.vars ?? a).palette.divider}`,
 		backgroundColor: (a.vars ?? a).palette.background.default,
 		transition: "border 120ms ease-in",
-		"&:hover": { borderColor: n[500] },
+		"&:hover": { borderColor: t[500] },
 		"&:not(.MuiInputBase-sizeSmall)": { minHeight: a.spacing(5) },
 		"&.MuiInputBase-sizeSmall": { height: a.spacing(4.5) },
 		[`&:has(input:placeholder-shown) .${i.root}`]: { color: (a.vars ?? a).palette.text.secondary },
 		[`&.${r.focused}`]: {
-			outline: `3px solid ${e(t[500], .5)}`,
-			borderColor: t[400]
+			outline: `3px solid ${e(n[500], .5)}`,
+			borderColor: n[400]
 		}
 	}),
 	notchedOutline: { border: "none" }

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

@@ -1,12 +1,26 @@
 import { Theme } from '@mui/material/styles';
 export declare const MuiPickerDay: {
     styleOverrides: {
-        root: ({ theme }: import('@mui/x-date-pickers/PickerDay').PickerDayProps & Record<string, unknown> & {
-            ownerState: import('@mui/x-date-pickers/PickerDay').PickerDayOwnerState;
+        root: ({ theme }: import('@mui/x-date-pickers').PickerDayProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerDayOwnerState;
         } & {
             theme: Theme;
         }) => {
             fontSize: import("csstype").Property.FontSize<string | number> | undefined;
+            width: string;
+            height: string;
+            margin: string;
+            borderRadius: string | number;
+            '&:hover, &:focus': {
+                backgroundColor: string;
+            };
+            '&.Mui-selected': {
+                backgroundColor: string;
+                color: string;
+                '&:hover, &:focus': {
+                    backgroundColor: string;
+                };
+            };
         };
     };
 };

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

@@ -1,4 +1,16 @@
 //#region lib/theme/components/picker-day.tsx
-var e = { styleOverrides: { root: ({ theme: e }) => ({ fontSize: e.typography.subtitle1.fontSize }) } };
+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] }
+	}
+}) } };
 //#endregion
 export { e as MuiPickerDay };

package/dist/theme/components/pickers-arrow-switcher.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiPickersArrowSwitcher: {
+    styleOverrides: {
+        spacer: ({ theme }: import('@mui/x-date-pickers/internals').ExportedPickersArrowSwitcherProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            width: string;
+        };
+    };
+};

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

@@ -0,0 +1,4 @@
+//#region lib/theme/components/pickers-arrow-switcher.tsx
+var e = { styleOverrides: { spacer: ({ theme: e }) => ({ width: e.spacing(4) }) } };
+//#endregion
+export { e as MuiPickersArrowSwitcher };

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

@@ -0,0 +1,38 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiPickersCalendarHeader: {
+    styleOverrides: {
+        root: ({ theme }: import('@mui/x-date-pickers').ExportedPickersCalendarHeaderProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            marginTop: string;
+            marginBottom: string;
+            paddingLeft: string;
+            paddingRight: string;
+        };
+        labelContainer: ({ theme }: import('@mui/x-date-pickers').ExportedPickersCalendarHeaderProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            borderRadius: string | number;
+            marginLeft: string;
+            paddingLeft: string;
+            paddingRight: string;
+            transition: "background-color 0.2s ease-in-out";
+            '&:hover': {
+                backgroundColor: string;
+            };
+        };
+        switchViewButton: {
+            padding: number;
+            '& .MuiSvgIcon-root': {
+                fontSize: string;
+            };
+            '&:hover': {
+                backgroundColor: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,24 @@
+//#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 }
+	}),
+	switchViewButton: {
+		padding: 8,
+		"& .MuiSvgIcon-root": { fontSize: "1rem" },
+		"&:hover": { backgroundColor: "transparent" }
+	}
+} };
+//#endregion
+export { e as MuiPickersCalendarHeader };

package/dist/theme/components/select.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../UnfoldMoreRounded-pz7NMMy3.js";
-import { n as t } from "../../selectClasses-DvT1febA.js";
+import { t as e } from "../../UnfoldMoreRounded-Cbt8Oi8S.js";
+import { n as t } from "../../selectClasses-vjNpSSyQ.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,7 +1,34 @@
+import { Theme } from '../types';
 export declare const MuiSlider: {
     styleOverrides: {
-        valueLabel: {
-            borderRadius: number;
+        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"> & {
+            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"> & {
+                component?: React.ElementType | undefined;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            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"> & {
+            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"> & {
+                component?: React.ElementType | undefined;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => {
+            width: number;
+            height: number;
+            '&:hover, &.Mui-focusVisible': {
+                boxShadow: string;
+            };
+            '&.Mui-active': {
+                boxShadow: string;
+            };
         };
     };
 };

package/dist/theme/components/slider.js

@@ -1,4 +1,16 @@
+import { tint as e } from "../utils.js";
 //#region lib/theme/components/slider.tsx
-var e = { styleOverrides: { valueLabel: { borderRadius: 8 } } };
+var t = { styleOverrides: {
+	valueLabel: ({ theme: e }) => ({ borderRadius: (e.vars ?? e).shape.borderRadius }),
+	thumb: ({ theme: t }) => {
+		let n = e((t.vars ?? t).palette.primary.main, 16);
+		return {
+			width: 16,
+			height: 16,
+			"&:hover, &.Mui-focusVisible": { boxShadow: `0px 0px 0px 5px ${n}` },
+			"&.Mui-active": { boxShadow: `0px 0px 0px 8px ${n}` }
+		};
+	}
+} };
 //#endregion
-export { e as MuiSlider };
+export { t as MuiSlider };

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

@@ -9,7 +9,7 @@ export declare const MuiStepConnector: {
             borderTop: string;
             borderColor: string;
             flex: number;
-            borderRadius: string;
+            borderRadius: number;
         };
     };
 };

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

@@ -3,7 +3,7 @@ var e = { styleOverrides: { line: ({ theme: e }) => ({
 	borderTop: "1px solid",
 	borderColor: (e.vars ?? e).palette.divider,
 	flex: 1,
-	borderRadius: "99px"
+	borderRadius: e.radius.full
 }) } };
 //#endregion
 export { e as MuiStepConnector };

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

@@ -1,4 +1,4 @@
-import { s as e } from "../../theme-primitives-D2vHHGiX.js";
+import { c as e } from "../../theme-primitives-7ruiI7gY.js";
 //#region lib/theme/components/step-icon.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	color: "transparent",

package/dist/theme/components/tab.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../tabClasses-KqPlYv0c.js";
+import { n as e } from "../../tabClasses-CmFw6sbs.js";
 //#region lib/theme/components/tab.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	textTransform: "none",

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

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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-button-group-ABwIhV4P.js";
+import { t as e } from "../../toggle-button-group-Dx9fvVok.js";
 export { e as MuiToggleButtonGroup };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-button-BUsRxHn0.js";
+import { t as e } from "../../toggle-button-j6VLaPoa.js";
 export { e as MuiToggleButton };

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

@@ -0,0 +1,36 @@
+import { Theme } from '@mui/material/styles';
+export declare const MuiYearCalendar: {
+    styleOverrides: {
+        root: ({ theme }: import('@mui/x-date-pickers').YearCalendarProps & Record<string, unknown> & {
+            ownerState: import('@mui/x-date-pickers').PickerOwnerState;
+        } & {
+            theme: Theme;
+        }) => {
+            '& > div': {
+                height: string;
+            };
+        };
+        button: ({ theme }: import('@mui/x-date-pickers').YearCalendarProps & 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;
+            borderRadius: string | number;
+            '&:hover, &:focus': {
+                backgroundColor: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,17 @@
+import { n as e } from "../../yearCalendarClasses-DypEe_Vn.js";
+//#region lib/theme/components/year-calendar.tsx
+var t = { styleOverrides: {
+	root: ({ theme: e }) => ({ "& > div": { height: e.spacing(4) } }),
+	button: ({ theme: t }) => ({
+		height: t.spacing(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 MuiYearCalendar };

package/dist/theme/theme-primitives.d.ts

@@ -6,6 +6,20 @@ declare module '@mui/material/Paper' {
     }
 }
 declare module '@mui/material/styles' {
+    interface RadiusScale {
+        none: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        full: number;
+    }
+    interface Theme {
+        radius: RadiusScale;
+    }
+    interface ThemeOptions {
+        radius?: Partial<RadiusScale>;
+    }
     interface ColorRange {
         50: string;
         100: string;
@@ -389,4 +403,26 @@ export declare const typography: {
 export declare const shape: {
     borderRadius: number;
 };
+/**
+ * Named border-radius scale, derived from `shape.borderRadius` so that base
+ * stays the single source of truth — change `shape.borderRadius` and the whole
+ * scale rescales with it. Values mirror the native kit (see
+ * ui-kit-native/theme/theme-primitives.ts) so both platforms stay in lockstep.
+ * `md` is the canonical surface radius and equals `shape.borderRadius`.
+ *
+ * Usage:
+ * - `styled()` / `styleOverrides` callbacks: prefer `theme.radius.md` (honours
+ *   runtime overrides). Import this `radius` const only where no `theme` is in
+ *   scope, e.g. inline `style` on a plain element.
+ * - `sx`: numbers are multiplied by `shape.borderRadius`, so use the multiplier
+ *   that maps to the scale — sm `0.5`, md `1`, lg `1.5`, xl `2`, full `'9999px'`.
+ */
+export declare const radius: {
+    none: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    full: number;
+};
 export declare const shadows: Shadows;

package/dist/theme/theme-primitives.js

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

package/dist/{theme-primitives-D2vHHGiX.js → theme-primitives-7ruiI7gY.js}

@@ -409,14 +409,21 @@ var n = {
 		fontWeight: 400
 	},
 	caption: {
-		fontSize: S.typography.pxToRem(14),
+		fontSize: S.typography.pxToRem(12),
 		fontWeight: 400,
 		color: "var(--s-palette-text-secondary)"
 	}
-}, E = { borderRadius: 8 }, D = [
+}, E = { borderRadius: 8 }, D = {
+	none: 0,
+	sm: E.borderRadius * .5,
+	md: E.borderRadius,
+	lg: E.borderRadius * 1.5,
+	xl: E.borderRadius * 2,
+	full: 9999
+}, O = [
 	"none",
 	"var(--s-palette-baseShadow)",
 	...S.shadows.slice(2)
 ];
 //#endregion
-export { m as _, u as a, o as c, a as d, s as f, c as g, p as h, T as i, d as l, h as m, D as n, n as o, l as p, E as r, i as s, w as t, r as u, f as v };
+export { c as _, T as a, i as c, r as d, a as f, p as g, h, E as i, o as l, l as m, D as n, u as o, s as p, O as r, n as s, w as t, d as u, m as v, f as y };