@solostylist/ui-kit 1.0.217 → 1.0.218

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

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

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

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

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

@@ -0,0 +1,634 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { _ as t, i 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 ee, w as te, y as ne, z as E } from "./useMobilePicker-ujH2nH2-.js";
+import { a as D } from "./LocalizationProvider-BdaUKqz3.js";
+import { o as O, s as k } from "./theme-primitives-OrQ-xFJR.js";
+import { a as A } from "./ButtonBase-Bo6ysVGS.js";
+import { n as j } from "./useSlot-Dkc1Mj31.js";
+import { t as M } from "./extends-D8CDMpIy.js";
+import { t as N } from "./objectWithoutPropertiesLoose-BpY-kC5L.js";
+import { t as P } from "./Typography-EsraKPZO.js";
+import { SForm as F } from "./s-form/s-form.js";
+import * 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(t(), 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(P, {
+	name: "MuiDatePickerToolbar",
+	slot: "Title"
+})({ variants: [{
+	props: { pickerOrientation: "landscape" },
+	style: { margin: "auto 16px auto auto" }
+}] }), G = /* @__PURE__ */ I.forwardRef(function(e, t) {
+	let n = D({
+		props: e,
+		name: "MuiDatePickerToolbar"
+	}), { toolbarFormat: r, toolbarPlaceholder: a = "––", className: o, classes: s } = n, c = N(n, V), l = m(), { value: u, views: d, orientation: p } = b(), g = f(), _ = x(), v = H(s), y = I.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__ */ L(U, M({
+		ref: t,
+		toolbarTitle: g.datePickerToolbarTitle,
+		className: i(v.root, o)
+	}, c, { children: /* @__PURE__ */ L(W, {
+		variant: "h4",
+		align: p === "landscape" ? "left" : "center",
+		ownerState: _,
+		className: v.title,
+		children: y
+	}) }));
+});
+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 M({}, n, te(n), { localeText: I.useMemo(() => n.localeText?.toolbarTitle == null ? n.localeText : M({}, n.localeText, { datePickerToolbarTitle: n.localeText.toolbarTitle }), [n.localeText]) }, c({
+		views: n.views,
+		openTo: n.openTo,
+		defaultViews: ["year", "day"],
+		defaultOpenTo: "day"
+	}), { slots: M({ toolbar: G }, n.slots) });
+}
+//#endregion
+//#region ../../node_modules/@mui/x-date-pickers/DateField/useDateField.mjs
+var q = (e) => p({
+	manager: g(),
+	props: e
+}), J = ["slots", "slotProps"], Y = /* @__PURE__ */ I.forwardRef(function(e, t) {
+	let n = D({
+		props: e,
+		name: "MuiDateField"
+	}), { slots: r, slotProps: i } = n, a = N(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__ */ I.forwardRef(function(e, t) {
+	let n = m(), r = K(e, "MuiDesktopDatePicker"), i = M({
+		day: w,
+		month: w,
+		year: w
+	}, r.viewRenderers), { renderPicker: a } = S({
+		ref: t,
+		props: M({}, r, {
+			closeOnSelect: r.closeOnSelect ?? !0,
+			viewRenderers: i,
+			format: h(n, r, !1),
+			yearsPerRow: r.yearsPerRow ?? 4,
+			slots: M({ field: Y }, r.slots),
+			slotProps: M({}, r.slotProps, {
+				field: (e) => M({}, j(r.slotProps?.field, e), d(r)),
+				toolbar: M({ hidden: !0 }, r.slotProps?.toolbar)
+			})
+		}),
+		valueManager: E,
+		valueType: "date",
+		validator: l,
+		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__ */ I.forwardRef(function(e, t) {
+	let n = m(), r = K(e, "MuiMobileDatePicker"), { renderPicker: i } = T({
+		ref: t,
+		props: M({}, r, {
+			viewRenderers: M({
+				day: w,
+				month: w,
+				year: w
+			}, r.viewRenderers),
+			format: h(n, r, !1),
+			slots: M({ field: Y }, r.slots),
+			slotProps: M({}, r.slotProps, {
+				field: (e) => M({}, j(r.slotProps?.field, e), d(r)),
+				toolbar: M({ hidden: !1 }, r.slotProps?.toolbar)
+			})
+		}),
+		valueManager: E,
+		valueType: "date",
+		validator: l,
+		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__ */ I.forwardRef(function(e, t) {
+	let n = D({
+		props: e,
+		name: "MuiDatePicker"
+	}), { desktopModeMediaQuery: r = u } = n, i = N(n, re);
+	return y(r, { defaultMatches: !0 }) ? /* @__PURE__ */ L(X, M({ ref: t }, i)) : /* @__PURE__ */ L(Z, M({ 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 $ = ({ label: e, required: t = !1, error: r, htmlFor: i, hint: a, slots: o, slotProps: s, ...c }) => {
+	let l = R();
+	return /* @__PURE__ */ L(F, {
+		label: e,
+		required: t,
+		error: r,
+		htmlFor: i,
+		hint: a,
+		children: /* @__PURE__ */ L(Q, {
+			slots: { ...o ?? {} },
+			slotProps: {
+				openPickerButton: {
+					edge: "end",
+					sx: { my: -1 }
+				},
+				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 t = typeof s?.textField == "function" ? s.textField(e) : s?.textField, a = t?.sx;
+					return {
+						fullWidth: !0,
+						id: i,
+						error: !!r,
+						...t,
+						sx: [{
+							"& .MuiPickersOutlinedInput-root": {
+								height: l.spacing(5),
+								minHeight: l.spacing(5),
+								px: 1.5,
+								py: 0,
+								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: k[500] },
+								"&:focus-within": {
+									outline: `3px solid ${n(O[500], .5)}`,
+									borderColor: O[400]
+								},
+								"&.MuiPickersInputBase-focused": {
+									outline: `3px solid ${n(O[500], .5)}`,
+									borderColor: O[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-BcpyhYZf.js";
+import { t as e } from "../s-datetime-picker-BlStwMie.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-BcpyhYZf.js";
+import { t as e } from "../s-datetime-picker-BlStwMie.js";
 export { e as SDateTimePicker, e as default };