@panneau/lists 5.0.0-alpha.2 → 5.0.0-alpha.21

package/dist/layouts/CalendarLayout.css

@@ -0,0 +1,153 @@
+.panneau-calendar-layout-calendar {
+    container-type: inline-size;
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-calendar-layout-header {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-calendar-layout-month {
+    margin: 0;
+    font-size: var(--panneau-font-size-lg);
+    font-weight: var(--panneau-font-weight-medium);
+}
+
+.panneau-calendar-layout-month::first-letter {
+    text-transform: uppercase;
+}
+
+.panneau-calendar-layout-navigation {
+    display: flex;
+    align-items: center;
+    gap: var(--panneau-space-1);
+}
+
+.panneau-calendar-layout-more {
+    margin: 0;
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+}
+
+.panneau-calendar-layout-grid {
+    width: 100%;
+    table-layout: fixed;
+    border-collapse: collapse;
+    background-color: var(--panneau-color-surface);
+}
+
+.panneau-calendar-layout-grid th {
+    padding: var(--panneau-space-1);
+    font-size: var(--panneau-font-size-sm);
+    font-weight: var(--panneau-font-weight-medium);
+    color: var(--panneau-color-text-muted);
+    text-align: start;
+}
+
+.panneau-calendar-layout-grid abbr {
+    text-decoration: none;
+}
+
+.panneau-calendar-layout-grid td {
+    height: 6rem;
+    padding: var(--panneau-space-1);
+    vertical-align: top;
+    border: var(--panneau-border-width) solid var(--panneau-color-border);
+}
+
+.panneau-calendar-layout-grid td[data-outside] {
+    background-color: var(--panneau-color-surface-sunken);
+    color: var(--panneau-color-text-muted);
+}
+
+.panneau-calendar-layout-day {
+    display: block;
+    font-size: var(--panneau-font-size-sm);
+}
+
+.panneau-calendar-layout-grid td[aria-current='date'] .panneau-calendar-layout-day-number {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 1.5rem;
+    height: 1.5rem;
+    color: var(--panneau-color-accent-text);
+    background-color: var(--panneau-color-accent);
+    border-radius: 999px;
+}
+
+/* The full date, for assistive technologies; shown on narrow lists. */
+.panneau-calendar-layout-day-label {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+}
+
+.panneau-calendar-layout-items {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    margin: var(--panneau-space-1) 0 0;
+    padding: 0;
+    list-style: none;
+    font-size: var(--panneau-font-size-sm);
+}
+
+.panneau-calendar-layout-items li {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.panneau-calendar-layout-items li[data-current] {
+    font-weight: var(--panneau-font-weight-medium);
+}
+
+/* On narrow lists: the days that have items, one under the other. */
+@container (max-width: 40rem) {
+    .panneau-calendar-layout-grid,
+    .panneau-calendar-layout-grid tbody,
+    .panneau-calendar-layout-grid tr,
+    .panneau-calendar-layout-grid td {
+        display: block;
+        width: auto;
+        height: auto;
+    }
+
+    .panneau-calendar-layout-grid thead,
+    .panneau-calendar-layout-grid td[data-empty],
+    .panneau-calendar-layout-day-number {
+        display: none;
+    }
+
+    .panneau-calendar-layout-grid td {
+        border-width: 0 0 var(--panneau-border-width);
+        padding: var(--panneau-space-2) 0;
+    }
+
+    .panneau-calendar-layout-grid td[data-outside] {
+        background: none;
+    }
+
+    .panneau-calendar-layout-day-label {
+        position: static;
+        width: auto;
+        height: auto;
+        overflow: visible;
+        clip-path: none;
+        font-weight: var(--panneau-font-weight-medium);
+    }
+
+    .panneau-calendar-layout-items li {
+        white-space: normal;
+    }
+}

package/dist/layouts/CalendarLayout.d.ts

@@ -0,0 +1,9 @@
+import type { ListLayoutProps } from '../types.js';
+/**
+ * Items on the days of a month (decision 0044), and a range on each day it covers (decision 0053):
+ * the weeks of the month, from the first day of the week of the locale, with the title of each item
+ * as its link, in the order of their dates, and buttons to the previous, the next and the current
+ * month. On narrow lists, the days that have items, one under the other.
+ */
+export declare function CalendarLayout({ items, columns, renderValue, getItemLabel, getItemHref, isCurrent, label, calendar, }: ListLayoutProps): import("react").JSX.Element;
+//# sourceMappingURL=CalendarLayout.d.ts.map

package/dist/layouts/CalendarLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/CalendarLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAY,eAAe,EAAE,MAAM,UAAU,CAAC;AAiD1D;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACT,KAAK,EACL,QAAQ,GACX,EAAE,eAAe,+BA4IjB"}

package/dist/layouts/CalendarLayout.js

@@ -0,0 +1,303 @@
+import { messages } from "../messages.js";
+import CalendarLayout_module_default from "./CalendarLayout.module.js";
+import { ItemTitle } from "./ItemTitle.js";
+import { getItemDays } from "./calendarDays.js";
+import { currentMonth, isMonth, shiftMonth } from "@panneau/core";
+import { c } from "react/compiler-runtime";
+import { Button, IconButton, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { isDateRangeValue } from "@panneau/fields/daterange";
+//#region src/layouts/CalendarLayout.tsx
+function pad(value, length = 2) {
+	return String(value).padStart(length, "0");
+}
+function dayOf(date) {
+	return `${pad(date.getUTCFullYear(), 4)}-${pad(date.getUTCMonth() + 1)}-${pad(date.getUTCDate())}`;
+}
+/** What orders the items of a day: a date-time, or the start of a range. */
+function sortKey(value) {
+	if (isDateRangeValue(value)) return value.start ?? value.end ?? "";
+	return typeof value === "string" ? value : "";
+}
+/** The first day of the week in a locale: 1 for Monday to 7 for Sunday. */
+function getFirstDay(locale) {
+	try {
+		const info = new Intl.Locale(locale);
+		return info.getWeekInfo?.().firstDay ?? info.weekInfo?.firstDay ?? 1;
+	} catch {
+		return 1;
+	}
+}
+/** The weeks that show a month, as days (`2026-11-02`), from the first day of the week. */
+function getWeeks(month, firstDay) {
+	const [year = 1970, index = 1] = month.split("-").map(Number);
+	const first = new Date(Date.UTC(year, index - 1, 1));
+	const last = new Date(Date.UTC(year, index, 0));
+	const offset = (first.getUTCDay() - firstDay % 7 + 7) % 7;
+	const start = Date.UTC(year, index - 1, 1 - offset);
+	const days = [];
+	for (let time = start; days.length % 7 !== 0 || time <= last.getTime(); time += 864e5) days.push(dayOf(new Date(time)));
+	return Array.from({ length: days.length / 7 }, (_, week) => days.slice(week * 7, week * 7 + 7));
+}
+/**
+* Items on the days of a month (decision 0044), and a range on each day it covers (decision 0053):
+* the weeks of the month, from the first day of the week of the locale, with the title of each item
+* as its link, in the order of their dates, and buttons to the previous, the next and the current
+* month. On narrow lists, the days that have items, one under the other.
+*/
+function CalendarLayout(t0) {
+	const $ = c(45);
+	const { items, columns, renderValue, getItemLabel, getItemHref, isCurrent, label, calendar } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	if ($[0] !== calendar || $[1] !== columns || $[2] !== getItemHref || $[3] !== getItemLabel || $[4] !== intl || $[5] !== isCurrent || $[6] !== items || $[7] !== label || $[8] !== renderValue) {
+		const today = currentMonth();
+		const month = calendar !== void 0 && isMonth(calendar.month) ? calendar.month : today;
+		const [t8, t9] = month.split("-").map(Number);
+		const year = t8 === void 0 ? 1970 : t8;
+		const index = t9 === void 0 ? 1 : t9;
+		const [title] = columns;
+		const weeks = getWeeks(month, getFirstDay(intl.locale));
+		const monthLabel = new Intl.DateTimeFormat(intl.locale, {
+			month: "long",
+			year: "numeric",
+			timeZone: "UTC"
+		}).format(new Date(Date.UTC(year, index - 1, 1)));
+		const dayLabel = new Intl.DateTimeFormat(intl.locale, {
+			weekday: "long",
+			day: "numeric",
+			month: "long",
+			timeZone: "UTC"
+		});
+		let t10;
+		if ($[16] !== intl.locale) {
+			t10 = (format) => new Intl.DateTimeFormat(intl.locale, {
+				weekday: format,
+				timeZone: "UTC"
+			});
+			$[16] = intl.locale;
+			$[17] = t10;
+		} else t10 = $[17];
+		const weekday = t10;
+		let t11;
+		let t12;
+		let t13;
+		if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+			const now = /* @__PURE__ */ new Date();
+			t11 = pad(now.getFullYear(), 4);
+			t12 = pad(now.getMonth() + 1);
+			t13 = pad(now.getDate());
+			$[18] = t11;
+			$[19] = t12;
+			$[20] = t13;
+		} else {
+			t11 = $[18];
+			t12 = $[19];
+			t13 = $[20];
+		}
+		const todayDay = `${t11}-${t12}-${t13}`;
+		const byDay = /* @__PURE__ */ new Map();
+		if (calendar !== void 0) {
+			const shown = {
+				first: weeks[0]?.[0] ?? "",
+				last: weeks.at(-1)?.at(-1) ?? ""
+			};
+			items.forEach((item) => {
+				const value = item[calendar.field];
+				getItemDays(value, shown, calendar.timeZone).forEach((day) => {
+					byDay.set(day, [...byDay.get(day) ?? [], {
+						item,
+						value: sortKey(value)
+					}]);
+				});
+			});
+		}
+		const more = calendar?.more ?? null;
+		t5 = CalendarLayout_module_default.calendar;
+		let t14;
+		if ($[21] !== intl) {
+			t14 = intl.formatMessage(messages.previousMonth);
+			$[21] = intl;
+			$[22] = t14;
+		} else t14 = $[22];
+		let t15;
+		if ($[23] !== intl) {
+			t15 = intl.formatMessage(messages.thisMonth);
+			$[23] = intl;
+			$[24] = t15;
+		} else t15 = $[24];
+		let t16;
+		if ($[25] !== intl) {
+			t16 = intl.formatMessage(messages.nextMonth);
+			$[25] = intl;
+			$[26] = t16;
+		} else t16 = $[26];
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: CalendarLayout_module_default.header,
+			children: [/* @__PURE__ */ jsx("p", {
+				className: CalendarLayout_module_default.month,
+				"aria-live": "polite",
+				children: monthLabel
+			}), /* @__PURE__ */ jsxs("div", {
+				className: CalendarLayout_module_default.navigation,
+				children: [
+					/* @__PURE__ */ jsx(IconButton, {
+						icon: ChevronLeft,
+						label: t14,
+						onPress: () => calendar?.onMonthChange(shiftMonth(month, -1))
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						isDisabled: month === today,
+						onPress: () => calendar?.onMonthChange(today),
+						children: t15
+					}),
+					/* @__PURE__ */ jsx(IconButton, {
+						icon: ChevronRight,
+						label: t16,
+						onPress: () => calendar?.onMonthChange(shiftMonth(month, 1))
+					})
+				]
+			})]
+		});
+		if ($[27] !== intl || $[28] !== items || $[29] !== more) {
+			t7 = more !== null ? /* @__PURE__ */ jsx("p", {
+				className: CalendarLayout_module_default.more,
+				role: "status",
+				children: more.total !== null ? intl.formatMessage(messages.calendarMore, {
+					shown: items.length,
+					total: more.total
+				}) : intl.formatMessage(messages.calendarMoreUnknown, { shown: items.length })
+			}) : null;
+			$[27] = intl;
+			$[28] = items;
+			$[29] = more;
+			$[30] = t7;
+		} else t7 = $[30];
+		t2 = CalendarLayout_module_default.grid;
+		t3 = `${label}, ${monthLabel}`;
+		let t17;
+		if ($[31] !== weekday) {
+			t17 = (day_0) => {
+				const date = /* @__PURE__ */ new Date(`${day_0}T00:00:00Z`);
+				return /* @__PURE__ */ jsx("th", {
+					scope: "col",
+					children: /* @__PURE__ */ jsx("abbr", {
+						title: weekday("long").format(date),
+						children: weekday("short").format(date)
+					})
+				}, day_0);
+			};
+			$[31] = weekday;
+			$[32] = t17;
+		} else t17 = $[32];
+		t4 = /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: (weeks[0] ?? []).map(t17) }) });
+		t1 = weeks.map((week) => /* @__PURE__ */ jsx("tr", { children: week.map((day_1) => {
+			const entries = [...byDay.get(day_1) ?? []].sort(_temp);
+			return /* @__PURE__ */ jsxs("td", {
+				"data-outside": !day_1.startsWith(month) || void 0,
+				"data-empty": entries.length === 0 || void 0,
+				"aria-current": day_1 === todayDay ? "date" : void 0,
+				children: [/* @__PURE__ */ jsxs("time", {
+					dateTime: day_1,
+					className: CalendarLayout_module_default.day,
+					children: [/* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: CalendarLayout_module_default.dayNumber,
+						children: Number(day_1.slice(8))
+					}), /* @__PURE__ */ jsx("span", {
+						className: CalendarLayout_module_default.dayLabel,
+						children: dayLabel.format(/* @__PURE__ */ new Date(`${day_1}T00:00:00Z`))
+					})]
+				}), entries.length > 0 ? /* @__PURE__ */ jsx("ul", {
+					className: CalendarLayout_module_default.items,
+					children: entries.map((t18) => {
+						const { item: item_0 } = t18;
+						return /* @__PURE__ */ jsx("li", {
+							"data-current": isCurrent?.(item_0) === true || void 0,
+							children: /* @__PURE__ */ jsx(ItemTitle, {
+								href: getItemHref?.(item_0) ?? null,
+								current: isCurrent?.(item_0) ?? false,
+								children: title !== void 0 ? renderValue(item_0, title) : getItemLabel(item_0)
+							})
+						}, item_0.id);
+					})
+				}) : null]
+			}, day_1);
+		}) }, week[0]));
+		$[0] = calendar;
+		$[1] = columns;
+		$[2] = getItemHref;
+		$[3] = getItemLabel;
+		$[4] = intl;
+		$[5] = isCurrent;
+		$[6] = items;
+		$[7] = label;
+		$[8] = renderValue;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
+	} else {
+		t1 = $[9];
+		t2 = $[10];
+		t3 = $[11];
+		t4 = $[12];
+		t5 = $[13];
+		t6 = $[14];
+		t7 = $[15];
+	}
+	let t8;
+	if ($[33] !== t1) {
+		t8 = /* @__PURE__ */ jsx("tbody", { children: t1 });
+		$[33] = t1;
+		$[34] = t8;
+	} else t8 = $[34];
+	let t9;
+	if ($[35] !== t2 || $[36] !== t3 || $[37] !== t4 || $[38] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("table", {
+			className: t2,
+			"aria-label": t3,
+			children: [t4, t8]
+		});
+		$[35] = t2;
+		$[36] = t3;
+		$[37] = t4;
+		$[38] = t8;
+		$[39] = t9;
+	} else t9 = $[39];
+	let t10;
+	if ($[40] !== t5 || $[41] !== t6 || $[42] !== t7 || $[43] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
+			children: [
+				t6,
+				t7,
+				t9
+			]
+		});
+		$[40] = t5;
+		$[41] = t6;
+		$[42] = t7;
+		$[43] = t9;
+		$[44] = t10;
+	} else t10 = $[44];
+	return t10;
+}
+function _temp(a, b) {
+	return a.value.localeCompare(b.value);
+}
+//#endregion
+export { CalendarLayout };
+
+//# sourceMappingURL=CalendarLayout.js.map

