@stisocial/ui 0.2.0 → 0.3.0

package/dist/components/CalendarView/CalendarView.js

@@ -0,0 +1,378 @@
+"use client";
+import { useFormatter, useLocale, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { Button } from "../Button/Button.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { ChevronRightIcon } from "../../icons/generated/ChevronRightIcon.js";
+import { ChevronLeftIcon } from "../../icons/generated/ChevronLeftIcon.js";
+import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
+import CalendarView_module_default from "./CalendarView.module.js";
+import { addDays, addMonths, civil, daysCovered, layoutDay, monthGrid, monthOf, startOfWeek } from "./calendarMath.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+// src/components/CalendarView/CalendarView.tsx
+/**
+* Takvim görünümü: ay (haftalık ızgara, gün başına en çok N etkinlik ve "+N daha"), hafta ve gün
+* (saat ızgarası; çakışan etkinlikler yan yana, tüm gün etkinlikleri üst şeritte, şimdiki zaman
+* çizgisi). Üstte "Bugün", önceki/sonraki ve görünüm seçimi. Hesap saat dilimindeki sivil tarih
+* üzerindendir; konumlar CSSOM ile verilir (satır içi stil yok).
+*/
+function CalendarView({ label, events, view: viewProp, defaultView = "month", onViewChange, date: dateProp, defaultDate, onDateChange, onEventAction, today: todayProp, weekStartsOn, scrollToHour = 8, maxEventsPerDay = 3, className, id }) {
+	const t = useMessages();
+	const fmt = useFormatter();
+	const locale = useLocale();
+	const tz = fmt.context.timeZone;
+	const [initialToday] = useState(() => civil(/* @__PURE__ */ new Date(), tz).day);
+	const today = todayProp ?? initialToday;
+	const [innerView, setInnerView] = useState(defaultView);
+	const view = viewProp ?? innerView;
+	const [innerDate, setInnerDate] = useState(defaultDate ?? today);
+	const date = dateProp ?? innerDate;
+	const weekStart = weekStartsOn ?? (locale.startsWith("en") ? 0 : 1);
+	const setView = (v) => {
+		if (!viewProp) setInnerView(v);
+		onViewChange?.(v);
+	};
+	const setDate = (d) => {
+		if (!dateProp) setInnerDate(d);
+		onDateChange?.(d);
+	};
+	const norm = useMemo(() => events.map((event) => {
+		const start = civil(event.start, tz);
+		const end = civil(event.end, tz);
+		const days = daysCovered(start, end);
+		return {
+			event,
+			start,
+			end,
+			days,
+			spans: Boolean(event.allDay) || days.length > 1
+		};
+	}), [events, tz]);
+	const byDay = useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const n of norm) for (const d of n.days) {
+			const list = map.get(d) ?? [];
+			list.push(n);
+			map.set(d, list);
+		}
+		for (const list of map.values()) list.sort((a, b) => Number(b.spans) - Number(a.spans) || a.start.day.localeCompare(b.start.day) || a.start.minute - b.start.minute);
+		return map;
+	}, [norm]);
+	const asDate = (day) => /* @__PURE__ */ new Date(`${day}T12:00:00Z`);
+	const weekdayName = (day, style) => new Intl.DateTimeFormat(locale, {
+		weekday: style,
+		timeZone: "UTC"
+	}).format(asDate(day));
+	const time = (minute) => `${String(Math.floor(minute / 60)).padStart(2, "0")}:${String(minute % 60).padStart(2, "0")}`;
+	const shift = (dir) => {
+		if (view === "month") setDate(addMonths(date, dir));
+		else setDate(addDays(date, dir * (view === "week" ? 7 : 1)));
+	};
+	const weekDays = Array.from({ length: 7 }, (_, i) => addDays(startOfWeek(date, weekStart), i));
+	const title = view === "month" ? fmt.monthYear(asDate(`${monthOf(date)}-15`)) : view === "week" ? fmt.dateRange(asDate(weekDays[0] ?? date), asDate(weekDays[6] ?? date)) : `${fmt.date(asDate(date))}, ${weekdayName(date, "long")}`;
+	/** Görünmeyen ek: görünen metnin ardından okunur (ad, görünen metinle başlar). */
+	const extraOf = (n, withTime) => n.event.allDay ? `, ${t.calendarAllDay}` : withTime ? `, ${template(t.calendarEventTime, {
+		start: time(n.start.minute),
+		end: time(n.end.minute)
+	})}` : "";
+	/** Etkinlik: eylem varsa düğme (adı başlık ve saat), yoksa düz kutu (görünen metin okunur). */
+	const chip = (n, cls, children, extra = "") => {
+		const body = /* @__PURE__ */ jsxs(Fragment, { children: [children, extra ? /* @__PURE__ */ jsx("span", {
+			className: CalendarView_module_default.srOnly,
+			children: extra
+		}) : null] });
+		return onEventAction ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: cls,
+			"data-tone": n.event.tone ?? "accent",
+			onClick: () => onEventAction(n.event.id),
+			children: body
+		}, n.event.id) : /* @__PURE__ */ jsx("div", {
+			className: cls,
+			"data-tone": n.event.tone ?? "accent",
+			children: body
+		}, n.event.id);
+	};
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		"aria-label": label,
+		className: [CalendarView_module_default.root, className].filter(Boolean).join(" "),
+		"data-view": view,
+		children: [/* @__PURE__ */ jsxs("header", {
+			className: CalendarView_module_default.toolbar,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: CalendarView_module_default.nav,
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "secondary",
+						onPress: () => setDate(today),
+						children: t.calendarToday
+					}),
+					/* @__PURE__ */ jsx(IconButton, {
+						size: "sm",
+						variant: "ghost",
+						label: t[`calendarPrevious${CAP[view]}`],
+						icon: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: CalendarView_module_default.arrow }),
+						onPress: () => shift(-1)
+					}),
+					/* @__PURE__ */ jsx(IconButton, {
+						size: "sm",
+						variant: "ghost",
+						label: t[`calendarNext${CAP[view]}`],
+						icon: /* @__PURE__ */ jsx(ChevronRightIcon, { className: CalendarView_module_default.arrow }),
+						onPress: () => shift(1)
+					}),
+					/* @__PURE__ */ jsx("h2", {
+						className: CalendarView_module_default.title,
+						"aria-live": "polite",
+						children: title
+					})
+				]
+			}), /* @__PURE__ */ jsxs(SegmentedControl, {
+				label: t.calendarViewLabel,
+				size: "sm",
+				value: view,
+				onChange: (v) => setView(v),
+				children: [
+					/* @__PURE__ */ jsx(SegmentedControlItem, {
+						value: "month",
+						children: t.calendarViewMonth
+					}),
+					/* @__PURE__ */ jsx(SegmentedControlItem, {
+						value: "week",
+						children: t.calendarViewWeek
+					}),
+					/* @__PURE__ */ jsx(SegmentedControlItem, {
+						value: "day",
+						children: t.calendarViewDay
+					})
+				]
+			})]
+		}), view === "month" ? /* @__PURE__ */ jsxs("table", {
+			className: CalendarView_module_default.month,
+			"aria-label": title,
+			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: (monthGrid(date, weekStart)[0] ?? []).map((d) => /* @__PURE__ */ jsxs("th", {
+				scope: "col",
+				className: CalendarView_module_default.weekday,
+				abbr: weekdayName(d, "long"),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: CalendarView_module_default.wideText,
+					children: weekdayName(d, "short")
+				}), /* @__PURE__ */ jsx("span", {
+					className: CalendarView_module_default.narrowText,
+					"aria-hidden": "true",
+					children: weekdayName(d, "narrow")
+				})]
+			}, d)) }) }), /* @__PURE__ */ jsx("tbody", { children: monthGrid(date, weekStart).map((week) => /* @__PURE__ */ jsx("tr", { children: week.map((d) => {
+				const list = byDay.get(d) ?? [];
+				const shown = list.slice(0, maxEventsPerDay);
+				const more = list.length - shown.length;
+				return /* @__PURE__ */ jsxs("td", {
+					className: CalendarView_module_default.day,
+					"data-outside": monthOf(d) !== monthOf(date) ? "" : void 0,
+					"data-today": d === today ? "" : void 0,
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: CalendarView_module_default.dayNumber,
+						"aria-label": `${fmt.date(asDate(d))}, ${weekdayName(d, "long")}${list.length ? `, ${template(t.calendarEventCount, { count: list.length })}` : ""}`,
+						"aria-current": d === today ? "date" : void 0,
+						onClick: () => {
+							setDate(d);
+							setView("day");
+						},
+						children: Number(d.slice(8))
+					}), /* @__PURE__ */ jsxs("div", {
+						className: CalendarView_module_default.dayEvents,
+						children: [shown.map((n) => chip(n, n.spans ? CalendarView_module_default.bar : CalendarView_module_default.item, /* @__PURE__ */ jsxs(Fragment, { children: [n.spans ? null : /* @__PURE__ */ jsx("span", {
+							className: CalendarView_module_default.itemTime,
+							children: time(n.start.minute)
+						}), /* @__PURE__ */ jsx("span", {
+							className: CalendarView_module_default.itemTitle,
+							children: n.event.title
+						})] }), extraOf(n, !n.spans))), more > 0 ? /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: CalendarView_module_default.more,
+							"aria-label": template(t.calendarMoreLabel, {
+								count: more,
+								date: fmt.date(asDate(d))
+							}),
+							onClick: () => {
+								setDate(d);
+								setView("day");
+							},
+							children: [/* @__PURE__ */ jsx("span", {
+								className: CalendarView_module_default.wideText,
+								children: template(t.calendarMore, { count: more })
+							}), /* @__PURE__ */ jsx("span", {
+								className: CalendarView_module_default.narrowText,
+								children: `+${more}`
+							})]
+						}) : null]
+					})]
+				}, d);
+			}) }, week[0])) })]
+		}) : /* @__PURE__ */ jsx(TimeGrid, {
+			days: view === "week" ? weekDays : [date],
+			byDay,
+			today,
+			tz,
+			scrollToHour,
+			weekdayName,
+			dayLabel: (d) => fmt.date(asDate(d)),
+			time,
+			allDayLabel: t.calendarAllDay,
+			onDay: view === "week" ? (d) => {
+				setDate(d);
+				setView("day");
+			} : void 0,
+			gridLabel: t.calendarTimeGrid,
+			renderChip: chip
+		})]
+	});
+}
+const CAP = {
+	month: "Month",
+	week: "Week",
+	day: "Day"
+};
+const HOURS = Array.from({ length: 24 }, (_, h) => `${String(h).padStart(2, "0")}:00`);
+function TimeGrid({ days, byDay, today, tz, scrollToHour, weekdayName, dayLabel, time, allDayLabel, gridLabel, onDay, renderChip }) {
+	const scroller = useRef(null);
+	const hasAllDay = days.some((d) => (byDay.get(d) ?? []).some((n) => n.spans));
+	useEffect(() => {
+		const el = scroller.current;
+		const row = el?.querySelector(`[data-hour="${scrollToHour}"]`);
+		if (el && row) el.scrollTop = Math.max(0, row.offsetTop - 12);
+	}, []);
+	const place = useCallback((el) => {
+		if (!el) return;
+		for (const k of [
+			"from",
+			"to",
+			"lane",
+			"lanes"
+		]) el.style.setProperty(`--sti-cal-${k}`, el.dataset[k] ?? "0");
+		el.dataset.placed = "";
+	}, []);
+	const [now, setNow] = useState(null);
+	useEffect(() => {
+		const tick = () => setNow(civil(/* @__PURE__ */ new Date(), tz));
+		tick();
+		const timer = setInterval(tick, 6e4);
+		return () => clearInterval(timer);
+	}, [tz]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: CalendarView_module_default.timeGrid,
+		"data-days": days.length,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: CalendarView_module_default.columnsHead,
+				"aria-hidden": onDay ? void 0 : true,
+				children: [/* @__PURE__ */ jsx("span", { className: CalendarView_module_default.gutterHead }), days.map((d) => onDay ? /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: CalendarView_module_default.colHead,
+					"data-today": d === today ? "" : void 0,
+					"aria-current": d === today ? "date" : void 0,
+					onClick: () => onDay(d),
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: CalendarView_module_default.colWeekday,
+							children: weekdayName(d, "short")
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: CalendarView_module_default.colNumber,
+							children: Number(d.slice(8))
+						}),
+						/* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${dayLabel(d)}, ${weekdayName(d, "long")}` })
+					]
+				}, d) : /* @__PURE__ */ jsxs("span", {
+					className: CalendarView_module_default.colHead,
+					"data-today": d === today ? "" : void 0,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: CalendarView_module_default.colWeekday,
+						children: weekdayName(d, "short")
+					}), /* @__PURE__ */ jsx("span", {
+						className: CalendarView_module_default.colNumber,
+						children: Number(d.slice(8))
+					})]
+				}, d))]
+			}),
+			hasAllDay ? /* @__PURE__ */ jsxs("div", {
+				className: CalendarView_module_default.allDayRow,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: CalendarView_module_default.gutterLabel,
+					children: allDayLabel
+				}), days.map((d) => /* @__PURE__ */ jsx("div", {
+					className: CalendarView_module_default.allDayCell,
+					children: (byDay.get(d) ?? []).filter((n) => n.spans).map((n) => renderChip(n, CalendarView_module_default.bar, /* @__PURE__ */ jsx("span", {
+						className: CalendarView_module_default.itemTitle,
+						children: n.event.title
+					}), n.event.allDay ? `, ${allDayLabel}` : ""))
+				}, d))]
+			}) : null,
+			/* @__PURE__ */ jsxs("section", {
+				ref: scroller,
+				className: CalendarView_module_default.scroller,
+				tabIndex: 0,
+				"aria-label": gridLabel,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: CalendarView_module_default.hours,
+					children: HOURS.map((label, h) => /* @__PURE__ */ jsx("div", {
+						className: CalendarView_module_default.hour,
+						"data-hour": h,
+						children: /* @__PURE__ */ jsx("span", {
+							className: CalendarView_module_default.hourLabel,
+							children: h === 0 ? "" : label
+						})
+					}, label))
+				}), /* @__PURE__ */ jsx("div", {
+					className: CalendarView_module_default.dayCols,
+					children: days.map((d) => {
+						const timed = (byDay.get(d) ?? []).filter((n) => !n.spans);
+						const placed = layoutDay(timed.map((n) => ({
+							item: n,
+							from: n.start.day < d ? 0 : n.start.minute,
+							to: n.end.day > d ? 1440 : n.end.minute
+						})));
+						return /* @__PURE__ */ jsxs("div", {
+							className: CalendarView_module_default.dayCol,
+							"data-today": d === today ? "" : void 0,
+							children: [placed.map((p) => /* @__PURE__ */ jsx("div", {
+								ref: place,
+								className: CalendarView_module_default.slot,
+								"data-from": p.from,
+								"data-to": p.to,
+								"data-lane": p.lane,
+								"data-lanes": p.lanes,
+								"data-short": p.to - p.from < 45 ? "" : void 0,
+								children: renderChip(p.item, CalendarView_module_default.block, /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+									className: CalendarView_module_default.itemTitle,
+									children: p.item.event.title
+								}), /* @__PURE__ */ jsxs("span", {
+									className: CalendarView_module_default.blockTime,
+									children: [
+										time(p.from),
+										"–",
+										time(Math.min(p.to, 1439))
+									]
+								})] }))
+							}, p.item.event.id)), now && now.day === d ? /* @__PURE__ */ jsx("div", {
+								ref: (el) => {
+									if (!el) return;
+									el.style.setProperty("--sti-cal-from", String(now.minute));
+									el.dataset.placed = "";
+								},
+								className: CalendarView_module_default.nowLine,
+								"aria-hidden": "true"
+							}) : null]
+						}, d);
+					})
+				})]
+			})
+		]
+	});
+}
+export { CalendarView };

