@mngh/jalali-datepicker 1.2.1 → 1.2.2

package/dist/index.mjs

@@ -575,7 +575,7 @@ var V = {
 }), H = () => r(ae) || {
 	theme: V,
 	mode: "light"
-}, U = ({ children: e, mode: t = "light", customTheme: n }) => {
+}, oe = ({ children: e, mode: t = "light", customTheme: n }) => {
 	let r = t === "dark" ? ie : V, i = a(() => n ? {
 		mode: t,
 		theme: {
@@ -610,12 +610,12 @@ var V = {
 };
 //#endregion
 //#region src/theme/style-utils.ts
-function W(...e) {
+function U(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 //#endregion
 //#region src/components/Header.tsx
-var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick: i, isPickerOpen: a = !1, digitType: o = "persian", direction: c = "rtl", isPrevDisabled: d = !1, isNextDisabled: f = !1, classNames: p, styles: m }) => {
+var se = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick: i, isPickerOpen: a = !1, digitType: o = "persian", direction: c = "rtl", isPrevDisabled: d = !1, isNextDisabled: f = !1, classNames: p, styles: m }) => {
 	let { theme: h } = H(), [g, _] = s(null), v = o === "persian" ? R(e) : String(e), y = (e, t) => ({
 		width: "32px",
 		height: "32px",
@@ -654,7 +654,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 				disabled: d,
 				"aria-disabled": d,
 				"aria-label": "ماه قبل",
-				className: W(p?.navButton, d && p?.disabledNavButton),
+				className: U(p?.navButton, d && p?.disabledNavButton),
 				style: y("prev", d),
 				onMouseEnter: () => _("prev"),
 				onMouseLeave: () => _(null),
@@ -724,7 +724,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 				disabled: f,
 				"aria-disabled": f,
 				"aria-label": "ماه بعد",
-				className: W(p?.navButton, f && p?.disabledNavButton),
+				className: U(p?.navButton, f && p?.disabledNavButton),
 				style: y("next", f),
 				onMouseEnter: () => _("next"),
 				onMouseLeave: () => _(null),
@@ -744,7 +744,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 			})
 		]
 	});
-}, se = ({ firstDayOfWeek: t = 0, classNames: n, styles: r }) => {
+}, ce = ({ firstDayOfWeek: t = 0, classNames: n, styles: r }) => {
 	let i = e.useMemo(() => {
 		let e = [...m];
 		return [...e.slice(t), ...e.slice(0, t)];
@@ -785,7 +785,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 			}, e);
 		})
 	});
-}, ce = ({ cell: e, digitType: t = "persian", isHoliday: n = !1, holidayTitle: r, events: i = [], tabIndex: a = -1, classNames: o, styles: c, onSelect: d, onHover: f, onFocus: p }) => {
+}, le = ({ cell: e, digitType: t = "persian", isHoliday: n = !1, holidayTitle: r, events: i = [], tabIndex: a = -1, classNames: o, styles: c, onSelect: d, onHover: f, onFocus: p }) => {
 	let [m, h] = s(!1), [g, _] = s(!1), { jalali: v, dayNumber: y, isCurrentMonth: b, isToday: x, isSelected: S, isDisabled: C, isInRange: w, isRangeStart: T, isRangeEnd: E } = e, D = t === "persian" ? R(y) : z(y.toString()), O = !C && b, k = (e) => {
 		e.stopPropagation(), O && d(v);
 	}, ee = () => {
@@ -796,7 +796,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 		O && p && p(v);
 	}, M = "transparent", N = b ? "var(--pdp-text-primary, #0f172a)" : "var(--pdp-text-disabled, #cbd5e1)", P = T || E;
 	S || P ? (M = "var(--pdp-primary, #4f46e5)", N = "#ffffff") : w ? M = "var(--pdp-range-between-bg, rgba(79, 70, 229, 0.12))" : m && O && (M = "var(--pdp-hover-bg, #f1f5f9)"), n && b && !C && !S && !P && (N = "var(--pdp-holiday-color, #e11d48)"), C && (M = "var(--pdp-disabled-bg, #f1f5f9)", N = "var(--pdp-text-disabled, #94a3b8)");
-	let te = W(o?.dayCell, x && o?.todayCell, S && o?.selectedCell, w && o?.rangeBetweenCell, T && o?.rangeStartCell, E && o?.rangeEndCell, C && o?.disabledCell, !b && o?.outsideMonthCell, n && o?.holidayCell), F = {
+	let te = U(o?.dayCell, x && o?.todayCell, S && o?.selectedCell, w && o?.rangeBetweenCell, T && o?.rangeStartCell, E && o?.rangeEndCell, C && o?.disabledCell, !b && o?.outsideMonthCell, n && o?.holidayCell), F = {
 		...x ? c?.todayCell : void 0,
 		...S ? c?.selectedCell : void 0,
 		...w ? c?.rangeBetweenCell : void 0,
@@ -926,7 +926,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 			]
 		})]
 	});
