@banzamel/mineralui 2.4.2 → 2.5.1

package/dist/dropdowns-2_7VMEDo.js

@@ -0,0 +1,2009 @@
+import { D as e, T as t, d as n, n as r, s as i, u as a, x as o } from "./frameworkTexts-o43FqY1A.js";
+import { Ji as s, Ki as c, Li as l, Ri as u, Xi as ee, Yi as d, qi as f } from "./icons-IqEBmGh3.js";
+import { t as p } from "./cn-CUSXNnjF.js";
+import { a as m, i as te } from "./validators-ULebNme2.js";
+import { i as h, u as g } from "./formatters-Doqdu_w1.js";
+import { _, a as v, c as ne, d as y, f as re, g as ie, h as b, i as ae, l as oe, o as se, p as x, r as ce, s as S, t as le, u as ue } from "./dateUtils-B-ToNZq_.js";
+import { i as de, n as C } from "./useGhostText-CKsb8Ufa.js";
+import { t as fe } from "./MPopover-CBDbUOW6.js";
+import { r as pe } from "./MButton-KELyyBw1.js";
+import { t as me } from "./MTag-BZrKN_DS.js";
+import { t as he } from "./MInput-QnQV9L8U.js";
+import { t as ge } from "./locale-CjJpk9GN.js";
+import { a as _e, c as w, d as T, f as E, i as D, n as O, o as ve, r as k, s as ye, t as A, u as j } from "./calendarDates-Bpw_G_QR.js";
+import { useCallback as M, useEffect as N, useId as be, useMemo as P, useRef as xe, useState as F } from "react";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+//#region src/components/dropdowns/MSelect/MSelect.tsx
+function R({ options: e, value: t, defaultValue: n, onChange: r, multiple: a = !1, searchable: s = !1, placeholder: l, disabled: u = !1, name: f, id: m, variant: te = "outlined", size: h = "md", color: g, fullWidth: _ = !1, label: v, helperText: ne, errorText: y, error: re = !1, required: ie = !1, loading: b = !1, clearable: ae = !1, maxHeight: oe = 300, noOptionsText: se, renderOption: x, searchPlaceholder: ce, renderValue: S, className: le, style: ue }) {
+	let de = i(), he = o(), ge = l ?? he.placeholder, _e = se ?? he.noOptions, w = ce ?? he.searchPlaceholder, [T, E] = F(!1), [D, O] = F(n ?? (a ? [] : "")), [ve, k] = F(""), ye = xe(null), A = xe(null), j = t === void 0 ? D : t, N = re || !!y, R = P(() => Array.isArray(j) ? j : j ? [j] : [], [j]), z = P(() => e.filter((e) => R.includes(e.value)), [e, R]), B = P(() => {
+		if (!s || !ve) return e;
+		let t = ve.toLowerCase();
+		return e.filter((e) => e.label.toLowerCase().includes(t));
+	}, [
+		e,
+		s,
+		ve
+	]), Se = P(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of B) {
+			let n = t.group ?? "";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		return e;
+	}, [B]), V = P(() => [...Se.values()].flat(), [Se]), H = M((e) => {
+		let n = V[e];
+		if (!(!n || n.disabled)) if (a) {
+			let e = Array.isArray(j) ? j : [], i = e.includes(n.value) ? e.filter((e) => e !== n.value) : [...e, n.value];
+			t === void 0 && O(i), r?.(i);
+		} else t === void 0 && O(n.value), r?.(n.value), E(!1), k("");
+	}, [
+		V,
+		a,
+		j,
+		t,
+		r
+	]), { activeIndex: Ce, setActiveIndex: U, resetIndex: we, onKeyDown: W } = C({
+		itemCount: V.length,
+		onSelect: H,
+		onClose: () => {
+			E(!1), k("");
+		},
+		isOpen: T
+	}), G = M((e) => {
+		if (!u && e.target === e.currentTarget) {
+			if (!T) {
+				if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") {
+					if (e.preventDefault(), E(!0), s || e.altKey) {
+						we();
+						return;
+					}
+					let t = V.findIndex((e) => R.includes(e.value));
+					t >= 0 ? U(t) : e.key === "ArrowUp" ? U(V.length - 1) : U(V.findIndex((e) => !e.disabled));
+				}
+				return;
+			}
+			if (e.key === "Tab") {
+				E(!1), k("");
+				return;
+			}
+			W(e);
+		}
+	}, [
+		u,
+		T,
+		s,
+		V,
+		R,
+		U,
+		we,
+		W
+	]), Te = M((e) => {
+		e.key === "Home" || e.key === "End" || W(e);
+	}, [W]), K = be(), Ee = `${K}-label`, q = `${K}-listbox`, De = (e) => `${K}-option-${e}`, Oe = `${K}-search`, ke = T && Ce >= 0 && Ce < V.length ? De(Ce) : void 0, J = V.length > 0, Y = M(() => {
+		u || (E((e) => !e), we());
+	}, [u, we]), Ae = M((e) => {
+		e.stopPropagation();
+		let n = a ? [] : "";
+		t === void 0 && O(n), r?.(n);
+	}, [
+		a,
+		t,
+		r
+	]), je = P(() => S && z.length > 0 ? S(a ? z : z[0]) : a && z.length > 0 ? /* @__PURE__ */ I("span", {
+		className: "tags",
+		children: z.map((e) => /* @__PURE__ */ I(me, {
+			label: e.label,
+			color: g,
+			size: h,
+			variant: "solid"
+		}, e.value))
+	}) : !a && z.length > 0 ? z[0].label : /* @__PURE__ */ I("span", {
+		className: "placeholder",
+		children: ge
+	}), [
+		z,
+		a,
+		S,
+		ge,
+		g,
+		h
+	]);
+	return /* @__PURE__ */ L("div", {
+		className: p("select", g && `color-${g}`, _ && "full-width", le),
+		style: ue,
+		children: [
+			v && /* @__PURE__ */ I("label", {
+				id: Ee,
+				htmlFor: m,
+				className: p("field-label", T && "focused", N && "error", ie && "required"),
+				children: v
+			}),
+			/* @__PURE__ */ L("div", {
+				ref: ye,
+				className: p("trigger", `field-${te}`, `field-${h}`, T && "focused", N && "error", u && "disabled"),
+				onClick: Y,
+				onKeyDown: G,
+				tabIndex: u ? -1 : 0,
+				role: "combobox",
+				"aria-expanded": T,
+				"aria-haspopup": "listbox",
+				"aria-controls": T && J ? q : void 0,
+				"aria-activedescendant": s ? void 0 : ke,
+				"aria-disabled": u || void 0,
+				"aria-labelledby": v ? Ee : void 0,
+				"aria-invalid": N || void 0,
+				id: m,
+				children: [
+					/* @__PURE__ */ I("span", {
+						className: "value",
+						children: je
+					}),
+					b && /* @__PURE__ */ I(pe, {
+						size: "sm",
+						color: g
+					}),
+					ae && R.length > 0 && !b && !u && /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "clear-btn clear-btn-base",
+						onClick: Ae,
+						tabIndex: -1,
+						"aria-label": de.clearSelection,
+						children: /* @__PURE__ */ I(ee, {})
+					}),
+					/* @__PURE__ */ I("span", {
+						className: p("arrow", T && "open"),
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ I(c, {})
+					})
+				]
+			}),
+			f && /* @__PURE__ */ I("input", {
+				type: "hidden",
+				name: f,
+				value: Array.isArray(j) ? j.join(",") : j
+			}),
+			/* @__PURE__ */ I(fe, {
+				className: "select-popover",
+				open: T,
+				anchorRef: ye,
+				onClose: () => {
+					E(!1), k("");
+				},
+				matchWidth: !0,
+				placement: "bottom-start",
+				role: null,
+				initialFocus: s ? A : void 0,
+				closeOnTabOut: s,
+				children: /* @__PURE__ */ L("div", {
+					style: { maxHeight: oe },
+					className: "dropdown",
+					children: [s && /* @__PURE__ */ I("div", {
+						className: "search-box",
+						children: /* @__PURE__ */ I("input", {
+							ref: A,
+							id: Oe,
+							type: "text",
+							className: "search-input",
+							placeholder: w,
+							value: ve,
+							onChange: (e) => {
+								k(e.target.value), U(0);
+							},
+							onKeyDown: Te,
+							role: "combobox",
+							"aria-expanded": J,
+							"aria-controls": J ? q : void 0,
+							"aria-activedescendant": ke,
+							"aria-autocomplete": "list",
+							"aria-labelledby": v ? Ee : void 0,
+							"aria-label": v ? void 0 : he.searchLabel,
+							autoComplete: "off",
+							spellCheck: !1,
+							autoFocus: !0
+						})
+					}), V.length === 0 ? /* @__PURE__ */ I("div", {
+						className: "no-options",
+						children: _e
+					}) : /* @__PURE__ */ I("div", {
+						id: q,
+						className: "options-list",
+						role: "listbox",
+						"aria-multiselectable": a || void 0,
+						"aria-labelledby": v ? Ee : void 0,
+						children: [...Se.entries()].map(([e, t]) => /* @__PURE__ */ L("div", { children: [e && /* @__PURE__ */ I("div", {
+							className: "group-header",
+							children: e
+						}), t.map((e) => {
+							let t = V.indexOf(e), n = t === Ce, r = R.includes(e.value);
+							return /* @__PURE__ */ L("div", {
+								id: De(t),
+								className: p("option", n && "active", r && "selected", e.disabled && "disabled"),
+								onClick: () => !e.disabled && H(t),
+								onMouseEnter: () => U(t),
+								role: "option",
+								"aria-selected": r,
+								"aria-disabled": e.disabled,
+								children: [a && /* @__PURE__ */ I("span", {
+									className: p("select-check", g && `color-${g}`, r && "checked"),
+									"aria-hidden": "true",
+									children: r && /* @__PURE__ */ I(d, {})
+								}), x ? x(e, n, r) : e.label]
+							}, e.value);
+						})] }, e))
+					})]
+				})
+			}),
+			(y || ne) && /* @__PURE__ */ I("div", {
+				className: "bottom-row",
+				children: y ? /* @__PURE__ */ I("span", {
+					className: "field-error",
+					role: "alert",
+					children: y
+				}) : /* @__PURE__ */ I("span", {
+					className: "helper-text",
+					children: ne
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/MAutocomplete/MAutocomplete.tsx
+function z(e) {
+	return typeof e == "string" ? e : String(e);
+}
+function B(e) {
+	return typeof e == "string" ? e : String(e);
+}
+function Se(e, t, n) {
+	if (!t) return e;
+	let r = t.toLowerCase();
+	return e.filter((e) => n(e).toLowerCase().includes(r));
+}
+function V({ options: e, value: t, onChange: n, getOptionLabel: a = z, getOptionValue: o = B, filterOptions: s, multiple: c = !1, debounceMs: l = 0, onInputChange: u, loading: d = !1, loadingText: f, noOptionsText: m, placeholder: te, disabled: h = !1, name: g, id: _, variant: v = "outlined", size: ne = "md", color: y, fullWidth: re = !1, label: ie, helperText: b, errorText: ae, error: oe = !1, required: se = !1, clearable: x = !1, maxHeight: ce = 300, renderOption: S, renderTags: le, className: ue, style: he }) {
+	let ge = be(), _e = i(), w = r(), T = f ?? w.loading, E = m ?? w.noOptions, D = te ?? w.placeholder, [O, ve] = F(!1), [k, ye] = F(""), A = xe(null), j = xe(null), N = oe || !!ae, R = P(() => t == null ? [] : Array.isArray(t) ? t.filter((e) => e != null) : [t], [t]), V = P(() => s ? s(e, k) : Se(e, k, a), [
+		e,
+		k,
+		s,
+		a
+	]), H = de((e) => u?.(e), l), Ce = M((e) => {
+		ye(e.target.value), H(e.target.value), O || ve(!0);
+	}, [O, H]), U = M((e) => {
+		let t = V[e];
+		if (t) if (c) {
+			let e = [...R], r = o(t), i = e.findIndex((e) => o(e) === r);
+			i >= 0 ? e.splice(i, 1) : e.push(t), n?.(e), ye(""), k && H(""), j.current?.focus();
+		} else n?.(t), ye(a(t)), ve(!1);
+	}, [
+		V,
+		c,
+		R,
+		o,
+		a,
+		n,
+		k,
+		H
+	]), we = M((e) => {
+		let t = [...R];
+		t.splice(e, 1), n?.(c ? t : t[0] ?? null);
+	}, [
+		R,
+		n,
+		c
+	]), { activeIndex: W, setActiveIndex: G, resetIndex: Te, onKeyDown: K } = C({
+		itemCount: V.length,
+		onSelect: U,
+		onClose: () => ve(!1),
+		isOpen: O
+	}), Ee = M((e) => {
+		if (e.key === "Backspace" && c && !k && R.length > 0) {
+			we(R.length - 1);
+			return;
+		}
+		K(e);
+	}, [
+		k,
+		c,
+		R,
+		K,
+		we
+	]), q = M((e) => {
+		e.stopPropagation(), ye(""), k && H(""), n?.(c ? [] : null), j.current?.focus();
+	}, [
+		c,
+		n,
+		k,
+		H
+	]), De = `${ge}-listbox`, Oe = `${ge}-label`, ke = (e) => `${ge}-option-${e}`, J = O && !d && W >= 0 && W < V.length ? ke(W) : void 0;
+	return /* @__PURE__ */ L("div", {
+		className: p("autocomplete", y && `color-${y}`, re && "full-width", ue),
+		style: he,
+		children: [
+			ie && /* @__PURE__ */ I("label", {
+				id: Oe,
+				htmlFor: _,
+				className: p("field-label", O && "focused", N && "error", se && "required"),
+				children: ie
+			}),
+			/* @__PURE__ */ L("div", {
+				ref: A,
+				className: p("input-wrapper", `field-${v}`, `field-${ne}`, O && "focused", N && "error", h && "disabled"),
+				onClick: () => j.current?.focus(),
+				children: [
+					c && R.length > 0 && (le ? le(R, we) : /* @__PURE__ */ I("span", {
+						className: "tags",
+						children: R.map((e, t) => /* @__PURE__ */ I(me, {
+							label: a(e),
+							color: y,
+							size: ne,
+							variant: "solid",
+							closable: !0,
+							onClose: () => we(t)
+						}, o(e)))
+					})),
+					/* @__PURE__ */ I("input", {
+						ref: j,
+						type: "text",
+						className: "input",
+						value: k,
+						onChange: Ce,
+						onFocus: () => {
+							ve(!0), Te();
+						},
+						onKeyDown: Ee,
+						placeholder: R.length > 0 ? "" : D,
+						disabled: h,
+						id: _,
+						role: "combobox",
+						"aria-autocomplete": "list",
+						"aria-expanded": O,
+						"aria-haspopup": "listbox",
+						"aria-controls": O ? De : void 0,
+						"aria-activedescendant": J,
+						"aria-labelledby": ie ? Oe : void 0,
+						"aria-invalid": N || void 0,
+						autoComplete: "off"
+					}),
+					d && /* @__PURE__ */ I(pe, {
+						size: "sm",
+						color: y
+					}),
+					x && (R.length > 0 || k) && !d && !h && /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "clear-btn clear-btn-base",
+						onClick: q,
+						tabIndex: -1,
+						"aria-label": _e.clearInput,
+						children: /* @__PURE__ */ I(ee, {})
+					})
+				]
+			}),
+			g && /* @__PURE__ */ I("input", {
+				type: "hidden",
+				name: g,
+				value: R.map(o).join(",")
+			}),
+			/* @__PURE__ */ I(fe, {
+				className: p("autocomplete-popover", y && `color-${y}`),
+				open: O && (V.length > 0 || d || !!k),
+				anchorRef: A,
+				onClose: () => ve(!1),
+				matchWidth: !0,
+				placement: "bottom-start",
+				role: null,
+				children: /* @__PURE__ */ I("div", {
+					style: { maxHeight: ce },
+					className: "dropdown",
+					children: d ? /* @__PURE__ */ I("div", {
+						className: "loading-msg",
+						children: T
+					}) : V.length === 0 ? /* @__PURE__ */ I("div", {
+						className: "no-options",
+						children: E
+					}) : /* @__PURE__ */ I("div", {
+						id: De,
+						className: "options-list",
+						role: "listbox",
+						"aria-multiselectable": c || void 0,
+						"aria-labelledby": ie ? Oe : void 0,
+						children: V.map((e, t) => {
+							let n = t === W, r = R.some((t) => o(t) === o(e));
+							return /* @__PURE__ */ I("div", {
+								id: ke(t),
+								className: p("option", n && "active", r && "selected"),
+								onClick: () => U(t),
+								onMouseEnter: () => G(t),
+								role: "option",
+								"aria-selected": r,
+								children: S ? S(e, n) : a(e)
+							}, o(e));
+						})
+					})
+				})
+			}),
+			(ae || b) && /* @__PURE__ */ I("div", {
+				className: "bottom-row",
+				children: ae ? /* @__PURE__ */ I("span", {
+					className: "field-error",
+					role: "alert",
+					children: ae
+				}) : /* @__PURE__ */ I("span", {
+					className: "helper-text",
+					children: b
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/utils/colorRgbVar.ts
+var H = {
+	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 Ce(e) {
+	return H[e ?? "primary"] ?? H.primary;
+}
+//#endregion
+//#region src/utils/useDateGridNav.ts
+function U(e, t, n, r) {
+	switch (e) {
+		case "ArrowLeft": return A(t, -1);
+		case "ArrowRight": return A(t, 1);
+		case "ArrowUp": return A(t, -7);
+		case "ArrowDown": return A(t, 7);
+		case "PageUp": return O(t, n ? -12 : -1);
+		case "PageDown": return O(t, n ? 12 : 1);
+		case "Home": return T(t, r);
+		case "End": return A(T(t, r), 6);
+		default: return null;
+	}
+}
+function we({ viewMonth: e, monthsShown: t = 1, onViewMonthChange: n, selectedDate: r, weekStartsOn: i, onSelect: a, isDisabled: o, onFocusDate: s }) {
+	let [c, l] = F(null), u = xe(null), ee = xe(null), d = xe(!1), f = j(e).getTime(), p = new Date(f), m = M((e) => {
+		for (let n = 0; n < t; n++) if (w(e, k(new Date(f), n))) return !0;
+		return !1;
+	}, [f, t]), te = E(/* @__PURE__ */ new Date()), h = c && m(c) ? c : r && m(r) ? E(r) : m(te) ? te : p, g = D(h);
+	N(() => {
+		d.current && (d.current = !1, (u.current?.querySelector(`[data-date="${g}"]`))?.focus());
+	}, [g]);
+	let _ = (e) => {
+		let r = E(e);
+		if (l(r), s?.(r), !m(r)) {
+			let e = k(p, t - 1).getTime();
+			n(r.getTime() < f ? j(r) : r.getTime() > e ? k(r, -(t - 1)) : p);
+		}
+		ye(r, h) ? u.current?.querySelector(`[data-date="${D(r)}"]`)?.focus() : d.current = !0;
+	};
+	return {
+		tabStop: h,
+		containerRef: u,
+		tabStopRef: ee,
+		getCellProps: M((e) => {
+			let t = D(e), n = t === g;
+			return {
+				"data-date": t,
+				tabIndex: n ? 0 : -1,
+				ref: (e) => {
+					n && (ee.current = e);
+				},
+				onFocus: () => {
+					t !== g && l(E(e));
+				}
+			};
+		}, [g]),
+		onGridKeyDown: (e) => {
+			if (e.altKey || e.ctrlKey || e.metaKey) return;
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault(), o(h) || a(h);
+				return;
+			}
+			let t = U(e.key, h, e.shiftKey, i);
+			t && (e.preventDefault(), _(t));
+		},
+		focusTabStop: M(() => {
+			ee.current?.focus();
+		}, [])
+	};
+}
+//#endregion
+//#region src/components/dropdowns/shared/TimeColumnListbox.tsx
+var W = 5, G = (e) => typeof e == "number" ? e.toString().padStart(2, "0") : e;
+function Te({ items: e, selected: t, onSelect: n, isDisabled: r, label: i, classNames: a }) {
+	let o = xe(null), s = be(), c = t === void 0 ? -1 : e.indexOf(t), l = C({
+		itemCount: e.length,
+		onSelect: (t) => n(e[t]),
+		mode: "roving",
+		isItemDisabled: (t) => r?.(e[t]) ?? !1,
+		getItemLabel: (t) => String(G(e[t])),
+		selectOnSpace: !0,
+		loop: !1,
+		initialIndex: c
+	}), { setActiveIndex: u, focusItem: ee } = l;
+	return N(() => {
+		if (c < 0) return;
+		let e = o.current;
+		e && e.contains(e.ownerDocument.activeElement) || u(c);
+	}, [c, u]), N(() => {
+		if (t === void 0 || !o.current) return;
+		let e = o.current.querySelector(`[data-value="${t}"]`);
+		if (e) {
+			let t = o.current;
+			t.scrollTop = e.offsetTop - t.clientHeight / 2 + e.offsetHeight / 2;
+		}
+	}, [t]), /* @__PURE__ */ L("div", {
+		className: a.column,
+		children: [/* @__PURE__ */ I("div", {
+			id: s,
+			className: a.label,
+			children: i
+		}), /* @__PURE__ */ I("div", {
+			ref: o,
+			className: a.list,
+			role: "listbox",
+			"aria-labelledby": s,
+			onKeyDown: (t) => {
+				if (t.key === "PageUp" || t.key === "PageDown") {
+					t.preventDefault();
+					let n = t.key === "PageDown" ? 1 : -1, i = l.activeIndex < 0 ? Math.max(c, 0) : l.activeIndex, a = Math.min(Math.max(i + n * W, 0), e.length - 1);
+					for (; a >= 0 && a < e.length && r?.(e[a]);) a += n;
+					if (a < 0 || a >= e.length) for (a = Math.min(Math.max(i + n * W, 0), e.length - 1); a !== i && r?.(e[a]);) a -= n;
+					ee(a);
+					return;
+				}
+				l.onKeyDown(t);
+			},
+			children: e.map((e, i) => {
+				let o = r?.(e) ?? !1, s = e === t, c = l.getItemProps(i);
+				return /* @__PURE__ */ I("button", {
+					type: "button",
+					"data-value": e,
+					id: c.id,
+					ref: c.ref,
+					tabIndex: c.tabIndex,
+					onFocus: c.onFocus,
+					role: "option",
+					"aria-selected": s,
+					className: p(a.item, s && "selected", o && "disabled"),
+					onClick: () => n(e),
+					disabled: o,
+					children: G(e)
+				}, e);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/MDatePicker/MDatePicker.tsx
+var K = "Date is unavailable", Ee = "Invalid time";
+function q(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 De(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 Oe(e, t) {
+	return e === "12h" ? t ? "hh:mm:ss AM" : "hh:mm AM" : t ? "HH:MM:SS" : "HH:MM";
+}
+function ke(e, t, n, r, i, a) {
+	return e || (n ? `${t} ${a ?? Oe(r, i)}` : t);
+}
+function J(e, t) {
+	if (!e) return "";
+	let n = se(_(e), t.format);
+	return t.withTime ? `${n} ${oe(e.getHours(), e.getMinutes(), e.getSeconds(), t.showSeconds, t.timeFormat)}` : n;
+}
+function Y(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 Ae(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 je(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 Me(e, t) {
+	let n = e.toUpperCase(), r = g(n), i = r.slice(0, 8), a = t.withTime ? r.slice(8, 8 + (t.showSeconds ? 6 : 4)) : "", o = h(i, t.inputFormat, t.separator);
+	if (!t.withTime) return {
+		formatted: o,
+		datePart: o,
+		timePart: ""
+	};
+	let s = Y(a, t.showSeconds), c = t.timeFormat === "12h" ? Ae(n) : "", l = `${s}${c ? `${s ? " " : ""}${c}` : ""}`.trim();
+	if (!o) return {
+		formatted: l,
+		datePart: "",
+		timePart: l
+	};
+	let u = i.length === 8, ee = /\s/.test(n.slice(o.length));
+	return {
+		formatted: l || u && ee ? `${o} ${l}` : o,
+		datePart: o,
+		timePart: l
+	};
+}
+function Ne(e, t) {
+	return e ? oe(e.getHours(), e.getMinutes(), e.getSeconds(), t, "24h") : "";
+}
+function Pe(e, t) {
+	let { datePart: n, timePart: r } = je(e, t.withTime);
+	if (!n && !r) return { status: "empty" };
+	let i = m(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 = te(n, t.inputFormat);
+	return a ? t.isDisabled(a) ? {
+		status: "invalid",
+		datePart: n,
+		timePart: r,
+		result: {
+			valid: !1,
+			error: K
+		}
+	} : t.withTime ? r ? ie(r, t.timeFormat) ? {
+		status: "valid",
+		datePart: n,
+		timePart: r,
+		value: ce(a, r, {
+			format: t.timeFormat,
+			showSeconds: t.showSeconds
+		})
+	} : {
+		status: "invalid",
+		datePart: n,
+		timePart: r,
+		result: {
+			valid: !1,
+			error: Ee
+		}
+	} : {
+		status: "valid",
+		datePart: n,
+		timePart: "",
+		value: ce(a, "", {
+			format: t.timeFormat,
+			showSeconds: t.showSeconds
+		})
+	} : {
+		status: "valid",
+		datePart: n,
+		timePart: "",
+		value: _(a)
+	} : {
+		status: "invalid",
+		datePart: n,
+		timePart: r,
+		result: {
+			valid: !1,
+			error: "Invalid date"
+		}
+	};
+}
+function Fe(e) {
+	let t = e.hours >= 12 ? "PM" : "AM";
+	return {
+		hours: e.hours % 12 || 12,
+		minutes: e.minutes,
+		seconds: e.seconds,
+		meridiem: t
+	};
+}
+function Ie(e, t) {
+	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
+}
+function Le({ value: n, defaultValue: r, onChange: o, format: c = "dd.MM.yyyy", locale: l, min: ee, max: d, disabledDates: m, placeholder: te, disabled: h = !1, readOnly: v = !1, name: ne, id: b, variant: ae = "outlined", size: se = "md", color: de, label: C, helperText: pe, errorText: me, error: w = !1, required: T = !1, clearable: E = !1, withTime: D = !1, validateOnBlur: O = !0, validateOnChange: k = !1, onValidationChange: ye, timeFormat: A = "24h", showSeconds: j = !1, minuteStep: R = 1, timePlaceholder: z, inline: B = !1, showTodayButton: Se = !0, firstDayOfWeek: V = 1, fullWidth: H = !1, className: U, style: W }) {
+	let G = i(), K = ge(l), Oe = a(), Y = t(), { inputFormat: Ae, separator: je } = P(() => De(c), [c]), [Le, ze] = F(!1), [Be, Ve] = F(!1), [He, Ue] = F(() => q(r)), [We, Ge] = F({ valid: !0 }), [Ke, qe] = F(!1), X = n === void 0 ? He : q(n), [Z, Je] = F(() => J(X, {
+		format: c,
+		withTime: D,
+		timeFormat: A,
+		showSeconds: j
+	})), [Ye, Xe] = F(() => Ne(X, j)), [Ze, Qe] = F(() => {
+		let e = X ? _(X) : /* @__PURE__ */ new Date();
+		return new Date(e.getFullYear(), e.getMonth(), 1);
+	}), [$e, et] = F("days"), tt = xe(null), nt = X?.getTime() ?? null, rt = q(ee), it = q(d), at = w || Ke && !We.valid, ot = me || (Ke && !We.valid ? We.error : void 0), st = ue(K, V), ct = y(K);
+	N(() => {
+		if (Je(J(X, {
+			format: c,
+			withTime: D,
+			timeFormat: A,
+			showSeconds: j
+		})), Xe(Ne(X, j)), X) {
+			let e = _(X);
+			Qe(new Date(e.getFullYear(), e.getMonth(), 1));
+		}
+	}, [
+		c,
+		nt,
+		j,
+		A,
+		D
+	]);
+	let lt = M((e) => re(e, rt, it) ? Array.isArray(m) ? m.some((t) => x(t, e)) : typeof m == "function" ? m(e) : !1 : !0, [
+		m,
+		it,
+		rt
+	]), ut = e(), Q = M((e) => {
+		let t = ut(e);
+		Ge(t), ye?.(t);
+	}, [ye, ut]), dt = M((e) => {
+		n === void 0 && Ue(e), o?.(e);
+	}, [o, n]), ft = P(() => Pe(Z, {
+		inputFormat: Ae,
+		minDate: rt,
+		maxDate: it,
+		withTime: D,
+		timeFormat: A,
+		showSeconds: j,
+		isDisabled: lt
+	}), [
+		Ae,
+		Z,
+		lt,
+		it,
+		rt,
+		j,
+		A,
+		D
+	]), pt = P(() => ft.status === "valid" ? _(ft.value) : X ? _(X) : null, [ft, X]), $ = P(() => D ? ie(ft.status !== "empty" && ft.timePart ? ft.timePart : Ye || Ne(X, j), A) ?? {
+		hours: 0,
+		minutes: 0,
+		seconds: 0
+	} : null, [
+		Ye,
+		ft,
+		X,
+		j,
+		A,
+		D
+	]), mt = M((e) => {
+		let t = Me(e.target.value, {
+			inputFormat: Ae,
+			separator: je,
+			withTime: D,
+			timeFormat: A,
+			showSeconds: j
+		});
+		Je(t.formatted), Xe(t.timePart);
+		let n = Pe(t.formatted, {
+			inputFormat: Ae,
+			minDate: rt,
+			maxDate: it,
+			withTime: D,
+			timeFormat: A,
+			showSeconds: j,
+			isDisabled: lt
+		});
+		if (n.status === "empty") {
+			Q({ valid: !0 }), dt(null);
+			return;
+		}
+		if (n.status === "invalid" && k) Q(n.result);
+		else if (n.status === "valid") {
+			Q({ valid: !0 }), Qe(new Date(n.value.getFullYear(), n.value.getMonth(), 1));
+			let t = j ? 6 : 4, r = D ? g(e.target.value).slice(8).length : 0;
+			(!D || r >= t) && dt(n.value);
+		}
+	}, [
+		dt,
+		Q,
+		Ae,
+		lt,
+		it,
+		rt,
+		je,
+		j,
+		A,
+		k,
+		D
+	]), ht = M(() => {
+		qe(!0);
+		let e = Pe(Z, {
+			inputFormat: Ae,
+			minDate: rt,
+			maxDate: it,
+			withTime: D,
+			timeFormat: A,
+			showSeconds: j,
+			isDisabled: lt
+		});
+		if (e.status === "empty") {
+			Q({ valid: !0 });
+			return;
+		}
+		if (e.status === "partial") {
+			O && Q({
+				valid: !1,
+				error: "Incomplete date"
+			});
+			return;
+		}
+		if (e.status === "invalid") {
+			if (D && e.result.error === Ee && e.datePart) {
+				let t = oe(0, 0, 0, j, A), n = Pe(`${e.datePart} ${t}`, {
+					inputFormat: Ae,
+					minDate: rt,
+					maxDate: it,
+					withTime: D,
+					timeFormat: A,
+					showSeconds: j,
+					isDisabled: lt
+				});
+				if (n.status === "valid") {
+					Q({ valid: !0 }), Je(J(n.value, {
+						format: c,
+						withTime: D,
+						timeFormat: A,
+						showSeconds: j
+					})), Xe(Ne(n.value, j)), dt(n.value);
+					return;
+				}
+			}
+			O && Q(e.result);
+			return;
+		}
+		Q({ valid: !0 }), Je(J(e.value, {
+			format: c,
+			withTime: D,
+			timeFormat: A,
+			showSeconds: j
+		})), Xe(Ne(e.value, j)), dt(e.value);
+	}, [
+		dt,
+		Q,
+		c,
+		Ae,
+		Z,
+		lt,
+		it,
+		rt,
+		j,
+		A,
+		O,
+		D
+	]), gt = M((e) => {
+		if (e.key === "ArrowDown") {
+			e.preventDefault(), !h && !v && !B && (Ve(!0), ze(!0));
+			return;
+		}
+		[
+			"Backspace",
+			"Delete",
+			"Tab",
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End",
+			"Enter"
+		].includes(e.key) || e.ctrlKey || e.metaKey || (D ? /^[0-9\s:./-APMapm]$/ : /^[0-9./-]$/).test(e.key) || e.preventDefault();
+	}, [
+		h,
+		B,
+		v,
+		D
+	]), _t = M(() => {
+		Je(""), Xe(""), qe(!1), Q({ valid: !0 }), dt(null);
+	}, [dt, Q]), vt = M((e) => {
+		e.preventDefault(), e.stopPropagation(), !(h || v || B) && (Ve(e.detail === 0), ze((e) => !e));
+	}, [
+		h,
+		B,
+		v
+	]), yt = M(() => {
+		ze(!1), Ve(!1);
+	}, []), bt = M((e) => {
+		if (lt(e)) return;
+		let t = D ? Ye || oe(0, 0, 0, j, A) : "", n = D ? ce(e, t, {
+			format: A,
+			showSeconds: j
+		}) : _(e);
+		qe(!0), Q({ valid: !0 }), Xe(t), Je(J(n, {
+			format: c,
+			withTime: D,
+			timeFormat: A,
+			showSeconds: j
+		})), Qe(new Date(e.getFullYear(), e.getMonth(), 1)), dt(n), !D && !B && ze(!1);
+	}, [
+		dt,
+		Ye,
+		Q,
+		c,
+		B,
+		lt,
+		j,
+		A,
+		D
+	]), xt = M(() => {
+		let e = _(/* @__PURE__ */ new Date());
+		lt(e) || bt(e);
+	}, [bt, lt]), St = P(() => {
+		if (!D) return [];
+		let e = [], t = A === "12h" ? 12 : 23, n = +(A === "12h");
+		for (let r = n; r <= t; r += 1) e.push(r);
+		return e;
+	}, [A, D]), Ct = P(() => {
+		if (!D) return [];
+		let e = [];
+		for (let t = 0; t < 60; t += R) e.push(t);
+		return e;
+	}, [R, D]), wt = P(() => {
+		if (!D || !j) return [];
+		let e = [];
+		for (let t = 0; t < 60; t += 1) e.push(t);
+		return e;
+	}, [j, D]), Tt = M((e, t, n = 0) => {
+		let r = oe(e, t, n, j, A), i = pt;
+		if (qe(!0), Xe(r), !i) {
+			Je(r);
+			return;
+		}
+		let a = ce(i, r, {
+			format: A,
+			showSeconds: j
+		});
+		Q({ valid: !0 }), Je(J(a, {
+			format: c,
+			withTime: D,
+			timeFormat: A,
+			showSeconds: j
+		})), dt(a);
+	}, [
+		dt,
+		pt,
+		Q,
+		c,
+		j,
+		A,
+		D
+	]), Et = M((e) => {
+		Tt(Ie($ ? Fe($).hours : 12, e), $?.minutes ?? 0, $?.seconds ?? 0);
+	}, [$, Tt]), Dt = P(() => _e(Ze, V).map((e) => ({
+		date: e,
+		currentMonth: e.getMonth() === Ze.getMonth()
+	})), [V, Ze]), Ot = _(/* @__PURE__ */ new Date()), kt = X ? _(X) : pt, At = we({
+		viewMonth: Ze,
+		onViewMonthChange: Qe,
+		selectedDate: kt,
+		weekStartsOn: V,
+		onSelect: bt,
+		isDisabled: lt
+	}), jt = `${be()}-title`, Mt = P(() => ve(K, V, "long"), [K, V]), Nt = P(() => new Intl.DateTimeFormat(K, {
+		weekday: "long",
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}), [K]), Pt = P(() => Array.from({ length: Dt.length / 7 }, (e, t) => Dt.slice(t * 7, t * 7 + 7)), [Dt]), Ft = () => /* @__PURE__ */ L("div", {
+		className: "calendar",
+		children: [
+			/* @__PURE__ */ L("div", {
+				className: "calendar-header",
+				children: [
+					/* @__PURE__ */ I("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => Qe(le(Ze, -1)),
+						"aria-label": Oe.previousMonth,
+						children: /* @__PURE__ */ I(s, {})
+					}),
+					/* @__PURE__ */ L("button", {
+						type: "button",
+						id: jt,
+						className: "header-title",
+						"aria-live": "polite",
+						onClick: () => et((e) => e === "days" ? "months" : "days"),
+						children: [
+							ct[Ze.getMonth()],
+							" ",
+							Ze.getFullYear()
+						]
+					}),
+					/* @__PURE__ */ I("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => Qe(le(Ze, 1)),
+						"aria-label": Oe.nextMonth,
+						children: /* @__PURE__ */ I(f, {})
+					})
+				]
+			}),
+			$e === "days" ? /* @__PURE__ */ L("div", {
+				ref: At.containerRef,
+				className: "day-table",
+				role: "grid",
+				"aria-labelledby": jt,
+				onKeyDown: At.onGridKeyDown,
+				children: [/* @__PURE__ */ I("div", {
+					className: "day-names",
+					role: "row",
+					children: st.map((e, t) => /* @__PURE__ */ I("span", {
+						className: "day-name",
+						role: "columnheader",
+						"aria-label": Mt[t],
+						children: e
+					}, e))
+				}), /* @__PURE__ */ I("div", {
+					className: "day-grid",
+					role: "rowgroup",
+					children: Pt.map((e, t) => /* @__PURE__ */ I("div", {
+						className: "day-row",
+						role: "row",
+						children: e.map(({ date: e, currentMonth: n }, r) => {
+							let i = kt ? x(e, kt) : !1, a = x(e, Ot), o = lt(e);
+							return /* @__PURE__ */ I("div", {
+								...At.getCellProps(e),
+								role: "gridcell",
+								className: p("day", !n && "other-month", a && "today", i && "selected", o && "disabled"),
+								onClick: () => bt(e),
+								"aria-selected": i,
+								"aria-disabled": o || void 0,
+								"aria-current": a ? "date" : void 0,
+								"aria-label": Nt.format(e),
+								children: e.getDate()
+							}, `${e.toISOString()}-${t * 7 + r}`);
+						})
+					}, t))
+				})]
+			}) : /* @__PURE__ */ I("div", {
+				className: "month-grid",
+				children: ct.map((e, t) => /* @__PURE__ */ I("button", {
+					type: "button",
+					className: p("month-cell", Ze.getMonth() === t && "selected"),
+					onClick: () => {
+						Qe(new Date(Ze.getFullYear(), t, 1)), et("days");
+					},
+					children: e.slice(0, 3)
+				}, e))
+			}),
+			Se && /* @__PURE__ */ I("div", {
+				className: "footer",
+				children: /* @__PURE__ */ I("button", {
+					type: "button",
+					className: "today-btn",
+					onClick: xt,
+					children: Oe.today
+				})
+			})
+		]
+	}), It = () => {
+		if (!D) return null;
+		let e = $ ? Fe($) : null;
+		return /* @__PURE__ */ L("div", {
+			className: "date-picker-time-panel",
+			children: [/* @__PURE__ */ I("div", {
+				className: "date-picker-time-header",
+				children: Y.time
+			}), /* @__PURE__ */ L("div", {
+				className: "date-picker-time-columns",
+				children: [
+					/* @__PURE__ */ I(Te, {
+						classNames: Re,
+						items: St,
+						selected: A === "12h" ? e?.hours : $?.hours,
+						onSelect: (t) => Tt(A === "12h" ? Ie(t, e?.meridiem ?? "AM") : t, $?.minutes ?? 0, $?.seconds ?? 0),
+						label: Y.hours
+					}),
+					/* @__PURE__ */ I(Te, {
+						classNames: Re,
+						items: Ct,
+						selected: $?.minutes,
+						onSelect: (e) => Tt($?.hours ?? 0, e, $?.seconds ?? 0),
+						label: Y.minutes
+					}),
+					j && /* @__PURE__ */ I(Te, {
+						classNames: Re,
+						items: wt,
+						selected: $?.seconds,
+						onSelect: (e) => Tt($?.hours ?? 0, $?.minutes ?? 0, e),
+						label: Y.seconds
+					}),
+					A === "12h" && /* @__PURE__ */ I(Te, {
+						classNames: Re,
+						items: ["AM", "PM"],
+						selected: e?.meridiem,
+						onSelect: Et,
+						label: Y.meridiem
+					})
+				]
+			})]
+		});
+	}, Lt = () => /* @__PURE__ */ L("div", {
+		className: p("date-picker-popover-content", D && "with-time"),
+		children: [Ft(), It()]
+	}), Rt = D ? A === "12h" ? j ? 22 : 19 : j ? 19 : 16 : 10, zt = ke(te, c, D, A, j, z);
+	return B ? /* @__PURE__ */ L("div", {
+		className: p("date-picker", de && `color-${de}`, H && "full-width", U),
+		style: W,
+		children: [
+			/* @__PURE__ */ I(he, {
+				value: Z,
+				onChange: mt,
+				onBlur: ht,
+				onKeyDown: gt,
+				onClear: _t,
+				type: "text",
+				inputMode: D ? "text" : "numeric",
+				autoComplete: "off",
+				maxLength: Rt,
+				placeholder: zt,
+				disabled: h,
+				readOnly: v,
+				id: b,
+				variant: ae,
+				size: se,
+				color: de,
+				label: C,
+				helperText: pe,
+				error: at,
+				errorText: ot,
+				required: T,
+				clearable: E,
+				fullWidth: H
+			}),
+			Lt(),
+			ne && X && /* @__PURE__ */ I("input", {
+				type: "hidden",
+				name: ne,
+				value: S(X, D, j)
+			})
+		]
+	}) : /* @__PURE__ */ L("div", {
+		className: p("date-picker", de && `color-${de}`, H && "full-width", U),
+		style: W,
+		children: [
+			/* @__PURE__ */ I("div", {
+				ref: tt,
+				className: "date-picker-input-anchor",
+				children: /* @__PURE__ */ I(he, {
+					value: Z,
+					onChange: mt,
+					onBlur: ht,
+					onKeyDown: gt,
+					onClear: _t,
+					type: "text",
+					inputMode: D ? "text" : "numeric",
+					autoComplete: "off",
+					maxLength: Rt,
+					placeholder: zt,
+					disabled: h,
+					readOnly: v,
+					id: b,
+					variant: ae,
+					size: se,
+					color: de,
+					label: C,
+					helperText: pe,
+					error: at,
+					errorText: ot,
+					required: T,
+					clearable: E,
+					fullWidth: H,
+					endIcon: /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "date-picker-toggle",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: vt,
+						"aria-label": G.openCalendar,
+						disabled: h || v,
+						children: /* @__PURE__ */ I(u, {})
+					})
+				})
+			}),
+			ne && X && /* @__PURE__ */ I("input", {
+				type: "hidden",
+				name: ne,
+				value: S(X, D, j)
+			}),
+			/* @__PURE__ */ I(fe, {
+				className: "date-picker-popover",
+				style: { "--color-rgb": Ce(de) },
+				open: Le,
+				anchorRef: tt,
+				onClose: yt,
+				placement: "bottom-start",
+				role: "dialog",
+				"aria-label": C ?? Oe.dialogLabel,
+				initialFocus: Be ? At.tabStopRef : void 0,
+				closeOnTabOut: !0,
+				children: Lt()
+			})
+		]
+	});
+}
+var Re = {
+	column: "date-picker-time-column",
+	label: "date-picker-time-column-label",
+	list: "date-picker-time-column-list",
+	item: "date-picker-time-column-item"
+};
+//#endregion
+//#region src/components/dropdowns/MTimePicker/MTimePicker.tsx
+function ze(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 Ve(e, t, n, r, i) {
+	if (i === "24h") return ne(e, t, n, r);
+	let a = ze({
+		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 He(e, t) {
+	if (t === "24h") return b(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: Be(e, i),
+			minutes: t,
+			seconds: r
+		};
+	}
+	return b(e);
+}
+function Ue(e, t) {
+	return e.hours === t.hours ? e.minutes === t.minutes ? e.seconds - t.seconds : e.minutes - t.minutes : e.hours - t.hours;
+}
+function We(e, t, n) {
+	return (!t || Ue(e, t) >= 0) && (!n || Ue(e, n) <= 0);
+}
+function Ge(e, t, n, r) {
+	return (!n || Ue(t, n) >= 0) && (!r || Ue(e, r) <= 0);
+}
+function Ke(e, t, n) {
+	return t && Ue(e, t) < 0 ? { ...t } : n && Ue(e, n) > 0 ? { ...n } : e;
+}
+function qe({ value: e, defaultValue: n, onChange: r, format: a = "24h", showSeconds: o = !1, minuteStep: s = 1, min: c, max: u, placeholder: d, disabled: f = !1, readOnly: m = !1, name: te, id: h, variant: g = "outlined", size: _ = "md", color: v, label: ne, helperText: y, errorText: re, error: ie = !1, required: b = !1, clearable: ae = !1, fullWidth: oe = !1, className: se, style: x }) {
+	let ce = i(), S = t(), [le, ue] = F(!1), [de, C] = F(!1), [pe, me] = F(n ?? ""), he = xe(null), ge = e === void 0 ? pe : e, _e = ie || !!re, w = He(ge, a), T = He(c ?? "", a), E = He(u ?? "", a), D = w ? ze(w) : null, O = w ? Ve(w.hours, w.minutes, w.seconds, o, a) : ge, ve = P(() => {
+		let e = [], t = a === "12h" ? 12 : 23, n = +(a === "12h");
+		for (let r = n; r <= t; r++) e.push(r);
+		return e;
+	}, [a]), k = P(() => {
+		let e = [];
+		for (let t = 0; t < 60; t += s) e.push(t);
+		return e;
+	}, [s]), ye = P(() => {
+		if (!o) return [];
+		let e = [];
+		for (let t = 0; t < 60; t++) e.push(t);
+		return e;
+	}, [o]), A = M((e, t, n = 0) => We({
+		hours: e,
+		minutes: t,
+		seconds: n
+	}, T, E), [E, T]), j = o ? 59 : 0, N = M((e, t) => Ge({
+		hours: e,
+		minutes: t,
+		seconds: 0
+	}, {
+		hours: e,
+		minutes: t,
+		seconds: j
+	}, T, E), [
+		j,
+		E,
+		T
+	]), be = M((e) => k.some((t) => N(e, t)), [N, k]), R = M((e) => {
+		let t = e === "AM" ? 0 : 12;
+		for (let e = t; e < t + 12; e++) if (be(e)) return !0;
+		return !1;
+	}, [be]), z = M((t, n, i = 0) => {
+		let s = Ke({
+			hours: t,
+			minutes: n,
+			seconds: i
+		}, T, E);
+		if (!A(s.hours, s.minutes, s.seconds)) return;
+		let c = Ve(s.hours, s.minutes, s.seconds, o, a);
+		e === void 0 && me(c), r?.(c);
+	}, [
+		a,
+		A,
+		E,
+		T,
+		r,
+		o,
+		e
+	]), B = M((t) => {
+		let n = t.target.value;
+		e === void 0 && me(n);
+	}, [e]), Se = M(() => {
+		let t = He(ge, a);
+		if (t && We(t, T, E)) {
+			let n = Ve(t.hours, t.minutes, t.seconds, o, a);
+			e === void 0 && me(n), r?.(n);
+		}
+	}, [
+		ge,
+		a,
+		E,
+		T,
+		r,
+		o,
+		e
+	]), V = M((e) => {
+		let t = D?.hours ?? 12, n = w?.minutes ?? 0, r = w?.seconds ?? 0;
+		z(Be(t, e), n, r);
+	}, [
+		D?.hours,
+		z,
+		w?.minutes,
+		w?.seconds
+	]), H = M((e) => {
+		f || m || e.key !== "ArrowDown" || (e.preventDefault(), C(!0), ue(!0));
+	}, [f, m]), Ce = M(() => {
+		ue(!1), C(!1);
+	}, []), U = M((t) => {
+		t.stopPropagation(), e === void 0 && me(""), r?.("");
+	}, [r, e]);
+	return /* @__PURE__ */ L("div", {
+		className: p("time picker", v && `color-${v}`, oe && "full-width", se),
+		style: x,
+		children: [
+			ne && /* @__PURE__ */ I("label", {
+				htmlFor: h,
+				className: p("field-label", le && "focused", _e && "error", b && "required"),
+				children: ne
+			}),
+			/* @__PURE__ */ L("div", {
+				ref: he,
+				className: p("time trigger", `field-${g}`, `field-${_}`, le && "focused", _e && "error", f && "disabled"),
+				onClick: () => !f && !m && ue(!0),
+				children: [
+					/* @__PURE__ */ I("span", {
+						className: "time icon",
+						children: /* @__PURE__ */ I(l, {})
+					}),
+					/* @__PURE__ */ I("input", {
+						type: "text",
+						className: "time input",
+						value: O,
+						onChange: B,
+						onBlur: Se,
+						onKeyDown: H,
+						placeholder: d ?? (a === "12h" ? o ? "hh:mm:ss AM" : "hh:mm AM" : o ? "HH:MM:SS" : "HH:MM"),
+						disabled: f,
+						readOnly: m,
+						id: h,
+						"aria-invalid": _e || void 0
+					}),
+					ae && ge && !f && /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "time clear clear-btn-base",
+						onClick: U,
+						tabIndex: -1,
+						"aria-label": ce.clearTime,
+						children: /* @__PURE__ */ I(ee, {})
+					})
+				]
+			}),
+			te && /* @__PURE__ */ I("input", {
+				type: "hidden",
+				name: te,
+				value: O
+			}),
+			/* @__PURE__ */ I(fe, {
+				className: "time picker popover",
+				open: le,
+				anchorRef: he,
+				onClose: Ce,
+				placement: "bottom-start",
+				role: "dialog",
+				"aria-label": ne ?? S.dialogLabel,
+				initialFocus: de ? "first" : void 0,
+				closeOnTabOut: !0,
+				children: /* @__PURE__ */ L("div", {
+					className: "time columns",
+					children: [
+						/* @__PURE__ */ I(Te, {
+							classNames: X,
+							items: ve,
+							selected: a === "12h" ? D?.hours : w?.hours,
+							onSelect: (e) => z(a === "12h" ? Be(e, D?.meridiem ?? "AM") : e, w?.minutes ?? 0, w?.seconds ?? 0),
+							isDisabled: (e) => !be(a === "12h" ? Be(e, D?.meridiem ?? "AM") : e),
+							label: S.hours
+						}),
+						/* @__PURE__ */ I(Te, {
+							classNames: X,
+							items: k,
+							selected: w?.minutes,
+							onSelect: (e) => z(w?.hours ?? 0, e, w?.seconds ?? 0),
+							isDisabled: (e) => !N(w?.hours ?? 0, e),
+							label: S.minutes
+						}),
+						o && /* @__PURE__ */ I(Te, {
+							classNames: X,
+							items: ye,
+							selected: w?.seconds,
+							onSelect: (e) => z(w?.hours ?? 0, w?.minutes ?? 0, e),
+							isDisabled: (e) => !A(w?.hours ?? 0, w?.minutes ?? 0, e),
+							label: S.seconds
+						}),
+						a === "12h" && /* @__PURE__ */ I(Te, {
+							classNames: X,
+							items: ["AM", "PM"],
+							selected: D?.meridiem,
+							onSelect: V,
+							isDisabled: (e) => !R(e),
+							label: S.meridiem
+						})
+					]
+				})
+			}),
+			(re || y) && /* @__PURE__ */ I("div", {
+				className: "time bottom",
+				children: re ? /* @__PURE__ */ I("span", {
+					className: "field-error",
+					role: "alert",
+					children: re
+				}) : /* @__PURE__ */ I("span", {
+					className: "time helper",
+					children: y
+				})
+			})
+		]
+	});
+}
+var X = {
+	column: "time column",
+	label: "time column label",
+	list: "time column list",
+	item: "time column item"
+};
+//#endregion
+//#region src/components/dropdowns/MDateRangePicker/MDateRangePicker.tsx
+function Z(e) {
+	if (!e) return null;
+	if (e instanceof Date) return _(e);
+	let t = new Date(e);
+	return isNaN(t.getTime()) ? null : _(t);
+}
+function Je(e, t) {
+	return e.getTime() <= t.getTime() ? {
+		start: e,
+		end: t
+	} : {
+		start: t,
+		end: e
+	};
+}
+function Ye(e, t, n) {
+	if (!t || !n) return !1;
+	let r = e.getTime();
+	return r > t.getTime() && r < n.getTime();
+}
+function Xe(e, t, n) {
+	return e && t ? `${se(e, n)} - ${se(t, n)}` : e ? `${se(e, n)} - ...` : "";
+}
+function Ze(e) {
+	return `${e.getFullYear().toString().padStart(4, "0")}-${(e.getMonth() + 1).toString().padStart(2, "0")}-${e.getDate().toString().padStart(2, "0")}`;
+}
+function Qe(e) {
+	return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function $e(e) {
+	return new Date(e.getFullYear(), e.getMonth() + 1, 0);
+}
+function et(e) {
+	let t = _(/* @__PURE__ */ new Date());
+	return t.setDate(t.getDate() - (e - 1)), t;
+}
+function tt(e) {
+	let t = _(/* @__PURE__ */ new Date());
+	return new Date(t.getFullYear(), t.getMonth() - e, t.getDate());
+}
+function nt(e) {
+	let t = _(/* @__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: et(2),
+				end: t
+			}
+		},
+		{
+			label: e.presets.days3,
+			value: {
+				start: et(3),
+				end: t
+			}
+		},
+		{
+			label: e.presets.days7,
+			value: {
+				start: et(7),
+				end: t
+			}
+		},
+		{
+			label: e.presets.days14,
+			value: {
+				start: et(14),
+				end: t
+			}
+		},
+		{
+			label: e.presets.days31,
+			value: {
+				start: et(31),
+				end: t
+			}
+		},
+		{
+			label: e.presets.thisMonth,
+			value: {
+				start: Qe(t),
+				end: $e(t)
+			}
+		},
+		{
+			label: e.presets.previousMonth,
+			value: {
+				start: Qe(n),
+				end: $e(n)
+			}
+		},
+		{
+			label: e.presets.months2,
+			value: {
+				start: tt(2),
+				end: t
+			}
+		},
+		{
+			label: e.presets.months3,
+			value: {
+				start: tt(3),
+				end: t
+			}
+		},
+		{
+			label: e.presets.months6,
+			value: {
+				start: tt(6),
+				end: t
+			}
+		},
+		{
+			label: e.presets.year1,
+			value: {
+				start: tt(12),
+				end: t
+			}
+		}
+	];
+}
+function rt(e, t) {
+	let n = e.getFullYear(), r = e.getMonth(), i = ae(n, r), a = v(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 = ae(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, ee = r === 11 ? 0 : r + 1, d = r === 11 ? n + 1 : n;
+	for (let e = 1; e <= u; e += 1) o.push({
+		date: new Date(d, ee, e),
+		currentMonth: !1
+	});
+	return o;
+}
+function it({ value: e, defaultValue: t, onChange: r, format: i = "dd.MM.yyyy", locale: a, min: o, max: c, disabledDates: l, placeholder: d, disabled: m = !1, readOnly: te = !1, name: h, id: g, variant: v = "outlined", size: ne = "md", color: ie, label: b, helperText: ae, errorText: oe, error: ce = !1, required: S = !1, clearable: de = !1, inline: C = !1, showTodayButton: pe = !0, presets: me = !1, presetsSidebar: he = !1, firstDayOfWeek: _e = 1, fullWidth: w = !1, allowSameDay: T = !0, className: E, style: D }) {
+	let O = ge(a), k = e ? {
+		start: Z(e.start),
+		end: Z(e.end)
+	} : null, [ye, A] = F(() => ({
+		start: Z(t?.start),
+		end: Z(t?.end)
+	})), [j, R] = F(null), [z, B] = F(!1), [Se, V] = F(!1), H = xe(null), U = k ?? ye, W = U.start, G = U.end, Te = Z(o), K = Z(c), Ee = ce || !!oe, q = n(), De = ue(O, _e), Oe = y(O), ke = P(() => {
+		let e = me === !0 || he && !me ? nt(q) : Array.isArray(me) ? me : [];
+		return T ? e : e.filter((e) => {
+			let t = Z(e.value.start), n = Z(e.value.end);
+			return !(t && n && x(t, n));
+		});
+	}, [
+		T,
+		me,
+		he,
+		q
+	]), [J, Y] = F(() => {
+		let e = W ?? /* @__PURE__ */ new Date();
+		return new Date(e.getFullYear(), e.getMonth(), 1);
+	}), Ae = W?.getTime() ?? null;
+	N(() => {
+		if (!Ae) return;
+		let e = new Date(Ae);
+		Y(new Date(e.getFullYear(), e.getMonth(), 1));
+	}, [Ae]);
+	let je = M((e) => re(e, Te, K) ? Array.isArray(l) ? l.some((t) => x(t, e)) : typeof l == "function" ? l(e) : !1 : !0, [
+		l,
+		K,
+		Te
+	]), Me = M((t) => {
+		e === void 0 && A(t), r?.(t);
+	}, [r, e]), Ne = M((e) => {
+		if (!je(e)) {
+			if (!W || W && G) {
+				Me({
+					start: e,
+					end: null
+				}), R(null);
+				return;
+			}
+			!T && x(e, W) || (Me(Je(W, e)), R(null), C || B(!1));
+		}
+	}, [
+		T,
+		Me,
+		G,
+		C,
+		je,
+		W
+	]), Pe = M((e) => {
+		e.stopPropagation(), Me({
+			start: null,
+			end: null
+		}), R(null);
+	}, [Me]), Fe = M(() => {
+		let e = _(/* @__PURE__ */ new Date());
+		if (!je(e)) {
+			if (!T) {
+				Me({
+					start: e,
+					end: null
+				}), Y(new Date(e.getFullYear(), e.getMonth(), 1)), R(null);
+				return;
+			}
+			Me({
+				start: e,
+				end: e
+			}), Y(new Date(e.getFullYear(), e.getMonth(), 1)), R(null), C || B(!1);
+		}
+	}, [
+		T,
+		Me,
+		C,
+		je
+	]), Ie = M((e) => {
+		let t = Z(e.value.start), n = Z(e.value.end);
+		if (!t || !n) return;
+		let r = Je(t, n);
+		je(r.start) || je(r.end) || !T && x(r.start, r.end) || (Me(r), Y(new Date(r.start.getFullYear(), r.start.getMonth(), 1)), R(null), C || B(!1));
+	}, [
+		T,
+		Me,
+		C,
+		je
+	]), Le = W && !G ? j : null, Re = J, ze = le(J, 1), Be = _(/* @__PURE__ */ new Date()), Ve = we({
+		viewMonth: J,
+		monthsShown: 2,
+		onViewMonthChange: Y,
+		selectedDate: G ?? W,
+		weekStartsOn: _e,
+		onSelect: Ne,
+		isDisabled: je,
+		onFocusDate: (e) => {
+			W && !G && R(e);
+		}
+	}), He = be(), Ue = P(() => ve(O, _e, "long"), [O, _e]), We = P(() => new Intl.DateTimeFormat(O, {
+		weekday: "long",
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}), [O]), Ge = M(() => {
+		m || te || (V(!0), B(!0));
+	}, [m, te]), Ke = M((e) => {
+		(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), Ge());
+	}, [Ge]), qe = M(() => {
+		B(!1), V(!1), R(null);
+	}, []), X = P(() => Xe(W, G, i), [
+		G,
+		i,
+		W
+	]), Qe = P(() => [Re, ze].map((e) => ({
+		monthDate: e,
+		days: rt(e, _e)
+	})), [
+		_e,
+		Re,
+		ze
+	]), $e = W && G ? `${se(W, i)} - ${se(G, i)}` : W ? `${se(W, i)} - ...` : d ?? q.defaultRangePlaceholder, et = he && ke.length > 0, tt = !he && ke.length > 0, it = () => /* @__PURE__ */ I("div", {
+		className: "presets-sidebar",
+		children: ke.map((e) => /* @__PURE__ */ I("button", {
+			type: "button",
+			className: "preset-sidebar-btn",
+			onClick: () => Ie(e),
+			children: e.label
+		}, e.label))
+	}), at = () => /* @__PURE__ */ L("div", {
+		className: "calendar-body",
+		children: [
+			/* @__PURE__ */ L("div", {
+				className: "calendar-top",
+				children: [/* @__PURE__ */ L("div", {
+					className: "calendar-caption",
+					children: [/* @__PURE__ */ L("span", {
+						className: "caption-title",
+						children: [
+							Oe[Re.getMonth()],
+							" ",
+							Re.getFullYear()
+						]
+					}), /* @__PURE__ */ I("span", {
+						className: "caption-subtitle",
+						children: q.rangeSubtitle
+					})]
+				}), /* @__PURE__ */ L("div", {
+					className: "nav-actions",
+					children: [/* @__PURE__ */ I("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => Y(le(J, -1)),
+						"aria-label": q.previousMonth,
+						children: /* @__PURE__ */ I(s, {})
+					}), /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => Y(le(J, 1)),
+						"aria-label": q.nextMonth,
+						children: /* @__PURE__ */ I(f, {})
+					})]
+				})]
+			}),
+			tt && /* @__PURE__ */ I("div", {
+				className: "presets",
+				children: ke.map((e) => /* @__PURE__ */ I("button", {
+					type: "button",
+					className: "preset-btn",
+					onClick: () => Ie(e),
+					children: e.label
+				}, e.label))
+			}),
+			/* @__PURE__ */ I("div", {
+				ref: Ve.containerRef,
+				className: "months",
+				children: Qe.map(({ monthDate: e, days: t }, n) => /* @__PURE__ */ L("div", {
+					className: "month-panel",
+					children: [/* @__PURE__ */ L("div", {
+						id: `${He}-month-${n}`,
+						className: "month-title",
+						"aria-live": "polite",
+						children: [
+							Oe[e.getMonth()],
+							" ",
+							e.getFullYear()
+						]
+					}), /* @__PURE__ */ L("div", {
+						className: "day-table",
+						role: "grid",
+						"aria-labelledby": `${He}-month-${n}`,
+						onKeyDown: Ve.onGridKeyDown,
+						children: [/* @__PURE__ */ I("div", {
+							className: "day-names",
+							role: "row",
+							children: De.map((t, n) => /* @__PURE__ */ I("span", {
+								className: "day-name",
+								role: "columnheader",
+								"aria-label": Ue[n],
+								children: t
+							}, `${e.toISOString()}-${t}`))
+						}), /* @__PURE__ */ I("div", {
+							className: "day-grid",
+							role: "rowgroup",
+							children: Array.from({ length: t.length / 7 }, (n, r) => /* @__PURE__ */ I("div", {
+								className: "day-row",
+								role: "row",
+								children: t.slice(r * 7, r * 7 + 7).map(({ date: t, currentMonth: n }, i) => {
+									let a = r * 7 + i;
+									if (!n) return /* @__PURE__ */ I("span", {
+										className: "day other-month outside",
+										role: "gridcell"
+									}, `${e.toISOString()}-${a}`);
+									let o = je(t), s = W ? x(t, W) : !1, c = G ? x(t, G) : !1, l = Ye(t, W, G), u = !G && W && Le ? Je(W, Le) : null, ee = u ? Ye(t, u.start, u.end) : !1, d = u ? x(t, u.start) || x(t, u.end) : !1, f = Ve.getCellProps(t), m = x(t, Be);
+									return /* @__PURE__ */ I("div", {
+										...f,
+										role: "gridcell",
+										className: p("day", !n && "other-month", m && "today", s && "range-start selected", c && "range-end selected", l && "in-range", ee && !d && "preview-range", o && "disabled"),
+										onClick: () => Ne(t),
+										onMouseEnter: () => W && !G && R(t),
+										onFocus: () => {
+											f.onFocus(), W && !G && R(t);
+										},
+										"aria-selected": s || c || l,
+										"aria-disabled": o || void 0,
+										"aria-current": m ? "date" : void 0,
+										"aria-label": We.format(t),
+										children: t.getDate()
+									}, `${e.toISOString()}-${a}`);
+								})
+							}, r))
+						})]
+					})]
+				}, e.toISOString()))
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "footer",
+				children: [/* @__PURE__ */ I("span", {
+					className: "summary",
+					children: $e
+				}), /* @__PURE__ */ L("div", {
+					className: "footer-actions",
+					children: [de && (W || G) && /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "footer-btn",
+						onClick: (e) => {
+							e.preventDefault(), Me({
+								start: null,
+								end: null
+							}), R(null);
+						},
+						children: q.clear
+					}), pe && /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "footer-btn",
+						onClick: Fe,
+						children: q.today
+					})]
+				})]
+			})
+		]
+	}), ot = () => /* @__PURE__ */ L("div", {
+		className: p("date-range-calendar", et && "with-sidebar"),
+		children: [et && it(), at()]
+	});
+	return C ? /* @__PURE__ */ L("div", {
+		className: p("date-range-picker", ie && `color-${ie}`, w && "full-width", E),
+		style: D,
+		children: [b && /* @__PURE__ */ I("label", {
+			className: p("field-label", Ee && "error", S && "required"),
+			children: b
+		}), ot()]
+	}) : /* @__PURE__ */ L("div", {
+		className: p("date-range-picker", ie && `color-${ie}`, w && "full-width", E),
+		style: D,
+		children: [
+			b && /* @__PURE__ */ I("label", {
+				htmlFor: g,
+				className: p("field-label", z && "focused", Ee && "error", S && "required"),
+				children: b
+			}),
+			/* @__PURE__ */ L("div", {
+				ref: H,
+				className: p("trigger", `field-${v}`, `field-${ne}`, z && "focused", Ee && "error", m && "disabled"),
+				onClick: () => !m && !te && B(!0),
+				children: [
+					/* @__PURE__ */ I("span", {
+						className: "icon",
+						children: /* @__PURE__ */ I(u, {})
+					}),
+					/* @__PURE__ */ I("input", {
+						type: "text",
+						className: "input",
+						value: X,
+						placeholder: d ?? q.defaultRangePlaceholder,
+						disabled: m,
+						readOnly: !0,
+						id: g,
+						"aria-invalid": Ee || void 0,
+						onKeyDown: Ke
+					}),
+					de && (W || G) && !m && /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "clear-btn clear-btn-base",
+						onClick: Pe,
+						tabIndex: -1,
+						"aria-label": q.clear,
+						children: /* @__PURE__ */ I(ee, {})
+					})
+				]
+			}),
+			h && W && G && /* @__PURE__ */ I("input", {
+				type: "hidden",
+				name: h,
+				value: `${Ze(W)}:${Ze(G)}`
+			}),
+			/* @__PURE__ */ I(fe, {
+				className: "date-range-picker-popover",
+				style: { "--color-rgb": Ce(ie) },
+				open: z,
+				anchorRef: H,
+				onClose: qe,
+				placement: "bottom-start",
+				role: "dialog",
+				"aria-label": b ?? q.dialogLabel,
+				initialFocus: Se ? Ve.tabStopRef : void 0,
+				closeOnTabOut: !0,
+				children: ot()
+			}),
+			(oe || ae) && /* @__PURE__ */ I("div", {
+				className: "bottom-row",
+				children: oe ? /* @__PURE__ */ I("span", {
+					className: "field-error",
+					role: "alert",
+					children: oe
+				}) : /* @__PURE__ */ I("span", {
+					className: "helper-text",
+					children: ae
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { R as a, V as i, qe as n, Le as r, it as t };
+
+//# sourceMappingURL=dropdowns-2_7VMEDo.js.map