package/dist/components/CalendarView/CalendarView.module.js

@@ -0,0 +1,40 @@
+import './CalendarView.css';
+// src/components/CalendarView/CalendarView.module.css
+var CalendarView_module_default = {
+	"root": "sti-CalendarView-root-b3259",
+	"toolbar": "sti-CalendarView-toolbar-afa89",
+	"nav": "sti-CalendarView-nav-3f236",
+	"title": "sti-CalendarView-title-d22c8",
+	"arrow": "sti-CalendarView-arrow-fb07f",
+	"month": "sti-CalendarView-month-dbea4",
+	"weekday": "sti-CalendarView-weekday-4634b",
+	"day": "sti-CalendarView-day-ceb46",
+	"dayNumber": "sti-CalendarView-dayNumber-5f00a",
+	"colHead": "sti-CalendarView-colHead-215ad",
+	"colNumber": "sti-CalendarView-colNumber-39787",
+	"dayEvents": "sti-CalendarView-dayEvents-7c724",
+	"bar": "sti-CalendarView-bar-e46b0",
+	"item": "sti-CalendarView-item-69e8b",
+	"block": "sti-CalendarView-block-cf240",
+	"itemTime": "sti-CalendarView-itemTime-d39f3",
+	"itemTitle": "sti-CalendarView-itemTitle-863a6",
+	"more": "sti-CalendarView-more-daf49",
+	"timeGrid": "sti-CalendarView-timeGrid-8c1f5",
+	"columnsHead": "sti-CalendarView-columnsHead-28695",
+	"allDayRow": "sti-CalendarView-allDayRow-0823d",
+	"dayCols": "sti-CalendarView-dayCols-fceef",
+	"colWeekday": "sti-CalendarView-colWeekday-59379",
+	"gutterLabel": "sti-CalendarView-gutterLabel-f88da",
+	"allDayCell": "sti-CalendarView-allDayCell-ae07c",
+	"scroller": "sti-CalendarView-scroller-341a1",
+	"hour": "sti-CalendarView-hour-13930",
+	"hourLabel": "sti-CalendarView-hourLabel-3b714",
+	"dayCol": "sti-CalendarView-dayCol-84423",
+	"slot": "sti-CalendarView-slot-7c38b",
+	"blockTime": "sti-CalendarView-blockTime-980c5",
+	"nowLine": "sti-CalendarView-nowLine-bbc52",
+	"srOnly": "sti-CalendarView-srOnly-7c6aa",
+	"narrowText": "sti-CalendarView-narrowText-c1fa9",
+	"wideText": "sti-CalendarView-wideText-73d35"
+};
+export { CalendarView_module_default as default };

