@solostylist/ui-kit 1.0.224 → 1.0.226

package/dist/s-date-picker/picker-action-bar.js

@@ -0,0 +1,52 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+import { Button as t, DialogActions as n } from "@mui/material";
+import { usePickerContext as r, usePickerTranslations as i } from "@mui/x-date-pickers";
+//#region lib/s-date-picker/picker-action-bar.tsx
+var a = ({ actions: a, ...o }) => {
+	let s = i(), { clearValue: c, setValueToToday: l, acceptValueChanges: u, cancelValueChanges: d, goToNextStep: f, hasNextStep: p } = r();
+	return !a || a.length === 0 ? null : /* @__PURE__ */ e(n, {
+		...o,
+		children: a.map((n) => {
+			switch (n) {
+				case "clear": return /* @__PURE__ */ e(t, {
+					variant: "text",
+					onClick: c,
+					children: s.clearButtonLabel
+				}, n);
+				case "today": return /* @__PURE__ */ e(t, {
+					variant: "text",
+					onClick: l,
+					children: s.todayButtonLabel
+				}, n);
+				case "cancel": return /* @__PURE__ */ e(t, {
+					variant: "outlined",
+					onClick: d,
+					children: s.cancelButtonLabel
+				}, n);
+				case "next": return /* @__PURE__ */ e(t, {
+					variant: "contained",
+					onClick: f,
+					children: s.nextStepButtonLabel
+				}, n);
+				case "nextOrAccept": return p ? /* @__PURE__ */ e(t, {
+					variant: "contained",
+					onClick: f,
+					children: s.nextStepButtonLabel
+				}, n) : /* @__PURE__ */ e(t, {
+					variant: "contained",
+					onClick: u,
+					children: s.okButtonLabel
+				}, n);
+				case "accept": return /* @__PURE__ */ e(t, {
+					variant: "contained",
+					onClick: u,
+					children: s.okButtonLabel
+				}, n);
+				default: return null;
+			}
+		})
+	});
+};
+//#endregion
+export { a as PickerActionBar, a as default };

package/dist/s-date-picker/s-date-picker.d.ts

@@ -15,8 +15,5 @@ export interface SDatePickerProps extends DatePickerProps {
     /** Help text shown in tooltip next to the label */
     hint?: string;
 }
