@solostylist/ui-kit 2.0.2 → 2.0.3

package/dist/s-two-pane-layout/s-two-pane-layout.js

@@ -1,9 +1,9 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CFQTq3pb.js";
-import { SOverlayScrollbar as n } from "../s-overlay-scrollbar/s-overlay-scrollbar.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Box as o, styled as s, useThemeProps as c } from "@mui/material";
+import { SOverlayScrollbar as t } from "../s-overlay-scrollbar/s-overlay-scrollbar.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Box as a, styled as o, useThemeProps as s } from "@mui/material";
+import c from "@mui/utils/appendOwnerState";
 //#region lib/s-two-pane-layout/s-two-pane-layout.tsx
 var l = () => ({
 	display: "flex",
@@ -39,32 +39,32 @@ var l = () => ({
 }), m = ({ ownerState: e, theme: t }) => ({
 	padding: t.spacing(2),
 	...!e.scrollContent && { height: "100%" }
-}), h = s(o, {
+}), h = o(a, {
 	name: "STwoPaneLayout",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
-})(l), g = s(o, {
+})(l), g = o(a, {
 	name: "STwoPaneLayout",
 	slot: "Sidebar"
-})(u), ee = s(o, {
+})(u), ee = o(a, {
 	name: "STwoPaneLayout",
 	slot: "SidebarHeader"
-})(d), _ = s(o, {
+})(d), _ = o(a, {
 	name: "STwoPaneLayout",
 	slot: "SidebarViewport"
-})(f), v = s(n, {
+})(f), v = o(t, {
 	name: "STwoPaneLayout",
 	slot: "SidebarScroller"
-})({}), y = s(o, {
+})({}), y = o(a, {
 	name: "STwoPaneLayout",
 	slot: "Content"
-})(p), te = s(o, {
+})(p), te = o(a, {
 	name: "STwoPaneLayout",
 	slot: "ContentHeader"
-})(d), ne = s(o, {
+})(d), ne = o(a, {
 	name: "STwoPaneLayout",
 	slot: "ContentViewport"
-})(m), b = s(n, {
+})(m), b = o(t, {
 	name: "STwoPaneLayout",
 	slot: "ContentScroller"
 })({});
@@ -84,9 +84,9 @@ function C(e, t, n) {
 		theme: e
 	}) : void 0;
 }