package/dist/components/CalendarView/calendarMath.d.ts

@@ -0,0 +1,36 @@
+export interface Civil {
+  /** "2026-11-14" */
+  day: string;
+  /** Gece yarısından beri dakika. */
+  minute: number;
+}
+/** Anın, verilen saat dilimindeki günü ve dakikası. */
+export declare function civil(date: Date | string | number, timeZone: string): Civil;
+export declare const addDays: (day: string, n: number) => string;
+/** Haftanın günü (0 pazar … 6 cumartesi). */
+export declare const weekday: (day: string) => number;
+/** Haftanın ilk günü (`weekStartsOn` 1 pazartesi, 0 pazar). */
+export declare const startOfWeek: (day: string, weekStartsOn: 0 | 1) => string;
+export declare const monthOf: (day: string) => string;
+export declare const addMonths: (day: string, n: number) => string;
+/** Ay görünümünün günleri: ayın ilk haftasının başından, ayı kapsayan tam haftalar (4–6). */
+export declare function monthGrid(day: string, weekStartsOn: 0 | 1): string[][];
+/** Bir etkinliğin kapladığı günler (bitiş anı hariç: 00:00'da biten önceki günde biter). */
+export declare function daysCovered(start: Civil, end: Civil): string[];
+export interface Placed<T> {
+  item: T;
+  /** Günün içindeki başlangıç ve bitiş dakikası (gün sınırına kırpılmış). */
+  from: number;
+  to: number;
+  lane: number;
+  lanes: number;
+}
+/**
+ * Gün içindeki zamanlı etkinlikleri şeritlere yerleştirir: çakışanlar yan yana, çakışmayan
+ * kümeler tam genişlik. Sıra başlangıca, eşitlikte uzun olan önce.
+ */
+export declare function layoutDay<T>(items: readonly {
+  item: T;
+  from: number;
+  to: number;
+}[]): Placed<T>[];

