@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-zoom-image/s-zoom-image.js

@@ -1,21 +1,20 @@
-import { t as e } from "../styled-Bog8QCl3.js";
-import { t } from "../useThemeProps-Cr28OQu3.js";
-import { toSxArray as n } from "../utils/sx.js";
-import { t as r } from "../mergeSlotProps-xl1-PgWL.js";
-import { SLazyImage as i } from "../s-lazy-image/s-lazy-image.js";
-import a, { useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { Box as c } from "@mui/material";
+import { toSxArray as e } from "../utils/sx.js";
+import { SLazyImage as t } from "../s-lazy-image/s-lazy-image.js";
+import { styled as n, useThemeProps as r } from "@mui/material/styles";
+import i, { useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { Box as s } from "@mui/material";
+import { mergeSlotProps as c } from "@mui/material/utils";
 import { motion as l, useMotionValue as u, useReducedMotion as d, useSpring as f, useTransform as p } from "framer-motion";
 //#region lib/s-zoom-image/s-zoom-image.tsx
-var m = e(c, {
+var m = n(s, {
 	name: "SZoomImage",
 	slot: "Root"
-})({}), h = a.forwardRef((e, a) => {
-	let h = t({
-		props: e,
+})({}), h = i.forwardRef((n, i) => {
+	let h = r({
+		props: n,
 		name: "SZoomImage"
-	}), { src: g, alt: _, zoomScale: v = 1.2, transitionDuration: y = .3, borderRadius: b = 1, skeletonVariant: x = "rounded", height: S = "100%", width: C = "100%", slots: w, slotProps: T, onMouseLeave: E, onMouseMove: D, sx: O, ...k } = h, [A, j] = o(null), M = A === g, N = d(), P = u(50), F = u(50), I = {
+	}), { src: g, alt: _, zoomScale: v = 1.2, transitionDuration: y = .3, borderRadius: b = 1, skeletonVariant: x = "rounded", height: S = "100%", width: C = "100%", slots: w, slotProps: T, onMouseLeave: E, onMouseMove: D, sx: O, ...k } = h, [A, j] = a(null), M = A === g, N = d(), P = u(50), F = u(50), I = {
 		damping: 20,
 		stiffness: 150,
 		mass: .5
@@ -33,7 +32,7 @@ var m = e(c, {
 		transitionDuration: y,
 		width: C,
 		zoomScale: v
-	}, V = r(T?.image, {
+	}, V = c(T?.image, {
 		onLoad: () => j(g),
 		sx: {
 			borderRadius: "inherit",
@@ -41,8 +40,8 @@ var m = e(c, {
 			objectFit: "cover"
 		}
 	});
-	return /* @__PURE__ */ s(m, {
-		ref: a,
+	return /* @__PURE__ */ o(m, {
+		ref: i,
 		ownerState: B,
 		onMouseMove: R,
 		onMouseLeave: z,
@@ -52,9 +51,9 @@ var m = e(c, {
 			height: "auto",
 			overflow: "hidden",
 			borderRadius: b
-		}, ...n(O)],
+		}, ...e(O)],
 		...k,
-		children: /* @__PURE__ */ s(c, {
+		children: /* @__PURE__ */ o(s, {
 			component: l.div,
 			style: { transformOrigin: N ? "50% 50%" : L },
 			animate: { scale: 1 },
@@ -64,7 +63,7 @@ var m = e(c, {
 				duration: y,
 				bounce: 0
 			},
-			children: /* @__PURE__ */ s(i, {
+			children: /* @__PURE__ */ o(t, {
 				src: g,
 				alt: _,
 				variant: x,

package/dist/theme/components/autocomplete.js

@@ -1,2 +1,43 @@
-import { t as e } from "../../autocomplete-B_4y84Ba.js";
-export { e as MuiAutocomplete };
+import e from "@mui/icons-material/UnfoldMoreRounded";
+import { jsx as t } from "react/jsx-runtime";
+import { autocompleteClasses as n } from "@mui/material/Autocomplete";
+//#region lib/theme/components/autocomplete.tsx
+var r = {
+	defaultProps: {
+		popupIcon: /* @__PURE__ */ t(e, { fontSize: "small" }),
+		slotProps: { clearIndicator: {
+			edge: "end",
+			size: "small"
+		} }
+	},
+	styleOverrides: {
+		paper: ({ theme: e }) => ({
+			marginTop: 2,
+			border: "1px solid",
+			borderColor: (e.vars ?? e).palette.divider
+		}),
+		popupIndicator: {
+			pointerEvents: "none",
+			background: "none",
+			"&:hover": { background: "none" }
+		},
+		popupIndicatorOpen: { transform: "none" },
+		endAdornment: ({ theme: e }) => ({
+			display: "flex",
+			alignItems: "center",
+			right: e.spacing(1),
+			color: "inherit",
+			".MuiAutocomplete-inputRoot:has(input:placeholder-shown) &": { color: (e.vars ?? e).palette.text.secondary },
+			".Mui-disabled &": { color: (e.vars ?? e).palette.text.disabled }
+		}),
+		inputRoot: ({ theme: e }) => ({
+			"&.MuiOutlinedInput-root": { padding: `${e.spacing(1)} ${e.spacing(1.5)} !important` },
+			[`& .${n.endAdornment}`]: { right: `${e.spacing(1)} !important` },
+			[`&.${n.hasPopupIcon}, &.${n.hasClearIcon}`]: { paddingRight: `${e.spacing(4.5)} !important` },
+			[`&.${n.hasPopupIcon}.${n.hasClearIcon}`]: { paddingRight: `${e.spacing(8)} !important` },
+			"& .MuiAutocomplete-input": { padding: 0 }
+		})
+	}
+};
+//#endregion
+export { r as MuiAutocomplete };

package/dist/theme/components/avatar.js

@@ -1,2 +1,9 @@
-import { t as e } from "../../avatar-BHuZu3DN.js";
-export { e as MuiAvatar };
+import { jsx as e } from "react/jsx-runtime";
+import { Person as t } from "@mui/icons-material";
+//#region lib/theme/components/avatar.tsx
+var n = {
+	defaultProps: { children: /* @__PURE__ */ e(t, { sx: { color: "text.primary" } }) },
+	styleOverrides: { rounded: ({ theme: e }) => ({ borderRadius: e.radius.lg }) }
+};
+//#endregion
+export { n as MuiAvatar };

package/dist/theme/components/card.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../colorManipulator-DmUjcif3.js";
-import { r as t } from "../../colors-DKqWMRgW.js";
+import { r as e } from "../../colors-CNjL5fhq.js";
+import { alpha as t } from "@mui/material/styles";
 //#region lib/theme/components/card.tsx
 var n = { styleOverrides: { root: ({ theme: n }) => ({
 	gap: 16,
@@ -16,7 +16,7 @@ var n = { styleOverrides: { root: ({ theme: n }) => ({
 			border: `1px solid ${(n.vars ?? n).palette.divider}`,
 			boxShadow: "none",
 			background: "rgb(255, 255, 255)",
-			...n.applyStyles("dark", { background: e(t[900], .4) })
+			...n.applyStyles("dark", { background: t(e[900], .4) })
 		}
 	}]
 }) } };

package/dist/theme/components/checkbox.js

@@ -1,2 +1,90 @@
-import { t as e } from "../../checkbox-BKMZEVU5.js";
-export { e as MuiCheckbox };
+import { r as e } from "../../colors-CNjL5fhq.js";
+import { alpha as t } from "@mui/material/styles";
+import { jsx as n } from "react/jsx-runtime";
+import r from "@mui/icons-material/CheckBoxOutlineBlankRounded";
+import i from "@mui/icons-material/CheckRounded";
+import a from "@mui/icons-material/RemoveRounded";
+import { checkboxClasses as o } from "@mui/material/Checkbox";
+//#region lib/theme/components/checkbox.tsx
+var s = {
+	defaultProps: {
+		disableRipple: !0,
+		icon: /* @__PURE__ */ n(r, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
+		checkedIcon: /* @__PURE__ */ n(i, { sx: {
+			height: 14,
+			width: 14
+		} }),
+		indeterminateIcon: /* @__PURE__ */ n(a, { sx: {
+			height: 14,
+			width: 14
+		} })
+	},
+	styleOverrides: { root: ({ theme: n }) => ({
+		margin: 8,
+		marginLeft: 0,
+		height: 16,
+		width: 16,
+		borderRadius: n.radius.sm,
+		border: "1px solid",
+		borderColor: t(e[300], .8),
+		boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
+		backgroundColor: t(e[100], .4),
+		transition: "border-color, background-color, 120ms ease-in",
+		"&:hover": { borderColor: (n.vars ?? n).palette.primary[300] },
+		"&.Mui-focusVisible": {
+			outline: `3px solid rgba(${(n.vars ?? n).palette.primary.mainChannel} / 0.5)`,
+			outlineOffset: "2px",
+			borderColor: (n.vars ?? n).palette.primary[400]
+		},
+		[`&.Mui-checked, &.${o.indeterminate}`]: {
+			color: "white",
+			backgroundColor: (n.vars ?? n).palette.primary[500],
+			borderColor: (n.vars ?? n).palette.primary[500],
+			boxShadow: "none",
+			"&:hover": { backgroundColor: (n.vars ?? n).palette.primary[600] }
+		},
+		[`&.${o.disabled}`]: {
+			color: (n.vars ?? n).palette.grey[100],
+			borderColor: (n.vars ?? n).palette.grey[300],
+			backgroundColor: (n.vars ?? n).palette.grey[100],
+			boxShadow: "none",
+			cursor: "not-allowed",
+			"&:hover": {
+				borderColor: (n.vars ?? n).palette.grey[300],
+				backgroundColor: (n.vars ?? n).palette.grey[100]
+			}
+		},
+		[`&.${o.checked}.${o.disabled}, &.${o.indeterminate}.${o.disabled}`]: {
+			color: (n.vars ?? n).palette.grey[100],
+			borderColor: (n.vars ?? n).palette.grey[300],
+			backgroundColor: (n.vars ?? n).palette.grey[300]
+		},
+		...n.applyStyles("dark", {
+			borderColor: t(e[700], .8),
+			boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
+			backgroundColor: t(e[900], .8),
+			"&:hover": { borderColor: (n.vars ?? n).palette.primary[300] },
+			"&.Mui-focusVisible": {
+				borderColor: (n.vars ?? n).palette.primary[400],
+				outline: `3px solid rgba(${(n.vars ?? n).palette.primary.mainChannel} / 0.5)`,
+				outlineOffset: "2px"
+			},
+			[`&.${o.disabled}`]: {
+				color: (n.vars ?? n).palette.grey[700],
+				borderColor: (n.vars ?? n).palette.grey[600],
+				backgroundColor: (n.vars ?? n).palette.grey[700],
+				"&:hover": {
+					borderColor: (n.vars ?? n).palette.grey[600],
+					backgroundColor: (n.vars ?? n).palette.grey[700]
+				}
+			},
+			[`&.${o.checked}.${o.disabled}, &.${o.indeterminate}.${o.disabled}`]: {
+				color: (n.vars ?? n).palette.grey[700],
+				borderColor: (n.vars ?? n).palette.grey[600],
+				backgroundColor: (n.vars ?? n).palette.grey[600]
+			}
+		})
+	}) }
+};
+//#endregion
+export { s as MuiCheckbox };

package/dist/theme/components/chip.js

@@ -1,6 +1,6 @@
 import { actionHoverMedia as e, getFocusVisibleStyle as t, getSemanticActionTokens as n, isSemanticActionColor as r } from "./action-styles.js";
-import { t as i } from "../../Close-o4HFfK0I.js";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
+import { Close as a } from "@mui/icons-material";
 import { chipClasses as o } from "@mui/material";
 //#region lib/theme/components/chip.tsx
 var s = (e, t) => {
@@ -80,7 +80,7 @@ var s = (e, t) => {
 	defaultProps: {
 		variant: "filled",
 		size: "small",
-		deleteIcon: /* @__PURE__ */ a(i, {})
+		deleteIcon: /* @__PURE__ */ i(a, {})
 	},
 	styleOverrides: { root: ({ theme: e }) => ({
 		border: "1px solid",

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 { t as n } from "../../toggle-button-Cxi5CfXC.js";
+import { MuiToggleButton as n } from "./toggle-button.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 { t as re } from "../../autocomplete-B_4y84Ba.js";
-import { t as ie } from "../../checkbox-BKMZEVU5.js";
-import { t as ae } from "../../avatar-BHuZu3DN.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 { 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 { 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: ae,
-	MuiBackdrop: oe,
-	MuiButton: se,
-	MuiButtonBase: ce,
-	MuiCard: le,
-	MuiCardActions: ue,
-	MuiCardContent: de,
-	MuiCardHeader: fe,
-	MuiCheckbox: ie,
+	MuiAvatar: ie,
+	MuiBackdrop: ae,
+	MuiButton: oe,
+	MuiButtonBase: se,
+	MuiCard: ce,
+	MuiCardActions: le,
+	MuiCardContent: ue,
+	MuiCardHeader: de,
+	MuiCheckbox: fe,
 	MuiChip: pe,
 	MuiContainer: Z,
 	MuiCssBaseline: X,

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

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

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

@@ -1,2 +1,19 @@
-import { t as e } from "../../field-label-styles-BOyhp6gw.js";
-export { e as staticFieldLabelStyles };
+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 };

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../formLabelClasses-B0Fa-86T.js";
+import { formLabelClasses as e } from "@mui/material/FormLabel";
 //#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 { n } from "../../svgIconClasses-C8D4AsMj.js";
+import { svgIconClasses as n } from "@mui/material/SvgIcon";
 //#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 { t as e } from "../../buttonBaseClasses-BvBqFLb_.js";
-import { n as t } from "../../svgIconClasses-C8D4AsMj.js";
-import { n } from "../../typographyClasses-BLM3NmYd.js";
-import { listItemButtonStyles as r } from "./list-item-button.js";
+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";
 //#region lib/theme/components/list-item.tsx
 var i = { styleOverrides: { root: ({ theme: i }) => ({
-	[`& .${t.root}`]: { color: (i.vars ?? i).palette.text.secondary },
-	[`& .${n.root}`]: { fontWeight: 500 },
-	[`& .${e.root}`]: r(i)
+	[`& .${n.root}`]: { color: (i.vars ?? i).palette.text.secondary },
+	[`& .${r.root}`]: { fontWeight: 500 },
+	[`& .${t.root}`]: e(i)
 }) } };
 //#endregion
 export { i as MuiListItem };

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

@@ -1,11 +1,12 @@
-import { t as e } from "../../styled-Bog8QCl3.js";
-import { t } from "../../ButtonBase-DxKtpFYs.js";
-import { actionHoverMedia as n, getFocusVisibleStyle as r, getSelectedActionStyle as i } from "./action-styles.js";
-import { n as a } from "../../monthCalendarClasses-BYVHyEfI.js";
+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";
 var o = {
 	defaultProps: {
 		monthsPerRow: 4,
-		slots: { monthButton: e(t, {
+		slots: { monthButton: r(i, {
 			name: "MuiMonthCalendar",
 			slot: "Button"
 		})(({ theme: e }) => ({
@@ -24,14 +25,14 @@ var o = {
 			paddingTop: 0,
 			paddingBottom: 0
 		}),
-		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") }
+		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") }
 		})
 	}
 };

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

@@ -1,4 +1,5 @@
 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 { n as e } from "../../outlinedInputClasses-DECY98u0.js";
-import { n as t } from "../../inputAdornmentClasses-D5yYK5bM.js";
+import { inputAdornmentClasses as e } from "@mui/material/InputAdornment";
+import { outlinedInputClasses as t } from "@mui/material/OutlinedInput";
 //#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) .${t.root}`]: { color: (n.vars ?? n).palette.text.secondary },
-		[`&.${e.focused}`]: {
+		[`&:has(input:placeholder-shown) .${e.root}`]: { color: (n.vars ?? n).palette.text.secondary },
+		[`&.${t.focused}`]: {
 			outline: `3px solid rgba(${(n.vars ?? n).palette.primary.mainChannel} / 0.5)`,
 			borderColor: (n.vars ?? n).palette.primary[400]
 		},
-		[`&.${e.error}:not(.${e.disabled})`]: {
+		[`&.${t.error}:not(.${t.disabled})`]: {
 			borderColor: (n.vars ?? n).palette.error.main,
 			"&:hover": { borderColor: (n.vars ?? n).palette.error.main }
 		},
-		[`&.${e.error}.${e.focused}`]: {
+		[`&.${t.error}.${t.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,4 +1,5 @@
 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,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.js

@@ -1,6 +1,7 @@
 import { reducedMotionMedia as e } from "./action-styles.js";
-import { t } from "../../ExpandMore-Ba5bg6s-.js";
-import { n } from "../../pickersCalendarHeaderClasses-CIj0gBye.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 r = {
 	defaultProps: { slots: { switchViewIcon: t } },

package/dist/theme/components/select.js

@@ -1,12 +1,12 @@
-import { t as e } from "../../UnfoldMoreRounded-DsN0HVDV.js";
-import { n as t } from "../../selectClasses-DoUlWfzV.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/switch.js

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

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

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

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

@@ -1,2 +1,93 @@
-import { t as e } from "../../toggle-button-Cxi5CfXC.js";
-export { e as MuiToggleButton };
+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 };