@solostylist/ui-kit 2.0.2 → 2.0.3

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

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