@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/TimePicker-BXbuLCDX.js

@@ -0,0 +1,1204 @@
+import { t as e } from "./CloseIcon-DGl8CDLK.js";
+import { t } from "./ChevronLeftIcon-lTktpFVi.js";
+import { t as n } from "./ChevronRightIcon-1oaUsxM2.js";
+import { t as r } from "./ChevronDownIcon-BDiyHPT4.js";
+import { t as i } from "./CalendarIcon-gvWV3ioD.js";
+import { t as a } from "./ClockIcon-CTHDAJUU.js";
+import { t as o } from "./cn-BIeeqGZv.js";
+import { a as s, c, d as l, f as u, i as ee, l as d, o as f, p, r as m, s as te, t as h, u as g } from "./dateUtils-D3rghkxq.js";
+import { n as _ } from "./useDebounce-D-v3IRXp.js";
+import { t as ne } from "./useKeyboardNav-CmUKtJag.js";
+import { t as re } from "./Popover-BLYlu0jf.js";
+import { t as ie } from "./appearanceProps-8tN47e1u.js";
+import { n as v, r as ae, t as y } from "./locale-DofwII5P.js";
+import { useCallback as b, useEffect as oe, useMemo as x, useRef as se, useState as S } from "react";
+import { Fragment as ce, jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/components/dropdowns/Select/Select.tsx
+function T({ options: t, value: n, defaultValue: i, onChange: a, multiple: s = !1, searchable: c = !1, placeholder: l = "Select...", disabled: u = !1, name: ee, id: d, variant: f = "outlined", size: p = "md", color: m, fcolor: te, fullWidth: h = !1, label: g, helperText: _, errorText: v, error: ae = !1, required: y = !1, loading: oe = !1, clearable: ce = !1, maxHeight: T = 300, noOptionsText: le = "No options", renderOption: ue, renderValue: de, className: E, style: D }) {
+	let [O, k] = S(!1), [fe, A] = S(i ?? (s ? [] : "")), [j, M] = S(""), N = se(null), P = n === void 0 ? fe : n, F = ae || !!v, I = x(() => Array.isArray(P) ? P : P ? [P] : [], [P]), L = x(() => t.filter((e) => I.includes(e.value)), [t, I]), R = x(() => {
+		if (!c || !j) return t;
+		let e = j.toLowerCase();
+		return t.filter((t) => t.label.toLowerCase().includes(e));
+	}, [
+		t,
+		c,
+		j
+	]), z = x(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of R) {
+			let n = t.group ?? "";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		return e;
+	}, [R]), B = R, V = b((e) => {
+		let t = B[e];
+		if (!(!t || t.disabled)) if (s) {
+			let e = Array.isArray(P) ? P : [], r = e.includes(t.value) ? e.filter((e) => e !== t.value) : [...e, t.value];
+			n === void 0 && A(r), a?.(r);
+		} else n === void 0 && A(t.value), a?.(t.value), k(!1), M("");
+	}, [
+		B,
+		s,
+		P,
+		n,
+		a
+	]), { activeIndex: H, setActiveIndex: U, resetIndex: W, onKeyDown: pe } = ne({
+		itemCount: B.length,
+		onSelect: V,
+		onClose: () => {
+			k(!1), M("");
+		},
+		isOpen: O
+	}), me = b(() => {
+		u || (k((e) => !e), W());
+	}, [u, W]), G = b((e) => {
+		e.stopPropagation();
+		let t = s ? [] : "";
+		n === void 0 && A(t), a?.(t);
+	}, [
+		s,
+		n,
+		a
+	]), K = x(() => de && L.length > 0 ? de(s ? L : L[0]) : s && L.length > 0 ? /* @__PURE__ */ C("span", {
+		className: "tags",
+		children: L.map((e) => /* @__PURE__ */ C("span", {
+			className: "m-tag",
+			children: e.label
+		}, e.value))
+	}) : !s && L.length > 0 ? L[0].label : /* @__PURE__ */ C("span", {
+		className: "placeholder",
+		children: l
+	}), [
+		L,
+		s,
+		de,
+		l
+	]);
+	return /* @__PURE__ */ w("div", {
+		className: o("select", m && `color-${m}`, ...ie({ fcolor: te }), h && "full-width", E),
+		style: D,
+		children: [
+			g && /* @__PURE__ */ C("label", {
+				htmlFor: d,
+				className: o("label", O && "focused", F && "error", y && "required"),
+				children: g
+			}),
+			/* @__PURE__ */ w("div", {
+				ref: N,
+				className: o("trigger", f, p, O && "focused", F && "error", u && "disabled"),
+				onClick: me,
+				onKeyDown: pe,
+				tabIndex: u ? -1 : 0,
+				role: "combobox",
+				"aria-expanded": O,
+				"aria-haspopup": "listbox",
+				"aria-invalid": F || void 0,
+				id: d,
+				children: [
+					/* @__PURE__ */ C("span", {
+						className: "value",
+						children: K
+					}),
+					oe && /* @__PURE__ */ C("span", { className: "spinner" }),
+					ce && I.length > 0 && !oe && !u && /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "clear-btn",
+						onClick: G,
+						tabIndex: -1,
+						"aria-label": "Clear selection",
+						children: /* @__PURE__ */ C(e, {})
+					}),
+					/* @__PURE__ */ C("span", {
+						className: o("arrow", O && "open"),
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ C(r, {})
+					})
+				]
+			}),
+			ee && /* @__PURE__ */ C("input", {
+				type: "hidden",
+				name: ee,
+				value: Array.isArray(P) ? P.join(",") : P
+			}),
+			/* @__PURE__ */ C(re, {
+				className: "select-popover",
+				open: O,
+				anchorRef: N,
+				onClose: () => {
+					k(!1), M("");
+				},
+				matchWidth: !0,
+				placement: "bottom-start",
+				children: /* @__PURE__ */ w("div", {
+					style: { maxHeight: T },
+					className: "dropdown",
+					children: [c && /* @__PURE__ */ C("div", {
+						className: "search-box",
+						children: /* @__PURE__ */ C("input", {
+							type: "text",
+							className: "search-input",
+							placeholder: "Search...",
+							value: j,
+							onChange: (e) => {
+								M(e.target.value), U(0);
+							},
+							onKeyDown: pe,
+							autoFocus: !0
+						})
+					}), B.length === 0 ? /* @__PURE__ */ C("div", {
+						className: "no-options",
+						children: le
+					}) : /* @__PURE__ */ C("div", {
+						className: "options-list",
+						role: "listbox",
+						children: [...z.entries()].map(([e, t]) => /* @__PURE__ */ w("div", { children: [e && /* @__PURE__ */ C("div", {
+							className: "group-header",
+							children: e
+						}), t.map((e) => {
+							let t = B.indexOf(e), n = t === H, r = I.includes(e.value);
+							return /* @__PURE__ */ w("div", {
+								className: o("option", n && "active", r && "selected", e.disabled && "disabled"),
+								onClick: () => !e.disabled && V(t),
+								onMouseEnter: () => U(t),
+								role: "option",
+								"aria-selected": r,
+								"aria-disabled": e.disabled,
+								children: [s && /* @__PURE__ */ C("span", {
+									className: o("check", r && "checked"),
+									"aria-hidden": "true"
+								}), ue ? ue(e, n, r) : e.label]
+							}, e.value);
+						})] }, e))
+					})]
+				})
+			}),
+			(v || _) && /* @__PURE__ */ C("div", {
+				className: "bottom-row",
+				children: v ? /* @__PURE__ */ C("span", {
+					className: "error-text",
+					role: "alert",
+					children: v
+				}) : /* @__PURE__ */ C("span", {
+					className: "helper-text",
+					children: _
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/Autocomplete/Autocomplete.tsx
+function le(e) {
+	return typeof e == "string" ? e : String(e);
+}
+function ue(e) {
+	return typeof e == "string" ? e : String(e);
+}
+function de(e, t, n) {
+	if (!t) return e;
+	let r = t.toLowerCase();
+	return e.filter((e) => n(e).toLowerCase().includes(r));
+}
+function E({ options: t, value: n, onChange: r, getOptionLabel: i = le, getOptionValue: a = ue, filterOptions: s, multiple: c = !1, freeSolo: l = !1, debounceMs: u = 0, onInputChange: ee, loading: d = !1, loadingText: f = "Loading...", noOptionsText: p = "No options", placeholder: m = "Type to search...", disabled: te = !1, name: h, id: g, variant: v = "outlined", size: ae = "md", color: y, fcolor: oe, fullWidth: ce = !1, label: T, helperText: E, errorText: D, error: O = !1, required: k = !1, clearable: fe = !1, maxHeight: A = 300, renderOption: j, renderTags: M, className: N, style: P }) {
+	let [F, I] = S(!1), [L, R] = S(""), z = se(null), B = se(null), V = O || !!D, H = x(() => n == null ? [] : Array.isArray(n) ? n.filter((e) => e != null) : [n], [n]), U = x(() => s ? s(t, L) : de(t, L, i), [
+		t,
+		L,
+		s,
+		i
+	]), W = _((e) => ee?.(e), u), pe = b((e) => {
+		R(e.target.value), W(e.target.value), F || I(!0);
+	}, [F, W]), me = b((e) => {
+		let t = U[e];
+		if (t) if (c) {
+			let e = [...H], n = a(t), i = e.findIndex((e) => a(e) === n);
+			i >= 0 ? e.splice(i, 1) : e.push(t), r?.(e), R(""), B.current?.focus();
+		} else r?.(t), R(i(t)), I(!1);
+	}, [
+		U,
+		c,
+		H,
+		a,
+		i,
+		r
+	]), G = b((e) => {
+		let t = [...H];
+		t.splice(e, 1), r?.(c ? t : t[0] ?? "");
+	}, [
+		H,
+		r,
+		c
+	]), { activeIndex: K, setActiveIndex: he, resetIndex: q, onKeyDown: J } = ne({
+		itemCount: U.length,
+		onSelect: me,
+		onClose: () => I(!1),
+		isOpen: F
+	}), Y = b((e) => {
+		if (e.key === "Enter" && l && K < 0 && L) {
+			r?.(L), I(!1);
+			return;
+		}
+		if (e.key === "Backspace" && c && !L && H.length > 0) {
+			G(H.length - 1);
+			return;
+		}
+		J(e);
+	}, [
+		l,
+		K,
+		L,
+		c,
+		H,
+		r,
+		J,
+		G
+	]), ge = b((e) => {
+		e.stopPropagation(), R(""), r?.(c ? [] : ""), B.current?.focus();
+	}, [c, r]);
+	return /* @__PURE__ */ w("div", {
+		className: o("autocomplete", y && `color-${y}`, ...ie({ fcolor: oe }), ce && "full-width", N),
+		style: P,
+		children: [
+			T && /* @__PURE__ */ C("label", {
+				htmlFor: g,
+				className: o("label", F && "focused", V && "error", k && "required"),
+				children: T
+			}),
+			/* @__PURE__ */ w("div", {
+				ref: z,
+				className: o("input-wrapper", v, ae, F && "focused", V && "error", te && "disabled"),
+				onClick: () => B.current?.focus(),
+				children: [
+					c && H.length > 0 && (M ? M(H, G) : /* @__PURE__ */ C("span", {
+						className: "tags",
+						children: H.map((t, n) => /* @__PURE__ */ w("span", {
+							className: "m-tag",
+							children: [i(t), /* @__PURE__ */ C("button", {
+								type: "button",
+								className: "m-tag-remove",
+								onClick: (e) => {
+									e.stopPropagation(), G(n);
+								},
+								tabIndex: -1,
+								children: /* @__PURE__ */ C(e, {})
+							})]
+						}, a(t)))
+					})),
+					/* @__PURE__ */ C("input", {
+						ref: B,
+						type: "text",
+						className: "input",
+						value: L,
+						onChange: pe,
+						onFocus: () => {
+							I(!0), q();
+						},
+						onKeyDown: Y,
+						placeholder: H.length > 0 ? "" : m,
+						disabled: te,
+						id: g,
+						"aria-expanded": F,
+						"aria-haspopup": "listbox",
+						"aria-invalid": V || void 0,
+						autoComplete: "off"
+					}),
+					d && /* @__PURE__ */ C("span", { className: "spinner" }),
+					fe && (H.length > 0 || L) && !d && !te && /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "clear-btn",
+						onClick: ge,
+						tabIndex: -1,
+						children: /* @__PURE__ */ C(e, {})
+					})
+				]
+			}),
+			h && /* @__PURE__ */ C("input", {
+				type: "hidden",
+				name: h,
+				value: H.map(a).join(",")
+			}),
+			/* @__PURE__ */ C(re, {
+				className: o("autocomplete-popover", y && `color-${y}`),
+				open: F && (U.length > 0 || d),
+				anchorRef: z,
+				onClose: () => I(!1),
+				matchWidth: !0,
+				placement: "bottom-start",
+				children: /* @__PURE__ */ C("div", {
+					style: { maxHeight: A },
+					className: "dropdown",
+					children: d ? /* @__PURE__ */ C("div", {
+						className: "loading-msg",
+						children: f
+					}) : U.length === 0 ? /* @__PURE__ */ C("div", {
+						className: "no-options",
+						children: p
+					}) : /* @__PURE__ */ C("div", {
+						className: "options-list",
+						role: "listbox",
+						children: U.map((e, t) => {
+							let n = t === K, r = H.some((t) => a(t) === a(e));
+							return /* @__PURE__ */ C("div", {
+								className: o("option", n && "active", r && "selected"),
+								onClick: () => me(t),
+								onMouseEnter: () => he(t),
+								role: "option",
+								"aria-selected": r,
+								children: j ? j(e, n) : i(e)
+							}, a(e));
+						})
+					})
+				})
+			}),
+			(D || E) && /* @__PURE__ */ C("div", {
+				className: "bottom-row",
+				children: D ? /* @__PURE__ */ C("span", {
+					className: "error-text",
+					role: "alert",
+					children: D
+				}) : /* @__PURE__ */ C("span", {
+					className: "helper-text",
+					children: E
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/DatePicker/DatePicker.tsx
+function D(e) {
+	if (!e) return null;
+	if (e instanceof Date) return e;
+	let t = new Date(e);
+	return isNaN(t.getTime()) ? null : t;
+}
+function O({ value: r, defaultValue: a, onChange: u, format: f = "dd.MM.yyyy", locale: _, min: ne, max: v, disabledDates: T, placeholder: le, disabled: ue = !1, readOnly: de = !1, name: E, id: O, variant: k = "outlined", size: fe = "md", fcolor: A, label: j, helperText: M, errorText: N, error: P = !1, required: F = !1, clearable: I = !1, inline: L = !1, showTodayButton: R = !0, firstDayOfWeek: z = 1, fullWidth: B = !1, className: V, style: H }) {
+	let U = ae(_), [W, pe] = S(!1), [me, G] = S(D(a)), [K, he] = S(""), q = D(r) ?? me, [J, Y] = S(() => {
+		let e = q ?? /* @__PURE__ */ new Date();
+		return new Date(e.getFullYear(), e.getMonth(), 1);
+	}), [ge, _e] = S("days"), ve = se(null), ye = D(ne), X = D(v), Z = P || !!N;
+	oe(() => {
+		q && Y(new Date(q.getFullYear(), q.getMonth(), 1));
+	}, [q]);
+	let be = x(() => K || (q ? s(q, f) : ""), [
+		q,
+		f,
+		K
+	]), xe = y(U), Se = te(U, z), Q = c(U), Ce = b((e) => d(e, ye, X) ? Array.isArray(T) ? T.some((t) => g(t, e)) : typeof T == "function" ? T(e) : !1 : !0, [
+		ye,
+		X,
+		T
+	]), we = b((e) => {
+		Ce(e) || (r === void 0 && G(e), he(""), Y(new Date(e.getFullYear(), e.getMonth(), 1)), u?.(e), L || pe(!1));
+	}, [
+		L,
+		Ce,
+		u,
+		r
+	]), Te = b((e) => {
+		he(e.target.value);
+	}, []), Ee = b(() => {
+		if (!K) return;
+		let e = l(K, f);
+		e && !Ce(e) && we(e), he("");
+	}, [
+		f,
+		we,
+		K,
+		Ce
+	]), De = b((e) => {
+		e.stopPropagation(), r === void 0 && G(null), he(""), u?.(null);
+	}, [u, r]), Oe = b(() => {
+		we(p(/* @__PURE__ */ new Date()));
+	}, [we]), $ = x(() => {
+		let e = J.getFullYear(), t = J.getMonth(), n = m(e, t), r = ee(e, t);
+		z === 1 && (r = r === 0 ? 6 : r - 1);
+		let i = [], a = t === 0 ? 11 : t - 1, o = t === 0 ? e - 1 : e, s = m(o, a);
+		for (let e = r - 1; e >= 0; e--) i.push({
+			date: new Date(o, a, s - e),
+			currentMonth: !1
+		});
+		for (let r = 1; r <= n; r++) i.push({
+			date: new Date(e, t, r),
+			currentMonth: !0
+		});
+		let c = 42 - i.length, l = t === 11 ? 0 : t + 1, u = t === 11 ? e + 1 : e;
+		for (let e = 1; e <= c; e++) i.push({
+			date: new Date(u, l, e),
+			currentMonth: !1
+		});
+		return i;
+	}, [z, J]), ke = p(/* @__PURE__ */ new Date()), Ae = () => /* @__PURE__ */ w("div", {
+		className: "calendar",
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "calendar-header",
+				children: [
+					/* @__PURE__ */ C("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => Y(h(J, -1)),
+						"aria-label": xe.previousMonth,
+						children: /* @__PURE__ */ C(t, {})
+					}),
+					/* @__PURE__ */ w("button", {
+						type: "button",
+						className: "header-title",
+						onClick: () => _e((e) => e === "days" ? "months" : "days"),
+						children: [
+							Q[J.getMonth()],
+							" ",
+							J.getFullYear()
+						]
+					}),
+					/* @__PURE__ */ C("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => Y(h(J, 1)),
+						"aria-label": xe.nextMonth,
+						children: /* @__PURE__ */ C(n, {})
+					})
+				]
+			}),
+			ge === "days" ? /* @__PURE__ */ w(ce, { children: [/* @__PURE__ */ C("div", {
+				className: "day-names",
+				children: Se.map((e) => /* @__PURE__ */ C("span", {
+					className: "day-name",
+					children: e
+				}, e))
+			}), /* @__PURE__ */ C("div", {
+				className: "day-grid",
+				children: $.map(({ date: e, currentMonth: t }, n) => {
+					let r = q ? g(e, q) : !1, i = g(e, ke), a = Ce(e);
+					return /* @__PURE__ */ C("button", {
+						type: "button",
+						className: o("day", !t && "other-month", i && "today", r && "selected", a && "disabled"),
+						onClick: () => we(e),
+						disabled: a,
+						tabIndex: -1,
+						children: e.getDate()
+					}, `${e.toISOString()}-${n}`);
+				})
+			})] }) : /* @__PURE__ */ C("div", {
+				className: "month-grid",
+				children: Q.map((e, t) => /* @__PURE__ */ C("button", {
+					type: "button",
+					className: o("month-cell", J.getMonth() === t && "selected"),
+					onClick: () => {
+						Y(new Date(J.getFullYear(), t, 1)), _e("days");
+					},
+					children: e.slice(0, 3)
+				}, e))
+			}),
+			R && /* @__PURE__ */ C("div", {
+				className: "footer",
+				children: /* @__PURE__ */ C("button", {
+					type: "button",
+					className: "today-btn",
+					onClick: Oe,
+					children: xe.today
+				})
+			})
+		]
+	});
+	return L ? /* @__PURE__ */ w("div", {
+		className: o("date-picker", ...ie({ fcolor: A }), B && "full-width", V),
+		style: H,
+		children: [j && /* @__PURE__ */ C("label", {
+			className: o("label", Z && "error", F && "required"),
+			children: j
+		}), Ae()]
+	}) : /* @__PURE__ */ w("div", {
+		className: o("date-picker", ...ie({ fcolor: A }), B && "full-width", V),
+		style: H,
+		children: [
+			j && /* @__PURE__ */ C("label", {
+				htmlFor: O,
+				className: o("label", W && "focused", Z && "error", F && "required"),
+				children: j
+			}),
+			/* @__PURE__ */ w("div", {
+				ref: ve,
+				className: o("trigger", k, fe, W && "focused", Z && "error", ue && "disabled"),
+				onClick: () => !ue && !de && pe(!0),
+				children: [
+					/* @__PURE__ */ C("span", {
+						className: "icon",
+						children: /* @__PURE__ */ C(i, {})
+					}),
+					/* @__PURE__ */ C("input", {
+						type: "text",
+						className: "input",
+						value: be,
+						onChange: Te,
+						onBlur: Ee,
+						placeholder: le ?? f.toLowerCase(),
+						disabled: ue,
+						readOnly: de,
+						id: O,
+						"aria-invalid": Z || void 0
+					}),
+					I && q && !ue && /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "clear-btn",
+						onClick: De,
+						tabIndex: -1,
+						"aria-label": xe.clear,
+						children: /* @__PURE__ */ C(e, {})
+					})
+				]
+			}),
+			E && q && /* @__PURE__ */ C("input", {
+				type: "hidden",
+				name: E,
+				value: q.toISOString().split("T")[0]
+			}),
+			/* @__PURE__ */ C(re, {
+				className: "date-picker-popover",
+				open: W,
+				anchorRef: ve,
+				onClose: () => pe(!1),
+				placement: "bottom-start",
+				children: Ae()
+			}),
+			(N || M) && /* @__PURE__ */ C("div", {
+				className: "bottom-row",
+				children: N ? /* @__PURE__ */ C("span", {
+					className: "error-text",
+					role: "alert",
+					children: N
+				}) : /* @__PURE__ */ C("span", {
+					className: "helper-text",
+					children: M
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/DateRangePicker/DateRangePicker.tsx
+function k(e) {
+	if (!e) return null;
+	if (e instanceof Date) return p(e);
+	let t = new Date(e);
+	return isNaN(t.getTime()) ? null : p(t);
+}
+function fe(e, t) {
+	return e.getTime() <= t.getTime() ? {
+		start: e,
+		end: t
+	} : {
+		start: t,
+		end: e
+	};
+}
+function A(e, t, n) {
+	if (!t || !n) return !1;
+	let r = e.getTime();
+	return r > t.getTime() && r < n.getTime();
+}
+function j(e, t, n) {
+	return e && t ? `${s(e, n)} - ${s(t, n)}` : e ? `${s(e, n)} - ...` : "";
+}
+function M(e) {
+	return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function N(e) {
+	return new Date(e.getFullYear(), e.getMonth() + 1, 0);
+}
+function P(e) {
+	let t = p(/* @__PURE__ */ new Date());
+	return t.setDate(t.getDate() - (e - 1)), t;
+}
+function F(e) {
+	let t = p(/* @__PURE__ */ new Date());
+	return new Date(t.getFullYear(), t.getMonth() - e, t.getDate());
+}
+function I(e) {
+	let t = p(/* @__PURE__ */ new Date()), n = new Date(t.getFullYear(), t.getMonth() - 1, 1), r = v(e) === "pl" ? {
+		today: "Dzisiaj",
+		days2: "2 dni",
+		days3: "3 dni",
+		days7: "7 dni",
+		days14: "14 dni",
+		days31: "31 dni",
+		thisMonth: "Ten miesiąc",
+		previousMonth: "Poprzedni miesiąc",
+		months2: "2 miesiące",
+		months3: "3 miesiące",
+		months6: "6 miesięcy",
+		year1: "1 rok"
+	} : {
+		today: "Today",
+		days2: "2 days",
+		days3: "3 days",
+		days7: "7 days",
+		days14: "14 days",
+		days31: "31 days",
+		thisMonth: "This month",
+		previousMonth: "Previous month",
+		months2: "2 months",
+		months3: "3 months",
+		months6: "6 months",
+		year1: "1 year"
+	};
+	return [
+		{
+			label: r.today,
+			value: {
+				start: t,
+				end: t
+			}
+		},
+		{
+			label: r.days2,
+			value: {
+				start: P(2),
+				end: t
+			}
+		},
+		{
+			label: r.days3,
+			value: {
+				start: P(3),
+				end: t
+			}
+		},
+		{
+			label: r.days7,
+			value: {
+				start: P(7),
+				end: t
+			}
+		},
+		{
+			label: r.days14,
+			value: {
+				start: P(14),
+				end: t
+			}
+		},
+		{
+			label: r.days31,
+			value: {
+				start: P(31),
+				end: t
+			}
+		},
+		{
+			label: r.thisMonth,
+			value: {
+				start: M(t),
+				end: N(t)
+			}
+		},
+		{
+			label: r.previousMonth,
+			value: {
+				start: M(n),
+				end: N(n)
+			}
+		},
+		{
+			label: r.months2,
+			value: {
+				start: F(2),
+				end: t
+			}
+		},
+		{
+			label: r.months3,
+			value: {
+				start: F(3),
+				end: t
+			}
+		},
+		{
+			label: r.months6,
+			value: {
+				start: F(6),
+				end: t
+			}
+		},
+		{
+			label: r.year1,
+			value: {
+				start: F(12),
+				end: t
+			}
+		}
+	];
+}
+function L(e, t) {
+	let n = e.getFullYear(), r = e.getMonth(), i = m(n, r), a = ee(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 = m(c, s);
+	for (let e = a - 1; e >= 0; --e) o.push({
+		date: new Date(c, s, l - e),
+		currentMonth: !1
+	});
+	for (let e = 1; e <= i; e += 1) o.push({
+		date: new Date(n, r, e),
+		currentMonth: !0
+	});
+	let u = 42 - o.length, d = r === 11 ? 0 : r + 1, f = r === 11 ? n + 1 : n;
+	for (let e = 1; e <= u; e += 1) o.push({
+		date: new Date(f, d, e),
+		currentMonth: !1
+	});
+	return o;
+}
+function R({ value: r, defaultValue: a, onChange: l, format: u = "dd.MM.yyyy", locale: ee, min: f, max: m, disabledDates: _, placeholder: ne, disabled: v = !1, readOnly: ce = !1, name: T, id: le, variant: ue = "outlined", size: de = "md", fcolor: E, label: D, helperText: O, errorText: M, error: N = !1, required: P = !1, clearable: F = !1, inline: R = !1, showTodayButton: z = !0, presets: B = !1, presetsSidebar: V = !1, firstDayOfWeek: H = 1, fullWidth: U = !1, allowSameDay: W = !0, className: pe, style: me }) {
+	let G = ae(ee), K = r ? {
+		start: k(r.start),
+		end: k(r.end)
+	} : null, [he, q] = S(() => ({
+		start: k(a?.start),
+		end: k(a?.end)
+	})), [J, Y] = S(null), [ge, _e] = S(!1), ve = se(null), ye = K ?? he, X = ye.start, Z = ye.end, be = k(f), xe = k(m), Se = N || !!M, Q = y(G), Ce = te(G, H), we = c(G), Te = x(() => B === !0 || V && !B ? I(G) : Array.isArray(B) ? B : [], [
+		G,
+		B,
+		V
+	]), [Ee, De] = S(() => {
+		let e = X ?? /* @__PURE__ */ new Date();
+		return new Date(e.getFullYear(), e.getMonth(), 1);
+	});
+	oe(() => {
+		X && De(new Date(X.getFullYear(), X.getMonth(), 1));
+	}, [X]);
+	let Oe = b((e) => d(e, be, xe) ? Array.isArray(_) ? _.some((t) => g(t, e)) : typeof _ == "function" ? _(e) : !1 : !0, [
+		_,
+		xe,
+		be
+	]), $ = b((e) => {
+		r === void 0 && q(e), l?.(e);
+	}, [l, r]), ke = b((e) => {
+		if (!Oe(e)) {
+			if (!X || X && Z) {
+				$({
+					start: e,
+					end: null
+				}), Y(null);
+				return;
+			}
+			!W && g(e, X) || ($(fe(X, e)), Y(null), R || _e(!1));
+		}
+	}, [
+		W,
+		$,
+		Z,
+		R,
+		Oe,
+		X
+	]), Ae = b((e) => {
+		e.stopPropagation(), $({
+			start: null,
+			end: null
+		}), Y(null);
+	}, [$]), je = b(() => {
+		let e = p(/* @__PURE__ */ new Date());
+		Oe(e) || ($({
+			start: e,
+			end: e
+		}), De(new Date(e.getFullYear(), e.getMonth(), 1)), Y(null), R || _e(!1));
+	}, [
+		$,
+		R,
+		Oe
+	]), Me = b((e) => {
+		let t = k(e.value.start), n = k(e.value.end);
+		if (!t || !n) return;
+		let r = fe(t, n);
+		Oe(r.start) || Oe(r.end) || ($(r), De(new Date(r.start.getFullYear(), r.start.getMonth(), 1)), Y(null), R || _e(!1));
+	}, [
+		$,
+		R,
+		Oe
+	]), Ne = X && !Z ? J : null, Pe = Ee, Fe = h(Ee, 1), Ie = p(/* @__PURE__ */ new Date()), Le = x(() => j(X, Z, u), [
+		Z,
+		u,
+		X
+	]), Re = x(() => [Pe, Fe].map((e) => ({
+		monthDate: e,
+		days: L(e, H)
+	})), [
+		H,
+		Pe,
+		Fe
+	]), ze = X && Z ? `${s(X, u)} - ${s(Z, u)}` : X ? `${s(X, u)} - ...` : ne ?? Q.defaultRangePlaceholder, Be = V && Te.length > 0, Ve = !V && Te.length > 0, He = () => /* @__PURE__ */ C("div", {
+		className: "presets-sidebar",
+		children: Te.map((e) => /* @__PURE__ */ C("button", {
+			type: "button",
+			className: "preset-sidebar-btn",
+			onClick: () => Me(e),
+			children: e.label
+		}, e.label))
+	}), Ue = () => /* @__PURE__ */ w("div", {
+		className: "calendar-body",
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "calendar-top",
+				children: [/* @__PURE__ */ w("div", {
+					className: "calendar-caption",
+					children: [/* @__PURE__ */ w("span", {
+						className: "caption-title",
+						children: [
+							we[Pe.getMonth()],
+							" ",
+							Pe.getFullYear()
+						]
+					}), /* @__PURE__ */ C("span", {
+						className: "caption-subtitle",
+						children: Q.rangeSubtitle
+					})]
+				}), /* @__PURE__ */ w("div", {
+					className: "nav-actions",
+					children: [/* @__PURE__ */ C("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => De(h(Ee, -1)),
+						"aria-label": Q.previousMonth,
+						children: /* @__PURE__ */ C(t, {})
+					}), /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "nav-btn",
+						onClick: () => De(h(Ee, 1)),
+						"aria-label": Q.nextMonth,
+						children: /* @__PURE__ */ C(n, {})
+					})]
+				})]
+			}),
+			Ve && /* @__PURE__ */ C("div", {
+				className: "presets",
+				children: Te.map((e) => /* @__PURE__ */ C("button", {
+					type: "button",
+					className: "preset-btn",
+					onClick: () => Me(e),
+					children: e.label
+				}, e.label))
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "months",
+				children: Re.map(({ monthDate: e, days: t }) => /* @__PURE__ */ w("div", {
+					className: "month-panel",
+					children: [
+						/* @__PURE__ */ w("div", {
+							className: "month-title",
+							children: [
+								we[e.getMonth()],
+								" ",
+								e.getFullYear()
+							]
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "day-names",
+							children: Ce.map((t) => /* @__PURE__ */ C("span", {
+								className: "day-name",
+								children: t
+							}, `${e.toISOString()}-${t}`))
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "day-grid",
+							children: t.map(({ date: t, currentMonth: n }, r) => {
+								let i = Oe(t), a = X ? g(t, X) : !1, s = Z ? g(t, Z) : !1, c = A(t, X, Z), l = !Z && X && Ne ? fe(X, Ne) : null, u = l ? A(t, l.start, l.end) : !1, ee = l ? g(t, l.start) || g(t, l.end) : !1;
+								return /* @__PURE__ */ C("button", {
+									type: "button",
+									className: o("day", !n && "other-month", g(t, Ie) && "today", a && "range-start selected", s && "range-end selected", c && "in-range", u && !ee && "preview-range", i && "disabled"),
+									onClick: () => ke(t),
+									onMouseEnter: () => X && !Z && Y(t),
+									onFocus: () => X && !Z && Y(t),
+									disabled: i,
+									tabIndex: -1,
+									children: t.getDate()
+								}, `${e.toISOString()}-${r}`);
+							})
+						})
+					]
+				}, e.toISOString()))
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "footer",
+				children: [/* @__PURE__ */ C("span", {
+					className: "summary",
+					children: ze
+				}), /* @__PURE__ */ w("div", {
+					className: "footer-actions",
+					children: [F && (X || Z) && /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "footer-btn",
+						onClick: (e) => {
+							e.preventDefault(), $({
+								start: null,
+								end: null
+							}), Y(null);
+						},
+						children: Q.clear
+					}), z && /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "footer-btn",
+						onClick: je,
+						children: Q.today
+					})]
+				})]
+			})
+		]
+	}), We = () => /* @__PURE__ */ w("div", {
+		className: o("date-range-calendar", Be && "with-sidebar"),
+		children: [Be && He(), Ue()]
+	});
+	return R ? /* @__PURE__ */ w("div", {
+		className: o("date-range-picker", ...ie({ fcolor: E }), U && "full-width", pe),
+		style: me,
+		children: [D && /* @__PURE__ */ C("label", {
+			className: o("label", Se && "error", P && "required"),
+			children: D
+		}), We()]
+	}) : /* @__PURE__ */ w("div", {
+		className: o("date-range-picker", ...ie({ fcolor: E }), U && "full-width", pe),
+		style: me,
+		children: [
+			D && /* @__PURE__ */ C("label", {
+				htmlFor: le,
+				className: o("label", ge && "focused", Se && "error", P && "required"),
+				children: D
+			}),
+			/* @__PURE__ */ w("div", {
+				ref: ve,
+				className: o("trigger", ue, de, ge && "focused", Se && "error", v && "disabled"),
+				onClick: () => !v && !ce && _e(!0),
+				children: [
+					/* @__PURE__ */ C("span", {
+						className: "icon",
+						children: /* @__PURE__ */ C(i, {})
+					}),
+					/* @__PURE__ */ C("input", {
+						type: "text",
+						className: "input",
+						value: Le,
+						placeholder: ne ?? Q.defaultRangePlaceholder,
+						disabled: v,
+						readOnly: !0,
+						id: le,
+						"aria-invalid": Se || void 0
+					}),
+					F && (X || Z) && !v && /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "clear-btn",
+						onClick: Ae,
+						tabIndex: -1,
+						"aria-label": Q.clear,
+						children: /* @__PURE__ */ C(e, {})
+					})
+				]
+			}),
+			T && X && Z && /* @__PURE__ */ C("input", {
+				type: "hidden",
+				name: T,
+				value: `${X.toISOString().split("T")[0]}:${Z.toISOString().split("T")[0]}`
+			}),
+			/* @__PURE__ */ C(re, {
+				className: "date-range-picker-popover",
+				open: ge,
+				anchorRef: ve,
+				onClose: () => {
+					_e(!1), Y(null);
+				},
+				placement: "bottom-start",
+				children: We()
+			}),
+			(M || O) && /* @__PURE__ */ C("div", {
+				className: "bottom-row",
+				children: M ? /* @__PURE__ */ C("span", {
+					className: "error-text",
+					role: "alert",
+					children: M
+				}) : /* @__PURE__ */ C("span", {
+					className: "helper-text",
+					children: O
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/dropdowns/TimePicker/TimePicker.tsx
+function z(e, t) {
+	return e.hours === t.hours ? e.minutes === t.minutes ? e.seconds - t.seconds : e.minutes - t.minutes : e.hours - t.hours;
+}
+function B(e, t, n) {
+	return (!t || z(e, t) >= 0) && (!n || z(e, n) <= 0);
+}
+function V({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSeconds: s = !1, minuteStep: c = 1, min: l, max: ee, placeholder: d, disabled: p = !1, readOnly: m = !1, name: te, id: h, variant: g = "outlined", size: _ = "md", fcolor: ne, label: v, helperText: ae, errorText: y, error: oe = !1, required: ce = !1, clearable: T = !1, fullWidth: le = !1, className: ue, style: de }) {
+	let [E, D] = S(!1), [O, k] = S(n ?? ""), fe = se(null), A = t === void 0 ? O : t, j = oe || !!y, M = u(A), N = u(l ?? ""), P = u(ee ?? ""), F = x(() => {
+		let e = [], t = i === "12h" ? 12 : 23, n = i === "12h" ? 1 : 0;
+		for (let r = n; r <= t; r++) e.push(r);
+		return e;
+	}, [i]), I = x(() => {
+		let e = [];
+		for (let t = 0; t < 60; t += c) e.push(t);
+		return e;
+	}, [c]), L = x(() => {
+		if (!s) return [];
+		let e = [];
+		for (let t = 0; t < 60; t++) e.push(t);
+		return e;
+	}, [s]), R = b((e, t, n = 0) => B({
+		hours: e,
+		minutes: t,
+		seconds: n
+	}, N, P), [P, N]), z = b((e, n, i = 0) => {
+		if (!R(e, n, i)) return;
+		let a = f(e, n, i, s);
+		t === void 0 && k(a), r?.(a);
+	}, [
+		R,
+		r,
+		s,
+		t
+	]), V = b((e) => {
+		let n = e.target.value;
+		t === void 0 && k(n);
+	}, [t]), U = b(() => {
+		let e = u(A);
+		if (e && B(e, N, P)) {
+			let n = f(e.hours, e.minutes, e.seconds, s);
+			t === void 0 && k(n), r?.(n);
+		}
+	}, [
+		A,
+		P,
+		N,
+		r,
+		s,
+		t
+	]), W = b((e) => {
+		e.stopPropagation(), t === void 0 && k(""), r?.("");
+	}, [r, t]);
+	return /* @__PURE__ */ w("div", {
+		className: o("time picker", ...ie({ fcolor: ne }), le && "full-width", ue),
+		style: de,
+		children: [
+			v && /* @__PURE__ */ C("label", {
+				htmlFor: h,
+				className: o("time label", E && "focused", j && "error", ce && "required"),
+				children: v
+			}),
+			/* @__PURE__ */ w("div", {
+				ref: fe,
+				className: o("time trigger", g, _, E && "focused", j && "error", p && "disabled"),
+				onClick: () => !p && !m && D(!0),
+				children: [
+					/* @__PURE__ */ C("span", {
+						className: "time icon",
+						children: /* @__PURE__ */ C(a, {})
+					}),
+					/* @__PURE__ */ C("input", {
+						type: "text",
+						className: "time input",
+						value: A,
+						onChange: V,
+						onBlur: U,
+						placeholder: d ?? (s ? "HH:MM:SS" : "HH:MM"),
+						disabled: p,
+						readOnly: m,
+						id: h,
+						"aria-invalid": j || void 0
+					}),
+					T && A && !p && /* @__PURE__ */ C("button", {
+						type: "button",
+						className: "time clear",
+						onClick: W,
+						tabIndex: -1,
+						"aria-label": "Clear time",
+						children: /* @__PURE__ */ C(e, {})
+					})
+				]
+			}),
+			te && /* @__PURE__ */ C("input", {
+				type: "hidden",
+				name: te,
+				value: A
+			}),
+			/* @__PURE__ */ C(re, {
+				className: "time picker popover",
+				open: E,
+				anchorRef: fe,
+				onClose: () => D(!1),
+				placement: "bottom-start",
+				children: /* @__PURE__ */ w("div", {
+					className: "time columns",
+					children: [
+						/* @__PURE__ */ C(H, {
+							items: F,
+							selected: M?.hours,
+							onSelect: (e) => z(e, M?.minutes ?? 0, M?.seconds ?? 0),
+							isDisabled: (e) => !R(e, M?.minutes ?? 0, M?.seconds ?? 0),
+							label: "Hr"
+						}),
+						/* @__PURE__ */ C(H, {
+							items: I,
+							selected: M?.minutes,
+							onSelect: (e) => z(M?.hours ?? 0, e, M?.seconds ?? 0),
+							isDisabled: (e) => !R(M?.hours ?? 0, e, M?.seconds ?? 0),
+							label: "Min"
+						}),
+						s && /* @__PURE__ */ C(H, {
+							items: L,
+							selected: M?.seconds,
+							onSelect: (e) => z(M?.hours ?? 0, M?.minutes ?? 0, e),
+							isDisabled: (e) => !R(M?.hours ?? 0, M?.minutes ?? 0, e),
+							label: "Sec"
+						})
+					]
+				})
+			}),
+			(y || ae) && /* @__PURE__ */ C("div", {
+				className: "time bottom",
+				children: y ? /* @__PURE__ */ C("span", {
+					className: "time error",
+					role: "alert",
+					children: y
+				}) : /* @__PURE__ */ C("span", {
+					className: "time helper",
+					children: ae
+				})
+			})
+		]
+	});
+}
+function H({ items: e, selected: t, onSelect: n, isDisabled: r, label: i }) {
+	let a = se(null);
+	oe(() => {
+		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) => e.toString().padStart(2, "0");
+	return /* @__PURE__ */ w("div", {
+		className: "time column",
+		children: [/* @__PURE__ */ C("div", {
+			className: "time column label",
+			children: i
+		}), /* @__PURE__ */ C("div", {
+			ref: a,
+			className: "time column list",
+			children: e.map((e) => {
+				let i = r?.(e) ?? !1;
+				return /* @__PURE__ */ C("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
+export { T as a, E as i, R as n, O as r, V as t };
+
+//# sourceMappingURL=TimePicker-BXbuLCDX.js.map