@solostylist/ui-kit 2.0.0 → 2.0.2

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

@@ -1,656 +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 { A as s, F as c, J as l, M as u, O as d, Q as f, Y as p, _ as m, d as h, et as ee, g, h as _, j as v, k as y, m as b, n as te, s as x, t as S, u as C, v as w, w as T, x as E } from "./useMobilePicker-C4UQFvkj.js";
-import { t as D } from "./useThemeProps-Cr28OQu3.js";
-import { tint as ne } from "./theme/utils.js";
-import { s as O } from "./ButtonBase-DxKtpFYs.js";
-import { n as k, t as A } from "./objectWithoutPropertiesLoose-Cpds-4w8.js";
-import { n as j } from "./useSlot-iIu8ek6E.js";
-import { t as M } from "./mergeSlotProps-xl1-PgWL.js";
-import { n as N } from "./inputBaseClasses-DuWQGq8Z.js";
-import { t as re } from "./field-label-styles-BOyhp6gw.js";
-import { t as ie } from "./Typography-yXjc7kVP.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 { styled as R, useTheme as z, useThemeProps as B } from "@mui/material";
-//#region ../../node_modules/@mui/x-date-pickers/DatePicker/datePickerToolbarClasses.mjs
-var V = /* @__PURE__ */ e(t(), 1);
-function H(e) {
-	return r("MuiDatePickerToolbar", e);
-}
-a("MuiDatePickerToolbar", ["root", "title"]);
-//#endregion
-//#region ../../node_modules/@mui/x-date-pickers/DatePicker/DatePickerToolbar.mjs
-var U = [
-	"toolbarFormat",
-	"toolbarPlaceholder",
-	"className",
-	"classes"
-], W = (e) => n({
-	root: ["root"],
-	title: ["title"]
-}, H, e), G = o(C, {
-	name: "MuiDatePickerToolbar",
-	slot: "Root"
-})({}), K = o(ie, {
-	name: "MuiDatePickerToolbar",
-	slot: "Title"
-})({ variants: [{
-	props: { pickerOrientation: "landscape" },
-	style: { margin: "auto 16px auto auto" }
-}] }), q = /* @__PURE__ */ F.forwardRef(function(e, t) {
-	let n = D({
-		props: e,
-		name: "MuiDatePickerToolbar"
-	}), { toolbarFormat: r, toolbarPlaceholder: a = "––", className: o, classes: c } = n, u = A(n, U), d = f(), { value: p, views: m, orientation: g } = ee(), _ = s(), v = h(), y = W(c), b = F.useMemo(() => {
-		if (!d.isValid(p)) return a;
-		let e = l(d, {
-			format: r,
-			views: m
-		}, !0);
-		return d.formatByString(p, e);
-	}, [
-		p,
-		r,
-		a,
-		d,
-		m
-	]);
-	return /* @__PURE__ */ L(G, k({
-		ref: t,
-		toolbarTitle: _.datePickerToolbarTitle,
-		className: i(y.root, o)
-	}, u, { children: /* @__PURE__ */ L(K, {
-		variant: "h4",
-		align: g === "landscape" ? "left" : "center",
-		ownerState: v,
-		className: y.title,
-		children: b
-	}) }));
-});
-process.env.NODE_ENV !== "production" && (q.displayName = "DatePickerToolbar"), process.env.NODE_ENV !== "production" && (q.propTypes = {
-	classes: V.default.object,
-	className: V.default.string,
-	hidden: V.default.bool,
-	sx: V.default.oneOfType([
-		V.default.arrayOf(V.default.oneOfType([
-			V.default.func,
-			V.default.object,
-			V.default.bool
-		])),
-		V.default.func,
-		V.default.object
-	]),
-	titleId: V.default.string,
-	toolbarFormat: V.default.string,
-	toolbarPlaceholder: V.default.node
-});
-//#endregion
-//#region ../../node_modules/@mui/x-date-pickers/DatePicker/shared.mjs
-function J(e, t) {
-	let n = D({
-		props: e,
-		name: t
-	});
-	return k({}, n, d(n), { localeText: F.useMemo(() => n.localeText?.toolbarTitle == null ? n.localeText : k({}, n.localeText, { datePickerToolbarTitle: n.localeText.toolbarTitle }), [n.localeText]) }, p({
-		views: n.views,
-		openTo: n.openTo,
-		defaultViews: ["year", "day"],
-		defaultOpenTo: "day"
-	}), { slots: k({ toolbar: q }, n.slots) });
-}
-//#endregion
-//#region ../../node_modules/@mui/x-date-pickers/DateField/useDateField.mjs
-var ae = (e) => m({
-	manager: y(),
-	props: e
-}), oe = ["slots", "slotProps"], Y = /* @__PURE__ */ F.forwardRef(function(e, t) {
-	let n = D({
-		props: e,
-		name: "MuiDateField"
-	}), { slots: r, slotProps: i } = n, a = A(n, oe), o = ae(g({
-		slotProps: i,
-		ref: t,
-		externalForwardedProps: a
-	}));
-	return /* @__PURE__ */ L(_, {
-		slots: r,
-		slotProps: i,
-		inputRef: a.inputRef,
-		children: /* @__PURE__ */ L(b, {
-			fieldResponse: o,
-			defaultOpenPickerIcon: T
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (Y.displayName = "DateField"), process.env.NODE_ENV !== "production" && (Y.propTypes = {
-	areAllSectionsEmpty: V.default.bool,
-	autoFocus: V.default.bool,
-	className: V.default.string,
-	clearable: V.default.bool,
-	clearButtonPosition: V.default.oneOf(["end", "start"]),
-	color: V.default.oneOf([
-		"error",
-		"info",
-		"primary",
-		"secondary",
-		"success",
-		"warning"
-	]),
-	component: V.default.elementType,
-	defaultValue: V.default.object,
-	disabled: V.default.bool,
-	disableFuture: V.default.bool,
-	disablePast: V.default.bool,
-	endAdornment: V.default.node,
-	error: V.default.bool,
-	fieldRef: V.default.oneOfType([V.default.func, V.default.object]),
-	focused: V.default.bool,
-	format: V.default.string,
-	formatDensity: V.default.oneOf(["dense", "spacious"]),
-	fullWidth: V.default.bool,
-	helperText: V.default.node,
-	hiddenLabel: V.default.bool,
-	id: V.default.string,
-	inputRef: O,
-	label: V.default.node,
-	margin: V.default.oneOf([
-		"dense",
-		"none",
-		"normal"
-	]),
-	maxDate: V.default.object,
-	minDate: V.default.object,
-	name: V.default.string,
-	onBlur: V.default.func,
-	onChange: V.default.func,
-	onClear: V.default.func,
-	onClick: V.default.func,
-	onError: V.default.func,
-	onFocus: V.default.func,
-	onInput: V.default.func,
-	onKeyDown: V.default.func,
-	onPaste: V.default.func,
-	onSelectedSectionsChange: V.default.func,
-	openPickerButtonPosition: V.default.oneOf(["end", "start"]),
-	readOnly: V.default.bool,
-	referenceDate: V.default.object,
-	required: V.default.bool,
-	selectedSections: V.default.oneOfType([V.default.oneOf([
-		"all",
-		"day",
-		"empty",
-		"hours",
-		"meridiem",
-		"minutes",
-		"month",
-		"seconds",
-		"weekDay",
-		"year"
-	]), V.default.number]),
-	shouldDisableDate: V.default.func,
-	shouldDisableMonth: V.default.func,
-	shouldDisableYear: V.default.func,
-	shouldRespectLeadingZeros: V.default.bool,
-	size: V.default.oneOf(["medium", "small"]),
-	slotProps: V.default.object,
-	slots: V.default.object,
-	startAdornment: V.default.node,
-	style: V.default.object,
-	sx: V.default.oneOfType([
-		V.default.arrayOf(V.default.oneOfType([
-			V.default.func,
-			V.default.object,
-			V.default.bool
-		])),
-		V.default.func,
-		V.default.object
-	]),
-	timezone: V.default.string,
-	value: V.default.object,
-	variant: V.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 = f(), r = J(e, "MuiDesktopDatePicker"), i = k({
-		day: x,
-		month: x,
-		year: x
-	}, r.viewRenderers), { renderPicker: a } = te({
-		ref: t,
-		props: k({}, r, {
-			closeOnSelect: r.closeOnSelect ?? !0,
-			viewRenderers: i,
-			format: l(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), v(r)),
-				toolbar: k({ hidden: !0 }, r.slotProps?.toolbar)
-			})
-		}),
-		valueManager: c,
-		valueType: "date",
-		validator: u,
-		steps: null
-	});
-	return a();
-});
-process.env.NODE_ENV !== "production" && (X.displayName = "DesktopDatePicker"), X.propTypes = {
-	autoFocus: V.default.bool,
-	className: V.default.string,
-	closeOnSelect: V.default.bool,
-	dayOfWeekFormatter: V.default.func,
-	defaultValue: V.default.object,
-	disabled: V.default.bool,
-	disableFuture: V.default.bool,
-	disableHighlightToday: V.default.bool,
-	disableOpenPicker: V.default.bool,
-	disablePast: V.default.bool,
-	displayWeekNumber: V.default.bool,
-	fixedWeekNumber: V.default.number,
-	format: V.default.string,
-	formatDensity: V.default.oneOf(["dense", "spacious"]),
-	inputRef: O,
-	keepOpenDuringFieldFocus: V.default.bool,
-	label: V.default.node,
-	loading: V.default.bool,
-	localeText: V.default.object,
-	maxDate: V.default.object,
-	minDate: V.default.object,
-	monthsPerRow: V.default.oneOf([3, 4]),
-	name: V.default.string,
-	onAccept: V.default.func,
-	onChange: V.default.func,
-	onClose: V.default.func,
-	onError: V.default.func,
-	onMonthChange: V.default.func,
-	onOpen: V.default.func,
-	onSelectedSectionsChange: V.default.func,
-	onViewChange: V.default.func,
-	onYearChange: V.default.func,
-	open: V.default.bool,
-	openTo: V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]),
-	orientation: V.default.oneOf(["landscape", "portrait"]),
-	readOnly: V.default.bool,
-	reduceAnimations: V.default.bool,
-	referenceDate: V.default.object,
-	renderLoading: V.default.func,
-	selectedSections: V.default.oneOfType([V.default.oneOf([
-		"all",
-		"day",
-		"empty",
-		"hours",
-		"meridiem",
-		"minutes",
-		"month",
-		"seconds",
-		"weekDay",
-		"year"
-	]), V.default.number]),
-	shouldDisableDate: V.default.func,
-	shouldDisableMonth: V.default.func,
-	shouldDisableYear: V.default.func,
-	showDaysOutsideCurrentMonth: V.default.bool,
-	slotProps: V.default.object,
-	slots: V.default.object,
-	sx: V.default.oneOfType([
-		V.default.arrayOf(V.default.oneOfType([
-			V.default.func,
-			V.default.object,
-			V.default.bool
-		])),
-		V.default.func,
-		V.default.object
-	]),
-	timezone: V.default.string,
-	value: V.default.object,
-	view: V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]),
-	viewRenderers: V.default.shape({
-		day: V.default.func,
-		month: V.default.func,
-		year: V.default.func
-	}),
-	views: V.default.arrayOf(V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]).isRequired),
-	yearsOrder: V.default.oneOf(["asc", "desc"]),
-	yearsPerRow: V.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 = f(), r = J(e, "MuiMobileDatePicker"), { renderPicker: i } = S({
-		ref: t,
-		props: k({}, r, {
-			viewRenderers: k({
-				day: x,
-				month: x,
-				year: x
-			}, r.viewRenderers),
-			format: l(n, r, !1),
-			slots: k({ field: Y }, r.slots),
-			slotProps: k({}, r.slotProps, {
-				field: (e) => k({}, j(r.slotProps?.field, e), v(r)),
-				toolbar: k({ hidden: !1 }, r.slotProps?.toolbar)
-			})
-		}),
-		valueManager: c,
-		valueType: "date",
-		validator: u,
-		steps: null
-	});
-	return i();
-});
-process.env.NODE_ENV !== "production" && (Z.displayName = "MobileDatePicker"), Z.propTypes = {
-	autoFocus: V.default.bool,
-	className: V.default.string,
-	closeOnSelect: V.default.bool,
-	dayOfWeekFormatter: V.default.func,
-	defaultValue: V.default.object,
-	disabled: V.default.bool,
-	disableFuture: V.default.bool,
-	disableHighlightToday: V.default.bool,
-	disableOpenPicker: V.default.bool,
-	disablePast: V.default.bool,
-	displayWeekNumber: V.default.bool,
-	fixedWeekNumber: V.default.number,
-	format: V.default.string,
-	formatDensity: V.default.oneOf(["dense", "spacious"]),
-	inputRef: O,
-	keepOpenDuringFieldFocus: V.default.bool,
-	label: V.default.node,
-	loading: V.default.bool,
-	localeText: V.default.object,
-	maxDate: V.default.object,
-	minDate: V.default.object,
-	monthsPerRow: V.default.oneOf([3, 4]),
-	name: V.default.string,
-	onAccept: V.default.func,
-	onChange: V.default.func,
-	onClose: V.default.func,
-	onError: V.default.func,
-	onMonthChange: V.default.func,
-	onOpen: V.default.func,
-	onSelectedSectionsChange: V.default.func,
-	onViewChange: V.default.func,
-	onYearChange: V.default.func,
-	open: V.default.bool,
-	openTo: V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]),
-	orientation: V.default.oneOf(["landscape", "portrait"]),
-	readOnly: V.default.bool,
-	reduceAnimations: V.default.bool,
-	referenceDate: V.default.object,
-	renderLoading: V.default.func,
-	selectedSections: V.default.oneOfType([V.default.oneOf([
-		"all",
-		"day",
-		"empty",
-		"hours",
-		"meridiem",
-		"minutes",
-		"month",
-		"seconds",
-		"weekDay",
-		"year"
-	]), V.default.number]),
-	shouldDisableDate: V.default.func,
-	shouldDisableMonth: V.default.func,
-	shouldDisableYear: V.default.func,
-	showDaysOutsideCurrentMonth: V.default.bool,
-	slotProps: V.default.object,
-	slots: V.default.object,
-	sx: V.default.oneOfType([
-		V.default.arrayOf(V.default.oneOfType([
-			V.default.func,
-			V.default.object,
-			V.default.bool
-		])),
-		V.default.func,
-		V.default.object
-	]),
-	timezone: V.default.string,
-	value: V.default.object,
-	view: V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]),
-	viewRenderers: V.default.shape({
-		day: V.default.func,
-		month: V.default.func,
-		year: V.default.func
-	}),
-	views: V.default.arrayOf(V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]).isRequired),
-	yearsOrder: V.default.oneOf(["asc", "desc"]),
-	yearsPerRow: V.default.oneOf([3, 4])
-};
-//#endregion
-//#region ../../node_modules/@mui/x-date-pickers/DatePicker/DatePicker.mjs
-var se = ["desktopModeMediaQuery"], Q = /* @__PURE__ */ F.forwardRef(function(e, t) {
-	let n = D({
-		props: e,
-		name: "MuiDatePicker"
-	}), { desktopModeMediaQuery: r = w } = n, i = A(n, se);
-	return E(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: V.default.bool,
-	className: V.default.string,
-	closeOnSelect: V.default.bool,
-	dayOfWeekFormatter: V.default.func,
-	defaultValue: V.default.object,
-	desktopModeMediaQuery: V.default.string,
-	disabled: V.default.bool,
-	disableFuture: V.default.bool,
-	disableHighlightToday: V.default.bool,
-	disableOpenPicker: V.default.bool,
-	disablePast: V.default.bool,
-	displayWeekNumber: V.default.bool,
-	fixedWeekNumber: V.default.number,
-	format: V.default.string,
-	formatDensity: V.default.oneOf(["dense", "spacious"]),
-	inputRef: O,
-	keepOpenDuringFieldFocus: V.default.bool,
-	label: V.default.node,
-	loading: V.default.bool,
-	localeText: V.default.object,
-	maxDate: V.default.object,
-	minDate: V.default.object,
-	monthsPerRow: V.default.oneOf([3, 4]),
-	name: V.default.string,
-	onAccept: V.default.func,
-	onChange: V.default.func,
-	onClose: V.default.func,
-	onError: V.default.func,
-	onMonthChange: V.default.func,
-	onOpen: V.default.func,
-	onSelectedSectionsChange: V.default.func,
-	onViewChange: V.default.func,
-	onYearChange: V.default.func,
-	open: V.default.bool,
-	openTo: V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]),
-	orientation: V.default.oneOf(["landscape", "portrait"]),
-	readOnly: V.default.bool,
-	reduceAnimations: V.default.bool,
-	referenceDate: V.default.object,
-	renderLoading: V.default.func,
-	selectedSections: V.default.oneOfType([V.default.oneOf([
-		"all",
-		"day",
-		"empty",
-		"hours",
-		"meridiem",
-		"minutes",
-		"month",
-		"seconds",
-		"weekDay",
-		"year"
-	]), V.default.number]),
-	shouldDisableDate: V.default.func,
-	shouldDisableMonth: V.default.func,
-	shouldDisableYear: V.default.func,
-	showDaysOutsideCurrentMonth: V.default.bool,
-	slotProps: V.default.object,
-	slots: V.default.object,
-	sx: V.default.oneOfType([
-		V.default.arrayOf(V.default.oneOfType([
-			V.default.func,
-			V.default.object,
-			V.default.bool
-		])),
-		V.default.func,
-		V.default.object
-	]),
-	timezone: V.default.string,
-	value: V.default.object,
-	view: V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]),
-	viewRenderers: V.default.shape({
-		day: V.default.func,
-		month: V.default.func,
-		year: V.default.func
-	}),
-	views: V.default.arrayOf(V.default.oneOf([
-		"day",
-		"month",
-		"year"
-	]).isRequired),
-	yearsOrder: V.default.oneOf(["asc", "desc"]),
-	yearsPerRow: V.default.oneOf([3, 4])
-});
-//#endregion
-//#region lib/s-date-picker/s-date-picker.tsx
-var ce = [
-	"year",
-	"month",
-	"day"
-], le = R(Q, {
-	name: "SDatePicker",
-	slot: "Root",
-	shouldForwardProp: (e) => e !== "ownerState"
-})({}), $ = I((e, t) => {
-	let n = B({
-		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 = z(), p = {
-		...n,
-		error: a,
-		required: i
-	};
-	return /* @__PURE__ */ L(le, {
-		...d,
-		ref: t,
-		label: r,
-		ownerState: p,
-		views: u,
-		slots: {
-			actionBar: P,
-			...c
-		},
-		slotProps: {
-			...l,
-			openPickerButton: M(l?.openPickerButton, {
-				edge: "end",
-				size: "small"
-			}),
-			popper: M(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: M(l?.textField, {
-				fullWidth: !0,
-				id: s,
-				error: a,
-				helperText: o,
-				required: i,
-				sx: {
-					...re,
-					"& .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(.${N.error}):not(.${N.disabled}), &.${N.focused}:not(.${N.error}):not(.${N.disabled})`]: {
-							outline: `3px solid ${ne((f.vars ?? f).palette.primary[500], 50)}`,
-							borderColor: (f.vars ?? f).palette.primary[400]
-						},
-						[`&.${N.error}:not(.${N.disabled})`]: {
-							borderColor: (f.vars ?? f).palette.error.main,
-							"&:hover": { borderColor: (f.vars ?? f).palette.error.main }
-						},
-						[`&.${N.error}:focus-within:not(.${N.disabled}), &.${N.error}.${N.focused}:not(.${N.disabled})`]: {
-							outline: `3px solid rgba(${(f.vars ?? f).palette.error.mainChannel} / 0.5)`,
-							borderColor: (f.vars ?? f).palette.error.main
-						},
-						[`&.${N.disabled}, &.${N.disabled} *`]: { color: (f.vars ?? f).palette.text.disabled },
-						[`&.${N.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 };