@solostylist/ui-kit 1.0.223 → 1.0.225

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

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

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

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