@banzamel/mineralui 2.4.2 → 2.4.3

package/dist/dropdowns-nW3MY5XG.js

@@ -0,0 +1,1715 @@
+import { Ji as e, Ki as t, Li as n, Ri as r, Xi as i, qi as a } from "./icons-CBMl-kOM.js";
+import { t as o } from "./cn-YER3QsV1.js";
+import { a as s, i as c } from "./validators-DVYOtFnw.js";
+import { i as l, u } from "./formatters-T0vvjMtB.js";
+import { _ as d, a as f, c as p, d as ee, f as m, g as te, h, i as g, l as _, o as v, p as y, r as ne, s as re, t as b, u as ie } from "./dateUtils-CUY6CRCf.js";
+import { r as ae } from "./useGhostText-DG0bzcao.js";
+import { t as oe } from "./useKeyboardNav-iEXOdEMB.js";
+import { t as se } from "./MPopover-8gYD3Ogq.js";
+import { r as ce } from "./MButton-CEwo8lUB.js";
+import { t as le } from "./MCheckbox-BxFBADcE.js";
+import { i as x, n as ue, r as de } from "./frameworkTexts-DP5RUl19.js";
+import { t as fe } from "./MTag-cw3cIGHX.js";
+import { t as pe } from "./MInput-nodE-CZF.js";
+import { t as me } from "./locale-CjJpk9GN.js";
+import { i as S } from "./calendarDates-M_Dawj0j.js";
+import { useCallback as C, useEffect as w, useId as he, useMemo as T, useRef as ge, useState as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region src/components/dropdowns/MSelect/MSelect.tsx
+function A({ options: e, value: n, defaultValue: r, onChange: a, multiple: s = !1, searchable: c = !1, placeholder: l = "Select...", disabled: u = !1, name: d, id: f, variant: p = "outlined", size: ee = "md", color: m, fullWidth: te = !1, label: h, helperText: g, errorText: _, error: v = !1, required: y = !1, loading: ne = !1, clearable: re = !1, maxHeight: b = 300, noOptionsText: ie = "No options", renderOption: ae, searchPlaceholder: x = "Search...", renderValue: de, className: pe, style: me }) {
+	let S = ue(), [w, D] = E(!1), [A, _e] = E(r ?? (s ? [] : "")), [ve, ye] = E(""), j = ge(null), M = n === void 0 ? A : n, N = v || !!_, P = T(() => Array.isArray(M) ? M : M ? [M] : [], [M]), F = T(() => e.filter((e) => P.includes(e.value)), [e, P]), I = T(() => {
+		if (!c || !ve) return e;
+		let t = ve.toLowerCase();
+		return e.filter((e) => e.label.toLowerCase().includes(t));
+	}, [
+		e,
+		c,
+		ve
+	]), be = T(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of I) {
+			let n = t.group ?? "";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		return e;
+	}, [I]), L = I, R = C((e) => {
+		let t = L[e];
+		if (!(!t || t.disabled)) if (s) {
+			let e = Array.isArray(M) ? M : [], r = e.includes(t.value) ? e.filter((e) => e !== t.value) : [...e, t.value];
+			n === void 0 && _e(r), a?.(r);
+		} else n === void 0 && _e(t.value), a?.(t.value), D(!1), ye("");
+	}, [
+		L,
+		s,
+		M,
+		n,
+		a
+	]), { activeIndex: z, setActiveIndex: B, resetIndex: V, onKeyDown: xe } = oe({
+		itemCount: L.length,
+		onSelect: R,
+		onClose: () => {
+			D(!1), ye("");
+		},
+		isOpen: w
+	}), H = he(), U = `${H}-label`, Se = `${H}-listbox`, Ce = (e) => `${H}-option-${e}`, we = w && z >= 0 && z < L.length ? Ce(z) : void 0, W = C(() => {
+		u || (D((e) => !e), V());
+	}, [u, V]), Te = C((e) => {
+		e.stopPropagation();
+		let t = s ? [] : "";
+		n === void 0 && _e(t), a?.(t);
+	}, [
+		s,
+		n,
+		a
+	]), G = T(() => de && F.length > 0 ? de(s ? F : F[0]) : s && F.length > 0 ? /* @__PURE__ */ O("span", {
+		className: "tags",
+		children: F.map((e) => /* @__PURE__ */ O(fe, {
+			label: e.label,
+			color: m,
+			size: ee,
+			variant: "solid"
+		}, e.value))
+	}) : !s && F.length > 0 ? F[0].label : /* @__PURE__ */ O("span", {
+		className: "placeholder",
+		children: l
+	}), [
+		F,
+		s,
+		de,
+		l,
+		m,
+		ee
+	]);
+	return /* @__PURE__ */ k("div", {
+		className: o("select", m && `color-${m}`, te && "full-width", pe),
+		style: me,
+		children: [
+			h && /* @__PURE__ */ O("label", {
+				id: U,
+				htmlFor: f,
+				className: o("field-label", w && "focused", N && "error", y && "required"),
+				children: h
+			}),
+			/* @__PURE__ */ k("div", {
+				ref: j,
+				className: o("trigger", `field-${p}`, `field-${ee}`, w && "focused", N && "error", u && "disabled"),
+				onClick: W,
+				onKeyDown: xe,
+				tabIndex: u ? -1 : 0,
+				role: "combobox",
+				"aria-expanded": w,
+				"aria-haspopup": "listbox",
+				"aria-controls": w ? Se : void 0,
+				"aria-activedescendant": we,
+				"aria-labelledby": h ? U : void 0,
+				"aria-invalid": N || void 0,
+				id: f,
+				children: [
+					/* @__PURE__ */ O("span", {
+						className: "value",
+						children: G
+					}),
+					ne && /* @__PURE__ */ O(ce, {
+						size: "sm",
+						color: m
+					}),
+					re && P.length > 0 && !ne && !u && /* @__PURE__ */ O("button", {
+						type: "button",
+						className: "clear-btn clear-btn-base",
+						onClick: Te,
+						tabIndex: -1,
+						"aria-label": S.clearSelection,
+						children: /* @__PURE__ */ O(i, {})
+					}),
+					/* @__PURE__ */ O("span", {
+						className: o("arrow", w && "open"),
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ O(t, {})
+					})
+				]
+			}),
+			d && /* @__PURE__ */ O("input", {
+				type: "hidden",
+				name: d,
+				value: Array.isArray(M) ? M.join(",") : M
+			}),
+			/* @__PURE__ */ O(se, {
+				className: "select-popover",
+				open: w,
+				anchorRef: j,
+				onClose: () => {
+					D(!1), ye("");
+				},
+				matchWidth: !0,
+				placement: "bottom-start",
+				children: /* @__PURE__ */ k("div", {
+					style: { maxHeight: b },
+					className: "dropdown",
+					children: [c && /* @__PURE__ */ O("div", {
+						className: "search-box",
+						children: /* @__PURE__ */ O("input", {
+							type: "text",
+							className: "search-input",
+							placeholder: x,
+							value: ve,
+							onChange: (e) => {
+								ye(e.target.value), B(0);
+							},
+							onKeyDown: xe,
+							"aria-controls": Se,
+							"aria-activedescendant": we,
+							"aria-autocomplete": "list",
+							autoFocus: !0
+						})
+					}), L.length === 0 ? /* @__PURE__ */ O("div", {
+						className: "no-options",
+						children: ie
+					}) : /* @__PURE__ */ O("div", {
+						id: Se,
+						className: "options-list",
+						role: "listbox",
+						"aria-multiselectable": s || void 0,
+						children: [...be.entries()].map(([e, t]) => /* @__PURE__ */ k("div", { children: [e && /* @__PURE__ */ O("div", {
+							className: "group-header",
+							children: e
+						}), t.map((e) => {
+							let t = L.indexOf(e), n = t === z, r = P.includes(e.value);
+							return /* @__PURE__ */ k("div", {
+								id: Ce(t),
+								className: o("option", n && "active", r && "selected", e.disabled && "disabled"),
+								onClick: () => !e.disabled && R(t),
+								onMouseEnter: () => B(t),
+								role: "option",
+								"aria-selected": r,
+								"aria-disabled": e.disabled,
+								children: [s && /* @__PURE__ */ O(le, {
+									checked: r,
+									size: "sm",
+									color: m,
+									clickEffect: "none",
+									className: "select-check"
+								}), ae ? ae(e, n, r) : e.label]
+							}, e.value);
+						})] }, e))
+					})]
+				})
+			}),
+			(_ || g) && /* @__PURE__ */ O("div", {
+				className: "bottom-row",
+				children: _ ? /* @__PURE__ */ O("span", {
+					className: "field-error",
+					role: "alert",
+					children: _
+				}) : /* @__PURE__ */ O("span", {
+					className: "helper-text",
+					children: g
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/MAutocomplete/MAutocomplete.tsx
+function _e(e) {
+	return typeof e == "string" ? e : String(e);
+}
+function ve(e) {
+	return typeof e == "string" ? e : String(e);
+}
+function ye(e, t, n) {
+	if (!t) return e;
+	let r = t.toLowerCase();
+	return e.filter((e) => n(e).toLowerCase().includes(r));
+}
+function j({ options: e, value: t, onChange: n, getOptionLabel: r = _e, getOptionValue: a = ve, filterOptions: s, multiple: c = !1, debounceMs: l = 0, onInputChange: u, loading: d = !1, loadingText: f = "Loading...", noOptionsText: p = "No options", placeholder: ee = "Type to search...", disabled: m = !1, name: te, id: h, variant: g = "outlined", size: _ = "md", color: v, fullWidth: y = !1, label: ne, helperText: re, errorText: b, error: ie = !1, required: le = !1, clearable: x = !1, maxHeight: de = 300, renderOption: pe, renderTags: me, className: S, style: w }) {
+	let D = he(), A = ue(), [j, M] = E(!1), [N, P] = E(""), F = ge(null), I = ge(null), be = ie || !!b, L = T(() => t == null ? [] : Array.isArray(t) ? t.filter((e) => e != null) : [t], [t]), R = T(() => s ? s(e, N) : ye(e, N, r), [
+		e,
+		N,
+		s,
+		r
+	]), z = ae((e) => u?.(e), l), B = C((e) => {
+		P(e.target.value), z(e.target.value), j || M(!0);
+	}, [j, z]), V = C((e) => {
+		let t = R[e];
+		if (t) if (c) {
+			let e = [...L], r = a(t), i = e.findIndex((e) => a(e) === r);
+			i >= 0 ? e.splice(i, 1) : e.push(t), n?.(e), P(""), I.current?.focus();
+		} else n?.(t), P(r(t)), M(!1);
+	}, [
+		R,
+		c,
+		L,
+		a,
+		r,
+		n
+	]), xe = C((e) => {
+		let t = [...L];
+		t.splice(e, 1), n?.(c ? t : t[0] ?? "");
+	}, [
+		L,
+		n,
+		c
+	]), { activeIndex: H, setActiveIndex: U, resetIndex: Se, onKeyDown: Ce } = oe({
+		itemCount: R.length,
+		onSelect: V,
+		onClose: () => M(!1),
+		isOpen: j
+	}), we = C((e) => {
+		if (e.key === "Backspace" && c && !N && L.length > 0) {
+			xe(L.length - 1);
+			return;
+		}
+		Ce(e);
+	}, [
+		N,
+		c,
+		L,
+		Ce,
+		xe
+	]), W = C((e) => {
+		e.stopPropagation(), P(""), n?.(c ? [] : ""), I.current?.focus();
+	}, [c, n]), Te = `${D}-listbox`, G = (e) => `${D}-option-${e}`, Ee = j && !d && H >= 0 && H < R.length ? G(H) : void 0;
+	return /* @__PURE__ */ k("div", {
+		className: o("autocomplete", v && `color-${v}`, y && "full-width", S),
+		style: w,
+		children: [
+			ne && /* @__PURE__ */ O("label", {
+				htmlFor: h,
+				className: o("field-label", j && "focused", be && "error", le && "required"),
+				children: ne
+			}),
+			/* @__PURE__ */ k("div", {
+				ref: F,
+				className: o("input-wrapper", `field-${g}`, `field-${_}`, j && "focused", be && "error", m && "disabled"),
+				onClick: () => I.current?.focus(),
+				children: [
+					c && L.length > 0 && (me ? me(L, xe) : /* @__PURE__ */ O("span", {
+						className: "tags",
+						children: L.map((e, t) => /* @__PURE__ */ O(fe, {
+							label: r(e),
+							color: v,
+							size: _,
+							variant: "solid",
+							closable: !0,
+							onClose: () => xe(t)
+						}, a(e)))
+					})),
+					/* @__PURE__ */ O("input", {
+						ref: I,
+						type: "text",
+						className: "input",
+						value: N,
+						onChange: B,
+						onFocus: () => {
+							M(!0), Se();
+						},
+						onKeyDown: we,
+						placeholder: L.length > 0 ? "" : ee,
+						disabled: m,
+						id: h,
+						role: "combobox",
+						"aria-autocomplete": "list",
+						"aria-expanded": j,
+						"aria-haspopup": "listbox",
+						"aria-controls": j ? Te : void 0,
+						"aria-activedescendant": Ee,
+						"aria-invalid": be || void 0,
+						autoComplete: "off"
+					}),
+					d && /* @__PURE__ */ O(ce, {
+						size: "sm",
+						color: v
+					}),
+					x && (L.length > 0 || N) && !d && !m && /* @__PURE__ */ O("button", {
+						type: "button",
+						className: "clear-btn clear-btn-base",
+						onClick: W,
+						tabIndex: -1,
+						"aria-label": A.clearInput,
+						children: /* @__PURE__ */ O(i, {})
+					})
+				]
+			}),
+			te && /* @__PURE__ */ O("input", {
+				type: "hidden",
+				name: te,
+				value: L.map(a).join(",")
+			}),
+			/* @__PURE__ */ O(se, {
+				className: o("autocomplete-popover", v && `color-${v}`),
+				open: j && (R.length > 0 || d || !!N),
+				anchorRef: F,
+				onClose: () => M(!1),
+				matchWidth: !0,
+				placement: "bottom-start",
+				children: /* @__PURE__ */ O("div", {
+					style: { maxHeight: de },
+					className: "dropdown",
+					children: d ? /* @__PURE__ */ O("div", {
+						className: "loading-msg",
+						children: f
+					}) : R.length === 0 ? /* @__PURE__ */ O("div", {
+						className: "no-options",
+						children: p
+					}) : /* @__PURE__ */ O("div", {
+						id: Te,
+						className: "options-list",
+						role: "listbox",
+						children: R.map((e, t) => {
+							let n = t === H, i = L.some((t) => a(t) === a(e));
+							return /* @__PURE__ */ O("div", {
+								id: G(t),
+								className: o("option", n && "active", i && "selected"),
+								onClick: () => V(t),
+								onMouseEnter: () => U(t),
+								role: "option",
+								"aria-selected": i,
+								children: pe ? pe(e, n) : r(e)
+							}, a(e));
+						})
+					})
+				})
+			}),
+			(b || re) && /* @__PURE__ */ O("div", {
+				className: "bottom-row",
+				children: b ? /* @__PURE__ */ O("span", {
+					className: "field-error",
+					role: "alert",
+					children: b
+				}) : /* @__PURE__ */ O("span", {
+					className: "helper-text",
+					children: re
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/utils/colorRgbVar.ts
+var M = {
+	primary: "var(--mineral-primary-rgb)",
+	neutral: "var(--mineral-neutral-rgb)",
+	success: "var(--mineral-success-rgb)",
+	error: "var(--mineral-error-rgb)",
+	warning: "var(--mineral-warning-rgb)",
+	info: "var(--mineral-info-rgb)",
+	light: "var(--mineral-light-rgb)",
+	dark: "var(--mineral-dark-color-rgb)",
+	news: "var(--mineral-news-rgb)"
+};
+function N(e) {
+	return M[e ?? "primary"] ?? M.primary;
+}
+//#endregion
+//#region src/components/dropdowns/MDatePicker/MDatePicker.tsx
+var P = "Date is unavailable", F = "Invalid time";
+function I(e) {
+	if (!e) return null;
+	if (e instanceof Date) return isNaN(e.getTime()) ? null : new Date(e.getTime());
+	let t = new Date(e);
+	return isNaN(t.getTime()) ? null : t;
+}
+function be(e) {
+	let t = e.replace(/DD/g, "dd").replace(/YYYY/g, "yyyy"), n = t.match(/dd|MM|yyyy/g), r = t.match(/[^dMy]/)?.[0], i = r === "/" || r === "." || r === "-" ? r : ".";
+	switch (n?.join("/")) {
+		case "MM/dd/yyyy": return {
+			inputFormat: "MM/DD/YYYY",
+			separator: i
+		};
+		case "yyyy/MM/dd": return {
+			inputFormat: "YYYY/MM/DD",
+			separator: i
+		};
+		default: return {
+			inputFormat: "DD/MM/YYYY",
+			separator: i
+		};
+	}
+}
+function L(e, t) {
+	return e === "12h" ? t ? "hh:mm:ss AM" : "hh:mm AM" : t ? "HH:MM:SS" : "HH:MM";
+}
+function R(e, t, n, r, i, a) {
+	return e || (n ? `${t} ${a ?? L(r, i)}` : t);
+}
+function z(e, t) {
+	if (!e) return "";
+	let n = v(d(e), t.format);
+	return t.withTime ? `${n} ${_(e.getHours(), e.getMinutes(), e.getSeconds(), t.showSeconds, t.timeFormat)}` : n;
+}
+function B(e, t) {
+	return e ? e.length <= 2 ? e : e.length <= 4 ? `${e.slice(0, 2)}:${e.slice(2)}` : t ? `${e.slice(0, 2)}:${e.slice(2, 4)}:${e.slice(4, 6)}` : `${e.slice(0, 2)}:${e.slice(2, 4)}` : "";
+}
+function V(e) {
+	let t = e.toUpperCase().replace(/[^APM]/g, "");
+	return t ? t.startsWith("AM") ? "AM" : t.startsWith("PM") ? "PM" : t.startsWith("A") ? "A" : t.startsWith("P") ? "P" : "" : "";
+}
+function xe(e, t) {
+	let n = e.trim();
+	if (!n) return {
+		datePart: "",
+		timePart: ""
+	};
+	if (!t) return {
+		datePart: n,
+		timePart: ""
+	};
+	let r = n.indexOf(" ");
+	return r === -1 ? {
+		datePart: n,
+		timePart: ""
+	} : {
+		datePart: n.slice(0, r).trim(),
+		timePart: n.slice(r + 1).trim()
+	};
+}
+function H(e, t) {
+	let n = e.toUpperCase(), r = u(n), i = r.slice(0, 8), a = t.withTime ? r.slice(8, 8 + (t.showSeconds ? 6 : 4)) : "", o = l(i, t.inputFormat, t.separator);
+	if (!t.withTime) return {
+		formatted: o,
+		datePart: o,
+		timePart: ""
+	};
+	let s = B(a, t.showSeconds), c = t.timeFormat === "12h" ? V(n) : "", d = `${s}${c ? `${s ? " " : ""}${c}` : ""}`.trim();
+	if (!o) return {
+		formatted: d,
+		datePart: "",
+		timePart: d
+	};
+	let f = i.length === 8, p = /\s/.test(n.slice(o.length));
+	return {
+		formatted: d || f && p ? `${o} ${d}` : o,
+		datePart: o,
+		timePart: d
+	};
+}
+function U(e, t) {
+	return e ? _(e.getHours(), e.getMinutes(), e.getSeconds(), t, "24h") : "";
+}
+function Se(e, t) {
+	let { datePart: n, timePart: r } = xe(e, t.withTime);
+	if (!n && !r) return { status: "empty" };
+	let i = s(n, {
+		format: t.inputFormat,
+		minDate: t.minDate ?? void 0,
+		maxDate: t.maxDate ?? void 0
+	});
+	if (!i.valid) return i.error === "Incomplete date" ? {
+		status: "partial",
+		datePart: n,
+		timePart: r
+	} : {
+		status: "invalid",
+		datePart: n,
+		timePart: r,
+		result: i
+	};
+	let a = c(n, t.inputFormat);
+	return a ? t.isDisabled(a) ? {
+		status: "invalid",
+		datePart: n,
+		timePart: r,
+		result: {
+			valid: !1,
+			error: P
+		}
+	} : t.withTime ? r ? te(r, t.timeFormat) ? {
+		status: "valid",
+		datePart: n,
+		timePart: r,
+		value: ne(a, r, {
+			format: t.timeFormat,
+			showSeconds: t.showSeconds
+		})
+	} : {
+		status: "invalid",
+		datePart: n,
+		timePart: r,
+		result: {
+			valid: !1,
+			error: F
+		}
+	} : {
+		status: "valid",
+		datePart: n,
+		timePart: "",
+		value: ne(a, "", {
+			format: t.timeFormat,
+			showSeconds: t.showSeconds
+		})
+	} : {
+		status: "valid",
+		datePart: n,
+		timePart: "",
+		value: d(a)
+	} : {
+		status: "invalid",
+		datePart: n,
+		timePart: r,
+		result: {
+			valid: !1,
+			error: "Invalid date"
+		}
+	};
+}
+function Ce(e) {
+	let t = e.hours >= 12 ? "PM" : "AM";
+	return {
+		hours: e.hours % 12 || 12,
+		minutes: e.minutes,
+		seconds: e.seconds,
+		meridiem: t
+	};
+}
+function we(e, t) {
+	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
+}
+function W({ value: t, defaultValue: n, onChange: i, format: s = "dd.MM.yyyy", locale: c, min: l, max: f, disabledDates: p, placeholder: h, disabled: g = !1, readOnly: v = !1, name: ae, id: oe, variant: ce = "outlined", size: le = "md", color: x, label: fe, helperText: he, errorText: A, error: _e = !1, required: ve = !1, clearable: ye = !1, withTime: j = !1, validateOnBlur: M = !0, validateOnChange: P = !1, onValidationChange: L, timeFormat: B = "24h", showSeconds: V = !1, minuteStep: xe = 1, timePlaceholder: W, inline: G = !1, showTodayButton: Ee = !0, firstDayOfWeek: De = 1, fullWidth: K = !1, className: Oe, style: q }) {
+	let J = ue(), ke = me(c), Ae = de(), { inputFormat: je, separator: Me } = T(() => be(s), [s]), [Ne, Pe] = E(!1), [Fe, Ie] = E(() => I(n)), [Le, Re] = E({ valid: !0 }), [ze, Be] = E(!1), Y = t === void 0 ? Fe : I(t), [Ve, He] = E(() => z(Y, {
+		format: s,
+		withTime: j,
+		timeFormat: B,
+		showSeconds: V
+	})), [Ue, We] = E(() => U(Y, V)), [Ge, Ke] = E(() => {
+		let e = Y ? d(Y) : /* @__PURE__ */ new Date();
+		return new Date(e.getFullYear(), e.getMonth(), 1);
+	}), [qe, Je] = E("days"), Ye = ge(null), Xe = Y?.getTime() ?? null, Ze = I(l), Qe = I(f), $e = _e || ze && !Le.valid, et = A || (ze && !Le.valid ? Le.error : void 0), tt = ie(ke, De), nt = ee(ke);
+	w(() => {
+		if (He(z(Y, {
+			format: s,
+			withTime: j,
+			timeFormat: B,
+			showSeconds: V
+		})), We(U(Y, V)), Y) {
+			let e = d(Y);
+			Ke(new Date(e.getFullYear(), e.getMonth(), 1));
+		}
+	}, [
+		s,
+		Xe,
+		V,
+		B,
+		j
+	]);
+	let X = C((e) => m(e, Ze, Qe) ? Array.isArray(p) ? p.some((t) => y(t, e)) : typeof p == "function" ? p(e) : !1 : !0, [
+		p,
+		Qe,
+		Ze
+	]), Z = C((e) => {
+		Re(e), L?.(e);
+	}, [L]), Q = C((e) => {
+		t === void 0 && Ie(e), i?.(e);
+	}, [i, t]), rt = T(() => Se(Ve, {
+		inputFormat: je,
+		minDate: Ze,
+		maxDate: Qe,
+		withTime: j,
+		timeFormat: B,
+		showSeconds: V,
+		isDisabled: X
+	}), [
+		je,
+		Ve,
+		X,
+		Qe,
+		Ze,
+		V,
+		B,
+		j
+	]), it = T(() => rt.status === "valid" ? d(rt.value) : Y ? d(Y) : null, [rt, Y]), $ = T(() => j ? te(rt.status !== "empty" && rt.timePart ? rt.timePart : Ue || U(Y, V), B) ?? {
+		hours: 0,
+		minutes: 0,
+		seconds: 0
+	} : null, [
+		Ue,
+		rt,
+		Y,
+		V,
+		B,
+		j
+	]), at = C((e) => {
+		let t = H(e.target.value, {
+			inputFormat: je,
+			separator: Me,
+			withTime: j,
+			timeFormat: B,
+			showSeconds: V
+		});
+		He(t.formatted), We(t.timePart);
+		let n = Se(t.formatted, {
+			inputFormat: je,
+			minDate: Ze,
+			maxDate: Qe,
+			withTime: j,
+			timeFormat: B,
+			showSeconds: V,
+			isDisabled: X
+		});
+		if (n.status === "empty") {
+			Z({ valid: !0 }), Q(null);
+			return;
+		}
+		if (n.status === "invalid" && P) Z(n.result);
+		else if (n.status === "valid") {
+			Z({ valid: !0 }), Ke(new Date(n.value.getFullYear(), n.value.getMonth(), 1));
+			let t = V ? 6 : 4, r = j ? u(e.target.value).slice(8).length : 0;
+			(!j || r >= t) && Q(n.value);
+		}
+	}, [
+		Q,
+		Z,
+		je,
+		X,
+		Qe,
+		Ze,
+		Me,
+		V,
+		B,
+		P,
+		j
+	]), ot = C(() => {
+		Be(!0);
+		let e = Se(Ve, {
+			inputFormat: je,
+			minDate: Ze,
+			maxDate: Qe,
+			withTime: j,
+			timeFormat: B,
+			showSeconds: V,
+			isDisabled: X
+		});
+		if (e.status === "empty") {
+			Z({ valid: !0 });
+			return;
+		}
+		if (e.status === "partial") {
+			M && Z({
+				valid: !1,
+				error: "Incomplete date"
+			});
+			return;
+		}
+		if (e.status === "invalid") {
+			if (j && e.result.error === F && e.datePart) {
+				let t = _(0, 0, 0, V, B), n = Se(`${e.datePart} ${t}`, {
+					inputFormat: je,
+					minDate: Ze,
+					maxDate: Qe,
+					withTime: j,
+					timeFormat: B,
+					showSeconds: V,
+					isDisabled: X
+				});
+				if (n.status === "valid") {
+					Z({ valid: !0 }), He(z(n.value, {
+						format: s,
+						withTime: j,
+						timeFormat: B,
+						showSeconds: V
+					})), We(U(n.value, V)), Q(n.value);
+					return;
+				}
+			}
+			M && Z(e.result);
+			return;
+		}
+		Z({ valid: !0 }), He(z(e.value, {
+			format: s,
+			withTime: j,
+			timeFormat: B,
+			showSeconds: V
+		})), We(U(e.value, V)), Q(e.value);
+	}, [
+		Q,
+		Z,
+		s,
+		je,
+		Ve,
+		X,
+		Qe,
+		Ze,
+		V,
+		B,
+		M,
+		j
+	]), st = C((e) => {
+		[
+			"Backspace",
+			"Delete",
+			"Tab",
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End",
+			"Enter"
+		].includes(e.key) || e.ctrlKey || e.metaKey || (j ? /^[0-9\s:./-APMapm]$/ : /^[0-9./-]$/).test(e.key) || e.preventDefault();
+	}, [j]), ct = C(() => {
+		He(""), We(""), Be(!1), Z({ valid: !0 }), Q(null);
+	}, [Q, Z]), lt = C((e) => {
+		e.preventDefault(), e.stopPropagation(), !(g || v || G) && Pe((e) => !e);
+	}, [
+		g,
+		G,
+		v
+	]), ut = C((e) => {
+		if (X(e)) return;
+		let t = j ? Ue || _(0, 0, 0, V, B) : "", n = j ? ne(e, t, {
+			format: B,
+			showSeconds: V
+		}) : d(e);
+		Be(!0), Z({ valid: !0 }), We(t), He(z(n, {
+			format: s,
+			withTime: j,
+			timeFormat: B,
+			showSeconds: V
+		})), Ke(new Date(e.getFullYear(), e.getMonth(), 1)), Q(n), !j && !G && Pe(!1);
+	}, [
+		Q,
+		Ue,
+		Z,
+		s,
+		G,
+		X,
+		V,
+		B,
+		j
+	]), dt = C(() => {
+		let e = d(/* @__PURE__ */ new Date());
+		X(e) || ut(e);
+	}, [ut, X]), ft = T(() => {
+		if (!j) return [];
+		let e = [], t = B === "12h" ? 12 : 23, n = +(B === "12h");
+		for (let r = n; r <= t; r += 1) e.push(r);
+		return e;
+	}, [B, j]), pt = T(() => {
+		if (!j) return [];
+		let e = [];
+		for (let t = 0; t < 60; t += xe) e.push(t);
+		return e;
+	}, [xe, j]), mt = T(() => {
+		if (!j || !V) return [];
+		let e = [];
+		for (let t = 0; t < 60; t += 1) e.push(t);
+		return e;
+	}, [V, j]), ht = C((e, t, n = 0) => {
+		let r = _(e, t, n, V, B), i = it;
+		if (Be(!0), We(r), !i) {
+			He(r);
+			return;
+		}
+		let a = ne(i, r, {
+			format: B,
+			showSeconds: V
+		});
+		Z({ valid: !0 }), He(z(a, {
+			format: s,
+			withTime: j,
+			timeFormat: B,
+			showSeconds: V
+		})), Q(a);
+	}, [
+		Q,
+		it,
+		Z,
+		s,
+		V,
+		B,
+		j
+	]), gt = C((e) => {
+		ht(we($ ? Ce($).hours : 12, e), $?.minutes ?? 0, $?.seconds ?? 0);
+	}, [$, ht]), _t = T(() => S(Ge, De).map((e) => ({
+		date: e,
+		currentMonth: e.getMonth() === Ge.getMonth()
+	})), [De, Ge]), vt = d(/* @__PURE__ */ new Date()), yt = Y ? d(Y) : it, bt = () => /* @__PURE__ */ k("div", {
+		className: "calendar",
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "calendar-header",
+				children: [
+					/* @__PURE__ */ O("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => Ke(b(Ge, -1)),
+						"aria-label": Ae.previousMonth,
+						children: /* @__PURE__ */ O(e, {})
+					}),
+					/* @__PURE__ */ k("button", {
+						type: "button",
+						className: "header-title",
+						onClick: () => Je((e) => e === "days" ? "months" : "days"),
+						children: [
+							nt[Ge.getMonth()],
+							" ",
+							Ge.getFullYear()
+						]
+					}),
+					/* @__PURE__ */ O("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => Ke(b(Ge, 1)),
+						"aria-label": Ae.nextMonth,
+						children: /* @__PURE__ */ O(a, {})
+					})
+				]
+			}),
+			qe === "days" ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
+				className: "day-names",
+				children: tt.map((e) => /* @__PURE__ */ O("span", {
+					className: "day-name",
+					children: e
+				}, e))
+			}), /* @__PURE__ */ O("div", {
+				className: "day-grid",
+				children: _t.map(({ date: e, currentMonth: t }, n) => {
+					let r = yt ? y(e, yt) : !1, i = y(e, vt), a = X(e);
+					return /* @__PURE__ */ O("button", {
+						type: "button",
+						className: o("day", !t && "other-month", i && "today", r && "selected", a && "disabled"),
+						onClick: () => ut(e),
+						disabled: a,
+						tabIndex: -1,
+						children: e.getDate()
+					}, `${e.toISOString()}-${n}`);
+				})
+			})] }) : /* @__PURE__ */ O("div", {
+				className: "month-grid",
+				children: nt.map((e, t) => /* @__PURE__ */ O("button", {
+					type: "button",
+					className: o("month-cell", Ge.getMonth() === t && "selected"),
+					onClick: () => {
+						Ke(new Date(Ge.getFullYear(), t, 1)), Je("days");
+					},
+					children: e.slice(0, 3)
+				}, e))
+			}),
+			Ee && /* @__PURE__ */ O("div", {
+				className: "footer",
+				children: /* @__PURE__ */ O("button", {
+					type: "button",
+					className: "today-btn",
+					onClick: dt,
+					children: Ae.today
+				})
+			})
+		]
+	}), xt = () => {
+		if (!j) return null;
+		let e = $ ? Ce($) : null;
+		return /* @__PURE__ */ k("div", {
+			className: "date-picker-time-panel",
+			children: [/* @__PURE__ */ O("div", {
+				className: "date-picker-time-header",
+				children: "Time"
+			}), /* @__PURE__ */ k("div", {
+				className: "date-picker-time-columns",
+				children: [
+					/* @__PURE__ */ O(Te, {
+						items: ft,
+						selected: B === "12h" ? e?.hours : $?.hours,
+						onSelect: (t) => ht(B === "12h" ? we(t, e?.meridiem ?? "AM") : t, $?.minutes ?? 0, $?.seconds ?? 0),
+						label: "Hr"
+					}),
+					/* @__PURE__ */ O(Te, {
+						items: pt,
+						selected: $?.minutes,
+						onSelect: (e) => ht($?.hours ?? 0, e, $?.seconds ?? 0),
+						label: "Min"
+					}),
+					V && /* @__PURE__ */ O(Te, {
+						items: mt,
+						selected: $?.seconds,
+						onSelect: (e) => ht($?.hours ?? 0, $?.minutes ?? 0, e),
+						label: "Sec"
+					}),
+					B === "12h" && /* @__PURE__ */ O(Te, {
+						items: ["AM", "PM"],
+						selected: e?.meridiem,
+						onSelect: gt,
+						label: "AM/PM"
+					})
+				]
+			})]
+		});
+	}, St = () => /* @__PURE__ */ k("div", {
+		className: o("date-picker-popover-content", j && "with-time"),
+		children: [bt(), xt()]
+	}), Ct = j ? B === "12h" ? V ? 22 : 19 : V ? 19 : 16 : 10, wt = R(h, s, j, B, V, W);
+	return G ? /* @__PURE__ */ k("div", {
+		className: o("date-picker", x && `color-${x}`, K && "full-width", Oe),
+		style: q,
+		children: [
+			/* @__PURE__ */ O(pe, {
+				value: Ve,
+				onChange: at,
+				onBlur: ot,
+				onKeyDown: st,
+				onClear: ct,
+				type: "text",
+				inputMode: j ? "text" : "numeric",
+				autoComplete: "off",
+				maxLength: Ct,
+				placeholder: wt,
+				disabled: g,
+				readOnly: v,
+				id: oe,
+				variant: ce,
+				size: le,
+				color: x,
+				label: fe,
+				helperText: he,
+				error: $e,
+				errorText: et,
+				required: ve,
+				clearable: ye,
+				fullWidth: K
+			}),
+			St(),
+			ae && Y && /* @__PURE__ */ O("input", {
+				type: "hidden",
+				name: ae,
+				value: re(Y, j, V)
+			})
+		]
+	}) : /* @__PURE__ */ k("div", {
+		className: o("date-picker", x && `color-${x}`, K && "full-width", Oe),
+		style: q,
+		children: [
+			/* @__PURE__ */ O("div", {
+				ref: Ye,
+				className: "date-picker-input-anchor",
+				children: /* @__PURE__ */ O(pe, {
+					value: Ve,
+					onChange: at,
+					onBlur: ot,
+					onKeyDown: st,
+					onClear: ct,
+					type: "text",
+					inputMode: j ? "text" : "numeric",
+					autoComplete: "off",
+					maxLength: Ct,
+					placeholder: wt,
+					disabled: g,
+					readOnly: v,
+					id: oe,
+					variant: ce,
+					size: le,
+					color: x,
+					label: fe,
+					helperText: he,
+					error: $e,
+					errorText: et,
+					required: ve,
+					clearable: ye,
+					fullWidth: K,
+					endIcon: /* @__PURE__ */ O("button", {
+						type: "button",
+						className: "date-picker-toggle",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: lt,
+						"aria-label": J.openCalendar,
+						disabled: g || v,
+						children: /* @__PURE__ */ O(r, {})
+					})
+				})
+			}),
+			ae && Y && /* @__PURE__ */ O("input", {
+				type: "hidden",
+				name: ae,
+				value: re(Y, j, V)
+			}),
+			/* @__PURE__ */ O(se, {
+				className: "date-picker-popover",
+				style: { "--color-rgb": N(x) },
+				open: Ne,
+				anchorRef: Ye,
+				onClose: () => Pe(!1),
+				placement: "bottom-start",
+				children: St()
+			})
+		]
+	});
+}
+function Te({ items: e, selected: t, onSelect: n, label: r }) {
+	let i = ge(null);
+	w(() => {
+		if (t === void 0 || !i.current) return;
+		let e = i.current.querySelector(`[data-value="${t}"]`);
+		if (e) {
+			let t = i.current;
+			t.scrollTop = e.offsetTop - t.clientHeight / 2 + e.offsetHeight / 2;
+		}
+	}, [t]);
+	let a = (e) => typeof e == "number" ? e.toString().padStart(2, "0") : e;
+	return /* @__PURE__ */ k("div", {
+		className: "date-picker-time-column",
+		children: [/* @__PURE__ */ O("div", {
+			className: "date-picker-time-column-label",
+			children: r
+		}), /* @__PURE__ */ O("div", {
+			ref: i,
+			className: "date-picker-time-column-list",
+			children: e.map((e) => /* @__PURE__ */ O("button", {
+				type: "button",
+				"data-value": e,
+				className: o("date-picker-time-column-item", e === t && "selected"),
+				onClick: () => n(e),
+				children: a(e)
+			}, e))
+		})]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/MTimePicker/MTimePicker.tsx
+function G(e) {
+	let t = e.hours >= 12 ? "PM" : "AM";
+	return {
+		hours: e.hours % 12 || 12,
+		minutes: e.minutes,
+		seconds: e.seconds,
+		meridiem: t
+	};
+}
+function Ee(e, t) {
+	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
+}
+function De(e, t, n, r, i) {
+	if (i === "24h") return p(e, t, n, r);
+	let a = G({
+		hours: e,
+		minutes: t,
+		seconds: n
+	}), o = `${a.hours.toString().padStart(2, "0")}:${a.minutes.toString().padStart(2, "0")}`;
+	return `${r ? `${o}:${a.seconds.toString().padStart(2, "0")}` : o} ${a.meridiem}`;
+}
+function K(e, t) {
+	if (t === "24h") return h(e);
+	let n = e.trim().toUpperCase().match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM)$/);
+	if (n) {
+		let e = parseInt(n[1], 10), t = parseInt(n[2], 10), r = n[3] ? parseInt(n[3], 10) : 0, i = n[4];
+		return e < 1 || e > 12 || t > 59 || r > 59 ? null : {
+			hours: Ee(e, i),
+			minutes: t,
+			seconds: r
+		};
+	}
+	return h(e);
+}
+function Oe(e, t) {
+	return e.hours === t.hours ? e.minutes === t.minutes ? e.seconds - t.seconds : e.minutes - t.minutes : e.hours - t.hours;
+}
+function q(e, t, n) {
+	return (!t || Oe(e, t) >= 0) && (!n || Oe(e, n) <= 0);
+}
+function J({ value: e, defaultValue: t, onChange: r, format: a = "24h", showSeconds: s = !1, minuteStep: c = 1, min: l, max: u, placeholder: d, disabled: f = !1, readOnly: p = !1, name: ee, id: m, variant: te = "outlined", size: h = "md", color: g, label: _, helperText: v, errorText: y, error: ne = !1, required: re = !1, clearable: b = !1, fullWidth: ie = !1, className: ae, style: oe }) {
+	let ce = ue(), [le, x] = E(!1), [de, fe] = E(t ?? ""), pe = ge(null), me = e === void 0 ? de : e, S = ne || !!y, w = K(me, a), he = K(l ?? "", a), D = K(u ?? "", a), A = w ? G(w) : null, _e = w ? De(w.hours, w.minutes, w.seconds, s, a) : me, ve = T(() => {
+		let e = [], t = a === "12h" ? 12 : 23, n = +(a === "12h");
+		for (let r = n; r <= t; r++) e.push(r);
+		return e;
+	}, [a]), ye = T(() => {
+		let e = [];
+		for (let t = 0; t < 60; t += c) e.push(t);
+		return e;
+	}, [c]), j = T(() => {
+		if (!s) return [];
+		let e = [];
+		for (let t = 0; t < 60; t++) e.push(t);
+		return e;
+	}, [s]), M = C((e, t, n = 0) => q({
+		hours: e,
+		minutes: t,
+		seconds: n
+	}, he, D), [D, he]), N = C((t, n, i = 0) => {
+		if (!M(t, n, i)) return;
+		let o = De(t, n, i, s, a);
+		e === void 0 && fe(o), r?.(o);
+	}, [
+		a,
+		M,
+		r,
+		s,
+		e
+	]), P = C((t) => {
+		let n = t.target.value;
+		e === void 0 && fe(n);
+	}, [e]), F = C(() => {
+		let t = K(me, a);
+		if (t && q(t, he, D)) {
+			let n = De(t.hours, t.minutes, t.seconds, s, a);
+			e === void 0 && fe(n), r?.(n);
+		}
+	}, [
+		me,
+		a,
+		D,
+		he,
+		r,
+		s,
+		e
+	]), I = C((e) => {
+		let t = A?.hours ?? 12, n = w?.minutes ?? 0, r = w?.seconds ?? 0;
+		N(Ee(t, e), n, r);
+	}, [
+		A?.hours,
+		N,
+		w?.minutes,
+		w?.seconds
+	]), be = C((t) => {
+		t.stopPropagation(), e === void 0 && fe(""), r?.("");
+	}, [r, e]);
+	return /* @__PURE__ */ k("div", {
+		className: o("time picker", g && `color-${g}`, ie && "full-width", ae),
+		style: oe,
+		children: [
+			_ && /* @__PURE__ */ O("label", {
+				htmlFor: m,
+				className: o("field-label", le && "focused", S && "error", re && "required"),
+				children: _
+			}),
+			/* @__PURE__ */ k("div", {
+				ref: pe,
+				className: o("time trigger", `field-${te}`, `field-${h}`, le && "focused", S && "error", f && "disabled"),
+				onClick: () => !f && !p && x(!0),
+				children: [
+					/* @__PURE__ */ O("span", {
+						className: "time icon",
+						children: /* @__PURE__ */ O(n, {})
+					}),
+					/* @__PURE__ */ O("input", {
+						type: "text",
+						className: "time input",
+						value: _e,
+						onChange: P,
+						onBlur: F,
+						placeholder: d ?? (a === "12h" ? s ? "hh:mm:ss AM" : "hh:mm AM" : s ? "HH:MM:SS" : "HH:MM"),
+						disabled: f,
+						readOnly: p,
+						id: m,
+						"aria-invalid": S || void 0
+					}),
+					b && me && !f && /* @__PURE__ */ O("button", {
+						type: "button",
+						className: "time clear clear-btn-base",
+						onClick: be,
+						tabIndex: -1,
+						"aria-label": ce.clearTime,
+						children: /* @__PURE__ */ O(i, {})
+					})
+				]
+			}),
+			ee && /* @__PURE__ */ O("input", {
+				type: "hidden",
+				name: ee,
+				value: _e
+			}),
+			/* @__PURE__ */ O(se, {
+				className: "time picker popover",
+				open: le,
+				anchorRef: pe,
+				onClose: () => x(!1),
+				placement: "bottom-start",
+				children: /* @__PURE__ */ k("div", {
+					className: "time columns",
+					children: [
+						/* @__PURE__ */ O(ke, {
+							items: ve,
+							selected: a === "12h" ? A?.hours : w?.hours,
+							onSelect: (e) => N(a === "12h" ? Ee(e, A?.meridiem ?? "AM") : e, w?.minutes ?? 0, w?.seconds ?? 0),
+							isDisabled: (e) => !M(a === "12h" ? Ee(e, A?.meridiem ?? "AM") : e, w?.minutes ?? 0, w?.seconds ?? 0),
+							label: "Hr"
+						}),
+						/* @__PURE__ */ O(ke, {
+							items: ye,
+							selected: w?.minutes,
+							onSelect: (e) => N(w?.hours ?? 0, e, w?.seconds ?? 0),
+							isDisabled: (e) => !M(w?.hours ?? 0, e, w?.seconds ?? 0),
+							label: "Min"
+						}),
+						s && /* @__PURE__ */ O(ke, {
+							items: j,
+							selected: w?.seconds,
+							onSelect: (e) => N(w?.hours ?? 0, w?.minutes ?? 0, e),
+							isDisabled: (e) => !M(w?.hours ?? 0, w?.minutes ?? 0, e),
+							label: "Sec"
+						}),
+						a === "12h" && /* @__PURE__ */ O(ke, {
+							items: ["AM", "PM"],
+							selected: A?.meridiem,
+							onSelect: I,
+							label: "AM/PM"
+						})
+					]
+				})
+			}),
+			(y || v) && /* @__PURE__ */ O("div", {
+				className: "time bottom",
+				children: y ? /* @__PURE__ */ O("span", {
+					className: "field-error",
+					role: "alert",
+					children: y
+				}) : /* @__PURE__ */ O("span", {
+					className: "time helper",
+					children: v
+				})
+			})
+		]
+	});
+}
+function ke({ items: e, selected: t, onSelect: n, isDisabled: r, label: i }) {
+	let a = ge(null);
+	w(() => {
+		if (t === void 0 || !a.current) return;
+		let e = a.current.querySelector(`[data-value="${t}"]`);
+		if (e) {
+			let t = a.current;
+			t.scrollTop = e.offsetTop - t.clientHeight / 2 + e.offsetHeight / 2;
+		}
+	}, [t]);
+	let s = (e) => typeof e == "number" ? e.toString().padStart(2, "0") : e;
+	return /* @__PURE__ */ k("div", {
+		className: "time column",
+		children: [/* @__PURE__ */ O("div", {
+			className: "time column label",
+			children: i
+		}), /* @__PURE__ */ O("div", {
+			ref: a,
+			className: "time column list",
+			children: e.map((e) => {
+				let i = r?.(e) ?? !1;
+				return /* @__PURE__ */ O("button", {
+					type: "button",
+					"data-value": e,
+					className: o("time column item", e === t && "selected", i && "disabled"),
+					onClick: () => n(e),
+					disabled: i,
+					children: s(e)
+				}, e);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/MDateRangePicker/MDateRangePicker.tsx
+function Ae(e) {
+	if (!e) return null;
+	if (e instanceof Date) return d(e);
+	let t = new Date(e);
+	return isNaN(t.getTime()) ? null : d(t);
+}
+function je(e, t) {
+	return e.getTime() <= t.getTime() ? {
+		start: e,
+		end: t
+	} : {
+		start: t,
+		end: e
+	};
+}
+function Me(e, t, n) {
+	if (!t || !n) return !1;
+	let r = e.getTime();
+	return r > t.getTime() && r < n.getTime();
+}
+function Ne(e, t, n) {
+	return e && t ? `${v(e, n)} - ${v(t, n)}` : e ? `${v(e, n)} - ...` : "";
+}
+function Pe(e) {
+	return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function Fe(e) {
+	return new Date(e.getFullYear(), e.getMonth() + 1, 0);
+}
+function Ie(e) {
+	let t = d(/* @__PURE__ */ new Date());
+	return t.setDate(t.getDate() - (e - 1)), t;
+}
+function Le(e) {
+	let t = d(/* @__PURE__ */ new Date());
+	return new Date(t.getFullYear(), t.getMonth() - e, t.getDate());
+}
+function Re(e) {
+	let t = d(/* @__PURE__ */ new Date()), n = new Date(t.getFullYear(), t.getMonth() - 1, 1);
+	return [
+		{
+			label: e.presets.today,
+			value: {
+				start: t,
+				end: t
+			}
+		},
+		{
+			label: e.presets.days2,
+			value: {
+				start: Ie(2),
+				end: t
+			}
+		},
+		{
+			label: e.presets.days3,
+			value: {
+				start: Ie(3),
+				end: t
+			}
+		},
+		{
+			label: e.presets.days7,
+			value: {
+				start: Ie(7),
+				end: t
+			}
+		},
+		{
+			label: e.presets.days14,
+			value: {
+				start: Ie(14),
+				end: t
+			}
+		},
+		{
+			label: e.presets.days31,
+			value: {
+				start: Ie(31),
+				end: t
+			}
+		},
+		{
+			label: e.presets.thisMonth,
+			value: {
+				start: Pe(t),
+				end: Fe(t)
+			}
+		},
+		{
+			label: e.presets.previousMonth,
+			value: {
+				start: Pe(n),
+				end: Fe(n)
+			}
+		},
+		{
+			label: e.presets.months2,
+			value: {
+				start: Le(2),
+				end: t
+			}
+		},
+		{
+			label: e.presets.months3,
+			value: {
+				start: Le(3),
+				end: t
+			}
+		},
+		{
+			label: e.presets.months6,
+			value: {
+				start: Le(6),
+				end: t
+			}
+		},
+		{
+			label: e.presets.year1,
+			value: {
+				start: Le(12),
+				end: t
+			}
+		}
+	];
+}
+function ze(e, t) {
+	let n = e.getFullYear(), r = e.getMonth(), i = g(n, r), a = f(n, r);
+	t === 1 && (a = a === 0 ? 6 : a - 1);
+	let o = [], s = r === 0 ? 11 : r - 1, c = r === 0 ? n - 1 : n, l = g(c, s);
+	for (let e = a - 1; e >= 0; --e) o.push({
+		date: new Date(c, s, l - e),
+		currentMonth: !1
+	});
+	for (let e = 1; e <= i; e += 1) o.push({
+		date: new Date(n, r, e),
+		currentMonth: !0
+	});
+	let u = 42 - o.length, d = r === 11 ? 0 : r + 1, p = r === 11 ? n + 1 : n;
+	for (let e = 1; e <= u; e += 1) o.push({
+		date: new Date(p, d, e),
+		currentMonth: !1
+	});
+	return o;
+}
+function Be({ value: t, defaultValue: n, onChange: s, format: c = "dd.MM.yyyy", locale: l, min: u, max: f, disabledDates: p, placeholder: te, disabled: h = !1, readOnly: g = !1, name: _, id: ne, variant: re = "outlined", size: ae = "md", color: oe, label: ce, helperText: le, errorText: ue, error: de = !1, required: fe = !1, clearable: pe = !1, inline: S = !1, showTodayButton: he = !0, presets: D = !1, presetsSidebar: A = !1, firstDayOfWeek: _e = 1, fullWidth: ve = !1, allowSameDay: ye = !0, className: j, style: M }) {
+	let P = me(l), F = t ? {
+		start: Ae(t.start),
+		end: Ae(t.end)
+	} : null, [I, be] = E(() => ({
+		start: Ae(n?.start),
+		end: Ae(n?.end)
+	})), [L, R] = E(null), [z, B] = E(!1), V = ge(null), xe = F ?? I, H = xe.start, U = xe.end, Se = Ae(u), Ce = Ae(f), we = de || !!ue, W = x(), Te = ie(P, _e), G = ee(P), Ee = T(() => D === !0 || A && !D ? Re(W) : Array.isArray(D) ? D : [], [
+		D,
+		A,
+		W
+	]), [De, K] = E(() => {
+		let e = H ?? /* @__PURE__ */ new Date();
+		return new Date(e.getFullYear(), e.getMonth(), 1);
+	}), Oe = H?.getTime() ?? null;
+	w(() => {
+		if (!Oe) return;
+		let e = new Date(Oe);
+		K(new Date(e.getFullYear(), e.getMonth(), 1));
+	}, [Oe]);
+	let q = C((e) => m(e, Se, Ce) ? Array.isArray(p) ? p.some((t) => y(t, e)) : typeof p == "function" ? p(e) : !1 : !0, [
+		p,
+		Ce,
+		Se
+	]), J = C((e) => {
+		t === void 0 && be(e), s?.(e);
+	}, [s, t]), ke = C((e) => {
+		if (!q(e)) {
+			if (!H || H && U) {
+				J({
+					start: e,
+					end: null
+				}), R(null);
+				return;
+			}
+			!ye && y(e, H) || (J(je(H, e)), R(null), S || B(!1));
+		}
+	}, [
+		ye,
+		J,
+		U,
+		S,
+		q,
+		H
+	]), Pe = C((e) => {
+		e.stopPropagation(), J({
+			start: null,
+			end: null
+		}), R(null);
+	}, [J]), Fe = C(() => {
+		let e = d(/* @__PURE__ */ new Date());
+		q(e) || (J({
+			start: e,
+			end: e
+		}), K(new Date(e.getFullYear(), e.getMonth(), 1)), R(null), S || B(!1));
+	}, [
+		J,
+		S,
+		q
+	]), Ie = C((e) => {
+		let t = Ae(e.value.start), n = Ae(e.value.end);
+		if (!t || !n) return;
+		let r = je(t, n);
+		q(r.start) || q(r.end) || (J(r), K(new Date(r.start.getFullYear(), r.start.getMonth(), 1)), R(null), S || B(!1));
+	}, [
+		J,
+		S,
+		q
+	]), Le = H && !U ? L : null, Be = De, Y = b(De, 1), Ve = d(/* @__PURE__ */ new Date()), He = T(() => Ne(H, U, c), [
+		U,
+		c,
+		H
+	]), Ue = T(() => [Be, Y].map((e) => ({
+		monthDate: e,
+		days: ze(e, _e)
+	})), [
+		_e,
+		Be,
+		Y
+	]), We = H && U ? `${v(H, c)} - ${v(U, c)}` : H ? `${v(H, c)} - ...` : te ?? W.defaultRangePlaceholder, Ge = A && Ee.length > 0, Ke = !A && Ee.length > 0, qe = () => /* @__PURE__ */ O("div", {
+		className: "presets-sidebar",
+		children: Ee.map((e) => /* @__PURE__ */ O("button", {
+			type: "button",
+			className: "preset-sidebar-btn",
+			onClick: () => Ie(e),
+			children: e.label
+		}, e.label))
+	}), Je = () => /* @__PURE__ */ k("div", {
+		className: "calendar-body",
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "calendar-top",
+				children: [/* @__PURE__ */ k("div", {
+					className: "calendar-caption",
+					children: [/* @__PURE__ */ k("span", {
+						className: "caption-title",
+						children: [
+							G[Be.getMonth()],
+							" ",
+							Be.getFullYear()
+						]
+					}), /* @__PURE__ */ O("span", {
+						className: "caption-subtitle",
+						children: W.rangeSubtitle
+					})]
+				}), /* @__PURE__ */ k("div", {
+					className: "nav-actions",
+					children: [/* @__PURE__ */ O("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => K(b(De, -1)),
+						"aria-label": W.previousMonth,
+						children: /* @__PURE__ */ O(e, {})
+					}), /* @__PURE__ */ O("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => K(b(De, 1)),
+						"aria-label": W.nextMonth,
+						children: /* @__PURE__ */ O(a, {})
+					})]
+				})]
+			}),
+			Ke && /* @__PURE__ */ O("div", {
+				className: "presets",
+				children: Ee.map((e) => /* @__PURE__ */ O("button", {
+					type: "button",
+					className: "preset-btn",
+					onClick: () => Ie(e),
+					children: e.label
+				}, e.label))
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "months",
+				children: Ue.map(({ monthDate: e, days: t }) => /* @__PURE__ */ k("div", {
+					className: "month-panel",
+					children: [
+						/* @__PURE__ */ k("div", {
+							className: "month-title",
+							children: [
+								G[e.getMonth()],
+								" ",
+								e.getFullYear()
+							]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "day-names",
+							children: Te.map((t) => /* @__PURE__ */ O("span", {
+								className: "day-name",
+								children: t
+							}, `${e.toISOString()}-${t}`))
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "day-grid",
+							children: t.map(({ date: t, currentMonth: n }, r) => {
+								let i = q(t), a = H ? y(t, H) : !1, s = U ? y(t, U) : !1, c = Me(t, H, U), l = !U && H && Le ? je(H, Le) : null, u = l ? Me(t, l.start, l.end) : !1, d = l ? y(t, l.start) || y(t, l.end) : !1;
+								return /* @__PURE__ */ O("button", {
+									type: "button",
+									className: o("day", !n && "other-month", y(t, Ve) && "today", a && "range-start selected", s && "range-end selected", c && "in-range", u && !d && "preview-range", i && "disabled"),
+									onClick: () => ke(t),
+									onMouseEnter: () => H && !U && R(t),
+									onFocus: () => H && !U && R(t),
+									disabled: i,
+									tabIndex: -1,
+									children: t.getDate()
+								}, `${e.toISOString()}-${r}`);
+							})
+						})
+					]
+				}, e.toISOString()))
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "footer",
+				children: [/* @__PURE__ */ O("span", {
+					className: "summary",
+					children: We
+				}), /* @__PURE__ */ k("div", {
+					className: "footer-actions",
+					children: [pe && (H || U) && /* @__PURE__ */ O("button", {
+						type: "button",
+						className: "footer-btn",
+						onClick: (e) => {
+							e.preventDefault(), J({
+								start: null,
+								end: null
+							}), R(null);
+						},
+						children: W.clear
+					}), he && /* @__PURE__ */ O("button", {
+						type: "button",
+						className: "footer-btn",
+						onClick: Fe,
+						children: W.today
+					})]
+				})]
+			})
+		]
+	}), Ye = () => /* @__PURE__ */ k("div", {
+		className: o("date-range-calendar", Ge && "with-sidebar"),
+		children: [Ge && qe(), Je()]
+	});
+	return S ? /* @__PURE__ */ k("div", {
+		className: o("date-range-picker", oe && `color-${oe}`, ve && "full-width", j),
+		style: M,
+		children: [ce && /* @__PURE__ */ O("label", {
+			className: o("field-label", we && "error", fe && "required"),
+			children: ce
+		}), Ye()]
+	}) : /* @__PURE__ */ k("div", {
+		className: o("date-range-picker", oe && `color-${oe}`, ve && "full-width", j),
+		style: M,
+		children: [
+			ce && /* @__PURE__ */ O("label", {
+				htmlFor: ne,
+				className: o("field-label", z && "focused", we && "error", fe && "required"),
+				children: ce
+			}),
+			/* @__PURE__ */ k("div", {
+				ref: V,
+				className: o("trigger", `field-${re}`, `field-${ae}`, z && "focused", we && "error", h && "disabled"),
+				onClick: () => !h && !g && B(!0),
+				children: [
+					/* @__PURE__ */ O("span", {
+						className: "icon",
+						children: /* @__PURE__ */ O(r, {})
+					}),
+					/* @__PURE__ */ O("input", {
+						type: "text",
+						className: "input",
+						value: He,
+						placeholder: te ?? W.defaultRangePlaceholder,
+						disabled: h,
+						readOnly: !0,
+						id: ne,
+						"aria-invalid": we || void 0
+					}),
+					pe && (H || U) && !h && /* @__PURE__ */ O("button", {
+						type: "button",
+						className: "clear-btn clear-btn-base",
+						onClick: Pe,
+						tabIndex: -1,
+						"aria-label": W.clear,
+						children: /* @__PURE__ */ O(i, {})
+					})
+				]
+			}),
+			_ && H && U && /* @__PURE__ */ O("input", {
+				type: "hidden",
+				name: _,
+				value: `${H.toISOString().split("T")[0]}:${U.toISOString().split("T")[0]}`
+			}),
+			/* @__PURE__ */ O(se, {
+				className: "date-range-picker-popover",
+				style: { "--color-rgb": N(oe) },
+				open: z,
+				anchorRef: V,
+				onClose: () => {
+					B(!1), R(null);
+				},
+				placement: "bottom-start",
+				children: Ye()
+			}),
+			(ue || le) && /* @__PURE__ */ O("div", {
+				className: "bottom-row",
+				children: ue ? /* @__PURE__ */ O("span", {
+					className: "field-error",
+					role: "alert",
+					children: ue
+				}) : /* @__PURE__ */ O("span", {
+					className: "helper-text",
+					children: le
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { A as a, j as i, J as n, W as r, Be as t };
+
+//# sourceMappingURL=dropdowns-nW3MY5XG.js.map