package/dist/layouts/CalendarLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLayout.js","names":["ChevronLeft","ChevronRight","currentMonth","isMonth","shiftMonth","isDateRangeValue","Button","IconButton","usePanneauIntl","messages","ListItem","ListLayoutProps","styles","ItemTitle","getItemDays","pad","value","length","String","padStart","dayOf","date","Date","getUTCFullYear","getUTCMonth","getUTCDate","sortKey","start","end","getFirstDay","locale","info","Intl","Locale","getWeekInfo","firstDay","weekInfo","getWeeks","month","year","index","split","map","Number","first","UTC","last","offset","getUTCDay","days","time","getTime","push","Array","from","_","week","slice","CalendarLayout","t0","$","_c","items","columns","renderValue","getItemLabel","getItemHref","isCurrent","label","calendar","intl","t1","t2","t3","t4","t5","t6","t7","today","undefined","t8","t9","title","weeks","monthLabel","DateTimeFormat","timeZone","format","dayLabel","weekday","day","t10","t11","t12","t13","Symbol","for","now","getFullYear","getMonth","getDate","todayDay","byDay","Map","shown","at","forEach","item","field","set","get","more","t14","formatMessage","previousMonth","t15","thisMonth","t16","nextMonth","header","navigation","onMonthChange","total","calendarMore","calendarMoreUnknown","grid","t17","day_0","day_1","entries","sort","_temp","startsWith","dayNumber","t18","item_0","id","a","b","localeCompare","_c","styles"],"sources":["../../src/layouts/CalendarLayout.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from 'lucide-react';\n\nimport { currentMonth, isMonth, shiftMonth } from '@panneau/core';\nimport { isDateRangeValue } from '@panneau/fields/daterange';\nimport { Button, IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { ListItem, ListLayoutProps } from '../types';\nimport styles from './CalendarLayout.module.css';\nimport { ItemTitle } from './ItemTitle';\nimport { getItemDays } from './calendarDays';\n\nfunction pad(value: number, length = 2): string {\n    return String(value).padStart(length, '0');\n}\n\nfunction dayOf(date: Date): string {\n    return `${pad(date.getUTCFullYear(), 4)}-${pad(date.getUTCMonth() + 1)}-${pad(date.getUTCDate())}`;\n}\n\n/** What orders the items of a day: a date-time, or the start of a range. */\nfunction sortKey(value: unknown): string {\n    if (isDateRangeValue(value)) {\n        return value.start ?? value.end ?? '';\n    }\n    return typeof value === 'string' ? value : '';\n}\n\n/** The first day of the week in a locale: 1 for Monday to 7 for Sunday. */\nfunction getFirstDay(locale: string): number {\n    try {\n        const info = new Intl.Locale(locale) as Intl.Locale & {\n            getWeekInfo?: () => { firstDay: number };\n            weekInfo?: { firstDay: number };\n        };\n        return info.getWeekInfo?.().firstDay ?? info.weekInfo?.firstDay ?? 1;\n    } catch {\n        return 1;\n    }\n}\n\n/** The weeks that show a month, as days (`2026-11-02`), from the first day of the week. */\nfunction getWeeks(month: string, firstDay: number): string[][] {\n    const [year = 1970, index = 1] = month.split('-').map(Number);\n    const first = new Date(Date.UTC(year, index - 1, 1));\n    const last = new Date(Date.UTC(year, index, 0));\n    // getUTCDay(): 0 for Sunday; firstDay: 7 for Sunday.\n    const offset = (first.getUTCDay() - (firstDay % 7) + 7) % 7;\n    const start = Date.UTC(year, index - 1, 1 - offset);\n    const days: string[] = [];\n    for (let time = start; days.length % 7 !== 0 || time <= last.getTime(); time += 86_400_000) {\n        days.push(dayOf(new Date(time)));\n    }\n    return Array.from({ length: days.length / 7 }, (_, week) => days.slice(week * 7, week * 7 + 7));\n}\n\n/**\n * Items on the days of a month (decision 0044), and a range on each day it covers (decision 0053):\n * the weeks of the month, from the first day of the week of the locale, with the title of each item\n * as its link, in the order of their dates, and buttons to the previous, the next and the current\n * month. On narrow lists, the days that have items, one under the other.\n */\nexport function CalendarLayout({\n    items,\n    columns,\n    renderValue,\n    getItemLabel,\n    getItemHref,\n    isCurrent,\n    label,\n    calendar,\n}: ListLayoutProps) {\n    const intl = usePanneauIntl();\n    const today = currentMonth();\n    const month = calendar !== undefined && isMonth(calendar.month) ? calendar.month : today;\n    const [year = 1970, index = 1] = month.split('-').map(Number);\n    const [title] = columns;\n    const weeks = getWeeks(month, getFirstDay(intl.locale));\n    const monthLabel = new Intl.DateTimeFormat(intl.locale, {\n        month: 'long',\n        year: 'numeric',\n        timeZone: 'UTC',\n    }).format(new Date(Date.UTC(year, index - 1, 1)));\n    const dayLabel = new Intl.DateTimeFormat(intl.locale, {\n        weekday: 'long',\n        day: 'numeric',\n        month: 'long',\n        timeZone: 'UTC',\n    });\n    const weekday = (format: 'short' | 'long') =>\n        new Intl.DateTimeFormat(intl.locale, { weekday: format, timeZone: 'UTC' });\n    const now = new Date();\n    const todayDay = `${pad(now.getFullYear(), 4)}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}`;\n\n    const byDay = new Map<string, { item: ListItem; value: string }[]>();\n    if (calendar !== undefined) {\n        const shown = { first: weeks[0]?.[0] ?? '', last: weeks.at(-1)?.at(-1) ?? '' };\n        items.forEach((item) => {\n            const value = item[calendar.field];\n            getItemDays(value, shown, calendar.timeZone).forEach((day) => {\n                byDay.set(day, [...(byDay.get(day) ?? []), { item, value: sortKey(value) }]);\n            });\n        });\n    }\n    const more = calendar?.more ?? null;\n\n    return (\n        <div className={styles.calendar}>\n            <div className={styles.header}>\n                <p className={styles.month} aria-live=\"polite\">\n                    {monthLabel}\n                </p>\n                <div className={styles.navigation}>\n                    <IconButton\n                        icon={ChevronLeft}\n                        label={intl.formatMessage(messages.previousMonth)}\n                        onPress={() => calendar?.onMonthChange(shiftMonth(month, -1))}\n                    />\n                    <Button\n                        size=\"sm\"\n                        isDisabled={month === today}\n                        onPress={() => calendar?.onMonthChange(today)}\n                    >\n                        {intl.formatMessage(messages.thisMonth)}\n                    </Button>\n                    <IconButton\n                        icon={ChevronRight}\n                        label={intl.formatMessage(messages.nextMonth)}\n                        onPress={() => calendar?.onMonthChange(shiftMonth(month, 1))}\n                    />\n                </div>\n            </div>\n            {more !== null ? (\n                <p className={styles.more} role=\"status\">\n                    {more.total !== null\n                        ? intl.formatMessage(messages.calendarMore, {\n                              shown: items.length,\n                              total: more.total,\n                          })\n                        : intl.formatMessage(messages.calendarMoreUnknown, {\n                              shown: items.length,\n                          })}\n                </p>\n            ) : null}\n            <table className={styles.grid} aria-label={`${label}, ${monthLabel}`}>\n                <thead>\n                    <tr>\n                        {(weeks[0] ?? []).map((day) => {\n                            const date = new Date(`${day}T00:00:00Z`);\n                            return (\n                                <th key={day} scope=\"col\">\n                                    <abbr title={weekday('long').format(date)}>\n                                        {weekday('short').format(date)}\n                                    </abbr>\n                                </th>\n                            );\n                        })}\n                    </tr>\n                </thead>\n                <tbody>\n                    {weeks.map((week) => (\n                        <tr key={week[0]}>\n                            {week.map((day) => {\n                                const entries = [...(byDay.get(day) ?? [])].sort((a, b) =>\n                                    a.value.localeCompare(b.value),\n                                );\n                                return (\n                                    <td\n                                        key={day}\n                                        data-outside={!day.startsWith(month) || undefined}\n                                        data-empty={entries.length === 0 || undefined}\n                                        aria-current={day === todayDay ? 'date' : undefined}\n                                    >\n                                        <time dateTime={day} className={styles.day}>\n                                            <span aria-hidden=\"true\" className={styles.dayNumber}>\n                                                {Number(day.slice(8))}\n                                            </span>\n                                            <span className={styles.dayLabel}>\n                                                {dayLabel.format(new Date(`${day}T00:00:00Z`))}\n                                            </span>\n                                        </time>\n                                        {entries.length > 0 ? (\n                                            <ul className={styles.items}>\n                                                {entries.map(({ item }) => (\n                                                    <li\n                                                        key={item.id}\n                                                        data-current={\n                                                            isCurrent?.(item) === true || undefined\n                                                        }\n                                                    >\n                                                        <ItemTitle\n                                                            href={getItemHref?.(item) ?? null}\n                                                            current={isCurrent?.(item) ?? false}\n                                                        >\n                                                            {title !== undefined\n                                                                ? renderValue(item, title)\n                                                                : getItemLabel(item)}\n                                                        </ItemTitle>\n                                                    </li>\n                                                ))}\n                                            </ul>\n                                        ) : null}\n                                    </td>\n                                );\n                            })}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/layouts/CalendarLayout.module.js

@@ -0,0 +1,28 @@
+import "./CalendarLayout.css";
+//#region src/layouts/CalendarLayout.module.css
+var calendar = "panneau-calendar-layout-calendar";
+var header = "panneau-calendar-layout-header";
+var month = "panneau-calendar-layout-month";
+var navigation = "panneau-calendar-layout-navigation";
+var more = "panneau-calendar-layout-more";
+var grid = "panneau-calendar-layout-grid";
+var day = "panneau-calendar-layout-day";
+var dayNumber = "panneau-calendar-layout-day-number";
+var dayLabel = "panneau-calendar-layout-day-label";
+var items = "panneau-calendar-layout-items";
+var CalendarLayout_module_default = {
+	calendar,
+	header,
+	month,
+	navigation,
+	more,
+	grid,
+	day,
+	dayNumber,
+	dayLabel,
+	items
+};
+//#endregion
+export { calendar, day, dayLabel, dayNumber, CalendarLayout_module_default as default, grid, header, items, month, more, navigation };
+
+//# sourceMappingURL=CalendarLayout.module.js.map

package/dist/layouts/CalendarLayout.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLayout.module.js","names":[],"sources":["../../src/layouts/CalendarLayout.module.css"],"sourcesContent":[".calendar {\n    container-type: inline-size;\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-2);\n}\n\n.header {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--panneau-space-2);\n}\n\n.month {\n    margin: 0;\n    font-size: var(--panneau-font-size-lg);\n    font-weight: var(--panneau-font-weight-medium);\n}\n\n.month::first-letter {\n    text-transform: uppercase;\n}\n\n.navigation {\n    display: flex;\n    align-items: center;\n    gap: var(--panneau-space-1);\n}\n\n.more {\n    margin: 0;\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n}\n\n.grid {\n    width: 100%;\n    table-layout: fixed;\n    border-collapse: collapse;\n    background-color: var(--panneau-color-surface);\n}\n\n.grid th {\n    padding: var(--panneau-space-1);\n    font-size: var(--panneau-font-size-sm);\n    font-weight: var(--panneau-font-weight-medium);\n    color: var(--panneau-color-text-muted);\n    text-align: start;\n}\n\n.grid abbr {\n    text-decoration: none;\n}\n\n.grid td {\n    height: 6rem;\n    padding: var(--panneau-space-1);\n    vertical-align: top;\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n}\n\n.grid td[data-outside] {\n    background-color: var(--panneau-color-surface-sunken);\n    color: var(--panneau-color-text-muted);\n}\n\n.day {\n    display: block;\n    font-size: var(--panneau-font-size-sm);\n}\n\n.grid td[aria-current='date'] .dayNumber {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 1.5rem;\n    height: 1.5rem;\n    color: var(--panneau-color-accent-text);\n    background-color: var(--panneau-color-accent);\n    border-radius: 999px;\n}\n\n/* The full date, for assistive technologies; shown on narrow lists. */\n.dayLabel {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n.items {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    margin: var(--panneau-space-1) 0 0;\n    padding: 0;\n    list-style: none;\n    font-size: var(--panneau-font-size-sm);\n}\n\n.items li {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.items li[data-current] {\n    font-weight: var(--panneau-font-weight-medium);\n}\n\n/* On narrow lists: the days that have items, one under the other. */\n@container (max-width: 40rem) {\n    .grid,\n    .grid tbody,\n    .grid tr,\n    .grid td {\n        display: block;\n        width: auto;\n        height: auto;\n    }\n\n    .grid thead,\n    .grid td[data-empty],\n    .dayNumber {\n        display: none;\n    }\n\n    .grid td {\n        border-width: 0 0 var(--panneau-border-width);\n        padding: var(--panneau-space-2) 0;\n    }\n\n    .grid td[data-outside] {\n        background: none;\n    }\n\n    .dayLabel {\n        position: static;\n        width: auto;\n        height: auto;\n        overflow: visible;\n        clip-path: none;\n        font-weight: var(--panneau-font-weight-medium);\n    }\n\n    .items li {\n        white-space: normal;\n    }\n}\n"],"mappings":""}

package/dist/layouts/CardsLayout.css

@@ -17,6 +17,11 @@
     border-radius: var(--panneau-radius-lg);
 }
 
+.panneau-cards-layout-card[data-current] {
+    border-color: var(--panneau-color-accent);
+    box-shadow: inset 0 0 0 1px var(--panneau-color-accent);
+}
+
 .panneau-cards-layout-card[data-selected] {
     background-color: var(--panneau-color-accent-subtle);
     border-color: var(--panneau-color-border-control);

package/dist/layouts/CardsLayout.d.ts

@@ -1,4 +1,4 @@
-import type { ListLayoutProps } from '../types';
+import type { ListLayoutProps } from '../types.js';
 /** Items as cards: the first column is the title, the others are listed under it. */
-export declare function CardsLayout({ items, columns, renderValue, getItemLabel, getItemHref, selectable, isSelected, onToggle, renderActions, label, pageSelection, }: ListLayoutProps): import("react").JSX.Element;
+export declare function CardsLayout({ items, columns, renderValue, getItemLabel, getItemHref, isCurrent, selectable, isSelected, onToggle, renderActions, label, pageSelection, }: ListLayoutProps): import("react").JSX.Element;
 //# sourceMappingURL=CardsLayout.d.ts.map

package/dist/layouts/CardsLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardsLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/CardsLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,aAAa,GAChB,EAAE,eAAe,+BAqDjB"}
+{"version":3,"file":"CardsLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/CardsLayout.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,aAAa,GAChB,EAAE,eAAe,+BA6DjB"}