@baishuyun/ui-base 6.0.0 → 6.2.0

package/dist/Calendar/Calendar-CAG1Fxlh.js

@@ -0,0 +1,806 @@
+import { t as e } from "../Icon/Icon-BQ3Whub2.js";
+import { t } from "../vendors/useLocale-DvdSwM9e.js";
+import { t as n } from "../Segmented/Segmented-BTW445jc.js";
+import { t as r } from "../Tooltip/Tooltip-RkD8fs0B.js";
+import { i, n as a, r as o, t as s } from "./context-DNOJ9LW_.js";
+import { t as c } from "../DatePicker/DatePicker-BIxiJQ_W.js";
+import { C as l, S as u, _ as d, a as f, b as p, d as m, i as h, o as g, p as _, r as v, s as y, t as b, x, y as S } from "./layout-DvWx_7gn.js";
+import { addDays as C, addMonths as ee, addWeeks as te, formatCalendarDayNumber as ne, formatFullDate as w, formatWeekEndDate as T, formatYearMonth as E, getCurrentTimeInTZ as D, getDynamicMonthViewDates as O, getTimeZoneLabel as k, getTotalHeight as A, getVisibleRangeByMode as re, getWeekEnd as ie, getWeekStart as j, getZoomConfig as M, isCurrentMonth as N, layoutTimedEventsForWeek as P } from "./utils/index.js";
+import { t as F } from "./TimeAxis-gKb8dTwY.js";
+import { t as I } from "./TimeGrid-D8Du5vFP.js";
+import { t as L } from "./CurrentTimeIndicator-DaIywtIA.js";
+import { n as R, r as z, t as B } from "./EventCard-D_VeOVDQ.js";
+import { t as V } from "./AllDaySection-DS0Frx1p.js";
+import { i as ae, n as oe, r as se } from "./style-hCRKx3m1.js";
+import { jsx as H, jsxs as U } from "react/jsx-runtime";
+import { useCallback as W, useEffect as G, useMemo as K, useRef as q, useState as J } from "react";
+import Y from "clsx";
+import X from "dayjs";
+//#region src/components/Calendar/Header/TodayButton/TodayButton.tsx
+var Z = () => {
+	let e = a((e) => e.formatMessage), t = s((e) => e.switchToDay), n = e("today");
+	return /* @__PURE__ */ H("button", {
+		type: "button",
+		className: "bsy-calendar-today-btn",
+		onClick: t,
+		"aria-label": n,
+		children: n
+	});
+}, Q = ({ direction: t }) => {
+	let n = a((e) => e.formatMessage), r = s((e) => e.switchPrevDate), i = s((e) => e.switchNextDate), o = W(() => {
+		t === "prev" ? r() : i();
+	}, [
+		t,
+		r,
+		i
+	]), c = t === "prev" ? "Pulldownleft" : "Pulldownright", l = n(t === "prev" ? "prev" : "next");
+	return /* @__PURE__ */ H("button", {
+		type: "button",
+		className: "bsy-calendar-nav-btn",
+		onClick: o,
+		"aria-label": l,
+		children: /* @__PURE__ */ H(e, {
+			name: c,
+			size: 16
+		})
+	});
+}, ce = () => {
+	let t = a((e) => e.currentDate), n = a((e) => e.mode), r = a((e) => e.timeZone), i = a((e) => e.formatMessage), o = a((e) => e.datePickerTheme), l = s((e) => e.setCurrentDate), u = K(() => {
+		if (n === "month") return E(t, r, i);
+		if (n === "week") {
+			let e = j(t, r), n = ie(t, r);
+			return `${w(e, r, i)} - ${T(n, e, r, i)}`;
+		}
+		return n === "day" ? w(t, r, i) : null;
+	}, [
+		t,
+		n,
+		r,
+		i
+	]), d = n === "day" || n === "month" || n === "week", f = K(() => n === "month" ? "month" : n === "week" ? "week" : "date", [n]), p = W((e) => {
+		l(n === "week" ? j(e.toDate(), r).toDate() : e.toDate());
+	}, [
+		l,
+		n,
+		r
+	]), m = K(() => n === "week" ? j(t, r) : X(t), [
+		t,
+		n,
+		r
+	]);
+	return d ? /* @__PURE__ */ H(c, {
+		picker: f,
+		value: m,
+		theme: o,
+		onChange: p,
+		children: /* @__PURE__ */ U("div", {
+			className: "bsy-calendar-date-display",
+			children: [/* @__PURE__ */ H("span", {
+				className: "date-text",
+				children: u
+			}), /* @__PURE__ */ H(e, {
+				name: "arrow-down",
+				className: "bsy-calendar-date-arrow",
+				size: 16
+			})]
+		})
+	}) : /* @__PURE__ */ H("div", {
+		className: "bsy-calendar-date-display bsy-calendar-date-display--disabled",
+		children: /* @__PURE__ */ H("span", {
+			className: "date-text",
+			children: u
+		})
+	});
+}, le = () => /* @__PURE__ */ U("div", {
+	className: "bsy-calendar-header-left",
+	children: [
+		/* @__PURE__ */ H(Z, {}),
+		/* @__PURE__ */ H(Q, { direction: "prev" }),
+		/* @__PURE__ */ H(Q, { direction: "next" }),
+		/* @__PURE__ */ H(ce, {})
+	]
+}), ue = {
+	day: "mode.day",
+	week: "mode.week",
+	month: "mode.month"
+}, de = () => {
+	let e = a((e) => e.formatMessage), t = a((e) => e.mode), r = a((e) => e.modes), i = a((e) => e.segmentedTheme), o = s((e) => e.onPanelChange), c = K(() => r.map((t) => ({
+		label: e(ue[t]),
+		value: t
+	})), [r, e]), l = W((e) => {
+		o(e);
+	}, [o]);
+	return /* @__PURE__ */ U("div", {
+		className: "bsy-calendar-header",
+		children: [/* @__PURE__ */ H("div", {
+			className: "bsy-calendar-header__left",
+			children: /* @__PURE__ */ H(le, {})
+		}), /* @__PURE__ */ H("div", {
+			className: "bsy-calendar-header__right",
+			children: /* @__PURE__ */ H(n, {
+				value: t,
+				options: c,
+				onChange: l,
+				theme: i
+			})
+		})]
+	});
+}, fe = ({ events: e = [] }) => {
+	let t = a((e) => e.formatMessage), n = a((e) => e.currentDate), r = a((e) => e.axis), i = a((e) => e.allowAdd), o = a((e) => e.onEventClick), s = a((e) => e.onAddClick), c = a((e) => e.timeZone), u = K(() => M(r), [r]), f = K(() => A(u), [u]), h = K(() => {
+		let t = l(n, c).startOf("day"), r = t.add(1, "day"), i = [];
+		for (let n of e) d(l(n.startTime, c), l(n.endTime, c), t, r) && i.push(n);
+		return i;
+	}, [
+		e,
+		n,
+		c
+	]), { timedEvents: g, allDayEvents: _ } = K(() => m(h, u, {
+		allowStackLayout: !1,
+		timeZone: c
+	}), [
+		h,
+		u,
+		c
+	]), v = W((e) => {
+		if (!s) return;
+		let t = l(n, c).startOf("day").add(e * u.interval, "minute"), r = t.add(u.interval, "minute");
+		s({
+			startTime: t.valueOf(),
+			endTime: r.valueOf(),
+			anchorDate: n,
+			slotIndex: e,
+			mode: "day"
+		});
+	}, [
+		s,
+		n,
+		c,
+		u.interval
+	]);
+	return /* @__PURE__ */ U("div", {
+		className: "bsy-calendar-day",
+		children: [/* @__PURE__ */ H(V, {
+			events: _,
+			onClick: o
+		}), /* @__PURE__ */ H("div", {
+			className: "bsy-calendar-day__scroll-container",
+			children: /* @__PURE__ */ U("div", {
+				className: "bsy-calendar-day__content",
+				style: { height: f },
+				children: [/* @__PURE__ */ H(F, { zoomConfig: u }), /* @__PURE__ */ U("div", {
+					className: "bsy-calendar-day__main",
+					children: [
+						/* @__PURE__ */ H(I, {
+							zoomConfig: u,
+							rowAction: i ? {
+								tooltip: t("addRecord"),
+								onClick: v
+							} : void 0
+						}),
+						/* @__PURE__ */ H("div", {
+							className: "bsy-calendar-day__events",
+							children: g.map((e) => /* @__PURE__ */ H(B, {
+								event: e.event,
+								eventIndex: e.event.sourceIndex,
+								onClick: o,
+								variant: "timed",
+								position: p(e)
+							}, e.event.id))
+						}),
+						/* @__PURE__ */ H(L, {
+							currentDate: n,
+							zoomConfig: u,
+							timeZone: c
+						})
+					]
+				})]
+			})
+		})]
+	});
+}, { COLLAPSED_COUNT: $, EXPANDED_COUNT: pe, EVENT_HEIGHT: me, EVENT_GAP: he } = R;
+function ge(e) {
+	let t = Array(7).fill(0);
+	for (let n of e) {
+		let { startCol: e, endCol: r, row: i } = n;
+		for (let n = e; n < r; n++) n >= 0 && n < 7 && (t[n] = Math.max(t[n], i + 1));
+	}
+	return t;
+}
+var _e = ({ events: t, onClick: n, weekStart: r, isGloballyExpanded: i, onExpandChange: o }) => {
+	let s = a((e) => e.formatMessage), c = q(null), l = a((e) => e.timeZone), [u, d] = J(() => Array(7).fill(!1));
+	G(() => {
+		!i && c.current && (c.current.scrollTop = 0);
+	}, [i]);
+	let f = K(() => y(t, r, l), [
+		t,
+		r,
+		l
+	]), p = K(() => ge(f), [f]), m = f.length > 0 ? Math.max(...f.map((e) => e.row)) + 1 : 0, h = W((e) => {
+		let t = i || u[e], n = p[e];
+		return t ? Math.min(n, pe) : Math.min(n, $);
+	}, [
+		i,
+		u,
+		p
+	]), g = K(() => Math.max(...Array(7).fill(0).map((e, t) => h(t))), [h]), v = K(() => _(g, me, he), [g]), b = g >= pe && m > pe, S = W((e) => {
+		if (!i) {
+			o?.(!0);
+			return;
+		}
+		d((t) => {
+			let n = [...t];
+			return n[e] = !n[e], n;
+		});
+	}, [i, o]);
+	return m === 0 ? null : /* @__PURE__ */ U("div", {
+		className: "bsy-week-allday-section",
+		children: [/* @__PURE__ */ H("div", {
+			className: "bsy-week-allday-section__main",
+			children: /* @__PURE__ */ H("div", {
+				ref: c,
+				className: Y("bsy-week-allday-section__events-container", { "bsy-week-allday-section__events-container--scroll": b }),
+				style: { maxHeight: `${v}px` },
+				children: /* @__PURE__ */ H("div", {
+					className: "bsy-week-allday-section__grid",
+					style: { gridTemplateRows: `repeat(${g}, ${me}px)` },
+					children: f.map((e) => /* @__PURE__ */ H(B, {
+						event: e.event,
+						eventIndex: e.event.sourceIndex,
+						onClick: n,
+						variant: "allDay",
+						position: x(e)
+					}, e.event.id))
+				})
+			})
+		}), i ? null : /* @__PURE__ */ H("div", {
+			className: "bsy-week-allday-section__toggle-bar",
+			children: Array(7).fill(0).map((t, n) => {
+				let r = p[n], i = u[n], a = r > $, o = r - $;
+				return /* @__PURE__ */ H("div", {
+					className: "bsy-week-allday-section__toggle-cell",
+					children: a ? /* @__PURE__ */ U("button", {
+						type: "button",
+						className: "bsy-week-allday-section__toggle-btn",
+						onClick: () => S(n),
+						"aria-label": i ? s("collapse") : s("remainingCount", { count: o }),
+						children: [/* @__PURE__ */ H("span", {
+							className: "bsy-week-allday-section__toggle-icon",
+							children: i ? /* @__PURE__ */ H(e, {
+								name: "arrow-up",
+								size: 12
+							}) : /* @__PURE__ */ H(e, {
+								name: "arrow-down",
+								size: 12
+							})
+						}), /* @__PURE__ */ H("span", {
+							className: "bsy-week-allday-section__toggle-text",
+							children: i ? s("collapse") : s("remainingCount", { count: o })
+						})]
+					}) : null
+				}, n);
+			})
+		})]
+	});
+}, ve = ({ weekStart: e }) => {
+	let t = a((e) => e.formatMessage), n = a((e) => e.timeZone);
+	return /* @__PURE__ */ H("div", {
+		className: "bsy-week-header",
+		children: K(() => Array.from({ length: 7 }, (r, i) => {
+			let a = e.add(i, "day"), o = D(n), s = a.isSame(o, "day"), c = a.isBefore(o, "day");
+			return {
+				dayName: t(`weekday.${i}`),
+				dayNumber: ne(a, t, n),
+				isToday: s,
+				isPast: c
+			};
+		}), [
+			e,
+			n,
+			t
+		]).map((e, t) => /* @__PURE__ */ U("div", {
+			className: Y("bsy-week-header__day", {
+				"bsy-week-header__day--today": e.isToday,
+				"bsy-week-header__day--past": e.isPast
+			}),
+			children: [/* @__PURE__ */ H("div", {
+				className: "bsy-week-header__day-name",
+				children: e.dayName
+			}), /* @__PURE__ */ H("div", {
+				className: "bsy-week-header__day-number",
+				children: e.dayNumber
+			})]
+		}, t))
+	});
+}, ye = ({ events: t = [] }) => {
+	let n = a((e) => e.formatMessage), r = a((e) => e.currentDate), i = a((e) => e.axis), o = a((e) => e.allowAdd), s = a((e) => e.timeZone), c = a((e) => e.onEventClick), l = a((e) => e.onAddClick), [u, d] = J(!1), f = K(() => j(r, s), [r, s]), m = K(() => M(i), [i]), h = K(() => A(m), [m]), g = K(() => k(s), [s]), { allDayEvents: _, timedEvents: v } = K(() => S(t, s), [t, s]), y = K(() => P(v, f, m, s), [
+		v,
+		f,
+		m,
+		s
+	]), b = W((e) => {
+		d(e);
+	}, []), x = W(() => {
+		d(!1);
+	}, []), C = W((e, t) => {
+		if (!l) return;
+		let n = f.add(e, "day").startOf("day"), i = n.add(t * m.interval, "minute"), a = n.hour(23).minute(59).second(0).millisecond(0), o = i.add(m.interval, "minute"), s = o.isAfter(a) ? a : o;
+		l({
+			startTime: i.valueOf(),
+			endTime: s.valueOf(),
+			anchorDate: r,
+			dayIndex: e,
+			slotIndex: t,
+			mode: "week"
+		});
+	}, [
+		l,
+		f,
+		m.interval,
+		r
+	]);
+	return /* @__PURE__ */ U("div", {
+		className: "bsy-calendar-week",
+		children: [/* @__PURE__ */ U("div", {
+			className: "bsy-calendar-week__header-section",
+			children: [/* @__PURE__ */ U("div", {
+				className: "bsy-calendar-week__timezone-label",
+				children: [g ? /* @__PURE__ */ H("span", { children: g }) : null, u ? /* @__PURE__ */ H("button", {
+					type: "button",
+					className: "bsy-calendar-week__collapse-btn",
+					onClick: x,
+					title: n("collapse"),
+					"aria-label": n("collapse"),
+					children: /* @__PURE__ */ H(e, {
+						name: "arrow-up",
+						size: 16
+					})
+				}) : null]
+			}), /* @__PURE__ */ U("div", {
+				className: "bsy-calendar-week__header-content",
+				children: [/* @__PURE__ */ H(ve, { weekStart: f }), /* @__PURE__ */ H(_e, {
+					events: _,
+					onClick: c,
+					weekStart: f,
+					isGloballyExpanded: u,
+					onExpandChange: b
+				})]
+			})]
+		}), /* @__PURE__ */ H("div", {
+			className: "bsy-calendar-week__scroll-container",
+			children: /* @__PURE__ */ U("div", {
+				className: "bsy-calendar-week__body",
+				style: { height: h },
+				children: [/* @__PURE__ */ H(F, { zoomConfig: m }), /* @__PURE__ */ U("div", {
+					className: "bsy-calendar-week__grid",
+					children: [y.map((e, t) => /* @__PURE__ */ U("div", {
+						className: "bsy-calendar-week__day-column",
+						children: [/* @__PURE__ */ H(I, {
+							zoomConfig: m,
+							rowAction: o ? {
+								tooltip: n("addRecord"),
+								onClick: (e) => C(t, e)
+							} : void 0
+						}), /* @__PURE__ */ H("div", {
+							className: "bsy-calendar-week__day-events",
+							children: e.map((e) => /* @__PURE__ */ H(B, {
+								event: e.event,
+								eventIndex: e.event.sourceIndex,
+								onClick: c,
+								variant: "timed",
+								position: p(e)
+							}, e.event.id))
+						})]
+					}, t)), /* @__PURE__ */ H(L, {
+						currentDate: r,
+						zoomConfig: m,
+						weekStart: f,
+						timeZone: s
+					})]
+				})]
+			})
+		})]
+	});
+}, be = () => {
+	let e = a((e) => e.formatMessage);
+	return /* @__PURE__ */ H("div", {
+		className: "bsy-calendar-view-month-header",
+		children: Array.from({ length: 7 }, (t, n) => e(`weekday.${n}`)).map((e, t) => /* @__PURE__ */ H("div", {
+			className: "bsy-calendar-view-month-header__day",
+			children: e
+		}, t))
+	});
+}, xe = ({ date: t, isCurrentMonth: n, today: i, cellRef: o }) => {
+	let s = a((e) => e.formatMessage), c = a((e) => e.allowAdd), l = a((e) => e.onAddClick), u = a((e) => e.currentDate), d = t.isSame(i, "day"), f = K(() => ne(t, s), [t, s]), p = W(() => {
+		if (!l) return;
+		let e = t.startOf("day"), n = t.add(1, "day").startOf("day");
+		l({
+			startTime: e.toISOString(),
+			endTime: n.toISOString(),
+			anchorDate: u,
+			mode: "month"
+		});
+	}, [
+		l,
+		t,
+		u
+	]);
+	return /* @__PURE__ */ H("div", {
+		ref: o,
+		className: Y("bsy-calendar-view-month-cell", { "bsy-calendar-view-month-cell--other-month": !n }),
+		children: /* @__PURE__ */ U("div", {
+			className: "bsy-calendar-view-month-cell__header",
+			children: [/* @__PURE__ */ H("span", {
+				className: Y("bsy-calendar-view-month-cell__date", { "bsy-calendar-view-month-cell__date--today": d }),
+				children: f
+			}), c ? /* @__PURE__ */ H(r, {
+				content: s("addRecord"),
+				placement: "top",
+				children: /* @__PURE__ */ H("button", {
+					type: "button",
+					className: "bsy-calendar-view-month-cell__add-btn",
+					onClick: p,
+					"aria-label": s("addRecord"),
+					children: /* @__PURE__ */ H(e, {
+						name: "add",
+						className: "bsy-calendar-view-month-cell__add-btn-icon",
+						size: 16
+					})
+				})
+			}) : null]
+		})
+	});
+}, Se = ({ date: t, events: n, onEventClick: r, onClose: i }) => {
+	let o = a((e) => e.formatMessage);
+	return /* @__PURE__ */ U("div", {
+		className: "bsy-calendar-view-month-cell-popover",
+		children: [/* @__PURE__ */ U("div", {
+			className: "bsy-calendar-view-month-cell-popover__header",
+			children: [/* @__PURE__ */ U("span", {
+				className: "bsy-calendar-view-month-cell-popover__title",
+				children: [
+					o("monthDay", {
+						month: t.month() + 1,
+						day: t.date()
+					}),
+					" ",
+					o(`weekday.${(t.day() + 6) % 7}`)
+				]
+			}), /* @__PURE__ */ H("button", {
+				type: "button",
+				className: "bsy-calendar-view-month-cell-popover__close",
+				onClick: i,
+				"aria-label": o("close"),
+				children: /* @__PURE__ */ H(e, {
+					name: "close",
+					size: 16
+				})
+			})]
+		}), /* @__PURE__ */ H("div", {
+			className: "bsy-calendar-view-month-cell-popover__list",
+			children: n.map((e) => /* @__PURE__ */ H("div", {
+				className: "bsy-calendar-view-month-cell-popover__item",
+				children: /* @__PURE__ */ H(B, {
+					event: e,
+					eventIndex: e.sourceIndex,
+					variant: "allDay",
+					onClick: r,
+					disableGlobalHover: !0,
+					placement: "right"
+				})
+			}, e.id))
+		})]
+	});
+}, Ce = {
+	"--calendar-background-color": "backgroundColor",
+	"--calendar-background-image": "backgroundImage",
+	"--calendar-background-position": "backgroundPosition",
+	"--calendar-background-size": "backgroundSize",
+	"--calendar-background-repeat": "backgroundRepeat"
+}, we = [
+	"--calendar-title-color",
+	"--calendar-schedule-border",
+	"--calendar-schedule-bg",
+	"--calendar-schedule-hover"
+], Te = (e) => {
+	let t = e?.closest?.(".bsy-calendar-view");
+	if (!t) return;
+	let n = getComputedStyle(t), r = {};
+	return Object.entries(Ce).forEach(([e, t]) => {
+		let i = n.getPropertyValue(e).trim();
+		i && (r[t] = i);
+	}), we.forEach((e) => {
+		let t = n.getPropertyValue(e).trim();
+		t && (r[e] = t);
+	}), Object.keys(r).length > 0 ? r : void 0;
+}, Ee = ({ dayIndex: e, date: t, hiddenCount: n, cellEvents: i, onEventClick: o }) => {
+	let s = a((e) => e.formatMessage), [c, l] = J(!1), [u, d] = J(void 0), f = q(null), p = W(() => {
+		l(!1);
+	}, []), m = W((e) => {
+		e && d(Te(f.current)), l(e);
+	}, []), h = {
+		position: "absolute",
+		bottom: 4,
+		left: `${100 / 7 * e}%`,
+		width: "fit-content"
+	}, g = e === 0, _ = s("moreEvents", { count: n });
+	return /* @__PURE__ */ H(r, {
+		trigger: "click",
+		visible: c,
+		onVisibleChange: m,
+		showArrow: !1,
+		widthMode: "content",
+		maxWidth: 300,
+		offset: 6,
+		placement: "right",
+		style: {
+			borderRadius: "10px",
+			padding: "20px 10px",
+			backgroundColor: "#fff",
+			boxShadow: "0 0 12px 0 rgba(0, 0, 0, 0.08)",
+			...u
+		},
+		content: /* @__PURE__ */ H(Se, {
+			date: t,
+			events: i,
+			onEventClick: o,
+			onClose: p
+		}),
+		children: /* @__PURE__ */ H("button", {
+			ref: f,
+			type: "button",
+			className: Y("bsy-calendar-view-more-btn", g && "bsy-calendar-view-more-btn--first", c && "bsy-calendar-view-more-btn--active"),
+			style: h,
+			"aria-label": _,
+			children: _
+		})
+	});
+}, De = ({ weekSegments: e, hiddenScheduleIds: t, maxVisibleRows: n, onEventClick: r, weekDates: i, dayEventsByWeek: a }) => {
+	let { hiddenCounts: o, effectiveMaxRowsPerDay: s } = K(() => {
+		let r = g(e, t, n);
+		return {
+			hiddenCounts: r,
+			effectiveMaxRowsPerDay: r.map((e) => e > 0 && n > 1 ? n - 1 : n)
+		};
+	}, [
+		e,
+		t,
+		n
+	]);
+	return /* @__PURE__ */ U("div", {
+		className: "bsy-calendar-view-week-event-layer",
+		children: [K(() => e.filter((e) => !(t.has(e.event.id) || e.row >= n || e.row >= s[e.startCol])).map((e) => ({
+			...e,
+			position: {
+				mode: "month-absolute",
+				...h(e)
+			},
+			visual: {
+				continuesLeft: !e.isStart,
+				continuesRight: !e.isEnd,
+				showTitle: e.isStart || e.isWeekStart
+			}
+		})), [
+			e,
+			t,
+			n,
+			s
+		]).map((e) => /* @__PURE__ */ H(B, {
+			event: e.event,
+			eventIndex: e.event.sourceIndex,
+			variant: "allDay",
+			onClick: r,
+			position: e.position,
+			visual: e.visual
+		}, `${e.event.id}-${e.startCol}`)), o.map((e, t) => e > 0 ? /* @__PURE__ */ H(Ee, {
+			dayIndex: t,
+			date: i[t],
+			hiddenCount: e,
+			cellEvents: a?.[t] || [],
+			onEventClick: r
+		}, t) : null)]
+	});
+}, Oe = ({ events: e = [] }) => {
+	let t = a((e) => e.currentDate), n = a((e) => e.onEventClick), r = a((e) => e.timeZone), i = K(() => O(t, r), [t, r]), o = i.length / 7, s = K(() => D(r), [r]), [c, l] = J(3), u = q(null);
+	G(() => {
+		if (!u.current) return;
+		let e = null, t = new ResizeObserver((t) => {
+			e && cancelAnimationFrame(e), e = requestAnimationFrame(() => {
+				let e = t[0]?.contentRect?.height ?? u.current?.getBoundingClientRect().height;
+				if (!e) return;
+				let { HEADER_HEIGHT: n, SLOT_HEIGHT: r, SLOT_GAP: i } = b, a = e - n, o = r + i, s = Math.max(1, Math.floor(a / o));
+				l((e) => e === s ? e : s);
+			});
+		});
+		return t.observe(u.current), () => {
+			e && cancelAnimationFrame(e), t.disconnect();
+		};
+	}, []);
+	let { weekLayouts: d, eventRowMap: p, gridEvents: m } = K(() => {
+		let t = i[0];
+		return v(e, t, o, r);
+	}, [
+		e,
+		i,
+		o,
+		r
+	]), h = K(() => {
+		let t = i[0];
+		return f(p, e, t, o * 7, c, m, r);
+	}, [
+		p,
+		e,
+		i,
+		o,
+		c,
+		m,
+		r
+	]), g = K(() => {
+		let e = o * 7, t = Array.from({ length: e }, () => []);
+		for (let e of m) for (let n = e.startDayIndex; n < e.endDayIndex; n++) t[n].push(e.event);
+		return t;
+	}, [m, o]);
+	return /* @__PURE__ */ U("div", {
+		className: "bsy-calendar-view-month",
+		children: [/* @__PURE__ */ H(be, {}), /* @__PURE__ */ H("div", {
+			className: "bsy-calendar-view-month__grid",
+			children: Array.from({ length: o }, (e, a) => /* @__PURE__ */ U("div", {
+				className: "bsy-calendar-view-month__week",
+				children: [Array.from({ length: 7 }, (e, n) => {
+					let o = i[a * 7 + n], c = a === 0 && n === 0;
+					return /* @__PURE__ */ H(xe, {
+						date: o,
+						isCurrentMonth: N(o, t, r),
+						today: s,
+						cellRef: c ? u : void 0
+					}, n);
+				}), /* @__PURE__ */ H(De, {
+					weekSegments: d[a],
+					hiddenScheduleIds: h,
+					maxVisibleRows: c,
+					onEventClick: n,
+					weekDates: i.slice(a * 7, a * 7 + 7),
+					dayEventsByWeek: g.slice(a * 7, a * 7 + 7)
+				})]
+			}, a))
+		})]
+	});
+}, ke = fe, Ae = ye, je = Oe, Me = (e) => {
+	let { data: n = [], timeZone: r, defaultMode: a = "week", modes: s = z, color: c, theme: l, axis: d = "medium", allowAdd: f = !1, className: p, header: m = !0, tooltip: h, onChange: g, onPanelChange: _, onEventClick: v, onAddClick: y } = e, { t: b } = t(), x = W((e, t) => b(e.startsWith("calendar.") ? e : `calendar.${e}`, t), [b]), S = K(() => {
+		let e = (Array.isArray(s) ? s : z).filter((e) => z.includes(e));
+		return e.length > 0 ? e : z;
+	}, [s]), ne = S.includes(a) ? a : S[0], w = Object.prototype.hasOwnProperty.call(e, "mode"), [T, E] = J(ne), O = w && e.mode !== void 0 ? e.mode : T, k = S.includes(O) ? O : S[0];
+	G(() => {
+		!w && !S.includes(T) && E(S[0]);
+	}, [
+		T,
+		w,
+		S
+	]);
+	let [A, ie] = J(() => D(r).toDate()), [j, M] = J(null), N = q(null), P = W((e) => {
+		ie(e), g?.(e);
+	}, [g]), F = K(() => u(n, { timeZone: r }), [n, r]), I = K(() => {
+		let { start: e, end: t } = re(A, k, r);
+		return !e?.isValid?.() || !t?.isValid?.() ? null : {
+			mode: k,
+			dates: [e, t]
+		};
+	}, [
+		A,
+		k,
+		r
+	]), L = W((e, t) => {
+		if (!e?.[0]?.isValid?.() || !e?.[1]?.isValid?.()) return;
+		let n = `${t}:${e[0].valueOf()}:${e[1].valueOf()}`;
+		N.current !== n && (N.current = n, _?.(e, t));
+	}, [_]);
+	G(() => {
+		I && L([I.dates[0], I.dates[1]], I.mode);
+	}, [I, L]);
+	let R = W(() => {
+		P(D(r).toDate());
+	}, [P, r]), B = W(() => {
+		let e;
+		e = k === "day" ? C(A, -1, r) : k === "week" ? te(A, -1, r) : ee(A, -1, r), P(e);
+	}, [
+		k,
+		A,
+		P,
+		r
+	]), V = W(() => {
+		let e;
+		e = k === "day" ? C(A, 1, r) : k === "week" ? te(A, 1, r) : ee(A, 1, r), P(e);
+	}, [
+		k,
+		A,
+		P,
+		r
+	]), Y = W((e) => {
+		let t = S.includes(e) ? e : S[0];
+		t !== e && process.env.NODE_ENV !== "production" && console.warn("[Calendar] invalid mode, fallback to first modes entry", {
+			nextMode: e,
+			modes: S
+		});
+		let { start: n, end: i } = re(A, t, r);
+		w || E(t), n?.isValid?.() && i?.isValid?.() && L([n, i], t);
+	}, [
+		A,
+		L,
+		w,
+		S,
+		r
+	]);
+	G(() => {
+		O !== void 0 && !S.includes(O) && process.env.NODE_ENV !== "production" && console.warn("[Calendar] invalid mode, fallback to first modes entry", {
+			nextMode: O,
+			modes: S
+		});
+	}, [O, S]);
+	let X = K(() => ae(l, c), [l, c]), Z = K(() => se(l), [l]), Q = K(() => oe(l), [l]), ce = K(() => ({
+		currentDate: A,
+		hoveredEventId: j,
+		mode: k,
+		modes: S,
+		axis: d,
+		allowAdd: f,
+		timeZone: r,
+		tooltip: h,
+		segmentedTheme: Z,
+		datePickerTheme: Q,
+		formatMessage: x,
+		onEventClick: v,
+		onAddClick: y
+	}), [
+		A,
+		j,
+		k,
+		S,
+		d,
+		f,
+		r,
+		h,
+		Z,
+		Q,
+		x,
+		v,
+		y
+	]), le = K(() => ({
+		setCurrentDate: P,
+		setHoveredEventId: M,
+		switchToDay: R,
+		switchPrevDate: B,
+		switchNextDate: V,
+		onPanelChange: Y
+	}), [
+		P,
+		R,
+		B,
+		V,
+		Y
+	]);
+	return /* @__PURE__ */ H(i.Provider, {
+		value: ce,
+		children: /* @__PURE__ */ H(o.Provider, {
+			value: le,
+			children: /* @__PURE__ */ H("div", {
+				className: p ? `bsy-calendar-view ${p}` : "bsy-calendar-view",
+				style: Object.keys(X).length > 0 ? X : void 0,
+				children: /* @__PURE__ */ U("div", {
+					className: "bsy-calendar-view__container",
+					children: [m !== !1 && /* @__PURE__ */ H(de, {}), /* @__PURE__ */ H("div", {
+						className: "bsy-calendar-view__body",
+						children: (() => {
+							switch (k) {
+								case "day": return /* @__PURE__ */ H(ke, { events: F });
+								case "week": return /* @__PURE__ */ H(Ae, { events: F });
+								case "month": return /* @__PURE__ */ H(je, { events: F });
+								default: return null;
+							}
+						})()
+					})]
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { Me as t };