@banzamel/mineralui 2.4.3 → 2.5.2

package/dist/dropdowns-nW3MY5XG.js

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