-}, le = ({ currentYear: e, currentMonth: t, onSelectMonth: n, onSelectYear: r, minDate: i, maxDate: a, isDateDisabled: o, classNames: c, styles: d }) => {
+}, ue = ({ currentYear: e, currentMonth: t, onSelectMonth: n, onSelectYear: r, minDate: i, maxDate: a, isDateDisabled: o, classNames: c, styles: d }) => {
 	let [p, m] = s("months"), [h, g] = s(() => Math.floor(e / 10) * 10), [_, v] = s(e), y = Array.from({ length: 12 }, (e, t) => h - 1 + t), b = {
 		minDate: i,
 		maxDate: a,
@@ -1002,7 +1002,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 					disabled: C,
 					"aria-disabled": C,
 					"aria-label": "Previous",
-					className: W(c?.navButton, C && c?.disabledNavButton),
+					className: U(c?.navButton, C && c?.disabledNavButton),
 					style: {
 						...D,
 						cursor: C ? "not-allowed" : "pointer",
@@ -1071,7 +1071,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 					disabled: w,
 					"aria-disabled": w,
 					"aria-label": "Next",
-					className: W(c?.navButton, w && c?.disabledNavButton),
+					className: U(c?.navButton, w && c?.disabledNavButton),
 					style: {
 						...D,
 						cursor: w ? "not-allowed" : "pointer",
@@ -1113,7 +1113,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 					disabled: o,
 					"aria-disabled": o,
 					onClick: () => n(i),
-					className: W(c?.monthButton, a && c?.selectedMonthButton, o && c?.disabledMonthButton),
+					className: U(c?.monthButton, a && c?.selectedMonthButton, o && c?.disabledMonthButton),
 					style: {
 						...O,
 						background: a ? "var(--pdp-primary, #4f46e5)" : "transparent",
@@ -1139,7 +1139,7 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 					type: "button",
 					disabled: a,
 					"aria-disabled": a,
-					className: W(c?.yearButton, i && c?.selectedYearButton, a && c?.disabledYearButton),
+					className: U(c?.yearButton, i && c?.selectedYearButton, a && c?.disabledYearButton),
 					onClick: () => {
 						v(e), r(e), m("months");
 					},
@@ -1168,11 +1168,11 @@ var oe = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick:
 };
 //#endregion
 //#region src/plugins/time-picker/time-utils.ts
-function G(e, t = "persian") {
+function W(e, t = "persian") {
 	let n = e < 10 ? `0${e}` : `${e}`;
 	return t === "persian" ? R(n) : n;
 }
-function ue() {
+function de() {
 	let e = /* @__PURE__ */ new Date();
 	return {
 		hour: e.getHours(),
@@ -1180,25 +1180,25 @@ function ue() {
 		second: e.getSeconds()
 	};
 }
-function K(e) {
+function G(e) {
 	return {
 		hour: Math.max(0, Math.min(23, e.hour)),
 		minute: Math.max(0, Math.min(59, e.minute)),
 		second: e.second === void 0 ? void 0 : Math.max(0, Math.min(59, e.second))
 	};
 }
-function de(e, t = !1, n = "persian") {
+function fe(e, t = !1, n = "persian") {
 	if (!e) return "";
-	let r = G(e.hour, n), i = G(e.minute, n);
-	return t && e.second !== void 0 ? `${r}:${i}:${G(e.second, n)}` : `${r}:${i}`;
+	let r = W(e.hour, n), i = W(e.minute, n);
+	return t && e.second !== void 0 ? `${r}:${i}:${W(e.second, n)}` : `${r}:${i}`;
 }
 //#endregion
 //#region src/components/footer/CalendarFooter.tsx
-var fe = ({ selectedDate: e, selectedRange: t, selectedDates: n, selectedTime: r, showSeconds: i = !1, mode: a = "single", digitType: o = "persian", showStatusText: s = !0, showActions: c = !0, onToday: d, onClear: f, onConfirm: p, direction: m = "rtl", classNames: h, styles: g }) => {
+var pe = ({ selectedDate: e, selectedRange: t, selectedDates: n, selectedTime: r, showSeconds: i = !1, mode: a = "single", digitType: o = "persian", showStatusText: s = !0, showActions: c = !0, onToday: d, onClear: f, onConfirm: p, direction: m = "rtl", classNames: h, styles: g }) => {
 	let { theme: _ } = H(), v = (() => {
 		if (a === "single") {
 			if (!e) return "تاریخی انتخاب نشده";
-			let t = B(e, "YYYY/MM/DD", { digitType: o }), n = r ? de(r, i, o) : "";
+			let t = B(e, "YYYY/MM/DD", { digitType: o }), n = r ? fe(r, i, o) : "";
 			return n ? `${t}، ${n}` : t;
 		}
 		if (a === "range") {
@@ -1296,7 +1296,7 @@ var fe = ({ selectedDate: e, selectedRange: t, selectedDates: n, selectedTime: r
 			]
 		})]
 	});
-}, pe = ({ value: e, onChange: t, minuteStep: n = 1, hourStep: r = 1, showSeconds: a = !1, digitType: d = "persian", classNames: f, styles: p }) => {
+}, me = ({ value: e, onChange: t, minuteStep: n = 1, hourStep: r = 1, showSeconds: a = !1, digitType: d = "persian", classNames: f, styles: p }) => {
 	let [m, h] = s(null), g = o(null), _ = Array.from({ length: Math.ceil(24 / r) }, (e, t) => t * r), v = Array.from({ length: Math.ceil(60 / n) }, (e, t) => t * n), y = Array.from({ length: 60 }, (e, t) => t);
 	i(() => {
 		let e = (e) => {
@@ -1442,11 +1442,11 @@ var fe = ({ selectedDate: e, selectedRange: t, selectedDates: n, selectedTime: r
 };
 //#endregion
 //#region src/components/masked-input/mask-utils.ts
-function me(e, t = "persian") {
+function he(e, t = "persian") {
 	let n = z(e).replace(/\D/g, "").slice(0, 8), r = "";
 	return n.length > 0 && (r = n.slice(0, 4)), n.length >= 5 && (r += `/${n.slice(4, 6)}`), n.length >= 7 && (r += `/${n.slice(6, 8)}`), t === "persian" ? R(r) : r;
 }
-function he(e, t, n, r) {
+function K(e, t, n, r) {
 	let i = z(e).trim();
 	if (!i) return {
 		isValid: !0,
@@ -1500,9 +1500,9 @@ var ge = ({ value: e, defaultValue: t = null, onChange: r, onValidationError: a,
 		e !== void 0 && (k(e ? B(e, "YYYY/MM/DD", { digitType: c }) : ""), A(!1));
 	}, [e, c]);
 	let M = (t) => {
-		let n = t.target.value, i = me(n, c);
+		let n = t.target.value, i = he(n, c);
 		if (k(i), i.length === 10 || i.length === 0) {
-			let t = he(i, d, f, p);
+			let t = K(i, d, f, p);
 			t.isValid ? (A(!1), a?.(null), e === void 0 && E(t.date), r?.(t.date)) : (A(!0), a?.(t.error));
 		} else A(!1), a?.(null);
 	}, N = n(() => {
@@ -1582,7 +1582,7 @@ function _e(e, t) {
 }
 //#endregion
 //#region src/holidays/iran-holidays.ts
-var ve = {
+var q = {
 	"0-1": "جشن نوروز / سال نو",
 	"0-2": "عید نوروز",
 	"0-3": "عید نوروز",
@@ -1594,7 +1594,7 @@ var ve = {
 	"10-22": "پیروزی انقلاب اسلامی",
 	"11-29": "روز ملی شدن صنعت نفت"
 };
-function q(e) {
+function ve(e) {
 	return y(e.year, e.month, e.day).getDay() === 5;
 }
 function ye(e, t) {
@@ -1607,11 +1607,11 @@ function ye(e, t) {
 		};
 	}
 	let n = `${e.month}-${e.day}`;
-	return ve[n] ? {
-		title: ve[n],
+	return q[n] ? {
+		title: q[n],
 		type: "solar",
 		isOff: !0
-	} : q(e) ? {
+	} : ve(e) ? {
 		title: "جمعه (تعطیل پایان هفته)",
 		type: "solar",
 		isOff: !0
@@ -1619,12 +1619,32 @@ function ye(e, t) {
 }
 //#endregion
 //#region src/components/JalaliDatePicker.tsx
-function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDate: m, maxDate: h, isDateDisabled: g, firstDayOfWeek: _ = 0, variant: v = "popover", placeholder: y = "YYYY/MM/DD", digitType: b = "persian", className: S, style: E, classNames: D, styles: O, showFooter: k = !0, showStatusText: A = !0, allowClear: j = !0, enableTime: M = !1, timeValue: P, defaultTimeValue: F, onTimeChange: I, minuteStep: re = 1, hourStep: L = 1, showSeconds: z = !1, numberOfMonths: V = 1, useMaskedInput: ie = !1, events: ae, showHolidays: H = !1, customHolidays: U, zIndex: W = 9999 }) {
-	let [G, K] = s(v === "inline"), [me, he] = s(!1), ve = o(null), q = o(null), [be, xe] = s(null), J = v === "modal";
+function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDate: m, maxDate: h, isDateDisabled: g, firstDayOfWeek: _ = 0, variant: v = "popover", placeholder: y = "YYYY/MM/DD", digitType: b = "persian", className: S, style: E, classNames: D, styles: O, showFooter: k = !0, showStatusText: A = !0, allowClear: j = !0, enableTime: M = !1, timeValue: P, defaultTimeValue: F, onTimeChange: I, minuteStep: re = 1, hourStep: L = 1, showSeconds: z = !1, numberOfMonths: V = 1, useMaskedInput: ie = !1, events: ae, showHolidays: oe = !1, customHolidays: U, zIndex: W = 9999 }) {
+	let { theme: G, mode: he } = H(), [K, q] = s(v === "inline"), [ve, be] = s(!1), xe = o(null), Se = o(null), [Ce, we] = s(null), J = v === "modal", Te = a(() => ({
+		"--pdp-primary": G.colors.primary,
+		"--pdp-primary-hover": G.colors.primaryHover,
+		"--pdp-primary-text": G.colors.primaryText,
+		"--pdp-surface-bg": G.colors.background,
+		"--pdp-surface-subtle": G.colors.surface,
+		"--pdp-surface-border": G.colors.border,
+		"--pdp-hover-bg": G.colors.backgroundHover,
+		"--pdp-text-primary": G.colors.textPrimary,
+		"--pdp-text-secondary": G.colors.textSecondary,
+		"--pdp-text-muted": G.colors.textSecondary,
+		"--pdp-text-disabled": G.colors.textDisabled,
+		"--pdp-disabled-bg": G.colors.surface,
+		"--pdp-holiday-color": G.colors.holiday,
+		"--pdp-holiday-bg": G.colors.holidayBackground,
+		"--pdp-range-between-bg": G.colors.rangeBackground,
+		"--pdp-today-border": G.colors.todayBorder,
+		"--pdp-border-radius": G.radii.lg,
+		"--pdp-shadow": G.shadows.lg,
+		colorScheme: he
+	}), [G, he]);
 	i(() => {
-		v === "inline" && K(!0);
+		v === "inline" && q(!0);
 	}, [v]);
-	let Se = a(() => F || (t instanceof Date ? {
+	let Ee = a(() => F || (t instanceof Date ? {
 		hour: t.getHours(),
 		minute: t.getMinutes(),
 		second: t.getSeconds()
@@ -1632,29 +1652,29 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 		hour: r.getHours(),
 		minute: r.getMinutes(),
 		second: r.getSeconds()
-	} : ue()), [
+	} : de()), [
 		F,
 		t,
 		r
-	]), [Ce, we] = s(Se), Y = P === void 0 ? Ce : P ?? ue();
+	]), [De, Oe] = s(Ee), Y = P === void 0 ? De : P ?? de();
 	i(() => {
-		if (v === "inline" || !G) return;
+		if (v === "inline" || !K) return;
 		let e = (e) => {
-			ve.current && !ve.current.contains(e.target) && !q.current?.contains(e.target) && (K(!1), he(!1));
+			xe.current && !xe.current.contains(e.target) && !Se.current?.contains(e.target) && (q(!1), be(!1));
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e, { passive: !0 }), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
 		};
-	}, [v, G]), i(() => {
-		if (v !== "popover" || !G) {
-			xe(null);
+	}, [v, K]), i(() => {
+		if (v !== "popover" || !K) {
+			we(null);
 			return;
 		}
 		let e = () => {
-			let e = ve.current, t = q.current;
+			let e = xe.current, t = Se.current;
 			if (!e || !t) return;
 			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = Math.max(0, window.innerHeight - n.bottom - 6 - 12), a = Math.max(0, n.top - 6 - 12), o = r.height > i && a > i, s = Math.max(120, o ? a : i), c = Math.min(r.height, s), l = o ? Math.max(12, n.top - 6 - c) : n.bottom + 6, u = Math.max(12, window.innerWidth - r.width - 12), d = Math.min(Math.max(12, n.left), u);
-			xe((e) => e?.top === l && e.left === d && e.maxHeight === s ? e : {
+			we((e) => e?.top === l && e.left === d && e.maxHeight === s ? e : {
 				top: l,
 				left: d,
 				maxHeight: s
@@ -1662,11 +1682,11 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 		};
 		e();
 		let t = typeof ResizeObserver > "u" ? null : new ResizeObserver(e);
-		return q.current && t?.observe(q.current), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+		return Se.current && t?.observe(Se.current), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			t?.disconnect(), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [v, G]);
-	let Te = a(() => {
+	}, [v, K]);
+	let ke = a(() => {
 		if (t !== void 0) {
 			if (!t) return null;
 			if (t instanceof Date) return w(t);
@@ -1679,7 +1699,7 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 			}
 			return null;
 		}
-	}, [t, e]), Ee = a(() => {
+	}, [t, e]), Ae = a(() => {
 		if (r !== void 0) {
 			if (!r) return null;
 			if (r instanceof Date) return w(r);
@@ -1692,7 +1712,7 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 			}
 			return null;
 		}
-	}, [r, e]), De = a(() => m ? w(m) : void 0, [m]), Oe = a(() => h ? w(h) : void 0, [h]), ke = n((e) => g ? g(T(e)) : !1, [g]), Ae = n((t, n) => {
+	}, [r, e]), je = a(() => m ? w(m) : void 0, [m]), Me = a(() => h ? w(h) : void 0, [h]), Ne = n((e) => g ? g(T(e)) : !1, [g]), Pe = n((t, n) => {
 		if (!t) return null;
 		let r = n ?? Y, i = M ? r.hour : 0, a = M ? r.minute : 0, o = M && z ? r.second ?? 0 : 0;
 		if (e === "single" && !Array.isArray(t)) return T(t, i, a, o);
@@ -1706,83 +1726,83 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 		M,
 		Y,
 		z
-	]), { selected: X, viewYear: Z, viewMonth: Q, grid: je, goToPrevMonth: Me, goToNextMonth: Ne, setView: Pe, goToToday: Fe, selectDate: Ie, setHoverDate: Le, hoverDate: Re, clear: ze } = te({
+	]), { selected: X, viewYear: Z, viewMonth: Q, grid: Fe, goToPrevMonth: Ie, goToNextMonth: Le, setView: Re, goToToday: ze, selectDate: Be, setHoverDate: Ve, hoverDate: He, clear: Ue } = te({
 		mode: e,
-		value: Te,
-		defaultValue: Ee,
-		minDate: De,
-		maxDate: Oe,
+		value: ke,
+		defaultValue: Ae,
+		minDate: je,
+		maxDate: Me,
 		firstDayOfWeek: _,
-		isDateDisabled: g ? ke : void 0,
+		isDateDisabled: g ? Ne : void 0,
 		onChange: (e) => {
-			p?.(Ae(e));
+			p?.(Pe(e));
 		}
-	}), Be = n((e) => {
-		P === void 0 && we(e), I?.(e), X && p && p(Ae(X, e));
+	}), We = n((e) => {
+		P === void 0 && Oe(e), I?.(e), X && p && p(Pe(X, e));
 	}, [
 		P,
 		I,
 		X,
 		p,
-		Ae
-	]), Ve = e === "single" ? X : null, He = (t) => {
-		Ie(t), v === "popover" && e === "single" && !M && K(!1);
-	}, Ue = (e) => {
-		e.stopPropagation(), ze();
-	}, { handleKeyDown: We, getCellTabIndex: Ge, setFocusedDate: Ke } = ne({
+		Pe
+	]), Ge = e === "single" ? X : null, Ke = (t) => {
+		Be(t), v === "popover" && e === "single" && !M && q(!1);
+	}, qe = (e) => {
+		e.stopPropagation(), Ue();
+	}, { handleKeyDown: Je, getCellTabIndex: Ye, setFocusedDate: Xe } = ne({
 		viewYear: Z,
 		viewMonth: Q,
-		selectedDate: Ve,
-		onSelectDate: He,
-		onViewChange: Pe,
+		selectedDate: Ge,
+		onSelectDate: Ke,
+		onViewChange: Re,
 		isRtl: !0
 	});
 	i(() => {
-		if (!J || !G) return;
+		if (!J || !K) return;
 		let e = document.body.style.overflow;
 		document.body.style.overflow = "hidden";
 		let t = (e) => {
-			e.key === "Escape" && K(!1);
+			e.key === "Escape" && q(!1);
 		};
 		return window.addEventListener("keydown", t), () => {
 			document.body.style.overflow = e, window.removeEventListener("keydown", t);
 		};
-	}, [J, G]);
+	}, [J, K]);
 	let $ = a(() => Q === 11 ? {
 		year: Z + 1,
 		month: 0
 	} : {
 		year: Z,
 		month: Q + 1
-	}, [Z, Q]), qe = a(() => Q === 0 ? {
+	}, [Z, Q]), Ze = a(() => Q === 0 ? {
 		year: Z - 1,
 		month: 11
 	} : {
 		year: Z,
 		month: Q - 1
-	}, [Z, Q]), Je = !N(qe.year, qe.month, {
-		minDate: De,
-		maxDate: Oe
-	}), Ye = V === 2 ? $.month === 11 ? {
+	}, [Z, Q]), Qe = !N(Ze.year, Ze.month, {
+		minDate: je,
+		maxDate: Me
+	}), $e = V === 2 ? $.month === 11 ? {
 		year: $.year + 1,
 		month: 0
 	} : {
 		year: $.year,
 		month: $.month + 1
-	} : $, Xe = !N(Ye.year, Ye.month, {
-		minDate: De,
-		maxDate: Oe
-	}), Ze = a(() => {
+	} : $, et = !N($e.year, $e.month, {
+		minDate: je,
+		maxDate: Me
+	}), tt = a(() => {
 		if (V !== 2) return [];
 		let t = C({
 			year: $.year,
 			month: $.month,
 			firstDayOfWeek: _,
-			minDate: De,
-			maxDate: Oe
+			minDate: je,
+			maxDate: Me
 		});
 		if (e !== "range") return t;
-		let [n, r] = X || [null, null], i = r ?? (n && Re ? Re : null);
+		let [n, r] = X || [null, null], i = r ?? (n && He ? He : null);
 		return t.map((e) => {
 			let t = n ? x(e.jalali, n) : !1, r = i ? x(e.jalali, i) : !1, a = !1;
 			return n && i && (a = ee(e.jalali, n, i)), {
@@ -1797,16 +1817,16 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 		V,
 		$,
 		_,
-		De,
-		Oe,
+		je,
+		Me,
 		e,
 		X,
-		Re
-	]), Qe = a(() => {
+		He
+	]), nt = a(() => {
 		if (!X) return "";
 		if (e === "single") {
 			let e = B(X, "YYYY/MM/DD", { digitType: b });
-			return M && Y ? `${e} ${de(Y, z, b)}` : e;
+			return M && Y ? `${e} ${fe(Y, z, b)}` : e;
 		}
 		if (e === "range") {
 			let [e, t] = X || [null, null];
@@ -1821,7 +1841,7 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 		M,
 		Y,
 		z
-	]), $e = !!(e === "single" ? X : e === "range" ? X?.[0] : X?.length), et = (e, t, n, r = !0, i = !0) => /* @__PURE__ */ u("div", {
+	]), rt = !!(e === "single" ? X : e === "range" ? X?.[0] : X?.length), it = (e, t, n, r = !0, i = !0) => /* @__PURE__ */ u("div", {
 		className: D?.calendarPane,
 		style: {
 			width: "calc(7 * var(--pdp-cell-size, 34px) + 6 * 4px)",
@@ -1831,19 +1851,19 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 			...O?.calendarPane
 		},
 		children: [
-			/* @__PURE__ */ l(oe, {
+			/* @__PURE__ */ l(se, {
 				year: e,
 				monthName: f[t],
-				onPrevMonth: r ? Me : () => {},
-				onNextMonth: i ? Ne : () => {},
-				onTitleClick: () => he((e) => !e),
-				isPickerOpen: me,
-				isPrevDisabled: !r || Je,
-				isNextDisabled: !i || Xe,
+				onPrevMonth: r ? Ie : () => {},
+				onNextMonth: i ? Le : () => {},
+				onTitleClick: () => be((e) => !e),
+				isPickerOpen: ve,
+				isPrevDisabled: !r || Qe,
+				isNextDisabled: !i || et,
 				classNames: D,
 				styles: O
 			}),
-			/* @__PURE__ */ l(se, {
+			/* @__PURE__ */ l(ce, {
 				firstDayOfWeek: _,
 				classNames: D,
 				styles: O
@@ -1861,8 +1881,8 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 					...O?.grid
 				},
 				children: n.map((e, t) => {
-					let n = H ? ye(e.jalali, U) : null, r = _e(e.jalali, ae);
-					return /* @__PURE__ */ l(ce, {
+					let n = oe ? ye(e.jalali, U) : null, r = _e(e.jalali, ae);
+					return /* @__PURE__ */ l(le, {
 						cell: e,
 						digitType: b,
 						isHoliday: !!n,
@@ -1870,27 +1890,28 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 						events: r,
 						classNames: D,
 						styles: O,
-						tabIndex: Ge(e.jalali),
-						onSelect: He,
-						onHover: Le,
-						onFocus: Ke
+						tabIndex: Ye(e.jalali),
+						onSelect: Ke,
+						onHover: Ve,
+						onFocus: Xe
 					}, t);
 				})
 			})
 		]
-	}), tt = /* @__PURE__ */ l("div", {
-		ref: q,
+	}), at = /* @__PURE__ */ l("div", {
+		ref: Se,
 		role: J ? "dialog" : "region",
 		"aria-modal": J ? !0 : void 0,
 		"aria-label": "تقویم شمسی",
-		onKeyDown: We,
+		onKeyDown: Je,
 		onClick: (e) => e.stopPropagation(),
 		className: D?.calendar,
 		style: {
+			...Te,
 			position: v === "popover" ? "fixed" : J ? "relative" : "static",
-			top: v === "popover" ? be?.top ?? 0 : void 0,
-			left: v === "popover" ? be?.left ?? 0 : void 0,
-			visibility: v === "popover" && !be ? "hidden" : "visible",
+			top: v === "popover" ? Ce?.top ?? 0 : void 0,
+			left: v === "popover" ? Ce?.left ?? 0 : void 0,
+			visibility: v === "popover" && !Ce ? "hidden" : "visible",
 			zIndex: J ? W + 1 : W,
 			padding: "12px",
 			backgroundColor: "var(--pdp-surface-bg, #ffffff)",
@@ -1899,7 +1920,7 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 			boxShadow: J ? "0 20px 25px -5px rgb(0 0 0 / 0.3)" : "0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
 			width: "max-content",
 			maxWidth: v === "inline" ? "100%" : "calc(100vw - 24px)",
-			maxHeight: J ? "calc(100dvh - 32px)" : v === "popover" ? be?.maxHeight : void 0,
+			maxHeight: J ? "calc(100dvh - 32px)" : v === "popover" ? Ce?.maxHeight : void 0,
 			overflowY: J || v === "popover" ? "auto" : void 0,
 			overflowX: "hidden",
 			userSelect: "none",
@@ -1910,16 +1931,16 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 			boxSizing: "border-box",
 			...O?.calendar
 		},
-		children: me ? /* @__PURE__ */ l(le, {
+		children: ve ? /* @__PURE__ */ l(ue, {
 			currentYear: Z,
 			currentMonth: Q,
 			onSelectMonth: (e) => {
-				Pe(Z, e), he(!1);
+				Re(Z, e), be(!1);
 			},
-			onSelectYear: (e) => Pe(e, Q),
-			minDate: De,
-			maxDate: Oe,
-			isDateDisabled: g ? ke : void 0,
+			onSelectYear: (e) => Re(e, Q),
+			minDate: je,
+			maxDate: Me,
+			isDateDisabled: g ? Ne : void 0,
 			classNames: D,
 			styles: O
 		}) : /* @__PURE__ */ u(c, { children: [
@@ -1937,11 +1958,11 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 					boxSizing: "border-box",
 					...O?.calendarPanes
 				},
-				children: [et(Z, Q, je, !0, V === 1), V === 2 && /* @__PURE__ */ l(c, { children: et($.year, $.month, Ze, !1, !0) })]
+				children: [it(Z, Q, Fe, !0, V === 1), V === 2 && /* @__PURE__ */ l(c, { children: it($.year, $.month, tt, !1, !0) })]
 			}),
-			M && /* @__PURE__ */ l(pe, {
+			M && /* @__PURE__ */ l(me, {
 				value: Y,
-				onChange: Be,
+				onChange: We,
 				minuteStep: re,
 				hourStep: L,
 				showSeconds: z,
@@ -1949,7 +1970,7 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 				classNames: D,
 				styles: O
 			}),
-			k && /* @__PURE__ */ l(fe, {
+			k && /* @__PURE__ */ l(pe, {
 				mode: e,
 				digitType: b,
 				showStatusText: A,
@@ -1957,32 +1978,33 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 				selectedRange: e === "range" ? X : void 0,
 				selectedDates: e === "multiple" ? X : void 0,
 				selectedTime: M ? Y : void 0,
-				onToday: Fe,
+				onToday: ze,
 				classNames: D,
 				styles: O
 			})
 		] })
 	});
 	return /* @__PURE__ */ u("div", {
-		ref: ve,
+		ref: xe,
 		className: S ?? D?.root,
 		style: {
+			...Te,
 			position: "relative",
 			display: "inline-block",
 			maxWidth: "100%",
 			verticalAlign: "top",
-			zIndex: G && v === "popover" ? W : 1,
+			zIndex: K && v === "popover" ? W : 1,
 			...E,
 			...O?.root
 		},
 		children: [v !== "inline" && (ie && e === "single" && v === "popover" ? /* @__PURE__ */ l(ge, {
-			value: Ve,
+			value: Ge,
 			digitType: b,
 			placeholder: y,
 			onChange: (e) => {
-				e ? (Ie(e), Pe(e.year, e.month)) : ze();
+				e ? (Be(e), Re(e.year, e.month)) : Ue();
 			},
-			onClick: () => K(!0),
+			onClick: () => q(!0),
 			className: D?.input,
 			style: {
 				direction: "ltr",
@@ -1991,7 +2013,7 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 			}
 		}) : /* @__PURE__ */ u("div", {
 			onClick: (e) => {
-				e.stopPropagation(), K((e) => !e);
+				e.stopPropagation(), q((e) => !e);
 			},
 			style: {
 				position: "relative",
@@ -2006,7 +2028,7 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 				type: "text",
 				readOnly: !0,
 				placeholder: y,
-				value: Qe,
+				value: nt,
 				className: D?.input,
 				style: {
 					direction: "ltr",
@@ -2024,9 +2046,9 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 					boxSizing: "border-box",
 					...O?.input
 				}
-			}), j && $e && /* @__PURE__ */ l("button", {
+			}), j && rt && /* @__PURE__ */ l("button", {
 				type: "button",
-				onClick: Ue,
+				onClick: qe,
 				"aria-label": "Clear value",
 				style: {
 					position: "absolute",
@@ -2053,9 +2075,9 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 				},
 				children: "✕"
 			})]
-		})), G && (v === "inline" ? tt : typeof document < "u" ? d(J ? /* @__PURE__ */ l("div", {
+		})), K && (v === "inline" ? at : typeof document < "u" ? d(J ? /* @__PURE__ */ l("div", {
 			role: "presentation",
-			onClick: () => K(!1),
+			onClick: () => q(!1),
 			className: D?.modalBackdrop,
 			style: {
 				position: "fixed",
@@ -2075,8 +2097,8 @@ function be({ mode: e = "single", value: t, defaultValue: r, onChange: p, minDat
 				direction: "rtl",
 				...O?.modalBackdrop
 			},
-			children: tt
-		}) : tt, document.body) : null)]
+			children: at
+		}) : at, document.body) : null)]
 	});
 }
 //#endregion
@@ -2135,7 +2157,7 @@ var xe = ({ value: e, defaultValue: t = [null, null], onChange: r, initialViewDa
 		D,
 		e,
 		r
-	]), U = n((e, t) => {
+	]), oe = n((e, t) => {
 		let n = C({
 			year: e,
 			month: t,
@@ -2161,15 +2183,15 @@ var xe = ({ value: e, defaultValue: t = [null, null], onChange: r, initialViewDa
 		m,
 		D,
 		O
-	]), oe = a(() => U(P.year, P.month), [
-		U,
+	]), se = a(() => oe(P.year, P.month), [
+		oe,
 		P.year,
 		P.month
-	]), le = a(() => U(F.year, F.month), [
-		U,
+	]), ue = a(() => oe(F.year, F.month), [
+		oe,
 		F.year,
 		F.month
-	]), G = (e, t, n, r) => /* @__PURE__ */ u("div", {
+	]), W = (e, t, n, r) => /* @__PURE__ */ u("div", {
 		dir: h,
 		className: v?.calendarPane,
 		style: {
@@ -2200,7 +2222,7 @@ var xe = ({ value: e, defaultValue: t = [null, null], onChange: r, initialViewDa
 						onClick: V,
 						disabled: L,
 						"aria-disabled": L,
-						className: W(v?.navButton, L && v?.disabledNavButton),
+						className: U(v?.navButton, L && v?.disabledNavButton),
 						style: {
 							width: "28px",
 							height: "28px",
@@ -2233,7 +2255,7 @@ var xe = ({ value: e, defaultValue: t = [null, null], onChange: r, initialViewDa
 						onClick: ie,
 						disabled: B,
 						"aria-disabled": B,
-						className: W(v?.navButton, B && v?.disabledNavButton),
+						className: U(v?.navButton, B && v?.disabledNavButton),
 						style: {
 							width: "28px",
 							height: "28px",
@@ -2250,7 +2272,7 @@ var xe = ({ value: e, defaultValue: t = [null, null], onChange: r, initialViewDa
 					})
 				]
 			}),
-			/* @__PURE__ */ l(se, {
+			/* @__PURE__ */ l(ce, {
 				firstDayOfWeek: o,
 				classNames: v,
 				styles: y
@@ -2268,7 +2290,7 @@ var xe = ({ value: e, defaultValue: t = [null, null], onChange: r, initialViewDa
 					gap: "var(--pdp-cell-gap, 4px)",
 					...y?.grid
 				},
-				children: n.map((e) => /* @__PURE__ */ l(ce, {
+				children: n.map((e) => /* @__PURE__ */ l(le, {
 					cell: e,
 					digitType: c,
 					classNames: v,
@@ -2284,7 +2306,7 @@ var xe = ({ value: e, defaultValue: t = [null, null], onChange: r, initialViewDa
 		role: "region",
 		"aria-label": "تقویم دوقلو شمسی",
 		dir: h,
-		className: W(g, v?.calendar),
+		className: U(g, v?.calendar),
 		style: {
 			"--pdp-cell-size": "36px",
 			"--pdp-cell-gap": "4px",
@@ -2304,10 +2326,10 @@ var xe = ({ value: e, defaultValue: t = [null, null], onChange: r, initialViewDa
 			..._,
 			...y?.calendar
 		},
-		children: [G(P.year, P.month, oe, !0), G(F.year, F.month, le, !1)]
+		children: [W(P.year, P.month, se, !0), W(F.year, F.month, ue, !1)]
 	});
 };
 //#endregion
-export { U as DatePickerThemeProvider, ce as DayCell, xe as DualMonthCalendar, oe as Header, p as JALALI_MONTH_NAMES_EN, be as JalaliDatePicker, ge as MaskedDateInput, le as MonthYearPicker, f as PERSIAN_MONTH_NAMES, h as PERSIAN_WEEK_DAYS_LONG, m as PERSIAN_WEEK_DAYS_SHORT, pe as TimePicker, se as Weekdays, D as addDaysToJalali, O as addJalaliDays, me as applyDateMask, F as calculateNextFocusedDate, K as clampTime, k as compareJalaliDates, ie as darkTheme, B as formatJalaliDate, G as formatTimeSegment, de as formatTimeString, C as generateJalaliCalendarGrid, I as getAriaDayLabel, ue as getCurrentTime, _ as getDaysInJalaliMonth, _e as getEventsForDate, E as getJalaliDayOfWeek, j as getJalaliMonthRange, A as getJalaliWeekRange, ye as getOfficialHoliday, b as getTodayJalali, v as gregorianToJalali, ee as isJalaliDateBetween, M as isJalaliDateSelectable, q as isJalaliFriday, g as isJalaliLeapYear, N as isJalaliMonthSelectable, P as isJalaliYearSelectable, x as isSameJalaliDay, y as jalaliToGregorian, T as jalaliToJsDate, w as jsDateToJalali, V as lightTheme, he as parseAndValidateJalaliString, S as toJalaliDate, z as toLatinDigits, R as toPersianDigits, ne as useCalendarKeyboard, te as useJalaliDatePicker, H as useTheme };
+export { oe as DatePickerThemeProvider, le as DayCell, xe as DualMonthCalendar, se as Header, p as JALALI_MONTH_NAMES_EN, be as JalaliDatePicker, ge as MaskedDateInput, ue as MonthYearPicker, f as PERSIAN_MONTH_NAMES, h as PERSIAN_WEEK_DAYS_LONG, m as PERSIAN_WEEK_DAYS_SHORT, me as TimePicker, ce as Weekdays, D as addDaysToJalali, O as addJalaliDays, he as applyDateMask, F as calculateNextFocusedDate, G as clampTime, k as compareJalaliDates, ie as darkTheme, B as formatJalaliDate, W as formatTimeSegment, fe as formatTimeString, C as generateJalaliCalendarGrid, I as getAriaDayLabel, de as getCurrentTime, _ as getDaysInJalaliMonth, _e as getEventsForDate, E as getJalaliDayOfWeek, j as getJalaliMonthRange, A as getJalaliWeekRange, ye as getOfficialHoliday, b as getTodayJalali, v as gregorianToJalali, ee as isJalaliDateBetween, M as isJalaliDateSelectable, ve as isJalaliFriday, g as isJalaliLeapYear, N as isJalaliMonthSelectable, P as isJalaliYearSelectable, x as isSameJalaliDay, y as jalaliToGregorian, T as jalaliToJsDate, w as jsDateToJalali, V as lightTheme, K as parseAndValidateJalaliString, S as toJalaliDate, z as toLatinDigits, R as toPersianDigits, ne as useCalendarKeyboard, te as useJalaliDatePicker, H as useTheme };
 
 //# sourceMappingURL=index.mjs.map