@solostylist/ui-kit 1.0.224 → 1.0.226

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

@@ -1,634 +0,0 @@
-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 };