@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/dropdowns-DiEsLPoq.js

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