@solostylist/ui-kit 2.0.0 → 2.0.2

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

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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-datetime-picker-ByzW44E0.js";
+import { t as e } from "../s-datetime-picker-zfg7BEOW.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-ByzW44E0.js";
+import { t as e } from "../s-datetime-picker-zfg7BEOW.js";
 export { e as SDateTimePicker, e as default };