-export declare const SDatePicker: {
-    ({ label, required, error, htmlFor, hint, slots, slotProps, ...props }: SDatePickerProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const SDatePicker: React.ForwardRefExoticComponent<SDatePickerProps & React.RefAttributes<HTMLDivElement>>;
 export default SDatePicker;

package/dist/s-date-picker/s-date-picker.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-date-picker-BkZIEZoz.js";
+import { t as e } from "../s-date-picker-CLncO3oo.js";
 export { e as SDatePicker, e as default };

package/dist/s-date-picker-CLncO3oo.js

@@ -0,0 +1,640 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { tint as t } from "./theme/utils.js";
+import { _ as n } from "./createTheme-Bnw5w28O.js";
+import { o as r } from "./memoTheme-QMocAblm.js";
+import { t as i } from "./clsx-Bv8WXdlr.js";
+import { t as a } from "./generateUtilityClass-tRYNDrlH.js";
+import { t as o } from "./generateUtilityClasses-XrPHiTcM.js";
+import { t as s } from "./styled-BTDmdi4c.js";
+import { $ as c, A as l, C as u, D as d, I as f, M as p, N as m, X as h, Y as g, _, b as v, j as y, k as b, m as x, n as S, p as C, s as w, t as T, tt as E, v as ee, w as te, y as ne } from "./useMobilePicker-C8toWhEP.js";
+import { a as D } from "./warning-CFMmJJnf.js";
+import { t as O } from "./objectWithoutPropertiesLoose-kj3TmhoA.js";
+import { t as k } from "./extends-DM-C9PwL.js";
+import { i as A } from "./ButtonBase-BDefit5I.js";
+import { c as j } from "./useSlot-IwEDsR9t.js";
+import { t as M } from "./Typography-DqtTB0ZJ.js";
+import { SForm as N } from "./s-form/s-form.js";
+import { PickerActionBar as P } from "./s-date-picker/picker-action-bar.js";
+import * as F from "react";
+import { forwardRef as I } from "react";
+import { jsx as L } from "react/jsx-runtime";
+import { useTheme as R } from "@mui/material";
+//#region ../../node_modules/@mui/x-date-pickers/DatePicker/datePickerToolbarClasses.mjs
+var z = /* @__PURE__ */ e(n(), 1);
+function B(e) {
+	return a("MuiDatePickerToolbar", e);
+}
+o("MuiDatePickerToolbar", ["root", "title"]);
+//#endregion
+//#region ../../node_modules/@mui/x-date-pickers/DatePicker/DatePickerToolbar.mjs
+var V = [
+	"toolbarFormat",
+	"toolbarPlaceholder",
+	"className",
+	"classes"
+], H = (e) => r({
+	root: ["root"],
+	title: ["title"]
+}, B, e), U = s(C, {
+	name: "MuiDatePickerToolbar",
+	slot: "Root"
+})({}), W = s(M, {
+	name: "MuiDatePickerToolbar",
+	slot: "Title"
+})({ variants: [{
+	props: { pickerOrientation: "landscape" },
+	style: { margin: "auto 16px auto auto" }
+}] }), G = /* @__PURE__ */ F.forwardRef(function(e, t) {
+	let n = D({
+		props: e,
+		name: "MuiDatePickerToolbar"
+	}), { toolbarFormat: r, toolbarPlaceholder: a = "––", className: o, classes: s } = n, l = O(n, V), u = c(), { value: d, views: f, orientation: p } = E(), m = y(), h = x(), _ = H(s), v = F.useMemo(() => {
+		if (!u.isValid(d)) return a;
+		let e = g(u, {
+			format: r,
+			views: f
+		}, !0);
+		return u.formatByString(d, e);
+	}, [
+		d,
+		r,
+		a,
+		u,
+		f
+	]);
+	return /* @__PURE__ */ L(U, k({
+		ref: t,
+		toolbarTitle: m.datePickerToolbarTitle,
+		className: i(_.root, o)
+	}, l, { children: /* @__PURE__ */ L(W, {
+		variant: "h4",
+		align: p === "landscape" ? "left" : "center",
+		ownerState: h,
+		className: _.title,
+		children: v
+	}) }));
+});
+process.env.NODE_ENV !== "production" && (G.displayName = "DatePickerToolbar"), process.env.NODE_ENV !== "production" && (G.propTypes = {
+	classes: z.default.object,
+	className: z.default.string,
+	hidden: z.default.bool,
+	sx: z.default.oneOfType([
+		z.default.arrayOf(z.default.oneOfType([
+			z.default.func,
+			z.default.object,
+			z.default.bool
+		])),
+		z.default.func,
+		z.default.object
+	]),
+	titleId: z.default.string,
+	toolbarFormat: z.default.string,
+	toolbarPlaceholder: z.default.node
+});
+//#endregion
+//#region ../../node_modules/@mui/x-date-pickers/DatePicker/shared.mjs
+function K(e, t) {
+	let n = D({
+		props: e,
+		name: t
+	});
+	return k({}, n, b(n), { localeText: F.useMemo(() => n.localeText?.toolbarTitle == null ? n.localeText : k({}, n.localeText, { datePickerToolbarTitle: n.localeText.toolbarTitle }), [n.localeText]) }, h({
+		views: n.views,
+		openTo: n.openTo,
+		defaultViews: ["year", "day"],
+		defaultOpenTo: "day"
+	}), { slots: k({ toolbar: G }, n.slots) });
+}
+//#endregion
+//#region ../../node_modules/@mui/x-date-pickers/DateField/useDateField.mjs
+var q = (e) => u({
+	manager: l(),
+	props: e
+}), J = ["slots", "slotProps"], Y = /* @__PURE__ */ F.forwardRef(function(e, t) {
+	let n = D({
+		props: e,
+		name: "MuiDateField"
+	}), { slots: r, slotProps: i } = n, a = O(n, J), o = q(ne({
+		slotProps: i,
+		ref: t,
+		externalForwardedProps: a
+	}));
+	return /* @__PURE__ */ L(ee, {
+		slots: r,
+		slotProps: i,
+		inputRef: a.inputRef,
+		children: /* @__PURE__ */ L(_, {
+			fieldResponse: o,
+			defaultOpenPickerIcon: v
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "DateField"), process.env.NODE_ENV !== "production" && (Y.propTypes = {
+	areAllSectionsEmpty: z.default.bool,
+	autoFocus: z.default.bool,
+	className: z.default.string,
+	clearable: z.default.bool,
+	clearButtonPosition: z.default.oneOf(["end", "start"]),
+	color: z.default.oneOf([
+		"error",
+		"info",
+		"primary",
+		"secondary",
+		"success",
+		"warning"
+	]),
+	component: z.default.elementType,
+	defaultValue: z.default.object,
+	disabled: z.default.bool,
+	disableFuture: z.default.bool,
+	disablePast: z.default.bool,
+	endAdornment: z.default.node,
+	error: z.default.bool,
+	fieldRef: z.default.oneOfType([z.default.func, z.default.object]),
+	focused: z.default.bool,
+	format: z.default.string,
+	formatDensity: z.default.oneOf(["dense", "spacious"]),
+	fullWidth: z.default.bool,
+	helperText: z.default.node,
+	hiddenLabel: z.default.bool,
+	id: z.default.string,
+	inputRef: A,
+	label: z.default.node,
+	margin: z.default.oneOf([
+		"dense",
+		"none",
+		"normal"
+	]),
+	maxDate: z.default.object,
+	minDate: z.default.object,
+	name: z.default.string,
+	onBlur: z.default.func,
+	onChange: z.default.func,
+	onClear: z.default.func,
+	onClick: z.default.func,
+	onError: z.default.func,
+	onFocus: z.default.func,
+	onInput: z.default.func,
+	onKeyDown: z.default.func,
+	onPaste: z.default.func,
+	onSelectedSectionsChange: z.default.func,
+	openPickerButtonPosition: z.default.oneOf(["end", "start"]),
+	readOnly: z.default.bool,
+	referenceDate: z.default.object,
+	required: z.default.bool,
+	selectedSections: z.default.oneOfType([z.default.oneOf([
+		"all",
+		"day",
+		"empty",
+		"hours",
+		"meridiem",
+		"minutes",
+		"month",
+		"seconds",
+		"weekDay",
+		"year"
+	]), z.default.number]),
+	shouldDisableDate: z.default.func,
+	shouldDisableMonth: z.default.func,
+	shouldDisableYear: z.default.func,
+	shouldRespectLeadingZeros: z.default.bool,
+	size: z.default.oneOf(["medium", "small"]),
+	slotProps: z.default.object,
+	slots: z.default.object,
+	startAdornment: z.default.node,
+	style: z.default.object,
+	sx: z.default.oneOfType([
+		z.default.arrayOf(z.default.oneOfType([
+			z.default.func,
+			z.default.object,
+			z.default.bool
+		])),
+		z.default.func,
+		z.default.object
+	]),
+	timezone: z.default.string,
+	value: z.default.object,
+	variant: z.default.oneOf([
+		"filled",
+		"outlined",
+		"standard"
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/x-date-pickers/DesktopDatePicker/DesktopDatePicker.mjs
+var X = /* @__PURE__ */ F.forwardRef(function(e, t) {
+	let n = c(), r = K(e, "MuiDesktopDatePicker"), i = k({
+		day: w,
+		month: w,
+		year: w
+	}, r.viewRenderers), { renderPicker: a } = S({
+		ref: t,
+		props: k({}, r, {
+			closeOnSelect: r.closeOnSelect ?? !0,
+			viewRenderers: i,
+			format: g(n, r, !1),
+			yearsPerRow: r.yearsPerRow ?? 4,
+			slots: k({ field: Y }, r.slots),
+			slotProps: k({}, r.slotProps, {
+				field: (e) => k({}, j(r.slotProps?.field, e), p(r)),
+				toolbar: k({ hidden: !0 }, r.slotProps?.toolbar)
+			})
+		}),
+		valueManager: f,
+		valueType: "date",
+		validator: m,
+		steps: null
+	});
+	return a();
+});
+process.env.NODE_ENV !== "production" && (X.displayName = "DesktopDatePicker"), X.propTypes = {
+	autoFocus: z.default.bool,
+	className: z.default.string,
+	closeOnSelect: z.default.bool,
+	dayOfWeekFormatter: z.default.func,
+	defaultValue: z.default.object,
+	disabled: z.default.bool,
+	disableFuture: z.default.bool,
+	disableHighlightToday: z.default.bool,
+	disableOpenPicker: z.default.bool,
+	disablePast: z.default.bool,
+	displayWeekNumber: z.default.bool,
+	fixedWeekNumber: z.default.number,
+	format: z.default.string,
+	formatDensity: z.default.oneOf(["dense", "spacious"]),
+	inputRef: A,
+	keepOpenDuringFieldFocus: z.default.bool,
+	label: z.default.node,
+	loading: z.default.bool,
+	localeText: z.default.object,
+	maxDate: z.default.object,
+	minDate: z.default.object,
+	monthsPerRow: z.default.oneOf([3, 4]),
+	name: z.default.string,
+	onAccept: z.default.func,
+	onChange: z.default.func,
+	onClose: z.default.func,
+	onError: z.default.func,
+	onMonthChange: z.default.func,
+	onOpen: z.default.func,
+	onSelectedSectionsChange: z.default.func,
+	onViewChange: z.default.func,
+	onYearChange: z.default.func,
+	open: z.default.bool,
+	openTo: z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]),
+	orientation: z.default.oneOf(["landscape", "portrait"]),
+	readOnly: z.default.bool,
+	reduceAnimations: z.default.bool,
+	referenceDate: z.default.object,
+	renderLoading: z.default.func,
+	selectedSections: z.default.oneOfType([z.default.oneOf([
+		"all",
+		"day",
+		"empty",
+		"hours",
+		"meridiem",
+		"minutes",
+		"month",
+		"seconds",
+		"weekDay",
+		"year"
+	]), z.default.number]),
+	shouldDisableDate: z.default.func,
+	shouldDisableMonth: z.default.func,
+	shouldDisableYear: z.default.func,
+	showDaysOutsideCurrentMonth: z.default.bool,
+	slotProps: z.default.object,
+	slots: z.default.object,
+	sx: z.default.oneOfType([
+		z.default.arrayOf(z.default.oneOfType([
+			z.default.func,
+			z.default.object,
+			z.default.bool
+		])),
+		z.default.func,
+		z.default.object
+	]),
+	timezone: z.default.string,
+	value: z.default.object,
+	view: z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]),
+	viewRenderers: z.default.shape({
+		day: z.default.func,
+		month: z.default.func,
+		year: z.default.func
+	}),
+	views: z.default.arrayOf(z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]).isRequired),
+	yearsOrder: z.default.oneOf(["asc", "desc"]),
+	yearsPerRow: z.default.oneOf([3, 4])
+};
+//#endregion
+//#region ../../node_modules/@mui/x-date-pickers/MobileDatePicker/MobileDatePicker.mjs
+var Z = /* @__PURE__ */ F.forwardRef(function(e, t) {
+	let n = c(), r = K(e, "MuiMobileDatePicker"), { renderPicker: i } = T({
+		ref: t,
+		props: k({}, r, {
+			viewRenderers: k({
+				day: w,
+				month: w,
+				year: w
+			}, r.viewRenderers),
+			format: g(n, r, !1),
+			slots: k({ field: Y }, r.slots),
+			slotProps: k({}, r.slotProps, {
+				field: (e) => k({}, j(r.slotProps?.field, e), p(r)),
+				toolbar: k({ hidden: !1 }, r.slotProps?.toolbar)
+			})
+		}),
+		valueManager: f,
+		valueType: "date",
+		validator: m,
+		steps: null
+	});
+	return i();
+});
+process.env.NODE_ENV !== "production" && (Z.displayName = "MobileDatePicker"), Z.propTypes = {
+	autoFocus: z.default.bool,
+	className: z.default.string,
+	closeOnSelect: z.default.bool,
+	dayOfWeekFormatter: z.default.func,
+	defaultValue: z.default.object,
+	disabled: z.default.bool,
+	disableFuture: z.default.bool,
+	disableHighlightToday: z.default.bool,
+	disableOpenPicker: z.default.bool,
+	disablePast: z.default.bool,
+	displayWeekNumber: z.default.bool,
+	fixedWeekNumber: z.default.number,
+	format: z.default.string,
+	formatDensity: z.default.oneOf(["dense", "spacious"]),
+	inputRef: A,
+	keepOpenDuringFieldFocus: z.default.bool,
+	label: z.default.node,
+	loading: z.default.bool,
+	localeText: z.default.object,
+	maxDate: z.default.object,
+	minDate: z.default.object,
+	monthsPerRow: z.default.oneOf([3, 4]),
+	name: z.default.string,
+	onAccept: z.default.func,
+	onChange: z.default.func,
+	onClose: z.default.func,
+	onError: z.default.func,
+	onMonthChange: z.default.func,
+	onOpen: z.default.func,
+	onSelectedSectionsChange: z.default.func,
+	onViewChange: z.default.func,
+	onYearChange: z.default.func,
+	open: z.default.bool,
+	openTo: z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]),
+	orientation: z.default.oneOf(["landscape", "portrait"]),
+	readOnly: z.default.bool,
+	reduceAnimations: z.default.bool,
+	referenceDate: z.default.object,
+	renderLoading: z.default.func,
+	selectedSections: z.default.oneOfType([z.default.oneOf([
+		"all",
+		"day",
+		"empty",
+		"hours",
+		"meridiem",
+		"minutes",
+		"month",
+		"seconds",
+		"weekDay",
+		"year"
+	]), z.default.number]),
+	shouldDisableDate: z.default.func,
+	shouldDisableMonth: z.default.func,
+	shouldDisableYear: z.default.func,
+	showDaysOutsideCurrentMonth: z.default.bool,
+	slotProps: z.default.object,
+	slots: z.default.object,
+	sx: z.default.oneOfType([
+		z.default.arrayOf(z.default.oneOfType([
+			z.default.func,
+			z.default.object,
+			z.default.bool
+		])),
+		z.default.func,
+		z.default.object
+	]),
+	timezone: z.default.string,
+	value: z.default.object,
+	view: z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]),
+	viewRenderers: z.default.shape({
+		day: z.default.func,
+		month: z.default.func,
+		year: z.default.func
+	}),
+	views: z.default.arrayOf(z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]).isRequired),
+	yearsOrder: z.default.oneOf(["asc", "desc"]),
+	yearsPerRow: z.default.oneOf([3, 4])
+};
+//#endregion
+//#region ../../node_modules/@mui/x-date-pickers/DatePicker/DatePicker.mjs
+var re = ["desktopModeMediaQuery"], Q = /* @__PURE__ */ F.forwardRef(function(e, t) {
+	let n = D({
+		props: e,
+		name: "MuiDatePicker"
+	}), { desktopModeMediaQuery: r = te } = n, i = O(n, re);
+	return d(r, { defaultMatches: !0 }) ? /* @__PURE__ */ L(X, k({ ref: t }, i)) : /* @__PURE__ */ L(Z, k({ ref: t }, i));
+});
+process.env.NODE_ENV !== "production" && (Q.displayName = "DatePicker"), process.env.NODE_ENV !== "production" && (Q.propTypes = {
+	autoFocus: z.default.bool,
+	className: z.default.string,
+	closeOnSelect: z.default.bool,
+	dayOfWeekFormatter: z.default.func,
+	defaultValue: z.default.object,
+	desktopModeMediaQuery: z.default.string,
+	disabled: z.default.bool,
+	disableFuture: z.default.bool,
+	disableHighlightToday: z.default.bool,
+	disableOpenPicker: z.default.bool,
+	disablePast: z.default.bool,
+	displayWeekNumber: z.default.bool,
+	fixedWeekNumber: z.default.number,
+	format: z.default.string,
+	formatDensity: z.default.oneOf(["dense", "spacious"]),
+	inputRef: A,
+	keepOpenDuringFieldFocus: z.default.bool,
+	label: z.default.node,
+	loading: z.default.bool,
+	localeText: z.default.object,
+	maxDate: z.default.object,
+	minDate: z.default.object,
+	monthsPerRow: z.default.oneOf([3, 4]),
+	name: z.default.string,
+	onAccept: z.default.func,
+	onChange: z.default.func,
+	onClose: z.default.func,
+	onError: z.default.func,
+	onMonthChange: z.default.func,
+	onOpen: z.default.func,
+	onSelectedSectionsChange: z.default.func,
+	onViewChange: z.default.func,
+	onYearChange: z.default.func,
+	open: z.default.bool,
+	openTo: z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]),
+	orientation: z.default.oneOf(["landscape", "portrait"]),
+	readOnly: z.default.bool,
+	reduceAnimations: z.default.bool,
+	referenceDate: z.default.object,
+	renderLoading: z.default.func,
+	selectedSections: z.default.oneOfType([z.default.oneOf([
+		"all",
+		"day",
+		"empty",
+		"hours",
+		"meridiem",
+		"minutes",
+		"month",
+		"seconds",
+		"weekDay",
+		"year"
+	]), z.default.number]),
+	shouldDisableDate: z.default.func,
+	shouldDisableMonth: z.default.func,
+	shouldDisableYear: z.default.func,
+	showDaysOutsideCurrentMonth: z.default.bool,
+	slotProps: z.default.object,
+	slots: z.default.object,
+	sx: z.default.oneOfType([
+		z.default.arrayOf(z.default.oneOfType([
+			z.default.func,
+			z.default.object,
+			z.default.bool
+		])),
+		z.default.func,
+		z.default.object
+	]),
+	timezone: z.default.string,
+	value: z.default.object,
+	view: z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]),
+	viewRenderers: z.default.shape({
+		day: z.default.func,
+		month: z.default.func,
+		year: z.default.func
+	}),
+	views: z.default.arrayOf(z.default.oneOf([
+		"day",
+		"month",
+		"year"
+	]).isRequired),
+	yearsOrder: z.default.oneOf(["asc", "desc"]),
+	yearsPerRow: z.default.oneOf([3, 4])
+});
+//#endregion
+//#region lib/s-date-picker/s-date-picker.tsx
+var $ = I(({ label: e, required: n = !1, error: r, htmlFor: i, hint: a, slots: o, slotProps: s, ...c }, l) => {
+	let u = R();
+	return /* @__PURE__ */ L(N, {
+		label: e,
+		required: n,
+		error: r,
+		htmlFor: i,
+		hint: a,
+		children: /* @__PURE__ */ L(Q, {
+			ref: l,
+			slots: {
+				actionBar: P,
+				...o ?? {}
+			},
+			slotProps: {
+				openPickerButton: {
+					edge: "end",
+					size: "small"
+				},
+				popper: { sx: { "& .MuiPaper-root": {
+					border: "1px solid",
+					borderColor: (u.vars ?? u).palette.divider,
+					borderRadius: (u.vars ?? u).shape.borderRadius,
+					boxShadow: "none",
+					backgroundImage: "none"
+				} } },
+				...s ?? {},
+				textField: (e) => {
+					let n = typeof s?.textField == "function" ? s.textField(e) : s?.textField, a = n?.sx;
+					return {
+						fullWidth: !0,
+						id: i,
+						error: !!r,
+						...n,
+						sx: [{
+							"& .MuiPickersOutlinedInput-root": {
+								height: u.spacing(5),
+								minHeight: u.spacing(5),
+								px: 1.5,
+								py: 1,
+								color: (u.vars ?? u).palette.text.primary,
+								borderRadius: (u.vars ?? u).shape.borderRadius,
+								border: `1px solid ${(u.vars ?? u).palette.divider}`,
+								backgroundColor: (u.vars ?? u).palette.background.default,
+								transition: "border 120ms ease-in",
+								"&:hover": { borderColor: (u.vars ?? u).palette.grey[500] },
+								"&:focus-within": {
+									outline: `3px solid ${t((u.vars ?? u).palette.primary[500], 50)}`,
+									borderColor: (u.vars ?? u).palette.primary[400]
+								},
+								"&.MuiPickersInputBase-focused": {
+									outline: `3px solid ${t((u.vars ?? u).palette.primary[500], 50)}`,
+									borderColor: (u.vars ?? u).palette.primary[400]
+								},
+								"&.MuiPickersInputBase-error": { borderColor: (u.vars ?? u).palette.error.main },
+								"&.MuiPickersInputBase-inputSizeSmall": {
+									height: u.spacing(4.5),
+									minHeight: u.spacing(4.5)
+								}
+							},
+							"& .MuiPickersInputBase-sectionsContainer": {
+								alignItems: "center",
+								height: "100%",
+								p: "0 !important"
+							},
+							"& .MuiPickersOutlinedInput-notchedOutline": { border: "none !important" },
+							"& .MuiPickersInputBase-input::placeholder": {
+								opacity: 1,
+								color: (u.vars ?? u).palette.text.secondary
+							}
+						}, ...Array.isArray(a) ? a : a ? [a] : []]
+					};
+				}
+			},
+			...c
+		})
+	});
+});
+$.displayName = "SDatePicker";
+//#endregion
+export { $ as t };

package/dist/s-datetime-picker/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-datetime-picker-rCWovez1.js";
+import { t as e } from "../s-datetime-picker-Dy1fX3rI.js";
 export { e as SDateTimePicker, e as default };