-var w = r.forwardRef(function(n, s) {
-	let l = c({
-		props: n,
+var w = n.forwardRef(function(t, o) {
+	let l = s({
+		props: t,
 		name: "STwoPaneLayout"
 	}), { children: w, contentHeader: T, disableDivider: E = !1, scrollContent: D = !1, scrollSidebar: O = !0, sidebar: k, sidebarHeader: A, sidebarPosition: j = "left", sidebarWidth: M = 280, slotProps: N, slots: P, sx: F, ...I } = l, L = {
 		...l,
@@ -95,62 +95,62 @@ var w = r.forwardRef(function(n, s) {
 		scrollSidebar: O,
 		sidebarPosition: j,
 		sidebarWidth: M
-	}, R = P?.sidebar ?? g, z = P?.sidebarHeader ?? ee, B = P?.sidebarViewport ?? _, V = P?.sidebarScroller ?? v, H = P?.content ?? y, U = P?.contentHeader ?? te, W = P?.contentViewport ?? ne, G = P?.contentScroller ?? b, K = S(t(P?.sidebar, x(N?.sidebar, L) ?? {}, L)), q = S(t(P?.sidebarHeader, x(N?.sidebarHeader, L) ?? {}, L)), J = S(t(P?.sidebarViewport, x(N?.sidebarViewport, L) ?? {}, L)), Y = S(t(P?.content, x(N?.content, L) ?? {}, L)), X = S(t(P?.contentHeader, x(N?.contentHeader, L) ?? {}, L)), Z = S(t(P?.contentViewport, x(N?.contentViewport, L) ?? {}, L)), re = t(P?.sidebarScroller, x(N?.sidebarScroller, L) ?? {}, L), ie = t(P?.contentScroller, x(N?.contentScroller, L) ?? {}, L), Q = /* @__PURE__ */ a(R, {
+	}, R = P?.sidebar ?? g, z = P?.sidebarHeader ?? ee, B = P?.sidebarViewport ?? _, V = P?.sidebarScroller ?? v, H = P?.content ?? y, U = P?.contentHeader ?? te, W = P?.contentViewport ?? ne, G = P?.contentScroller ?? b, K = S(c(P?.sidebar, x(N?.sidebar, L) ?? {}, L)), q = S(c(P?.sidebarHeader, x(N?.sidebarHeader, L) ?? {}, L)), J = S(c(P?.sidebarViewport, x(N?.sidebarViewport, L) ?? {}, L)), Y = S(c(P?.content, x(N?.content, L) ?? {}, L)), X = S(c(P?.contentHeader, x(N?.contentHeader, L) ?? {}, L)), Z = S(c(P?.contentViewport, x(N?.contentViewport, L) ?? {}, L)), re = c(P?.sidebarScroller, x(N?.sidebarScroller, L) ?? {}, L), ie = c(P?.contentScroller, x(N?.contentScroller, L) ?? {}, L), Q = /* @__PURE__ */ i(R, {
 		...K.other,
 		...!P?.sidebar && { ownerState: L },
 		sx: [...e(C(P?.sidebar, u, L)), ...e(K.sx)],
-		children: [A == null ? null : /* @__PURE__ */ i(z, {
+		children: [A == null ? null : /* @__PURE__ */ r(z, {
 			...q.other,
 			...!P?.sidebarHeader && { ownerState: L },
 			sx: [...e(C(P?.sidebarHeader, d, L)), ...e(q.sx)],
 			children: A
-		}), /* @__PURE__ */ i(o, {
+		}), /* @__PURE__ */ r(a, {
 			sx: {
 				flex: 1,
 				minHeight: 0,
 				overflow: "hidden"
 			},
-			children: O ? /* @__PURE__ */ i(V, {
+			children: O ? /* @__PURE__ */ r(V, {
 				...re,
 				...!P?.sidebarScroller && { ownerState: L },
-				children: /* @__PURE__ */ i(B, {
+				children: /* @__PURE__ */ r(B, {
 					...J.other,
 					...!P?.sidebarViewport && { ownerState: L },
 					sx: [...e(C(P?.sidebarViewport, f, L)), ...e(J.sx)],
 					children: k
 				})
-			}) : /* @__PURE__ */ i(B, {
+			}) : /* @__PURE__ */ r(B, {
 				...J.other,
 				...!P?.sidebarViewport && { ownerState: L },
 				sx: [...e(C(P?.sidebarViewport, f, L)), ...e(J.sx)],
 				children: k
 			})
 		})]
-	}), $ = /* @__PURE__ */ a(H, {
+	}), $ = /* @__PURE__ */ i(H, {
 		...Y.other,
 		...!P?.content && { ownerState: L },
 		sx: [...e(C(P?.content, p, L)), ...e(Y.sx)],
-		children: [T == null ? null : /* @__PURE__ */ i(U, {
+		children: [T == null ? null : /* @__PURE__ */ r(U, {
 			...X.other,
 			...!P?.contentHeader && { ownerState: L },
 			sx: [...e(C(P?.contentHeader, d, L)), ...e(X.sx)],
 			children: T
-		}), /* @__PURE__ */ i(o, {
+		}), /* @__PURE__ */ r(a, {
 			sx: {
 				flex: 1,
 				minHeight: 0,
 				overflow: "hidden"
 			},
-			children: D ? /* @__PURE__ */ i(G, {
+			children: D ? /* @__PURE__ */ r(G, {
 				...ie,
 				...!P?.contentScroller && { ownerState: L },
-				children: /* @__PURE__ */ i(W, {
+				children: /* @__PURE__ */ r(W, {
 					...Z.other,
 					...!P?.contentViewport && { ownerState: L },
 					sx: [...e(C(P?.contentViewport, m, L)), ...e(Z.sx)],
 					children: w
 				})
-			}) : /* @__PURE__ */ i(W, {
+			}) : /* @__PURE__ */ r(W, {
 				...Z.other,
 				...!P?.contentViewport && { ownerState: L },
 				sx: [...e(C(P?.contentViewport, m, L)), ...e(Z.sx)],
@@ -158,12 +158,12 @@ var w = r.forwardRef(function(n, s) {
 			})
 		})]
 	});
-	return /* @__PURE__ */ i(h, {
+	return /* @__PURE__ */ r(h, {
 		...I,
 		ownerState: L,
-		ref: s,
+		ref: o,
 		sx: e(F),
-		children: j === "left" ? /* @__PURE__ */ a(r.Fragment, { children: [Q, $] }) : /* @__PURE__ */ a(r.Fragment, { children: [$, Q] })
+		children: j === "left" ? /* @__PURE__ */ i(n.Fragment, { children: [Q, $] }) : /* @__PURE__ */ i(n.Fragment, { children: [$, Q] })
 	});
 });
 w.displayName = "STwoPaneLayout";

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-Dw9dmKyT.js";
-import { toSxArray as n } from "../utils/sx.js";
-import { t as r } from "../mergeSlotProps-DC8r4QzS.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-BgARERpp.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-XNOdbbRz.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-Bik9qOU9.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-D1U_JKqs.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-CIYOM-Sc.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-BsGb-tOr.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-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 { 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/drawer.js

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

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

@@ -1,2 +1,19 @@
-import { t as e } from "../../field-label-styles-4praXMaE.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-AuZHWfTs.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-1kWGzgux.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-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";
+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-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";
+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-ci1zDasn.js";
-import { n as t } from "../../inputAdornmentClasses-BbB8s-Z4.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,