@mngh/jalali-datepicker 1.0.6 → 1.1.0

package/dist/index.mjs

@@ -378,13 +378,13 @@ function M(e) {
 }
 //#endregion
 //#region src/a11y/aria-helpers.ts
-function ee(e) {
+function N(e) {
 	let t = p[(_(e.year, e.month, e.day).getDay() + 1) % 7], n = u[e.month];
 	return `${t}، ${e.day} ${n} ${e.year}`;
 }
 //#endregion
 //#region src/a11y/useCalendarKeyboard.ts
-function te(e) {
+function P(e) {
 	let { viewYear: n, viewMonth: r, selectedDate: i, onSelectDate: a, onViewChange: s, isRtl: c = !0 } = e, [l, u] = o(() => i ?? {
 		year: n,
 		month: r,
@@ -415,7 +415,7 @@ function te(e) {
 }
 //#endregion
 //#region src/formatters/persian-digits.ts
-var N = [
+var F = [
 	"۰",
 	"۱",
 	"۲",
@@ -426,7 +426,7 @@ var N = [
 	"۷",
 	"۸",
 	"۹"
-], P = {
+], ee = {
 	"۰": "0",
 	"۱": "1",
 	"۲": "2",
@@ -448,30 +448,30 @@ var N = [
 	"٨": "8",
 	"٩": "9"
 };
-function F(e) {
-	return String(e).replace(/[0-9]/g, (e) => N[+e]);
-}
 function I(e) {
-	return e.replace(/[۰-۹٠-٩]/g, (e) => P[e] ?? e);
+	return String(e).replace(/[0-9]/g, (e) => F[+e]);
+}
+function L(e) {
+	return e.replace(/[۰-۹٠-٩]/g, (e) => ee[e] ?? e);
 }
 //#endregion
 //#region src/formatters/jalali-formatter.ts
-function L(e, t = "YYYY/MM/DD", n = {}) {
+function R(e, t = "YYYY/MM/DD", n = {}) {
 	if (!e) return "";
 	let { digitType: r = "persian" } = n, i = (_(e.year, e.month, e.day).getDay() + 1) % 7, a = String(e.year), o = a.slice(-2), s = e.month + 1, c = s < 10 ? `0${s}` : String(s), l = u[e.month], d = e.day < 10 ? `0${e.day}` : String(e.day), f = p[i], m = t.replace(/\bYYYY\b/g, a).replace(/\bYY\b/g, o).replace(/\bMMMM\b/g, l).replace(/\bMM\b/g, c).replace(/\bM\b/g, String(s)).replace(/\bdddd\b/g, f).replace(/\bDD\b/g, d).replace(/\bD\b/g, String(e.day));
-	return r === "persian" && (m = m.replace(/\d+/g, (e) => F(e))), m;
+	return r === "persian" && (m = m.replace(/\d+/g, (e) => I(e))), m;
 }
 //#endregion
 //#region src/theme/tokens.ts
-var R = {
+var z = {
 	mode: "light",
 	colors: {
 		primary: "#4f46e5",
 		primaryHover: "#4338ca",
 		primaryText: "#ffffff",
 		background: "#ffffff",
-		backgroundHover: "#f8fafc",
-		surface: "#f1f5f9",
+		backgroundHover: "#f1f5f9",
+		surface: "#f8fafc",
 		border: "#e2e8f0",
 		textPrimary: "#0f172a",
 		textSecondary: "#64748b",
@@ -483,16 +483,16 @@ var R = {
 	},
 	radii: {
 		sm: "6px",
-		md: "10px",
-		lg: "14px",
+		md: "8px",
+		lg: "12px",
 		full: "9999px"
 	},
 	shadows: {
 		sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
 		md: "0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04)",
-		lg: "0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.03)"
+		lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05)"
 	}
-}, z = {
+}, te = {
 	mode: "dark",
 	colors: {
 		primary: "#6366f1",
@@ -512,8 +512,8 @@ var R = {
 	},
 	radii: {
 		sm: "6px",
-		md: "10px",
-		lg: "14px",
+		md: "8px",
+		lg: "12px",
 		full: "9999px"
 	},
 	shadows: {
@@ -521,14 +521,14 @@ var R = {
 		md: "0 4px 6px -1px rgba(0, 0, 0, 0.4)",
 		lg: "0 10px 15px -3px rgba(0, 0, 0, 0.5)"
 	}
-}, ne = e({
-	theme: R,
+}, B = e({
+	theme: z,
 	mode: "light"
-}), B = () => n(ne) || {
-	theme: R,
+}), V = () => n(B) || {
+	theme: z,
 	mode: "light"
-}, V = ({ children: e, mode: t = "light", customTheme: n }) => {
-	let r = t === "dark" ? z : R, a = i(() => n ? {
+}, ne = ({ children: e, mode: t = "light", customTheme: n }) => {
+	let r = t === "dark" ? te : z, a = i(() => n ? {
 		mode: t,
 		theme: {
 			...r,
@@ -555,97 +555,105 @@ var R = {
 		n,
 		t
 	]);
-	return /* @__PURE__ */ c(ne.Provider, {
+	return /* @__PURE__ */ c(B.Provider, {
 		value: a,
 		children: e
 	});
-}, re = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick: i, isPickerOpen: a }) => {
-	let { theme: o } = B(), s = {
-		background: "transparent",
+}, re = ({ year: e, monthName: t, onPrevMonth: n, onNextMonth: r, onTitleClick: i, isPickerOpen: a = !1, digitType: s = "persian", direction: u = "rtl", classNames: d, styles: f }) => {
+	let { theme: p } = V(), [m, h] = o(null), g = s === "persian" ? I(e) : String(e), _ = (e) => ({
+		width: "32px",
+		height: "32px",
+		padding: 0,
+		borderRadius: p.radii.md,
 		border: "none",
+		backgroundColor: m === e ? p.colors.backgroundHover : "transparent",
+		color: p.colors.textPrimary,
 		cursor: "pointer",
-		padding: "6px",
-		borderRadius: o.radii.md,
-		display: "flex",
+		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
-		color: o.colors.textPrimary,
-		transition: "all 0.15s cubic-bezier(0.4, 0, 0.2, 1)"
-	};
+		transition: "background-color 0.15s ease, color 0.15s ease",
+		...f?.navButton
+	});
 	return /* @__PURE__ */ l("div", {
+		dir: u,
+		className: d?.header,
 		style: {
 			display: "flex",
+			minHeight: "40px",
 			alignItems: "center",
 			justifyContent: "space-between",
-			padding: "8px 12px",
-			borderBottom: `1px solid ${o.colors.border}`,
+			gap: "8px",
+			padding: "4px 0 10px",
+			borderBottom: `1px solid ${p.colors.border}`,
 			userSelect: "none",
-			height: "42px",
-			boxSizing: "border-box"
+			...f?.header
 		},
 		children: [
 			/* @__PURE__ */ c("button", {
 				type: "button",
 				onClick: n,
 				"aria-label": "ماه قبل",
-				style: s,
-				onMouseEnter: (e) => {
-					e.currentTarget.style.backgroundColor = o.colors.backgroundHover, e.currentTarget.style.transform = "scale(1.1)";
-				},
-				onMouseLeave: (e) => {
-					e.currentTarget.style.backgroundColor = "transparent", e.currentTarget.style.transform = "scale(1)";
-				},
+				className: d?.navButton,
+				style: _("prev"),
+				onMouseEnter: () => h("prev"),
+				onMouseLeave: () => h(null),
 				children: /* @__PURE__ */ c("svg", {
 					width: "18",
 					height: "18",
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
-					strokeWidth: "2.2",
+					strokeWidth: "2.5",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					style: { transform: u === "ltr" ? "scaleX(-1)" : void 0 },
 					children: /* @__PURE__ */ c("polyline", { points: "9 18 15 12 9 6" })
 				})
 			}),
 			/* @__PURE__ */ l("button", {
 				type: "button",
 				onClick: i,
+				"aria-expanded": a,
+				className: d?.headerTitle,
 				style: {
-					background: a ? o.colors.backgroundHover : "transparent",
+					minHeight: "32px",
+					padding: "6px 12px",
+					borderRadius: p.radii.md,
 					border: "none",
-					cursor: "pointer",
-					padding: "6px 10px",
-					borderRadius: o.radii.md,
-					fontSize: "0.9rem",
-					fontWeight: 700,
-					color: o.colors.textPrimary,
-					display: "flex",
+					backgroundColor: a || m === "title" ? p.colors.backgroundHover : "transparent",
+					color: p.colors.textPrimary,
+					cursor: i ? "pointer" : "default",
+					display: "inline-flex",
 					alignItems: "center",
+					justifyContent: "center",
 					gap: "6px",
-					transition: "all 0.15s ease"
-				},
-				onMouseEnter: (e) => {
-					e.currentTarget.style.backgroundColor = o.colors.backgroundHover;
-				},
-				onMouseLeave: (e) => {
-					a || (e.currentTarget.style.backgroundColor = "transparent");
+					fontSize: "0.95rem",
+					fontWeight: 700,
+					whiteSpace: "nowrap",
+					transition: "background-color 0.15s ease",
+					...f?.headerTitle
 				},
+				onMouseEnter: () => h("title"),
+				onMouseLeave: () => h(null),
 				children: [/* @__PURE__ */ l("span", { children: [
 					t,
 					" ",
-					F(e)
+					g
 				] }), /* @__PURE__ */ c("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
-					strokeWidth: "2.2",
+					strokeWidth: "2.5",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
+					"aria-hidden": "true",
 					style: {
 						transform: a ? "rotate(180deg)" : "rotate(0deg)",
-						transition: "transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
+						transition: "transform 0.2s ease"
 					},
 					children: /* @__PURE__ */ c("polyline", { points: "6 9 12 15 18 9" })
 				})]
@@ -654,322 +662,517 @@ var R = {
 				type: "button",
 				onClick: r,
 				"aria-label": "ماه بعد",
-				style: s,
-				onMouseEnter: (e) => {
-					e.currentTarget.style.backgroundColor = o.colors.backgroundHover, e.currentTarget.style.transform = "scale(1.1)";
-				},
-				onMouseLeave: (e) => {
-					e.currentTarget.style.backgroundColor = "transparent", e.currentTarget.style.transform = "scale(1)";
-				},
+				className: d?.navButton,
+				style: _("next"),
+				onMouseEnter: () => h("next"),
+				onMouseLeave: () => h(null),
 				children: /* @__PURE__ */ c("svg", {
 					width: "18",
 					height: "18",
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
-					strokeWidth: "2.2",
+					strokeWidth: "2.5",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					style: { transform: u === "ltr" ? "scaleX(-1)" : void 0 },
 					children: /* @__PURE__ */ c("polyline", { points: "15 18 9 12 15 6" })
 				})
 			})
 		]
 	});
-}, ie = ({ firstDayOfWeek: e = 0, classNames: t, styles: n }) => {
-	let r = [...f.slice(e), ...f.slice(0, e)];
+}, ie = ({ firstDayOfWeek: e = 0, direction: t = "rtl", classNames: n, styles: r }) => {
+	let { theme: i } = V(), a = (Math.trunc(e) % 7 + 7) % 7, o = Array.from({ length: 7 }, (e, t) => {
+		let n = (a + t) % 7;
+		return {
+			dayIndex: n,
+			label: f[n]
+		};
+	});
 	return /* @__PURE__ */ c("div", {
 		role: "row",
-		"aria-label": "روزهای هفته",
-		className: t?.weekdays,
+		dir: t,
+		className: n?.weekdays,
 		style: {
 			display: "grid",
+			width: "var(--pdp-calendar-pane-width, 276px)",
 			gridTemplateColumns: "repeat(7, var(--pdp-cell-size, 36px))",
-			gap: "4px",
-			marginBottom: "6px",
+			gap: "var(--pdp-cell-gap, 4px)",
+			padding: "6px 0 4px",
 			textAlign: "center",
-			...n?.weekdays
+			userSelect: "none",
+			...r?.weekdays
 		},
-		children: r.map((e, r) => /* @__PURE__ */ c("div", {
+		children: o.map(({ dayIndex: e, label: t }) => /* @__PURE__ */ c("span", {
 			role: "columnheader",
-			className: t?.weekdayCell,
+			className: n?.weekdayCell,
 			style: {
-				fontSize: "12px",
-				fontWeight: 600,
-				color: "var(--pdp-text-muted, #94a3b8)",
-				userSelect: "none",
-				...n?.weekdayCell
+				display: "inline-flex",
+				width: "var(--pdp-cell-size, 36px)",
+				height: "28px",
+				alignItems: "center",
+				justifyContent: "center",
+				fontSize: "0.78rem",
+				fontWeight: 700,
+				color: e === 6 ? i.colors.holiday : i.colors.textSecondary,
+				...r?.weekdayCell
 			},
-			children: e
-		}, r))
+			children: t
+		}, e))
 	});
-}, ae = (e) => {
-	let { theme: t } = B(), n = e.cell, r = n?.jalali ?? {
+};
+//#endregion
+//#region src/theme/style-utils.ts
+function ae(...e) {
+	return e.filter(Boolean).join(" ") || void 0;
+}
+//#endregion
+//#region src/components/DayCell.tsx
+var oe = (e) => {
+	let { theme: t } = V(), [n, r] = o(!1), i = e.cell, a = i?.jalali ?? {
 		year: 1403,
-		month: 1,
-		day: e.day ?? (n && "day" in n ? n.day : 1)
-	}, i = r.day, a = n?.isCurrentMonth ?? e.isCurrentMonth ?? !0, o = n?.isSelected ?? e.isSelected ?? !1, s = n?.isToday ?? e.isToday ?? !1, l = e.isHoliday ?? (n && "isHoliday" in n ? n.isHoliday : !1), u = n?.isInRange ?? e.isInRange ?? !1, d = n?.isRangeStart ?? e.isRangeStart ?? !1, f = n?.isRangeEnd ?? e.isRangeEnd ?? !1, p = n?.isDisabled ?? e.disabled ?? !1, m = "transparent", h = a ? t.colors.textPrimary : t.colors.textDisabled;
-	u && a && (m = t.colors.rangeBackground, h = t.colors.primary), o || d || f ? (m = t.colors.primary, h = t.colors.primaryText) : l && a && (h = t.colors.holiday);
-	let g = t.radii.md;
-	return d ? g = `${t.radii.md} 0 0 ${t.radii.md}` : f ? g = `0 ${t.radii.md} ${t.radii.md} 0` : u && (g = "0px"), /* @__PURE__ */ c("button", {
+		month: 0,
+		day: e.day ?? 1
+	}, s = i?.isCurrentMonth ?? e.isCurrentMonth ?? !0, d = i?.isSelected ?? e.isSelected ?? !1, f = i?.isToday ?? e.isToday ?? !1, p = e.isHoliday ?? !1, m = i?.isInRange ?? e.isInRange ?? !1, h = i?.isRangeStart ?? e.isRangeStart ?? !1, g = i?.isRangeEnd ?? e.isRangeEnd ?? !1, _ = i?.isDisabled ?? e.disabled ?? !1, v = _ || !s, y = d || h || g, b = e.digitType === "latin" ? String(a.day) : I(a.day), x = e.digitType === "latin" ? String(a.year) : I(a.year), S = "transparent", C = s ? t.colors.textPrimary : t.colors.textDisabled;
+	m && s && (S = t.colors.rangeBackground, C = t.colors.textPrimary), p && s && (C = t.colors.holiday), n && !y && !v && (S = p ? t.colors.holidayBackground : t.colors.backgroundHover), y && (S = t.colors.primary, C = t.colors.primaryText);
+	let w = [
+		`${b} ${u[a.month]} ${x}`,
+		e.holidayTitle,
+		...e.events?.map((e) => e.title) ?? []
+	].filter(Boolean);
+	return /* @__PURE__ */ l("button", {
 		type: "button",
+		role: "gridcell",
+		"aria-label": w.join("، "),
+		"aria-selected": y,
 		tabIndex: e.tabIndex ?? 0,
-		disabled: p || !a,
+		disabled: v,
+		title: w.slice(1).join(" — ") || void 0,
 		onClick: () => {
-			p || !a || (e.onClick && e.onClick(), e.onSelect && e.onSelect(r));
+			v || (e.onClick?.(), e.onSelect?.(a));
 		},
-		onFocus: () => e.onFocus?.(r),
+		onFocus: () => e.onFocus?.(a),
+		className: ae(e.classNames?.dayCell, !s && e.classNames?.outsideMonthCell, f && e.classNames?.todayCell, d && e.classNames?.selectedCell, m && e.classNames?.rangeBetweenCell, h && e.classNames?.rangeStartCell, g && e.classNames?.rangeEndCell, _ && e.classNames?.disabledCell, p && e.classNames?.holidayCell),
 		style: {
-			width: "36px",
-			height: "36px",
-			display: "flex",
+			position: "relative",
+			width: "var(--pdp-cell-size, 36px)",
+			height: "var(--pdp-cell-size, 36px)",
+			padding: 0,
+			border: f && !y ? `1.5px solid ${t.colors.todayBorder}` : "1px solid transparent",
+			borderRadius: t.radii.md,
+			backgroundColor: S,
+			color: C,
+			cursor: v ? "default" : "pointer",
+			display: "inline-flex",
 			alignItems: "center",
 			justifyContent: "center",
-			border: s && !o && !d && !f ? `1.5px solid ${t.colors.todayBorder}` : "none",
-			borderRadius: g,
-			backgroundColor: m,
-			color: h,
-			cursor: p || !a ? "default" : "pointer",
-			fontSize: "0.875rem",
-			fontWeight: o || s || d || f ? 700 : 500,
-			transition: "all 0.15s cubic-bezier(0.4, 0, 0.2, 1)",
-			opacity: a ? 1 : .3,
-			outline: "none",
-			...e.styles?.dayCell
+			fontSize: "0.85rem",
+			fontWeight: y || f ? 700 : 500,
+			lineHeight: 1,
+			opacity: s ? _ ? .5 : 1 : .42,
+			transform: n && !y && !v ? "scale(1.04)" : "scale(1)",
+			transition: "background-color 0.15s ease, color 0.15s ease, transform 0.15s ease",
+			...e.styles?.dayCell,
+			...s ? void 0 : e.styles?.outsideMonthCell,
+			...f ? e.styles?.todayCell : void 0,
+			...m ? e.styles?.rangeBetweenCell : void 0,
+			...d ? e.styles?.selectedCell : void 0,
+			...h ? e.styles?.rangeStartCell : void 0,
+			...g ? e.styles?.rangeEndCell : void 0,
+			..._ ? e.styles?.disabledCell : void 0,
+			...p ? e.styles?.holidayCell : void 0
 		},
-		onMouseEnter: (n) => {
-			e.onHover?.(r), a && !p && !o && !d && !f && (n.currentTarget.style.backgroundColor = l ? t.colors.holidayBackground : t.colors.backgroundHover, n.currentTarget.style.transform = "scale(1.08)");
+		onMouseEnter: () => {
+			r(!0), e.onHover?.(a);
 		},
-		onMouseLeave: (e) => {
-			!o && !d && !f && (e.currentTarget.style.backgroundColor = u ? t.colors.rangeBackground : "transparent", e.currentTarget.style.transform = "scale(1)");
+		onMouseLeave: () => {
+			r(!1), e.onHover?.(null);
 		},
-		children: e.digitType === "latin" ? i : F(i)
+		children: [/* @__PURE__ */ c("span", {
+			"aria-hidden": "true",
+			children: b
+		}), !!e.events?.length && /* @__PURE__ */ c("span", {
+			"aria-hidden": "true",
+			className: e.classNames?.eventBadges,
+			style: {
+				position: "absolute",
+				insetInline: "3px",
+				bottom: "2px",
+				display: "flex",
+				justifyContent: "center",
+				gap: "2px",
+				...e.styles?.eventBadges
+			},
+			children: e.events?.slice(0, 3).map((n) => /* @__PURE__ */ c("span", {
+				className: e.classNames?.eventBadge,
+				style: {
+					width: "4px",
+					height: "4px",
+					borderRadius: "50%",
+					backgroundColor: n.color ?? t.colors.primary,
+					...e.styles?.eventBadge
+				}
+			}, n.id))
+		})]
 	});
-}, oe = ({ currentYear: e, currentMonth: t, onSelectMonth: n, onSelectYear: i }) => {
-	let { theme: o } = B(), s = a(null);
-	return r(() => {
-		s.current && s.current.scrollIntoView({
-			behavior: "smooth",
-			inline: "center",
-			block: "nearest"
-		});
-	}, [e]), /* @__PURE__ */ l("div", {
+}, se = ({ currentYear: e, currentMonth: t, yearRangeCount: n = 100, onSelectMonth: r, onSelectYear: i, classNames: a, styles: s }) => {
+	let [d, f] = o("months"), [p, m] = o(() => Math.floor(e / 12) * 12), h = e - Math.floor(n / 2), g = e + Math.floor(n / 2), _ = (e) => {
+		e.stopPropagation(), m((e) => Math.max(h, e - 12));
+	}, v = (e) => {
+		e.stopPropagation(), m((e) => Math.min(g - 12, e + 12));
+	}, y = Array.from({ length: 12 }, (e, t) => p + t);
+	return /* @__PURE__ */ l("div", {
+		className: a?.calendar,
 		style: {
 			display: "flex",
 			flexDirection: "column",
-			gap: "10px",
-			padding: "12px",
+			gap: "6px",
+			padding: "8px",
 			width: "100%",
-			height: "280px",
+			height: "245px",
 			boxSizing: "border-box",
-			justifyContent: "space-between"
+			justifyContent: "space-between",
+			...s?.calendar
 		},
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ l("div", {
 			style: {
 				display: "flex",
-				gap: "6px",
-				overflowX: "auto",
-				paddingBottom: "4px",
-				scrollbarWidth: "none"
+				alignItems: "center",
+				justifyContent: "space-between",
+				padding: "2px 4px",
+				borderBottom: "1px solid var(--pdp-surface-border, #e2e8f0)",
+				minHeight: "32px"
 			},
-			children: Array.from({ length: 35 }, (t, n) => e - 17 + n).map((t) => {
-				let n = t === e;
-				return /* @__PURE__ */ c("button", {
-					ref: n ? s : void 0,
+			children: [
+				/* @__PURE__ */ c("button", {
 					type: "button",
-					onClick: () => i(t),
+					onClick: _,
 					style: {
-						padding: "6px 12px",
-						borderRadius: o.radii.md,
+						background: "transparent",
 						border: "none",
-						background: n ? o.colors.primary : "transparent",
-						color: n ? o.colors.primaryText : o.colors.textPrimary,
 						cursor: "pointer",
-						fontWeight: n ? 700 : 500,
-						fontSize: "0.85rem",
-						whiteSpace: "nowrap",
-						transition: "all 0.15s ease",
-						flexShrink: 0
+						padding: "4px 8px",
+						borderRadius: "6px",
+						color: "var(--pdp-text-primary, #0f172a)",
+						fontSize: "14px",
+						fontWeight: 700
 					},
-					onMouseEnter: (e) => {
-						n || (e.currentTarget.style.backgroundColor = o.colors.backgroundHover);
+					"aria-label": "Previous Years",
+					children: "❯"
+				}),
+				/* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: () => f((e) => e === "months" ? "years" : "months"),
+					style: {
+						background: "var(--pdp-surface-subtle, #f1f5f9)",
+						border: "1px solid var(--pdp-surface-border, #e2e8f0)",
+						borderRadius: "6px",
+						padding: "4px 10px",
+						cursor: "pointer",
+						fontSize: "0.8rem",
+						fontWeight: 700,
+						color: "var(--pdp-text-primary, #0f172a)",
+						display: "flex",
+						alignItems: "center",
+						gap: "4px"
 					},
-					onMouseLeave: (e) => {
-						n || (e.currentTarget.style.backgroundColor = "transparent");
+					children: [/* @__PURE__ */ c("span", { children: d === "months" ? I(e) : `${I(p)} - ${I(p + 12 - 1)}` }), /* @__PURE__ */ c("span", {
+						style: {
+							fontSize: "10px",
+							opacity: .6
+						},
+						children: d === "months" ? "▼" : "▲"
+					})]
+				}),
+				/* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: v,
+					style: {
+						background: "transparent",
+						border: "none",
+						cursor: "pointer",
+						padding: "4px 8px",
+						borderRadius: "6px",
+						color: "var(--pdp-text-primary, #0f172a)",
+						fontSize: "14px",
+						fontWeight: 700
 					},
-					children: F(t)
-				}, t);
-			})
+					"aria-label": "Next Years",
+					children: "❮"
+				})
+			]
 		}), /* @__PURE__ */ c("div", {
 			style: {
 				display: "grid",
 				gridTemplateColumns: "repeat(3, 1fr)",
 				gridTemplateRows: "repeat(4, 1fr)",
-				gap: "8px",
+				gap: "6px",
 				flex: 1
 			},
-			children: u.map((e, r) => {
-				let i = r + 1 === t;
+			children: d === "months" ? u.map((e, n) => {
+				let i = n === t;
 				return /* @__PURE__ */ c("button", {
 					type: "button",
-					onClick: () => n(r + 1),
+					onClick: () => r(n),
 					style: {
-						borderRadius: o.radii.md,
+						borderRadius: "8px",
 						border: "none",
-						background: i ? o.colors.primary : o.colors.surface,
-						color: i ? o.colors.primaryText : o.colors.textPrimary,
+						background: i ? "var(--pdp-primary, #4f46e5)" : "var(--pdp-surface-subtle, #f1f5f9)",
+						color: i ? "#ffffff" : "var(--pdp-text-primary, #0f172a)",
 						cursor: "pointer",
 						fontWeight: i ? 700 : 500,
-						fontSize: "0.85rem",
+						fontSize: "12px",
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "center",
 						transition: "all 0.15s ease"
 					},
-					onMouseEnter: (e) => {
-						i || (e.currentTarget.style.backgroundColor = o.colors.backgroundHover, e.currentTarget.style.transform = "translateY(-1px)");
-					},
-					onMouseLeave: (e) => {
-						i || (e.currentTarget.style.backgroundColor = o.colors.surface, e.currentTarget.style.transform = "translateY(0)");
-					},
 					children: e
 				}, e);
+			}) : y.map((t) => {
+				let n = t === e;
+				return /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: () => {
+						i(t), f("months");
+					},
+					style: {
+						borderRadius: "8px",
+						border: "none",
+						background: n ? "var(--pdp-primary, #4f46e5)" : "var(--pdp-surface-subtle, #f1f5f9)",
+						color: n ? "#ffffff" : "var(--pdp-text-primary, #0f172a)",
+						cursor: "pointer",
+						fontWeight: n ? 700 : 500,
+						fontSize: "12px",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						transition: "all 0.15s ease"
+					},
+					children: I(t)
+				}, t);
 			})
 		})]
 	});
-}, se = ({ onTodayClick: e, onClearClick: t, showClear: n = !0 }) => {
-	let { theme: r } = B(), i = {
-		padding: "6px 14px",
-		borderRadius: r.radii.md,
-		border: `1px solid ${r.colors.border}`,
-		background: "transparent",
-		color: r.colors.textPrimary,
-		fontSize: "0.8rem",
-		fontWeight: 600,
+};
+//#endregion
+//#region src/plugins/time-picker/time-utils.ts
+function H(e, t = "persian") {
+	let n = e < 10 ? `0${e}` : `${e}`;
+	return t === "persian" ? I(n) : n;
+}
+function ce() {
+	let e = /* @__PURE__ */ new Date();
+	return {
+		hour: e.getHours(),
+		minute: e.getMinutes(),
+		second: e.getSeconds()
+	};
+}
+function le(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 ue(e, t = !1, n = "persian") {
+	if (!e) return "";
+	let r = H(e.hour, n), i = H(e.minute, n);
+	return t && e.second !== void 0 ? `${r}:${i}:${H(e.second, n)}` : `${r}:${i}`;
+}
+//#endregion
+//#region src/components/footer/CalendarFooter.tsx
+var de = ({ selectedDate: e, selectedRange: t, selectedDates: n, selectedTime: r, showSeconds: i = !1, mode: a = "single", digitType: o = "persian", showStatusText: s = !0, showActions: u = !0, onToday: d, onClear: f, onConfirm: p, direction: m = "rtl", classNames: h, styles: g }) => {
+	let { theme: _ } = V(), v = (() => {
+		if (a === "single") {
+			if (!e) return "تاریخی انتخاب نشده";
+			let t = R(e, "YYYY/MM/DD", { digitType: o }), n = r ? ue(r, i, o) : "";
+			return n ? `${t}، ${n}` : t;
+		}
+		if (a === "range") {
+			let [e, n] = t ?? [null, null];
+			if (!e) return "بازه‌ای انتخاب نشده";
+			let r = R(e, "YYYY/MM/DD", { digitType: o });
+			return n ? `${r} تا ${R(n, "YYYY/MM/DD", { digitType: o })}` : `${r} تا …`;
+		}
+		let s = n?.length ?? 0, c = o === "persian" ? I(s) : String(s);
+		return s ? `${c} تاریخ انتخاب شده` : "تاریخی انتخاب نشده";
+	})(), y = {
+		minHeight: "34px",
+		padding: "5px 12px",
+		borderRadius: _.radii.sm,
+		border: `1px solid ${_.colors.border}`,
+		backgroundColor: _.colors.background,
+		color: _.colors.textSecondary,
 		cursor: "pointer",
-		transition: "all 0.15s ease"
+		fontFamily: "inherit",
+		fontSize: "0.78rem",
+		fontWeight: 600
 	};
 	return /* @__PURE__ */ l("div", {
+		dir: m,
+		className: h?.footer,
 		style: {
 			display: "flex",
 			alignItems: "center",
-			justifyContent: "space-between",
-			padding: "10px 12px",
-			borderTop: `1px solid ${r.colors.border}`,
-			marginTop: "6px"
+			justifyContent: s ? "space-between" : "flex-end",
+			flexWrap: "wrap",
+			gap: "8px",
+			padding: "10px 0 0",
+			borderTop: `1px solid ${_.colors.border}`,
+			color: _.colors.textPrimary,
+			...g?.footer
 		},
-		children: [e && /* @__PURE__ */ c("button", {
-			type: "button",
-			onClick: e,
+		children: [s && /* @__PURE__ */ c("span", {
+			className: h?.footerStatus,
 			style: {
-				...i,
-				borderColor: r.colors.primary,
-				color: r.colors.primary
-			},
-			onMouseEnter: (e) => {
-				e.currentTarget.style.backgroundColor = r.colors.backgroundHover;
-			},
-			onMouseLeave: (e) => {
-				e.currentTarget.style.backgroundColor = "transparent";
-			},
-			children: "برو به امروز"
-		}), n && t && /* @__PURE__ */ c("button", {
-			type: "button",
-			onClick: t,
-			style: i,
-			onMouseEnter: (e) => {
-				e.currentTarget.style.backgroundColor = r.colors.backgroundHover, e.currentTarget.style.color = r.colors.holiday;
+				color: _.colors.textSecondary,
+				fontSize: "0.78rem",
+				lineHeight: 1.5,
+				...g?.footerStatus
 			},
-			onMouseLeave: (e) => {
-				e.currentTarget.style.backgroundColor = "transparent", e.currentTarget.style.color = r.colors.textPrimary;
+			children: v
+		}), u && /* @__PURE__ */ l("div", {
+			className: h?.footerActions,
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				flexWrap: "wrap",
+				gap: "6px",
+				...g?.footerActions
 			},
-			children: "پاک کردن"
+			children: [
+				d && /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: d,
+					className: h?.todayButton,
+					style: {
+						...y,
+						color: _.colors.primary,
+						...g?.todayButton
+					},
+					children: "امروز"
+				}),
+				f && /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: f,
+					className: h?.clearButton,
+					style: {
+						...y,
+						...g?.clearButton
+					},
+					children: "پاک کردن"
+				}),
+				p && /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: p,
+					className: h?.confirmButton,
+					style: {
+						...y,
+						borderColor: _.colors.primary,
+						backgroundColor: _.colors.primary,
+						color: _.colors.primaryText,
+						...g?.confirmButton
+					},
+					children: "تأیید"
+				})
+			]
 		})]
 	});
-}, ce = ({ value: e, hours: t, minutes: n, seconds: r, hour: i = e?.hour ?? t ?? 0, minute: a = e?.minute ?? n ?? 0, second: o = e?.second ?? r ?? 0, minuteStep: u = 1, hourStep: d = 1, showSeconds: f = !1, onChange: p }) => {
-	let { theme: m } = B(), h = (e) => {
-		p({
+}, fe = ({ value: e, hours: t, minutes: n, seconds: r, minuteStep: i = 1, hourStep: a = 1, showSeconds: o = !1, classNames: u, styles: d, onChange: f }) => {
+	let p = e?.hour ?? t ?? 0, m = e?.minute ?? n ?? 0, h = e?.second ?? r ?? 0, g = (e) => {
+		f({
 			hour: parseInt(e.target.value, 10),
-			minute: a,
-			second: o
+			minute: m,
+			second: h
 		});
-	}, g = (e) => {
-		p({
-			hour: i,
+	}, _ = (e) => {
+		f({
+			hour: p,
 			minute: parseInt(e.target.value, 10),
-			second: o
+			second: h
 		});
-	}, _ = (e) => {
-		p({
-			hour: i,
-			minute: a,
+	}, v = (e) => {
+		f({
+			hour: p,
+			minute: m,
 			second: parseInt(e.target.value, 10)
 		});
-	}, v = {
-		background: m.colors.surface,
-		color: m.colors.textPrimary,
-		border: `1px solid ${m.colors.border}`,
-		borderRadius: m.radii.sm,
+	}, y = {
+		background: "var(--pdp-surface-subtle, #f8fafc)",
+		color: "var(--pdp-text-primary, #0f172a)",
+		border: "1px solid var(--pdp-surface-border, #e2e8f0)",
+		borderRadius: "6px",
 		padding: "4px 6px",
-		fontSize: "0.85rem",
+		fontSize: "12px",
 		fontWeight: 600,
 		outline: "none",
 		cursor: "pointer",
 		direction: "ltr"
 	};
 	return /* @__PURE__ */ l("div", {
+		className: u?.timePicker,
 		style: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
 			gap: "6px",
 			padding: "8px 12px",
-			borderTop: `1px solid ${m.colors.border}`,
-			direction: "ltr"
+			borderTop: "1px solid var(--pdp-surface-border, #e2e8f0)",
+			direction: "ltr",
+			color: "var(--pdp-text-primary, #0f172a)",
+			...d?.timePicker
 		},
 		children: [
 			/* @__PURE__ */ c("span", {
 				style: {
-					fontSize: "0.8rem",
-					color: m.colors.textSecondary,
-					marginRight: "4px"
+					fontSize: "12px",
+					color: "var(--pdp-text-muted, #64748b)",
+					marginRight: "4px",
+					fontWeight: 500
 				},
-				children: "زمان:"
+				children: "Time:"
 			}),
 			/* @__PURE__ */ c("select", {
-				value: i,
-				onChange: h,
-				style: v,
-				children: Array.from({ length: Math.ceil(24 / d) }, (e, t) => t * d).map((e) => /* @__PURE__ */ c("option", {
+				value: p,
+				onChange: g,
+				style: y,
+				"aria-label": "Select Hour",
+				children: Array.from({ length: Math.ceil(24 / a) }, (e, t) => t * a).map((e) => /* @__PURE__ */ c("option", {
 					value: e,
 					children: String(e).padStart(2, "0")
 				}, e))
 			}),
 			/* @__PURE__ */ c("span", {
 				style: {
-					color: m.colors.textSecondary,
+					color: "var(--pdp-text-muted, #64748b)",
 					fontWeight: 700
 				},
 				children: ":"
 			}),
 			/* @__PURE__ */ c("select", {
-				value: a,
-				onChange: g,
-				style: v,
-				children: Array.from({ length: Math.ceil(60 / u) }, (e, t) => t * u).map((e) => /* @__PURE__ */ c("option", {
+				value: m,
+				onChange: _,
+				style: y,
+				"aria-label": "Select Minute",
+				children: Array.from({ length: Math.ceil(60 / i) }, (e, t) => t * i).map((e) => /* @__PURE__ */ c("option", {
 					value: e,
 					children: String(e).padStart(2, "0")
 				}, e))
 			}),
-			f && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+			o && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 				style: {
-					color: m.colors.textSecondary,
+					color: "var(--pdp-text-muted, #64748b)",
 					fontWeight: 700
 				},
 				children: ":"
 			}), /* @__PURE__ */ c("select", {
-				value: o,
-				onChange: _,
-				style: v,
+				value: h,
+				onChange: v,
+				style: y,
+				"aria-label": "Select Second",
 				children: Array.from({ length: 60 }, (e, t) => /* @__PURE__ */ c("option", {
 					value: t,
 					children: String(t).padStart(2, "0")
@@ -979,39 +1182,13 @@ var R = {
 	});
 };
 //#endregion
-//#region src/plugins/time-picker/time-utils.ts
-function H(e, t = "persian") {
-	let n = e < 10 ? `0${e}` : `${e}`;
-	return t === "persian" ? F(n) : n;
-}
-function U() {
-	let e = /* @__PURE__ */ new Date();
-	return {
-		hour: e.getHours(),
-		minute: e.getMinutes(),
-		second: e.getSeconds()
-	};
-}
-function le(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 ue(e, t = !1, n = "persian") {
-	if (!e) return "";
-	let r = H(e.hour, n), i = H(e.minute, n);
-	return t && e.second !== void 0 ? `${r}:${i}:${H(e.second, n)}` : `${r}:${i}`;
-}
-//#endregion
 //#region src/components/masked-input/mask-utils.ts
-function W(e, t = "persian") {
-	let n = I(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" ? F(r) : r;
+function U(e, t = "persian") {
+	let n = L(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" ? I(r) : r;
 }
-function de(e, t, n, r) {
-	let i = I(e).trim();
+function W(e, t, n, r) {
+	let i = L(e).trim();
 	if (!i) return {
 		isValid: !0,
 		date: null
@@ -1058,73 +1235,77 @@ function de(e, t, n, r) {
 }
 //#endregion
 //#region src/components/masked-input/MaskedDateInput.tsx
-var fe = ({ value: e, defaultValue: n = null, onChange: i, onValidationError: s, digitType: u = "persian", minDate: d, maxDate: f, isDateDisabled: p, clearable: m = !0, placeholder: h = "۱۴۰۵/۰۱/۱۵", disabled: g = !1, style: _, ...v }) => {
-	let [y, b] = o(n), x = e === void 0 ? y : e, [S, C] = o(() => x ? L(x, "YYYY/MM/DD", { digitType: u }) : ""), [w, T] = o(!1), E = a(null);
+var pe = ({ value: e, defaultValue: n = null, onChange: i, onValidationError: s, digitType: u = "persian", minDate: d, maxDate: f, isDateDisabled: p, clearable: m = !0, placeholder: h = "۱۴۰۵/۰۱/۱۵", disabled: g = !1, direction: _ = "rtl", wrapperClassName: v, wrapperStyle: y, clearButtonClassName: b, clearButtonStyle: x, style: S, ...C }) => {
+	let { theme: w } = V(), [T, E] = o(n), D = e === void 0 ? T : e, [O, k] = o(() => D ? R(D, "YYYY/MM/DD", { digitType: u }) : ""), [A, j] = o(!1), M = a(null);
 	r(() => {
-		e !== void 0 && (C(e ? L(e, "YYYY/MM/DD", { digitType: u }) : ""), T(!1));
+		e !== void 0 && (k(e ? R(e, "YYYY/MM/DD", { digitType: u }) : ""), j(!1));
 	}, [e, u]);
-	let D = (t) => {
-		let n = t.target.value, r = W(n, u);
-		if (C(r), r.length === 10 || r.length === 0) {
-			let t = de(r, d, f, p);
-			t.isValid ? (T(!1), s?.(null), e === void 0 && b(t.date), i?.(t.date)) : (T(!0), s?.(t.error));
-		} else T(!1), s?.(null);
-	}, O = t(() => {
-		C(""), T(!1), s?.(null), e === void 0 && b(null), i?.(null), E.current?.focus();
+	let N = (t) => {
+		let n = t.target.value, r = U(n, u);
+		if (k(r), r.length === 10 || r.length === 0) {
+			let t = W(r, d, f, p);
+			t.isValid ? (j(!1), s?.(null), e === void 0 && E(t.date), i?.(t.date)) : (j(!0), s?.(t.error));
+		} else j(!1), s?.(null);
+	}, P = t(() => {
+		k(""), j(!1), s?.(null), e === void 0 && E(null), i?.(null), M.current?.focus();
 	}, [
 		e,
 		i,
 		s
 	]);
 	return /* @__PURE__ */ l("div", {
+		dir: _,
+		className: v,
 		style: {
 			position: "relative",
 			display: "inline-flex",
 			alignItems: "center",
-			direction: "rtl"
+			...y
 		},
 		children: [/* @__PURE__ */ c("input", {
-			ref: E,
+			ref: M,
 			type: "text",
 			inputMode: "numeric",
 			disabled: g,
 			placeholder: u === "persian" ? h : "1405/01/15",
-			value: S,
-			onChange: D,
+			value: O,
+			onChange: N,
 			style: {
 				width: "180px",
 				padding: "8px 12px",
-				paddingLeft: m && S ? "32px" : "12px",
-				borderRadius: "var(--pdp-border-radius, 8px)",
-				border: `1px solid ${w ? "#ef4444" : "var(--pdp-surface-border, #e2e8f0)"}`,
-				backgroundColor: "var(--pdp-surface-bg, #ffffff)",
-				color: "var(--pdp-text-primary, #0f172a)",
+				paddingInlineEnd: m && O ? "32px" : "12px",
+				borderRadius: w.radii.sm,
+				border: `1px solid ${A ? w.colors.holiday : w.colors.border}`,
+				backgroundColor: w.colors.background,
+				color: w.colors.textPrimary,
 				fontSize: "14px",
 				fontFamily: "inherit",
-				outline: "none",
+				outlineColor: w.colors.primary,
 				textAlign: "center",
 				letterSpacing: "1px",
 				transition: "border-color 0.15s ease",
-				..._
+				...S
 			},
-			...v
-		}), m && S && !g && /* @__PURE__ */ c("button", {
+			...C
+		}), m && O && !g && /* @__PURE__ */ c("button", {
 			type: "button",
 			"aria-label": "پاک کردن",
-			onClick: O,
+			onClick: P,
+			className: b,
 			style: {
 				position: "absolute",
-				left: "8px",
+				insetInlineEnd: "8px",
 				background: "none",
 				border: "none",
 				cursor: "pointer",
-				color: "var(--pdp-text-muted, #94a3b8)",
+				color: w.colors.textSecondary,
 				fontSize: "14px",
 				lineHeight: 1,
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "center",
-				padding: "2px"
+				padding: "2px",
+				...x
 			},
 			children: "✕"
 		})]
@@ -1132,12 +1313,12 @@ var fe = ({ value: e, defaultValue: n = null, onChange: i, onValidationError: s,
 };
 //#endregion
 //#region src/events/event-utils.ts
-function pe(e, t) {
+function me(e, t) {
 	return !t || t.length === 0 ? [] : t.filter((t) => y(t.date, e));
 }
 //#endregion
 //#region src/holidays/iran-holidays.ts
-var G = {
+var he = {
 	"0-1": "جشن نوروز / سال نو",
 	"0-2": "عید نوروز",
 	"0-3": "عید نوروز",
@@ -1149,10 +1330,10 @@ var G = {
 	"10-22": "پیروزی انقلاب اسلامی",
 	"11-29": "روز ملی شدن صنعت نفت"
 };
-function K(e) {
+function ge(e) {
 	return _(e.year, e.month, e.day).getDay() === 5;
 }
-function me(e, t) {
+function _e(e, t) {
 	if (t && t.length > 0) {
 		let n = t.find((t) => t.date.year === e.year && t.date.month === e.month && t.date.day === e.day);
 		if (n) return {
@@ -1162,11 +1343,11 @@ function me(e, t) {
 		};
 	}
 	let n = `${e.month}-${e.day}`;
-	return G[n] ? {
-		title: G[n],
+	return he[n] ? {
+		title: he[n],
 		type: "solar",
 		isOff: !0
-	} : K(e) ? {
+	} : ge(e) ? {
 		title: "جمعه (تعطیل پایان هفته)",
 		type: "solar",
 		isOff: !0
@@ -1174,8 +1355,27 @@ function me(e, t) {
 }
 //#endregion
 //#region src/components/JalaliDatePicker.tsx
-function he({ mode: e = "single", value: n, defaultValue: d, onChange: f, minDate: p, maxDate: m, isDateDisabled: h, firstDayOfWeek: g = 0, variant: _ = "inline", placeholder: v = "انتخاب تاریخ...", digitType: b = "persian", className: w, style: T, classNames: E, styles: D, showFooter: k = !1, showStatusText: A = !0, showActions: M = !0, onConfirm: ee, enableTime: N = !1, timeValue: P, defaultTimeValue: I, onTimeChange: R, minuteStep: z = 1, hourStep: ne = 1, showSeconds: B = !1, numberOfMonths: V = 1, useMaskedInput: H = !1, events: le, showHolidays: W = !1, customHolidays: de }) {
-	let [G, K] = o(_ === "inline"), [he, ge] = o(!1), _e = a(null), q = _ === "modal", ve = i(() => {
+function ve(e) {
+	if (e instanceof Date && !Number.isNaN(e.getTime())) return e;
+	if (Array.isArray(e)) {
+		for (let t of e) if (t instanceof Date && !Number.isNaN(t.getTime())) return t;
+	}
+}
+function ye(e) {
+	if (!(!e || Number.isNaN(e.getTime()))) return {
+		hour: e.getHours(),
+		minute: e.getMinutes(),
+		second: e.getSeconds()
+	};
+}
+function be({ mode: e = "single", value: n, defaultValue: d, onChange: f, minDate: p, maxDate: m, isDateDisabled: h, firstDayOfWeek: g = 0, initialViewDate: _, direction: v = "rtl", variant: b = "inline", placeholder: w = "انتخاب تاریخ...", digitType: T = "persian", className: E, style: D, classNames: k, styles: A, showFooter: M = !1, showStatusText: N = !0, showActions: F = !0, onConfirm: ee, enableTime: L = !1, timeValue: z, defaultTimeValue: te, onTimeChange: B, minuteStep: ne = 1, hourStep: H = 1, secondStep: le = 1, showSeconds: U = !1, numberOfMonths: W = 1, useMaskedInput: he = !1, events: ge, showHolidays: be = !1, customHolidays: xe, closeOnOutsideClick: Se = !0, closeOnEscape: Ce = !0, onOpenChange: we }) {
+	let { theme: G } = V(), [K, Te] = o(b === "inline"), Ee = a(b === "inline"), [De, Oe] = o(!1), ke = a(null), Ae = a(we), q = b === "modal";
+	r(() => {
+		Ae.current = we;
+	}, [we]);
+	let J = t((e) => {
+		Ee.current !== e && (Ee.current = e, Te(e), Ae.current?.(e));
+	}, []), je = i(() => {
 		if (n !== void 0) {
 			if (!n) return null;
 			if (n instanceof Date) return S(n);
@@ -1188,7 +1388,7 @@ function he({ mode: e = "single", value: n, defaultValue: d, onChange: f, minDat
 			}
 			return null;
 		}
-	}, [n, e]), ye = i(() => {
+	}, [n, e]), Me = i(() => {
 		if (d !== void 0) {
 			if (!d) return null;
 			if (d instanceof Date) return S(d);
@@ -1201,71 +1401,108 @@ function he({ mode: e = "single", value: n, defaultValue: d, onChange: f, minDat
 			}
 			return null;
 		}
-	}, [d, e]), be = i(() => p ? S(p) : void 0, [p]), xe = i(() => m ? S(m) : void 0, [m]), [Se, Ce] = o(() => I ?? U()), J = P === void 0 ? Se : P ?? U(), we = t((e) => {
-		P === void 0 && Ce(e), R?.(e);
-	}, [P, R]), Te = t((t) => {
+	}, [d, e]), Ne = i(() => p ? S(p) : void 0, [p]), Pe = i(() => m ? S(m) : void 0, [m]), Fe = i(() => {
+		if (_) return _ instanceof Date ? S(_) : _;
+		let e = ve(n) ?? ve(d);
+		return e ? S(e) : void 0;
+	}, [
+		d,
+		_,
+		n
+	]), Ie = i(() => ye(ve(n)), [n]), [Le, Re] = o(() => te ?? ye(ve(d)) ?? ce()), Y = z === null ? {
+		hour: 0,
+		minute: 0,
+		second: 0
+	} : z ?? Ie ?? Le, ze = t((e) => h ? h(C(e)) : !1, [h]), Be = t((t, n = Y) => {
 		if (!t) return null;
-		let n = N ? J.hour : 0, r = N ? J.minute : 0, i = N && B ? J.second ?? 0 : 0;
-		if (e === "single" && !Array.isArray(t)) return C(t, n, r, i);
+		let r = L ? n.hour : 0, i = L ? n.minute : 0, a = L && U ? n.second ?? 0 : 0;
+		if (e === "single" && !Array.isArray(t)) return C(t, r, i, a);
 		if (e === "range" && Array.isArray(t)) {
 			let [e, n] = t;
-			return [e ? C(e, 0, 0, 0) : null, n ? C(n, 23, 59, 59) : null];
+			return [e ? C(e, r, i, a) : null, n ? C(n, L ? r : 23, L ? i : 59, L ? a : 59) : null];
 		}
-		return e === "multiple" && Array.isArray(t) ? t.map((e) => C(e, n, r, i)) : null;
+		return e === "multiple" && Array.isArray(t) ? t.map((e) => C(e, r, i, a)) : null;
 	}, [
 		e,
-		N,
-		J,
-		B
-	]), { selected: Y, viewYear: X, viewMonth: Z, grid: Ee, goToPrevMonth: De, goToNextMonth: Oe, setView: Q, goToToday: ke, selectDate: Ae, setHoverDate: je, hoverDate: Me, clear: Ne } = j({
+		L,
+		Y,
+		U
+	]), { selected: X, viewYear: Z, viewMonth: Q, grid: Ve, goToPrevMonth: He, goToNextMonth: Ue, setView: We, goToToday: Ge, selectDate: Ke, setHoverDate: qe, hoverDate: Je, clear: Ye } = j({
 		mode: e,
-		value: ve,
-		defaultValue: ye,
-		minDate: be,
-		maxDate: xe,
+		value: je,
+		defaultValue: Me,
+		initialViewDate: Fe,
+		minDate: Ne,
+		maxDate: Pe,
 		firstDayOfWeek: g,
-		isDateDisabled: h ? (e) => h(C(e)) : void 0,
+		isDateDisabled: h ? ze : void 0,
 		onChange: (e) => {
-			f?.(Te(e));
+			f?.(Be(e));
 		}
-	}), Pe = e === "single" ? Y : null, Fe = (t) => {
-		Ae(t), _ === "popover" && e === "single" && !N && K(!1);
-	}, { handleKeyDown: Ie, getCellTabIndex: Le, setFocusedDate: Re } = te({
-		viewYear: X,
-		viewMonth: Z,
-		selectedDate: Pe,
-		onSelectDate: Fe,
-		onViewChange: Q,
-		isRtl: !0
+	}), Xe = t((e) => {
+		z === void 0 && Re(e), B?.(e), (Array.isArray(X) ? X.some(Boolean) : X) && f?.(Be(X, e));
+	}, [
+		z,
+		B,
+		X,
+		f,
+		Be
+	]), Ze = e === "single" ? X : null, Qe = (t) => {
+		Ke(t), b === "popover" && e === "single" && !L && J(!1);
+	}, { handleKeyDown: $e, getCellTabIndex: et, setFocusedDate: tt } = P({
+		viewYear: Z,
+		viewMonth: Q,
+		selectedDate: Ze,
+		onSelectDate: Qe,
+		onViewChange: We,
+		isRtl: v === "rtl"
 	});
 	r(() => {
-		if (!q || !G) return;
-		let e = document.body.style.overflow;
-		document.body.style.overflow = "hidden";
-		let t = (e) => {
-			e.key === "Escape" && K(!1);
+		J(b === "inline");
+	}, [b, J]), r(() => {
+		if (!K || b === "inline") return;
+		let e = (e) => {
+			if (!Se || q) return;
+			let t = e.target;
+			t instanceof Node && !ke.current?.contains(t) && J(!1);
+		}, t = (e) => {
+			!Ce || e.key !== "Escape" || (J(!1), ke.current?.querySelector("input")?.focus());
+		};
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-		return window.addEventListener("keydown", t), () => {
-			document.body.style.overflow = e, window.removeEventListener("keydown", t);
+	}, [
+		Ce,
+		Se,
+		q,
+		K,
+		J,
+		b
+	]), r(() => {
+		if (!q || !K) return;
+		let e = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = e;
 		};
-	}, [q, G]);
-	let $ = i(() => Z === 11 ? {
-		year: X + 1,
+	}, [q, K]);
+	let $ = i(() => Q === 11 ? {
+		year: Z + 1,
 		month: 0
 	} : {
-		year: X,
-		month: Z + 1
-	}, [X, Z]), ze = i(() => {
-		if (V !== 2) return [];
+		year: Z,
+		month: Q + 1
+	}, [Z, Q]), nt = i(() => {
+		if (W !== 2) return [];
 		let t = x({
 			year: $.year,
 			month: $.month,
 			firstDayOfWeek: g,
-			minDate: be,
-			maxDate: xe
+			minDate: Ne,
+			maxDate: Pe,
+			isDateDisabled: h ? ze : void 0
 		});
 		if (e !== "range") return t;
-		let [n, r] = Y || [null, null], i = r ?? (n && Me ? Me : null);
+		let [n, r] = X || [null, null], i = r ?? (n && Je ? Je : null);
 		return t.map((e) => {
 			let t = n ? y(e.jalali, n) : !1, r = i ? y(e.jalali, i) : !1, a = !1;
 			return n && i && (a = O(e.jalali, n, i)), {
@@ -1277,276 +1514,343 @@ function he({ mode: e = "single", value: n, defaultValue: d, onChange: f, minDat
 			};
 		});
 	}, [
-		V,
+		W,
 		$,
 		g,
-		be,
-		xe,
+		Ne,
+		Pe,
+		ze,
+		h,
 		e,
-		Y,
-		Me
-	]), Be = i(() => {
-		if (!Y) return "";
+		X,
+		Je
+	]), rt = i(() => {
+		if (!X) return "";
 		if (e === "single") {
-			let e = L(Y, "YYYY/MM/DD", { digitType: b });
-			return N && J ? `${e} ${ue(J, B, b)}` : e;
+			let e = R(X, "YYYY/MM/DD", { digitType: T });
+			return L && Y ? `${e} ${ue(Y, U, T)}` : e;
 		}
 		if (e === "range") {
-			let [e, t] = Y || [null, null];
-			if (e && t) return `${L(e, "YYYY/MM/DD", { digitType: b })} - ${L(t, "YYYY/MM/DD", { digitType: b })}`;
-			if (e) return L(e, "YYYY/MM/DD", { digitType: b });
+			let [e, t] = X || [null, null], n = L ? ` ${ue(Y, U, T)}` : "";
+			if (e && t) return `${R(e, "YYYY/MM/DD", { digitType: T })}${n} - ${R(t, "YYYY/MM/DD", { digitType: T })}${n}`;
+			if (e) return `${R(e, "YYYY/MM/DD", { digitType: T })}${n}`;
+		}
+		if (e === "multiple") {
+			let e = X.length;
+			if (e > 0) return `${T === "persian" ? I(e) : String(e)} تاریخ انتخاب شده`;
 		}
 		return "";
 	}, [
-		Y,
+		X,
 		e,
-		b,
-		N,
-		J,
-		B
-	]), Ve = (e, t, n, r = !0, i = !0) => /* @__PURE__ */ l("div", {
-		style: { minWidth: "270px" },
+		T,
+		L,
+		Y,
+		U
+	]), it = (e, t, n, r = !0, i = !0) => /* @__PURE__ */ l("div", {
+		dir: v,
+		className: k?.calendarPane,
+		style: {
+			width: "var(--pdp-calendar-pane-width, 276px)",
+			minWidth: "var(--pdp-calendar-pane-width, 276px)",
+			...A?.calendarPane
+		},
 		children: [
 			/* @__PURE__ */ c(re, {
 				year: e,
 				monthName: u[t],
-				onPrevMonth: r ? De : () => {},
-				onNextMonth: i ? Oe : () => {},
-				onTitleClick: () => ge((e) => !e),
-				isPickerOpen: he
+				onPrevMonth: r ? He : () => {},
+				onNextMonth: i ? Ue : () => {},
+				onTitleClick: () => Oe((e) => !e),
+				isPickerOpen: De,
+				digitType: T,
+				direction: v,
+				classNames: k,
+				styles: A
 			}),
 			/* @__PURE__ */ c(ie, {
 				firstDayOfWeek: g,
-				classNames: E,
-				styles: D
+				direction: v,
+				classNames: k,
+				styles: A
 			}),
 			/* @__PURE__ */ c("div", {
 				role: "grid",
-				"aria-label": `${u[t]} ${F(e)}`,
-				className: E?.grid,
+				"aria-label": `${u[t]} ${T === "persian" ? I(e) : e}`,
+				dir: v,
+				className: k?.grid,
 				style: {
 					display: "grid",
+					width: "var(--pdp-calendar-pane-width, 276px)",
 					gridTemplateColumns: "repeat(7, var(--pdp-cell-size, 36px))",
-					gap: "4px",
-					...D?.grid
+					gap: "var(--pdp-cell-gap, 4px)",
+					...A?.grid
 				},
-				children: n.map((e, t) => {
-					let n = W ? me(e.jalali, de) : null, r = pe(e.jalali, le);
-					return /* @__PURE__ */ c(ae, {
+				children: n.map((e) => {
+					let t = be ? _e(e.jalali, xe) : null, n = me(e.jalali, ge);
+					return /* @__PURE__ */ c(oe, {
 						cell: e,
-						digitType: b,
-						isHoliday: !!n,
-						holidayTitle: n?.title,
-						events: r,
-						classNames: E,
-						styles: D,
-						tabIndex: Le(e.jalali),
-						onSelect: Fe,
-						onHover: je,
-						onFocus: Re
-					}, t);
+						digitType: T,
+						isHoliday: !!t,
+						holidayTitle: t?.title,
+						events: n,
+						classNames: k,
+						styles: A,
+						tabIndex: et(e.jalali),
+						onSelect: Qe,
+						onHover: qe,
+						onFocus: tt
+					}, `${e.jalali.year}-${e.jalali.month}-${e.jalali.day}`);
 				})
 			})
 		]
-	}), He = /* @__PURE__ */ l("div", {
-		role: q ? "dialog" : "region",
+	}), at = /* @__PURE__ */ l("div", {
+		role: b === "inline" ? "region" : "dialog",
 		"aria-modal": q ? !0 : void 0,
 		"aria-label": "تقویم شمسی",
-		onKeyDown: Ie,
+		dir: v,
+		onKeyDown: $e,
 		onClick: (e) => q && e.stopPropagation(),
-		className: E?.calendar,
+		className: k?.calendar,
 		style: {
-			position: _ === "popover" ? "absolute" : q ? "relative" : "static",
-			top: _ === "popover" ? "calc(100% + 4px)" : void 0,
-			right: _ === "popover" ? 0 : void 0,
+			position: b === "popover" ? "absolute" : q ? "relative" : "static",
+			top: b === "popover" ? "calc(100% + 4px)" : void 0,
+			right: b === "popover" && v === "rtl" ? 0 : void 0,
+			left: b === "popover" && v === "ltr" ? 0 : void 0,
 			zIndex: q ? 1001 : 50,
 			padding: "16px",
-			backgroundColor: "var(--pdp-surface-bg, #ffffff)",
-			borderRadius: "var(--pdp-border-radius, 12px)",
-			border: "1px solid var(--pdp-surface-border, #e2e8f0)",
-			boxShadow: q ? "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3)" : "var(--pdp-shadow)",
+			backgroundColor: G.colors.background,
+			color: G.colors.textPrimary,
+			borderRadius: G.radii.lg,
+			border: `1px solid ${G.colors.border}`,
+			boxShadow: q ? "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3)" : G.shadows.lg,
 			width: "fit-content",
+			maxWidth: "calc(100vw - 16px)",
+			boxSizing: "border-box",
+			overflowX: "auto",
 			userSelect: "none",
 			display: "flex",
 			flexDirection: "column",
 			gap: "12px",
-			...D?.calendar
+			...A?.calendar
 		},
 		children: [q && /* @__PURE__ */ c("button", {
 			type: "button",
 			"aria-label": "بستن",
-			onClick: () => K(!1),
+			onClick: () => J(!1),
+			className: k?.closeButton,
 			style: {
 				position: "absolute",
 				top: "10px",
-				left: "10px",
+				insetInlineEnd: "10px",
 				background: "none",
 				border: "none",
 				cursor: "pointer",
 				fontSize: "16px",
-				color: "var(--pdp-text-muted, #94a3b8)",
+				color: G.colors.textSecondary,
 				lineHeight: 1,
-				zIndex: 10
+				zIndex: 10,
+				...A?.closeButton
 			},
 			children: "✕"
 		}), /* @__PURE__ */ c("div", {
+			className: k?.calendarBody,
 			style: {
 				display: "flex",
 				flexDirection: "column",
-				gap: "8px"
+				gap: "10px",
+				...A?.calendarBody
 			},
-			children: he ? /* @__PURE__ */ c(oe, {
-				currentYear: X,
-				currentMonth: Z,
+			children: De ? /* @__PURE__ */ c(se, {
+				currentYear: Z,
+				currentMonth: Q,
 				onSelectMonth: (e) => {
-					Q(X, e), ge(!1);
+					We(Z, e), Oe(!1);
 				},
-				onSelectYear: (e) => Q(e, Z)
+				onSelectYear: (e) => We(e, Q),
+				digitType: T,
+				direction: v,
+				classNames: k,
+				styles: A
 			}) : /* @__PURE__ */ l(s, { children: [
 				/* @__PURE__ */ l("div", {
+					dir: v,
+					className: k?.calendarPanes,
 					style: {
 						display: "flex",
 						gap: "16px",
-						alignItems: "flex-start"
+						alignItems: "flex-start",
+						flexWrap: "wrap",
+						...A?.calendarPanes
 					},
-					children: [Ve(X, Z, Ee, !0, V === 1), V === 2 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", { style: {
-						width: "1px",
-						backgroundColor: "var(--pdp-surface-border, #e2e8f0)",
-						alignSelf: "stretch"
-					} }), Ve($.year, $.month, ze, !1, !0)] })]
+					children: [it(Z, Q, Ve, !0, W === 1), W === 2 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+						className: k?.paneDivider,
+						style: {
+							width: "1px",
+							backgroundColor: G.colors.border,
+							alignSelf: "stretch",
+							...A?.paneDivider
+						}
+					}), it($.year, $.month, nt, !1, !0)] })]
 				}),
-				N && /* @__PURE__ */ c(ce, {
-					value: J,
-					onChange: we,
-					minuteStep: z,
-					hourStep: ne,
-					showSeconds: B,
-					digitType: b,
-					classNames: E,
-					styles: D
+				L && /* @__PURE__ */ c(fe, {
+					value: Y,
+					onChange: Xe,
+					minuteStep: ne,
+					hourStep: H,
+					secondStep: le,
+					showSeconds: U,
+					digitType: T,
+					direction: v,
+					classNames: k,
+					styles: A
 				}),
-				k && /* @__PURE__ */ c(se, {
+				M && /* @__PURE__ */ c(de, {
 					mode: e,
-					digitType: b,
-					showStatusText: A,
-					showActions: M,
-					selectedDate: e === "single" ? Y : null,
-					selectedRange: e === "range" ? Y : void 0,
-					selectedDates: e === "multiple" ? Y : void 0,
-					selectedTime: N ? J : void 0,
-					onToday: ke,
-					onClear: Ne,
+					digitType: T,
+					showStatusText: N,
+					showActions: F,
+					selectedDate: e === "single" ? X : null,
+					selectedRange: e === "range" ? X : void 0,
+					selectedDates: e === "multiple" ? X : void 0,
+					selectedTime: L ? Y : void 0,
+					showSeconds: U,
+					onToday: Ge,
+					onClear: Ye,
 					onConfirm: () => {
-						_ !== "inline" && K(!1), ee?.();
+						b !== "inline" && J(!1), ee?.(Be(X));
 					},
-					classNames: E,
-					styles: D
+					direction: v,
+					classNames: k,
+					styles: A
 				})
 			] })
 		})]
 	});
 	return /* @__PURE__ */ l("div", {
-		ref: _e,
-		className: w ?? E?.root,
+		ref: ke,
+		dir: v,
+		className: ae(E, k?.root),
 		style: {
+			"--pdp-cell-size": "36px",
+			"--pdp-cell-gap": "4px",
+			"--pdp-calendar-pane-width": "276px",
 			position: "relative",
 			display: "inline-block",
-			...T,
-			...D?.root
+			color: G.colors.textPrimary,
+			fontFamily: "inherit",
+			...D,
+			...A?.root
 		},
-		children: [_ !== "inline" && (H && e === "single" && _ === "popover" ? /* @__PURE__ */ c(fe, {
-			value: Pe,
-			digitType: b,
-			placeholder: v,
+		children: [b !== "inline" && (he && e === "single" && b === "popover" ? /* @__PURE__ */ c(pe, {
+			value: Ze,
+			digitType: T,
+			placeholder: w,
 			onChange: (e) => {
-				e ? (Ae(e), Q(e.year, e.month)) : Ne();
+				e ? (Ke(e), We(e.year, e.month)) : Ye();
 			},
-			onClick: () => K(!0),
-			className: E?.input,
-			style: D?.input
+			onClick: () => J(!0),
+			direction: v,
+			minDate: Ne,
+			maxDate: Pe,
+			isDateDisabled: h ? ze : void 0,
+			wrapperClassName: k?.inputWrapper,
+			wrapperStyle: A?.inputWrapper,
+			clearButtonClassName: k?.inputClearButton,
+			clearButtonStyle: A?.inputClearButton,
+			className: k?.input,
+			style: A?.input
 		}) : /* @__PURE__ */ c("input", {
 			type: "text",
 			readOnly: !0,
-			placeholder: v,
-			value: Be,
-			onClick: () => K(!0),
-			className: E?.input,
+			"aria-haspopup": "dialog",
+			"aria-expanded": K,
+			placeholder: w,
+			value: rt,
+			onClick: () => J(!0),
+			className: k?.input,
 			style: {
+				width: L ? "230px" : W === 2 ? "260px" : "190px",
+				minHeight: "40px",
+				boxSizing: "border-box",
 				padding: "8px 12px",
-				borderRadius: "var(--pdp-border-radius, 8px)",
-				border: "1px solid var(--pdp-surface-border, #e2e8f0)",
-				backgroundColor: "var(--pdp-surface-bg, #ffffff)",
-				color: "var(--pdp-text-primary, #0f172a)",
+				borderRadius: G.radii.sm,
+				border: `1px solid ${G.colors.border}`,
+				outlineColor: G.colors.primary,
+				backgroundColor: G.colors.background,
+				color: G.colors.textPrimary,
 				cursor: "pointer",
-				textAlign: "right",
-				direction: "rtl",
+				textAlign: v === "rtl" ? "right" : "left",
+				direction: v,
+				fontFamily: "inherit",
 				fontSize: "14px",
-				minWidth: N ? "200px" : V === 2 ? "240px" : "150px",
-				...D?.input
+				...A?.input
 			}
-		})), G && (q ? /* @__PURE__ */ c("div", {
+		})), K && (q ? /* @__PURE__ */ c("div", {
 			role: "presentation",
-			onClick: () => K(!1),
-			className: E?.modalBackdrop,
+			onClick: () => {
+				Se && J(!1);
+			},
+			className: k?.modalBackdrop,
 			style: {
 				position: "fixed",
 				top: 0,
 				left: 0,
 				right: 0,
 				bottom: 0,
-				backgroundColor: "rgba(15, 23, 42, 0.6)",
+				backgroundColor: "rgba(15, 23, 42, 0.64)",
 				backdropFilter: "blur(4px)",
 				zIndex: 1e3,
 				display: "flex",
 				alignItems: "center",
 				justifyContent: "center",
 				padding: "16px",
-				direction: "rtl",
-				...D?.modalBackdrop
+				direction: v,
+				...A?.modalBackdrop
 			},
-			children: He
-		}) : He)]
+			children: at
+		}) : at)]
 	});
 }
 //#endregion
 //#region src/components/dual-calendar/DualMonthCalendar.tsx
-var ge = ({ value: e, defaultValue: n = [null, null], onChange: r, initialViewDate: a, firstDayOfWeek: s = 0, digitType: d = "persian", minDate: f, maxDate: p, isDateDisabled: m }) => {
-	let [h, g] = o(n), _ = e === void 0 ? h : e, [b, S] = o(null), C = i(() => v(), []), [w, T] = o(() => a || (_[0] ? {
-		year: _[0].year,
-		month: _[0].month
+var xe = ({ value: e, defaultValue: n = [null, null], onChange: r, initialViewDate: a, firstDayOfWeek: s = 0, digitType: d = "persian", minDate: f, maxDate: p, isDateDisabled: m, direction: h = "rtl", className: g, style: _, classNames: b, styles: S }) => {
+	let { theme: C } = V(), [w, T] = o(n), E = e === void 0 ? w : e, [k, A] = o(null), j = (e) => d === "persian" ? I(e) : String(e), M = i(() => v(), []), [N, P] = o(() => a || (E[0] ? {
+		year: E[0].year,
+		month: E[0].month
 	} : {
-		year: C.year,
-		month: C.month
-	})), E = i(() => w.month === 11 ? {
-		year: w.year + 1,
+		year: M.year,
+		month: M.month
+	})), F = i(() => N.month === 11 ? {
+		year: N.year + 1,
 		month: 0
 	} : {
-		year: w.year,
-		month: w.month + 1
-	}, [w]), k = () => {
-		T((e) => e.month === 0 ? {
+		year: N.year,
+		month: N.month + 1
+	}, [N]), ee = () => {
+		P((e) => e.month === 0 ? {
 			year: e.year - 1,
 			month: 11
 		} : {
 			year: e.year,
 			month: e.month - 1
 		});
-	}, A = () => {
-		T((e) => e.month === 11 ? {
+	}, L = () => {
+		P((e) => e.month === 11 ? {
 			year: e.year + 1,
 			month: 0
 		} : {
 			year: e.year,
 			month: e.month + 1
 		});
-	}, j = t((t) => {
-		let [n, i] = _, a;
-		!n || n && i ? a = [t, null] : (a = D(t, n) < 0 ? [t, n] : [n, t], S(null)), e === void 0 && g(a), r?.(a);
+	}, R = t((t) => {
+		let [n, i] = E, a;
+		!n || n && i ? a = [t, null] : (a = D(t, n) < 0 ? [t, n] : [n, t], A(null)), e === void 0 && T(a), r?.(a);
 	}, [
-		_,
+		E,
 		e,
 		r
-	]), M = t((e, t) => {
+	]), z = t((e, t) => {
 		let n = x({
 			year: e,
 			month: t,
@@ -1554,7 +1858,7 @@ var ge = ({ value: e, defaultValue: n = [null, null], onChange: r, initialViewDa
 			minDate: f,
 			maxDate: p,
 			isDateDisabled: m
-		}), [r, i] = _, a = i ?? (r && b ? b : null);
+		}), [r, i] = E, a = i ?? (r && k ? k : null);
 		return n.map((e) => {
 			let t = r ? y(e.jalali, r) : !1, n = a ? y(e.jalali, a) : !1, i = !1;
 			return r && a && (i = O(e.jalali, r, a)), {
@@ -1570,122 +1874,154 @@ var ge = ({ value: e, defaultValue: n = [null, null], onChange: r, initialViewDa
 		f,
 		p,
 		m,
-		_,
-		b
-	]), ee = i(() => M(w.year, w.month), [
-		M,
-		w.year,
-		w.month
-	]), te = i(() => M(E.year, E.month), [
-		M,
-		E.year,
-		E.month
-	]), N = (e, t, n, r) => /* @__PURE__ */ l("div", {
+		E,
+		k
+	]), te = i(() => z(N.year, N.month), [
+		z,
+		N.year,
+		N.month
+	]), B = i(() => z(F.year, F.month), [
+		z,
+		F.year,
+		F.month
+	]), ne = (e, t, n, r) => /* @__PURE__ */ l("div", {
+		dir: h,
+		className: b?.calendarPane,
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "8px",
-			minWidth: "270px"
+			width: "var(--pdp-calendar-pane-width, 276px)",
+			minWidth: "var(--pdp-calendar-pane-width, 276px)",
+			...S?.calendarPane
 		},
 		children: [
 			/* @__PURE__ */ l("div", {
+				className: b?.header,
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					padding: "0 4px",
-					height: "32px"
+					height: "32px",
+					...S?.header
 				},
 				children: [
 					r ? /* @__PURE__ */ c("button", {
 						type: "button",
 						"aria-label": "ماه قبل",
-						onClick: k,
+						onClick: ee,
+						className: b?.navButton,
 						style: {
 							width: "28px",
 							height: "28px",
 							borderRadius: "6px",
-							border: "1px solid var(--pdp-surface-border, #e2e8f0)",
-							backgroundColor: "var(--pdp-surface-bg, #ffffff)",
-							color: "var(--pdp-text-primary, #0f172a)",
-							cursor: "pointer"
+							border: `1px solid ${C.colors.border}`,
+							backgroundColor: C.colors.background,
+							color: C.colors.textPrimary,
+							cursor: "pointer",
+							...S?.navButton
 						},
-						children: "›"
+						children: h === "rtl" ? "›" : "‹"
 					}) : /* @__PURE__ */ c("div", { style: { width: "28px" } }),
 					/* @__PURE__ */ l("div", {
 						style: {
 							fontWeight: 600,
 							fontSize: "14px",
-							color: "var(--pdp-text-primary, #0f172a)"
+							color: C.colors.textPrimary
 						},
 						children: [
 							u[t],
 							" ",
-							F(e)
+							j(e)
 						]
 					}),
 					r ? /* @__PURE__ */ c("div", { style: { width: "28px" } }) : /* @__PURE__ */ c("button", {
 						type: "button",
 						"aria-label": "ماه بعد",
-						onClick: A,
+						onClick: L,
+						className: b?.navButton,
 						style: {
 							width: "28px",
 							height: "28px",
 							borderRadius: "6px",
-							border: "1px solid var(--pdp-surface-border, #e2e8f0)",
-							backgroundColor: "var(--pdp-surface-bg, #ffffff)",
-							color: "var(--pdp-text-primary, #0f172a)",
-							cursor: "pointer"
+							border: `1px solid ${C.colors.border}`,
+							backgroundColor: C.colors.background,
+							color: C.colors.textPrimary,
+							cursor: "pointer",
+							...S?.navButton
 						},
-						children: "‹"
+						children: h === "rtl" ? "‹" : "›"
 					})
 				]
 			}),
-			/* @__PURE__ */ c(ie, { firstDayOfWeek: s }),
+			/* @__PURE__ */ c(ie, {
+				firstDayOfWeek: s,
+				direction: h,
+				classNames: b,
+				styles: S
+			}),
 			/* @__PURE__ */ c("div", {
 				role: "grid",
-				"aria-label": `${u[t]} ${F(e)}`,
+				"aria-label": `${u[t]} ${j(e)}`,
+				dir: h,
+				className: b?.grid,
 				style: {
 					display: "grid",
+					width: "var(--pdp-calendar-pane-width, 276px)",
 					gridTemplateColumns: "repeat(7, var(--pdp-cell-size, 36px))",
-					gap: "4px"
+					gap: "var(--pdp-cell-gap, 4px)",
+					...S?.grid
 				},
-				children: n.map((e, t) => /* @__PURE__ */ c(ae, {
+				children: n.map((e) => /* @__PURE__ */ c(oe, {
 					cell: e,
 					digitType: d,
+					classNames: b,
+					styles: S,
 					tabIndex: 0,
-					onSelect: j,
-					onHover: S
-				}, t))
+					onSelect: R,
+					onHover: A
+				}, `${e.jalali.year}-${e.jalali.month}-${e.jalali.day}`))
 			})
 		]
 	});
 	return /* @__PURE__ */ l("div", {
 		role: "region",
 		"aria-label": "تقویم دوقلو شمسی",
+		dir: h,
+		className: ae(g, b?.calendar),
 		style: {
+			"--pdp-cell-size": "36px",
+			"--pdp-cell-gap": "4px",
+			"--pdp-calendar-pane-width": "276px",
 			display: "flex",
 			flexWrap: "wrap",
 			gap: "24px",
 			padding: "16px",
-			backgroundColor: "var(--pdp-surface-bg, #ffffff)",
-			borderRadius: "var(--pdp-border-radius, 8px)",
-			border: "1px solid var(--pdp-surface-border, #e2e8f0)",
-			boxShadow: "var(--pdp-shadow)",
+			backgroundColor: C.colors.background,
+			color: C.colors.textPrimary,
+			borderRadius: C.radii.lg,
+			border: `1px solid ${C.colors.border}`,
+			boxShadow: C.shadows.lg,
 			width: "fit-content",
-			direction: "rtl"
+			..._,
+			...S?.calendar
 		},
 		children: [
-			N(w.year, w.month, ee, !0),
-			/* @__PURE__ */ c("div", { style: {
-				width: "1px",
-				backgroundColor: "var(--pdp-surface-border, #e2e8f0)"
-			} }),
-			N(E.year, E.month, te, !1)
+			ne(N.year, N.month, te, !0),
+			/* @__PURE__ */ c("div", {
+				className: b?.paneDivider,
+				style: {
+					width: "1px",
+					backgroundColor: C.colors.border,
+					...S?.paneDivider
+				}
+			}),
+			ne(F.year, F.month, B, !1)
 		]
 	});
 };
 //#endregion
-export { V as DatePickerThemeProvider, ae as DayCell, ge as DualMonthCalendar, re as Header, d as JALALI_MONTH_NAMES_EN, he as JalaliDatePicker, fe as MaskedDateInput, oe as MonthYearPicker, u as PERSIAN_MONTH_NAMES, p as PERSIAN_WEEK_DAYS_LONG, f as PERSIAN_WEEK_DAYS_SHORT, ce as TimePicker, ie as Weekdays, T as addDaysToJalali, E as addJalaliDays, W as applyDateMask, M as calculateNextFocusedDate, le as clampTime, D as compareJalaliDates, z as darkTheme, L as formatJalaliDate, H as formatTimeSegment, ue as formatTimeString, x as generateJalaliCalendarGrid, ee as getAriaDayLabel, U as getCurrentTime, h as getDaysInJalaliMonth, pe as getEventsForDate, w as getJalaliDayOfWeek, A as getJalaliMonthRange, k as getJalaliWeekRange, v as getTodayJalali, g as gregorianToJalali, O as isJalaliDateBetween, m as isJalaliLeapYear, y as isSameJalaliDay, _ as jalaliToGregorian, C as jalaliToJsDate, S as jsDateToJalali, R as lightTheme, de as parseAndValidateJalaliString, b as toJalaliDate, I as toLatinDigits, F as toPersianDigits, te as useCalendarKeyboard, j as useJalaliDatePicker, B as useTheme };
+export { ne as DatePickerThemeProvider, oe as DayCell, xe as DualMonthCalendar, re as Header, d as JALALI_MONTH_NAMES_EN, be as JalaliDatePicker, pe as MaskedDateInput, se as MonthYearPicker, u as PERSIAN_MONTH_NAMES, p as PERSIAN_WEEK_DAYS_LONG, f as PERSIAN_WEEK_DAYS_SHORT, fe as TimePicker, ie as Weekdays, T as addDaysToJalali, E as addJalaliDays, U as applyDateMask, M as calculateNextFocusedDate, le as clampTime, D as compareJalaliDates, te as darkTheme, R as formatJalaliDate, H as formatTimeSegment, ue as formatTimeString, x as generateJalaliCalendarGrid, N as getAriaDayLabel, ce as getCurrentTime, h as getDaysInJalaliMonth, me as getEventsForDate, w as getJalaliDayOfWeek, A as getJalaliMonthRange, k as getJalaliWeekRange, v as getTodayJalali, g as gregorianToJalali, O as isJalaliDateBetween, m as isJalaliLeapYear, y as isSameJalaliDay, _ as jalaliToGregorian, C as jalaliToJsDate, S as jsDateToJalali, z as lightTheme, W as parseAndValidateJalaliString, b as toJalaliDate, L as toLatinDigits, I as toPersianDigits, P as useCalendarKeyboard, j as useJalaliDatePicker, V as useTheme };
 
 //# sourceMappingURL=index.mjs.map