@banzamel/mineralui 1.1.0 → 1.2.0

package/dist/{dropdowns-BPRJL_2d.js → dropdowns-BcVrUMPE.js}

@@ -1,31 +1,27 @@
-import { t as e } from "./MCloseIcon-lDH3Vc10.js";
-import { n as t, t as n } from "./MChevronRightIcon-CXs8IHiV.js";
-import { t as r } from "./MChevronDownIcon-D3yTpzni.js";
-import { t as i } from "./MCalendarIcon-DXTVH31q.js";
-import { t as a } from "./MClockIcon-DTevPaRf.js";
-import { t as o } from "./cn-DZLxql0l.js";
-import { n as s, r as c } from "./validators-ljBWrIca.js";
-import { i as l, u } from "./formatters-DMI5QqhS.js";
-import { _ as d, a as ee, c as f, d as te, f as p, g as ne, h as m, i as re, l as h, o as g, p as _, r as v, s as ie, t as y, u as ae } from "./dateUtils-BOsYyWde.js";
-import { r as oe } from "./useGhostText-Zq3iktss.js";
-import { t as b } from "./useKeyboardNav-DXvrPrx9.js";
-import { t as se } from "./MPopover-DKBdLfrw.js";
-import { r as x } from "./MButton-33EzpGvQ.js";
-import { t as ce } from "./MTag-Cor8ZIW3.js";
-import { t as S } from "./MInput-OmuQ2Tds.js";
-import { t as le } from "./locale-DPqdZjGC.js";
-import { i as ue, r as C } from "./frameworkTexts-DH2N7l8F.js";
-import { t as w } from "./MCheckbox-DW-liYve.js";
+import { Ci as e, Ii as t, Mi as n, Ni as r, Pi as i, wi as a } from "./icons-D5DK-J2C.js";
+import { t as o } from "./cn-YER3QsV1.js";
+import { n as s, r as c } from "./validators-H8tNxb8O.js";
+import { i as l, u } from "./formatters-T0vvjMtB.js";
+import { _ as d, a as ee, c as f, d as te, f as p, g as ne, h as m, i as re, l as h, o as g, p as _, r as v, s as ie, t as y, u as ae } from "./dateUtils-CUY6CRCf.js";
+import { r as oe } from "./useGhostText-DG0bzcao.js";
+import { t as b } from "./useKeyboardNav-iEXOdEMB.js";
+import { t as se } from "./MPopover-BC9C5967.js";
+import { r as x } from "./MButton-BmTDe5Oa.js";
+import { t as ce } from "./MCheckbox-B7SpcD4H.js";
+import { t as le } from "./MTag-DOcKm3c2.js";
+import { t as S } from "./MInput-BSaKw0Uc.js";
+import { t as ue } from "./locale-BNyzqXAU.js";
+import { i as C, r as w } from "./frameworkTexts-B6oE8pMk.js";
 import { useCallback as T, useEffect as E, useMemo as D, useRef as de, useState as O } from "react";
 import { Fragment as fe, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/dropdowns/MSelect/MSelect.tsx
-function j({ options: t, value: n, defaultValue: i, onChange: a, multiple: s = !1, searchable: c = !1, placeholder: l = "MSelect...", disabled: u = !1, name: d, id: ee, variant: f = "outlined", size: te = "md", color: p, fullWidth: ne = !1, label: m, helperText: re, errorText: h, error: g = !1, required: _ = !1, loading: v = !1, clearable: ie = !1, maxHeight: y = 300, noOptionsText: ae = "No options", renderOption: oe, renderValue: S, className: le, style: ue }) {
-	let [C, E] = O(!1), [fe, j] = O(i ?? (s ? [] : "")), [M, N] = O(""), pe = de(null), P = n === void 0 ? fe : n, F = g || !!h, I = D(() => Array.isArray(P) ? P : P ? [P] : [], [P]), L = D(() => t.filter((e) => I.includes(e.value)), [t, I]), R = D(() => {
-		if (!c || !M) return t;
-		let e = M.toLowerCase();
-		return t.filter((t) => t.label.toLowerCase().includes(e));
+function j({ options: e, value: r, defaultValue: i, onChange: a, multiple: s = !1, searchable: c = !1, placeholder: l = "MSelect...", disabled: u = !1, name: d, id: ee, variant: f = "outlined", size: te = "md", color: p, fullWidth: ne = !1, label: m, helperText: re, errorText: h, error: g = !1, required: _ = !1, loading: v = !1, clearable: ie = !1, maxHeight: y = 300, noOptionsText: ae = "No options", renderOption: oe, renderValue: S, className: ue, style: C }) {
+	let [w, E] = O(!1), [fe, j] = O(i ?? (s ? [] : "")), [M, N] = O(""), pe = de(null), P = r === void 0 ? fe : r, F = g || !!h, I = D(() => Array.isArray(P) ? P : P ? [P] : [], [P]), L = D(() => e.filter((e) => I.includes(e.value)), [e, I]), R = D(() => {
+		if (!c || !M) return e;
+		let t = M.toLowerCase();
+		return e.filter((e) => e.label.toLowerCase().includes(t));
 	}, [
-		t,
+		e,
 		c,
 		M
 	]), z = D(() => {
@@ -38,14 +34,14 @@ function j({ options: t, value: n, defaultValue: i, onChange: a, multiple: s = !
 	}, [R]), B = R, V = T((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 && j(r), a?.(r);
-		} else n === void 0 && j(t.value), a?.(t.value), E(!1), N("");
+			let e = Array.isArray(P) ? P : [], n = e.includes(t.value) ? e.filter((e) => e !== t.value) : [...e, t.value];
+			r === void 0 && j(n), a?.(n);
+		} else r === void 0 && j(t.value), a?.(t.value), E(!1), N("");
 	}, [
 		B,
 		s,
 		P,
-		n,
+		r,
 		a
 	]), { activeIndex: me, setActiveIndex: he, resetIndex: ge, onKeyDown: H } = b({
 		itemCount: B.length,
@@ -53,20 +49,20 @@ function j({ options: t, value: n, defaultValue: i, onChange: a, multiple: s = !
 		onClose: () => {
 			E(!1), N("");
 		},
-		isOpen: C
+		isOpen: w
 	}), U = T(() => {
 		u || (E((e) => !e), ge());
 	}, [u, ge]), _e = T((e) => {
 		e.stopPropagation();
 		let t = s ? [] : "";
-		n === void 0 && j(t), a?.(t);
+		r === void 0 && j(t), a?.(t);
 	}, [
 		s,
-		n,
+		r,
 		a
 	]), ve = D(() => S && L.length > 0 ? S(s ? L : L[0]) : s && L.length > 0 ? /* @__PURE__ */ k("span", {
 		className: "tags",
-		children: L.map((e) => /* @__PURE__ */ k(ce, {
+		children: L.map((e) => /* @__PURE__ */ k(le, {
 			label: e.label,
 			color: p,
 			size: te,
@@ -84,22 +80,22 @@ function j({ options: t, value: n, defaultValue: i, onChange: a, multiple: s = !
 		te
 	]);
 	return /* @__PURE__ */ A("div", {
-		className: o("select", p && `color-${p}`, ne && "full-width", le),
-		style: ue,
+		className: o("select", p && `color-${p}`, ne && "full-width", ue),
+		style: C,
 		children: [
 			m && /* @__PURE__ */ k("label", {
 				htmlFor: ee,
-				className: o("field-label", C && "focused", F && "error", _ && "required"),
+				className: o("field-label", w && "focused", F && "error", _ && "required"),
 				children: m
 			}),
 			/* @__PURE__ */ A("div", {
 				ref: pe,
-				className: o("trigger", `field-${f}`, `field-${te}`, C && "focused", F && "error", u && "disabled"),
+				className: o("trigger", `field-${f}`, `field-${te}`, w && "focused", F && "error", u && "disabled"),
 				onClick: U,
 				onKeyDown: H,
 				tabIndex: u ? -1 : 0,
 				role: "combobox",
-				"aria-expanded": C,
+				"aria-expanded": w,
 				"aria-haspopup": "listbox",
 				"aria-invalid": F || void 0,
 				id: ee,
@@ -118,12 +114,12 @@ function j({ options: t, value: n, defaultValue: i, onChange: a, multiple: s = !
 						onClick: _e,
 						tabIndex: -1,
 						"aria-label": "Clear selection",
-						children: /* @__PURE__ */ k(e, {})
+						children: /* @__PURE__ */ k(t, {})
 					}),
 					/* @__PURE__ */ k("span", {
-						className: o("arrow", C && "open"),
+						className: o("arrow", w && "open"),
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ k(r, {})
+						children: /* @__PURE__ */ k(n, {})
 					})
 				]
 			}),
@@ -134,7 +130,7 @@ function j({ options: t, value: n, defaultValue: i, onChange: a, multiple: s = !
 			}),
 			/* @__PURE__ */ k(se, {
 				className: "select-popover",
-				open: C,
+				open: w,
 				anchorRef: pe,
 				onClose: () => {
 					E(!1), N("");
@@ -175,7 +171,7 @@ function j({ options: t, value: n, defaultValue: i, onChange: a, multiple: s = !
 								role: "option",
 								"aria-selected": r,
 								"aria-disabled": e.disabled,
-								children: [s && /* @__PURE__ */ k(w, {
+								children: [s && /* @__PURE__ */ k(ce, {
 									checked: r,
 									size: "sm",
 									color: p,
@@ -214,9 +210,9 @@ function pe(e, t, n) {
 	let r = t.toLowerCase();
 	return e.filter((e) => n(e).toLowerCase().includes(r));
 }
-function P({ options: t, value: n, onChange: r, getOptionLabel: i = M, getOptionValue: a = N, filterOptions: s, multiple: c = !1, debounceMs: l = 0, onInputChange: u, loading: d = !1, loadingText: ee = "Loading...", noOptionsText: f = "No options", placeholder: te = "Type to search...", disabled: p = !1, name: ne, id: m, variant: re = "outlined", size: h = "md", color: g, fullWidth: _ = !1, label: v, helperText: ie, errorText: y, error: ae = !1, required: S = !1, clearable: le = !1, maxHeight: ue = 300, renderOption: C, renderTags: w, className: E, style: fe }) {
-	let [j, P] = O(!1), [F, I] = O(""), L = de(null), R = de(null), z = ae || !!y, B = D(() => n == null ? [] : Array.isArray(n) ? n.filter((e) => e != null) : [n], [n]), V = D(() => s ? s(t, F) : pe(t, F, i), [
-		t,
+function P({ options: e, value: n, onChange: r, getOptionLabel: i = M, getOptionValue: a = N, filterOptions: s, multiple: c = !1, debounceMs: l = 0, onInputChange: u, loading: d = !1, loadingText: ee = "Loading...", noOptionsText: f = "No options", placeholder: te = "Type to search...", disabled: p = !1, name: ne, id: m, variant: re = "outlined", size: h = "md", color: g, fullWidth: _ = !1, label: v, helperText: ie, errorText: y, error: ae = !1, required: ce = !1, clearable: S = !1, maxHeight: ue = 300, renderOption: C, renderTags: w, className: E, style: fe }) {
+	let [j, P] = O(!1), [F, I] = O(""), L = de(null), R = de(null), z = ae || !!y, B = D(() => n == null ? [] : Array.isArray(n) ? n.filter((e) => e != null) : [n], [n]), V = D(() => s ? s(e, F) : pe(e, F, i), [
+		e,
 		F,
 		s,
 		i
@@ -268,7 +264,7 @@ function P({ options: t, value: n, onChange: r, getOptionLabel: i = M, getOption
 		children: [
 			v && /* @__PURE__ */ k("label", {
 				htmlFor: m,
-				className: o("field-label", j && "focused", z && "error", S && "required"),
+				className: o("field-label", j && "focused", z && "error", ce && "required"),
 				children: v
 			}),
 			/* @__PURE__ */ A("div", {
@@ -278,7 +274,7 @@ function P({ options: t, value: n, onChange: r, getOptionLabel: i = M, getOption
 				children: [
 					c && B.length > 0 && (w ? w(B, H) : /* @__PURE__ */ k("span", {
 						className: "tags",
-						children: B.map((e, t) => /* @__PURE__ */ k(ce, {
+						children: B.map((e, t) => /* @__PURE__ */ k(le, {
 							label: i(e),
 							color: g,
 							size: h,
@@ -309,12 +305,12 @@ function P({ options: t, value: n, onChange: r, getOptionLabel: i = M, getOption
 						size: "sm",
 						color: g
 					}),
-					le && (B.length > 0 || F) && !d && !p && /* @__PURE__ */ k("button", {
+					S && (B.length > 0 || F) && !d && !p && /* @__PURE__ */ k("button", {
 						type: "button",
 						className: "clear-btn clear-btn-base",
 						onClick: G,
 						tabIndex: -1,
-						children: /* @__PURE__ */ k(e, {})
+						children: /* @__PURE__ */ k(t, {})
 					})
 				]
 			}),
@@ -548,8 +544,8 @@ function W(e) {
 function G(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy", locale: c, min: l, max: u, disabledDates: f, placeholder: m, disabled: g = !1, readOnly: oe = !1, name: b, id: x, variant: ce = "outlined", size: ue = "md", color: w, label: j, helperText: M, errorText: N, error: pe = !1, required: P = !1, clearable: F = !1, withTime: L = !1, validateOnBlur: R = !0, validateOnChange: V = !1, onValidationChange: ge, timeFormat: H = "24h", showSeconds: U = !1, minuteStep: be = 1, timePlaceholder: Se, inline: K = !1, showTodayButton: Ce = !0, firstDayOfWeek: we = 1, fullWidth: Te = !1, className: Ee, style: De }) {
-	let Oe = le(c), q = C(), { inputFormat: ke, separator: Ae } = D(() => B(s), [s]), [je, J] = O(!1), [Y, Me] = O(() => z(r)), [Ne, Pe] = O({ valid: !0 }), [Fe, Ie] = O(!1), X = e === void 0 ? Y : z(e), [Le, Z] = O(() => he(X, {
+function be({ value: e, defaultValue: t, onChange: n, format: s = "dd.MM.yyyy", locale: c, min: l, max: u, disabledDates: f, placeholder: m, disabled: g = !1, readOnly: oe = !1, name: b, id: x, variant: ce = "outlined", size: le = "md", color: C, label: j, helperText: M, errorText: N, error: pe = !1, required: P = !1, clearable: F = !1, withTime: L = !1, validateOnBlur: R = !0, validateOnChange: V = !1, onValidationChange: ge, timeFormat: H = "24h", showSeconds: U = !1, minuteStep: be = 1, timePlaceholder: Se, inline: K = !1, showTodayButton: Ce = !0, firstDayOfWeek: we = 1, fullWidth: Te = !1, className: Ee, style: De }) {
+	let Oe = ue(c), q = w(), { inputFormat: ke, separator: Ae } = D(() => B(s), [s]), [je, J] = O(!1), [Y, Me] = O(() => z(t)), [Ne, Pe] = O({ valid: !0 }), [Fe, Ie] = O(!1), X = e === void 0 ? Y : z(e), [Le, Z] = O(() => he(X, {
 		format: s,
 		withTime: L,
 		timeFormat: H,
@@ -582,8 +578,8 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 	]), Q = T((e) => {
 		Pe(e), ge?.(e);
 	}, [ge]), $e = T((t) => {
-		e === void 0 && Me(t), a?.(t);
-	}, [a, e]), et = D(() => ye(Le, {
+		e === void 0 && Me(t), n?.(t);
+	}, [n, e]), et = D(() => ye(Le, {
 		inputFormat: ke,
 		minDate: Ke,
 		maxDate: qe,
@@ -805,7 +801,7 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 						className: "nav-btn",
 						onClick: () => Ve(y(Be, -1)),
 						"aria-label": q.previousMonth,
-						children: /* @__PURE__ */ k(t, {})
+						children: /* @__PURE__ */ k(i, {})
 					}),
 					/* @__PURE__ */ A("button", {
 						type: "button",
@@ -822,7 +818,7 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 						className: "nav-btn",
 						onClick: () => Ve(y(Be, 1)),
 						"aria-label": q.nextMonth,
-						children: /* @__PURE__ */ k(n, {})
+						children: /* @__PURE__ */ k(r, {})
 					})
 				]
 			}),
@@ -909,7 +905,7 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 		children: [_t(), vt()]
 	}), bt = L ? H === "12h" ? U ? 22 : 19 : U ? 19 : 16 : 10, xt = me(m, s, L, H, U, Se);
 	return K ? /* @__PURE__ */ A("div", {
-		className: o("date-picker", w && `color-${w}`, Te && "full-width", Ee),
+		className: o("date-picker", C && `color-${C}`, Te && "full-width", Ee),
 		style: De,
 		children: [
 			/* @__PURE__ */ k(S, {
@@ -927,8 +923,8 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 				readOnly: oe,
 				id: x,
 				variant: ce,
-				size: ue,
-				color: w,
+				size: le,
+				color: C,
 				label: j,
 				helperText: M,
 				error: Je,
@@ -945,7 +941,7 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 			})
 		]
 	}) : /* @__PURE__ */ A("div", {
-		className: o("date-picker", w && `color-${w}`, Te && "full-width", Ee),
+		className: o("date-picker", C && `color-${C}`, Te && "full-width", Ee),
 		style: De,
 		children: [
 			/* @__PURE__ */ k("div", {
@@ -966,8 +962,8 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 					readOnly: oe,
 					id: x,
 					variant: ce,
-					size: ue,
-					color: w,
+					size: le,
+					color: C,
 					label: j,
 					helperText: M,
 					error: Je,
@@ -982,7 +978,7 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 						onClick: ot,
 						"aria-label": "Open calendar",
 						disabled: g || oe,
-						children: /* @__PURE__ */ k(i, {})
+						children: /* @__PURE__ */ k(a, {})
 					})
 				})
 			}),
@@ -993,7 +989,7 @@ function be({ value: e, defaultValue: r, onChange: a, format: s = "dd.MM.yyyy",
 			}),
 			/* @__PURE__ */ k(se, {
 				className: "date-picker-popover",
-				style: { "--color-rgb": I(w) },
+				style: { "--color-rgb": I(C) },
 				open: je,
 				anchorRef: We,
 				onClose: () => J(!1),
@@ -1074,12 +1070,12 @@ function Te(e, t) {
 function Ee(e, t, n) {
 	return (!t || Te(e, t) >= 0) && (!n || Te(e, n) <= 0);
 }
-function De({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSeconds: s = !1, minuteStep: c = 1, min: l, max: u, placeholder: d, disabled: ee = !1, readOnly: f = !1, name: te, id: p, variant: ne = "outlined", size: m = "md", color: re, label: h, helperText: g, errorText: _, error: v = !1, required: ie = !1, clearable: y = !1, fullWidth: ae = !1, className: oe, style: b }) {
-	let [x, ce] = O(!1), [S, le] = O(n ?? ""), ue = de(null), C = t === void 0 ? S : t, w = v || !!_, E = we(C, i), fe = we(l ?? "", i), j = we(u ?? "", i), M = E ? Se(E) : null, N = E ? Ce(E.hours, E.minutes, E.seconds, s, i) : C, pe = D(() => {
-		let e = [], t = i === "12h" ? 12 : 23, n = +(i === "12h");
+function De({ value: n, defaultValue: r, onChange: i, format: a = "24h", showSeconds: s = !1, minuteStep: c = 1, min: l, max: u, placeholder: d, disabled: ee = !1, readOnly: f = !1, name: te, id: p, variant: ne = "outlined", size: m = "md", color: re, label: h, helperText: g, errorText: _, error: v = !1, required: ie = !1, clearable: y = !1, fullWidth: ae = !1, className: oe, style: b }) {
+	let [x, ce] = O(!1), [le, S] = O(r ?? ""), ue = de(null), C = n === void 0 ? le : n, w = v || !!_, E = we(C, a), fe = we(l ?? "", a), j = we(u ?? "", a), M = E ? Se(E) : null, N = E ? Ce(E.hours, E.minutes, E.seconds, s, a) : C, pe = D(() => {
+		let e = [], t = a === "12h" ? 12 : 23, n = +(a === "12h");
 		for (let r = n; r <= t; r++) e.push(r);
 		return e;
-	}, [i]), P = D(() => {
+	}, [a]), P = D(() => {
 		let e = [];
 		for (let t = 0; t < 60; t += c) e.push(t);
 		return e;
@@ -1092,33 +1088,33 @@ function De({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSec
 		hours: e,
 		minutes: t,
 		seconds: n
-	}, fe, j), [j, fe]), L = T((e, n, a = 0) => {
-		if (!I(e, n, a)) return;
-		let o = Ce(e, n, a, s, i);
-		t === void 0 && le(o), r?.(o);
+	}, fe, j), [j, fe]), L = T((e, t, r = 0) => {
+		if (!I(e, t, r)) return;
+		let o = Ce(e, t, r, s, a);
+		n === void 0 && S(o), i?.(o);
 	}, [
-		i,
+		a,
 		I,
-		r,
+		i,
 		s,
-		t
+		n
 	]), R = T((e) => {
-		let n = e.target.value;
-		t === void 0 && le(n);
-	}, [t]), z = T(() => {
-		let e = we(C, i);
+		let t = e.target.value;
+		n === void 0 && S(t);
+	}, [n]), z = T(() => {
+		let e = we(C, a);
 		if (e && Ee(e, fe, j)) {
-			let n = Ce(e.hours, e.minutes, e.seconds, s, i);
-			t === void 0 && le(n), r?.(n);
+			let t = Ce(e.hours, e.minutes, e.seconds, s, a);
+			n === void 0 && S(t), i?.(t);
 		}
 	}, [
 		C,
-		i,
+		a,
 		j,
 		fe,
-		r,
+		i,
 		s,
-		t
+		n
 	]), B = T((e) => {
 		let t = M?.hours ?? 12, n = E?.minutes ?? 0, r = E?.seconds ?? 0;
 		L(K(t, e), n, r);
@@ -1128,8 +1124,8 @@ function De({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSec
 		E?.minutes,
 		E?.seconds
 	]), V = T((e) => {
-		e.stopPropagation(), t === void 0 && le(""), r?.("");
-	}, [r, t]);
+		e.stopPropagation(), n === void 0 && S(""), i?.("");
+	}, [i, n]);
 	return /* @__PURE__ */ A("div", {
 		className: o("time picker", re && `color-${re}`, ae && "full-width", oe),
 		style: b,
@@ -1146,7 +1142,7 @@ function De({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSec
 				children: [
 					/* @__PURE__ */ k("span", {
 						className: "time icon",
-						children: /* @__PURE__ */ k(a, {})
+						children: /* @__PURE__ */ k(e, {})
 					}),
 					/* @__PURE__ */ k("input", {
 						type: "text",
@@ -1154,7 +1150,7 @@ function De({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSec
 						value: N,
 						onChange: R,
 						onBlur: z,
-						placeholder: d ?? (i === "12h" ? s ? "hh:mm:ss AM" : "hh:mm AM" : s ? "HH:MM:SS" : "HH:MM"),
+						placeholder: d ?? (a === "12h" ? s ? "hh:mm:ss AM" : "hh:mm AM" : s ? "HH:MM:SS" : "HH:MM"),
 						disabled: ee,
 						readOnly: f,
 						id: p,
@@ -1166,7 +1162,7 @@ function De({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSec
 						onClick: V,
 						tabIndex: -1,
 						"aria-label": "Clear time",
-						children: /* @__PURE__ */ k(e, {})
+						children: /* @__PURE__ */ k(t, {})
 					})
 				]
 			}),
@@ -1186,9 +1182,9 @@ function De({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSec
 					children: [
 						/* @__PURE__ */ k(Oe, {
 							items: pe,
-							selected: i === "12h" ? M?.hours : E?.hours,
-							onSelect: (e) => L(i === "12h" ? K(e, M?.meridiem ?? "AM") : e, E?.minutes ?? 0, E?.seconds ?? 0),
-							isDisabled: (e) => !I(i === "12h" ? K(e, M?.meridiem ?? "AM") : e, E?.minutes ?? 0, E?.seconds ?? 0),
+							selected: a === "12h" ? M?.hours : E?.hours,
+							onSelect: (e) => L(a === "12h" ? K(e, M?.meridiem ?? "AM") : e, E?.minutes ?? 0, E?.seconds ?? 0),
+							isDisabled: (e) => !I(a === "12h" ? K(e, M?.meridiem ?? "AM") : e, E?.minutes ?? 0, E?.seconds ?? 0),
 							label: "Hr"
 						}),
 						/* @__PURE__ */ k(Oe, {
@@ -1205,7 +1201,7 @@ function De({ value: t, defaultValue: n, onChange: r, format: i = "24h", showSec
 							isDisabled: (e) => !I(E?.hours ?? 0, E?.minutes ?? 0, e),
 							label: "Sec"
 						}),
-						i === "12h" && /* @__PURE__ */ k(Oe, {
+						a === "12h" && /* @__PURE__ */ k(Oe, {
 							items: ["AM", "PM"],
 							selected: M?.meridiem,
 							onSelect: B,
@@ -1408,14 +1404,14 @@ function Fe(e, t) {
 	});
 	return o;
 }
-function Ie({ value: r, defaultValue: a, onChange: s, format: c = "dd.MM.yyyy", locale: l, min: u, max: ee, disabledDates: f, placeholder: ne, disabled: m = !1, readOnly: re = !1, name: h, id: v, variant: ie = "outlined", size: oe = "md", color: b, label: x, helperText: ce, errorText: S, error: C = !1, required: w = !1, clearable: fe = !1, inline: j = !1, showTodayButton: M = !0, presets: N = !1, presetsSidebar: pe = !1, firstDayOfWeek: P = 1, fullWidth: F = !1, allowSameDay: L = !0, className: R, style: z }) {
-	let B = le(l), V = r ? {
-		start: q(r.start),
-		end: q(r.end)
+function Ie({ value: e, defaultValue: n, onChange: s, format: c = "dd.MM.yyyy", locale: l, min: u, max: ee, disabledDates: f, placeholder: ne, disabled: m = !1, readOnly: re = !1, name: h, id: v, variant: ie = "outlined", size: oe = "md", color: b, label: x, helperText: ce, errorText: le, error: S = !1, required: w = !1, clearable: fe = !1, inline: j = !1, showTodayButton: M = !0, presets: N = !1, presetsSidebar: pe = !1, firstDayOfWeek: P = 1, fullWidth: F = !1, allowSameDay: L = !0, className: R, style: z }) {
+	let B = ue(l), V = e ? {
+		start: q(e.start),
+		end: q(e.end)
 	} : null, [me, he] = O(() => ({
-		start: q(a?.start),
-		end: q(a?.end)
-	})), [ge, H] = O(null), [U, _e] = O(!1), ve = de(null), ye = V ?? me, W = ye.start, G = ye.end, be = q(u), xe = q(ee), Se = C || !!S, K = ue(), Ce = ae(B, P), we = te(B), Te = D(() => N === !0 || pe && !N ? Pe(K) : Array.isArray(N) ? N : [], [
+		start: q(n?.start),
+		end: q(n?.end)
+	})), [ge, H] = O(null), [U, _e] = O(!1), ve = de(null), ye = V ?? me, W = ye.start, G = ye.end, be = q(u), xe = q(ee), Se = S || !!le, K = C(), Ce = ae(B, P), we = te(B), Te = D(() => N === !0 || pe && !N ? Pe(K) : Array.isArray(N) ? N : [], [
 		N,
 		pe,
 		K
@@ -1432,9 +1428,9 @@ function Ie({ value: r, defaultValue: a, onChange: s, format: c = "dd.MM.yyyy",
 		f,
 		xe,
 		be
-	]), Y = T((e) => {
-		r === void 0 && he(e), s?.(e);
-	}, [s, r]), Me = T((e) => {
+	]), Y = T((t) => {
+		e === void 0 && he(t), s?.(t);
+	}, [s, e]), Me = T((e) => {
 		if (!J(e)) {
 			if (!W || W && G) {
 				Y({
@@ -1520,13 +1516,13 @@ function Ie({ value: r, defaultValue: a, onChange: s, format: c = "dd.MM.yyyy",
 						className: "nav-btn",
 						onClick: () => De(y(Ee, -1)),
 						"aria-label": K.previousMonth,
-						children: /* @__PURE__ */ k(t, {})
+						children: /* @__PURE__ */ k(i, {})
 					}), /* @__PURE__ */ k("button", {
 						type: "button",
 						className: "nav-btn",
 						onClick: () => De(y(Ee, 1)),
 						"aria-label": K.nextMonth,
-						children: /* @__PURE__ */ k(n, {})
+						children: /* @__PURE__ */ k(r, {})
 					})]
 				})]
 			}),
@@ -1631,7 +1627,7 @@ function Ie({ value: r, defaultValue: a, onChange: s, format: c = "dd.MM.yyyy",
 				children: [
 					/* @__PURE__ */ k("span", {
 						className: "icon",
-						children: /* @__PURE__ */ k(i, {})
+						children: /* @__PURE__ */ k(a, {})
 					}),
 					/* @__PURE__ */ k("input", {
 						type: "text",
@@ -1649,7 +1645,7 @@ function Ie({ value: r, defaultValue: a, onChange: s, format: c = "dd.MM.yyyy",
 						onClick: Ne,
 						tabIndex: -1,
 						"aria-label": K.clear,
-						children: /* @__PURE__ */ k(e, {})
+						children: /* @__PURE__ */ k(t, {})
 					})
 				]
 			}),
@@ -1669,12 +1665,12 @@ function Ie({ value: r, defaultValue: a, onChange: s, format: c = "dd.MM.yyyy",
 				placement: "bottom-start",
 				children: qe()
 			}),
-			(S || ce) && /* @__PURE__ */ k("div", {
+			(le || ce) && /* @__PURE__ */ k("div", {
 				className: "bottom-row",
-				children: S ? /* @__PURE__ */ k("span", {
+				children: le ? /* @__PURE__ */ k("span", {
 					className: "field-error",
 					role: "alert",
-					children: S
+					children: le
 				}) : /* @__PURE__ */ k("span", {
 					className: "helper-text",
 					children: ce
@@ -1686,4 +1682,4 @@ function Ie({ value: r, defaultValue: a, onChange: s, format: c = "dd.MM.yyyy",
 //#endregion
 export { j as a, P as i, De as n, be as r, Ie as t };
 
-//# sourceMappingURL=dropdowns-BPRJL_2d.js.map
+//# sourceMappingURL=dropdowns-BcVrUMPE.js.map