package/dist/components/CalendarView/calendarMath.js

@@ -0,0 +1,97 @@
+// src/components/CalendarView/calendarMath.ts
+const partsCache = /* @__PURE__ */ new Map();
+/** Anın, verilen saat dilimindeki günü ve dakikası. */
+function civil(date, timeZone) {
+	let f = partsCache.get(timeZone);
+	if (!f) {
+		f = new Intl.DateTimeFormat("en-CA", {
+			timeZone,
+			year: "numeric",
+			month: "2-digit",
+			day: "2-digit",
+			hour: "2-digit",
+			minute: "2-digit",
+			hourCycle: "h23"
+		});
+		partsCache.set(timeZone, f);
+	}
+	const p = Object.fromEntries(f.formatToParts(new Date(date)).map((x) => [x.type, x.value]));
+	return {
+		day: `${p.year}-${p.month}-${p.day}`,
+		minute: Number(p.hour) * 60 + Number(p.minute)
+	};
+}
+const toUtc = (day) => {
+	const [y, m, d] = day.split("-").map(Number);
+	return Date.UTC(y ?? 1970, (m ?? 1) - 1, d ?? 1);
+};
+const fromUtc = (ms) => new Date(ms).toISOString().slice(0, 10);
+const addDays = (day, n) => fromUtc(toUtc(day) + n * 864e5);
+/** Haftanın günü (0 pazar … 6 cumartesi). */
+const weekday = (day) => new Date(toUtc(day)).getUTCDay();
+/** Haftanın ilk günü (`weekStartsOn` 1 pazartesi, 0 pazar). */
+const startOfWeek = (day, weekStartsOn) => addDays(day, -((weekday(day) - weekStartsOn + 7) % 7));
+const monthOf = (day) => day.slice(0, 7);
+const addMonths = (day, n) => {
+	const [y, m] = day.split("-").map(Number);
+	const total = (y ?? 1970) * 12 + ((m ?? 1) - 1) + n;
+	return `${Math.floor(total / 12)}-${String(total % 12 + 1).padStart(2, "0")}-01`;
+};
+/** Ay görünümünün günleri: ayın ilk haftasının başından, ayı kapsayan tam haftalar (4–6). */
+function monthGrid(day, weekStartsOn) {
+	const first = `${monthOf(day)}-01`;
+	const start = startOfWeek(first, weekStartsOn);
+	const nextMonth = addMonths(day, 1);
+	const weeks = [];
+	let cursor = start;
+	while (weeks.length < 6 && (weeks.length === 0 || cursor < nextMonth)) {
+		weeks.push(Array.from({ length: 7 }, (_, i) => addDays(cursor, i)));
+		cursor = addDays(cursor, 7);
+	}
+	return weeks;
+}
+/** Bir etkinliğin kapladığı günler (bitiş anı hariç: 00:00'da biten önceki günde biter). */
+function daysCovered(start, end) {
+	const last = end.minute === 0 && end.day > start.day ? addDays(end.day, -1) : end.day;
+	const out = [];
+	for (let d = start.day; d <= last && out.length < 400; d = addDays(d, 1)) out.push(d);
+	return out;
+}
+/**
+* Gün içindeki zamanlı etkinlikleri şeritlere yerleştirir: çakışanlar yan yana, çakışmayan
+* kümeler tam genişlik. Sıra başlangıca, eşitlikte uzun olan önce.
+*/
+function layoutDay(items) {
+	const sorted = [...items].sort((a, b) => a.from - b.from || b.to - a.to);
+	const out = [];
+	let cluster = [];
+	let clusterEnd = -1;
+	const flush = () => {
+		const lanes = Math.max(1, ...cluster.map((p) => p.lane + 1));
+		for (const p of cluster) p.lanes = lanes;
+		cluster = [];
+	};
+	for (const it of sorted) {
+		const to = Math.max(it.to, it.from + 15);
+		if (it.from >= clusterEnd) {
+			flush();
+			clusterEnd = -1;
+		}
+		const used = new Set(cluster.filter((p) => p.to > it.from).map((p) => p.lane));
+		let lane = 0;
+		while (used.has(lane)) lane++;
+		const placed = {
+			item: it.item,
+			from: it.from,
+			to,
+			lane,
+			lanes: 1
+		};
+		cluster.push(placed);
+		out.push(placed);
+		clusterEnd = Math.max(clusterEnd, to);
+	}
+	flush();
+	return out;
+}
+export { addDays, addMonths, civil, daysCovered, layoutDay, monthGrid, monthOf, startOfWeek, weekday };