@gnome-ui/react 1.42.0 → 1.44.0

package/dist/components/ContributionGraph/ContributionGraph.js

@@ -1,23 +1,35 @@
 import e from "./ContributionGraph.module.css.js";
-import { useDateTimeFormatter as t } from "../GnomeProvider/GnomeContext.js";
-import { useMemo as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { GnomeContext as t, useDateTimeFormatter as n } from "../GnomeProvider/GnomeContext.js";
+import { useContext as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { createPortal as c } from "react-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/ContributionGraph/ContributionGraph.tsx
-var s = new Date(2e3, 0, 2);
-function c(e, t) {
+var d = new Date(2e3, 0, 2);
+function f(e, t) {
 	return t.format(new Date(2e3, e));
 }
-function l(e, t) {
-	let n = new Date(s);
-	return n.setDate(s.getDate() + e), t.format(n);
+function ee(e, t) {
+	let n = new Date(d);
+	return n.setDate(d.getDate() + e), t.format(n);
+}
+var te = 28, ne = 20, re = new Set([
+	"blue",
+	"green",
+	"yellow",
+	"orange",
+	"red",
+	"purple",
+	"brown"
+]);
+function ie(e) {
+	return [
+		"var(--gnome-card-shade-color)",
+		`var(--gnome-${e}-1)`,
+		`var(--gnome-${e}-2)`,
+		`var(--gnome-${e}-4)`,
+		`var(--gnome-${e}-5)`
+	];
 }
-var u = 28, d = 20, f = [
-	"var(--gnome-card-shade-color, rgba(0,0,0,0.07))",
-	"var(--gnome-green-1, #8ff0a4)",
-	"var(--gnome-green-2, #57e389)",
-	"var(--gnome-green-4, #2ec27e)",
-	"var(--gnome-green-5, #26a269)"
-];
 function p(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
@@ -28,38 +40,92 @@ function m(e) {
 function h(e, t) {
 	return t.format(m(e));
 }
-function g({ data: s, maxLevel: m = 4, colorScale: g, cellSize: _ = 12, cellGap: v = 3, weekStartDay: y = 1, showMonthLabels: b = !0, showDayLabels: x = !0, showLegend: S = !0, weeks: C = 52, ariaLabel: w = "Contribution graph", onDayClick: T, tooltipContent: E, className: D }) {
-	let O = t({ month: "short" }), k = t({ weekday: "short" }), A = t({
+function g({ data: d, maxLevel: m = 4, cellSize: g = 12, cellGap: _ = 3, responsive: v = !0, minCellSize: ae = 8, maxCellSize: oe = 24, weekStartDay: y = 1, showMonthLabels: b = !0, showDayLabels: x = !0, showLegend: se = !0, weeks: ce = 52, ariaLabel: S = "Contribution graph", onDayClick: C, tooltipContent: le, className: ue }) {
+	let w = n({ month: "short" }), T = n({ weekday: "short" }), E = n({
 		weekday: "long",
 		year: "numeric",
 		month: "long",
 		day: "numeric"
-	}), j = _ + v, M = r(null), N = r(null), P = g ?? f, [F, I] = i({
+	}), { accentColor: D } = r(t), O = re.has(D) ? D : "green", k = o(null), A = o(null), j = o(null), M = a(() => ie(O), [O]), [N, de] = s(null), [P, F] = s({
 		col: 0,
 		row: 0
-	}), [L, R] = i(null), z = n(() => {
+	}), [I, L] = s(null), [R, z] = s(null);
+	i(() => {
+		if (!v) return;
+		let e = A.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.clientWidth || e.getBoundingClientRect().width;
+			t > 0 && de(t);
+		};
+		if (t(), typeof ResizeObserver > "u") return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [v]), i(() => {
+		if (!I) return;
+		let e = () => {
+			let e = j.current;
+			if (!e) return;
+			let t = I.target.getBoundingClientRect(), n = e.getBoundingClientRect(), r = document.documentElement.clientWidth || window.innerWidth, i = document.documentElement.clientHeight || window.innerHeight, a = Math.max(8, r - n.width - 8), o = Math.max(8, i - n.height - 8), s = t.left + t.width / 2 - n.width / 2, c = t.top - n.height - 6, l = c >= 8 ? c : t.bottom + 6;
+			z({
+				left: Math.max(8, Math.min(s, a)),
+				top: Math.max(8, Math.min(l, o))
+			});
+		};
+		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, {
+			passive: !0,
+			capture: !0
+		}), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, { capture: !0 });
+		};
+	}, [I]);
+	let B = a(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of s) e.set(t.date, t.count);
+		for (let t of d) e.set(t.date, t.count);
 		return e;
-	}, [s]), B = n(() => Math.max(1, ...s.map((e) => e.count)), [s]), { grid: V, monthLabels: H } = n(() => {
+	}, [d]), V = a(() => Math.max(1, ...d.map((e) => e.count)), [d]), H = x ? te : 0, U = b ? ne : 0, W = Math.max(1, Math.floor(ce)), G = Math.max(1, ae), K = Math.max(G, oe), q = a(() => {
+		if (!v || N === null) return {
+			cellSize: g,
+			weeks: W
+		};
+		let e = Math.max(0, N - H), t = (e + _) / W - _;
+		if (t >= G) return {
+			cellSize: Math.min(K, t),
+			weeks: W
+		};
+		let n = Math.floor((e + _) / (G + _));
+		return {
+			cellSize: G,
+			weeks: Math.max(1, Math.min(W, n))
+		};
+	}, [
+		N,
+		_,
+		g,
+		W,
+		H,
+		K,
+		G,
+		v
+	]), J = q.weeks, Y = q.cellSize, X = Y + _, { grid: Z, monthLabels: fe } = a(() => {
 		let e = /* @__PURE__ */ new Date();
 		e.setHours(0, 0, 0, 0);
 		let t = (e.getDay() - y + 7) % 7, n = new Date(e);
 		n.setDate(e.getDate() - t);
 		let r = new Date(n);
-		r.setDate(n.getDate() - (C - 1) * 7);
+		r.setDate(n.getDate() - (J - 1) * 7);
 		let i = [], a = [], o = -1;
-		for (let t = 0; t < C; t++) {
+		for (let t = 0; t < J; t++) {
 			let n = new Date(r);
 			n.setDate(r.getDate() + t * 7), n.getMonth() !== o && (a.push({
 				col: t,
-				month: c(n.getMonth(), O)
+				month: f(n.getMonth(), w)
 			}), o = n.getMonth());
 			let s = [];
 			for (let n = 0; n < 7; n++) {
 				let i = new Date(r);
 				i.setDate(r.getDate() + t * 7 + n);
-				let a = i > e, o = p(i), c = a ? 0 : z.get(o) ?? 0, l = c === 0 ? 0 : Math.min(m, Math.ceil(c / B * m));
+				let a = i > e, o = p(i), c = a ? 0 : B.get(o) ?? 0, l = c === 0 ? 0 : Math.min(m, Math.ceil(c / V * m));
 				s.push({
 					iso: o,
 					count: c,
@@ -74,157 +140,172 @@ function g({ data: s, maxLevel: m = 4, colorScale: g, cellSize: _ = 12, cellGap:
 			monthLabels: a
 		};
 	}, [
-		z,
 		B,
+		V,
 		m,
-		C,
+		J,
 		y,
-		O
-	]), U = n(() => [
+		w
+	]), pe = a(() => [
 		1,
 		3,
 		5
 	].map((e) => ({
 		row: (e - y + 7) % 7,
-		label: l(e, k)
-	})), [y, k]), W = x ? u : 0, G = b ? d : 0, K = W + C * j - v, q = G + 7 * j - v, J = Math.min(4, Math.floor(_ / 3));
-	function Y(e, t) {
-		let n = Math.max(0, Math.min(C - 1, e)), r = Math.max(0, Math.min(6, t));
-		I({
+		label: ee(e, T)
+	})), [y, T]), Q = H + J * X - _, me = U + 7 * X - _, $ = Math.min(4, Math.floor(Y / 3));
+	i(() => {
+		F((e) => ({
+			col: Math.min(J - 1, e.col),
+			row: e.row
+		}));
+	}, [J]);
+	function he(e, t) {
+		let n = Math.max(0, Math.min(J - 1, e)), r = Math.max(0, Math.min(6, t));
+		F({
 			col: n,
 			row: r
-		}), M.current?.querySelector(`[data-col="${n}"][data-row="${r}"]`)?.focus();
+		}), k.current?.querySelector(`[data-col="${n}"][data-row="${r}"]`)?.focus();
 	}
-	function X(e, t, n) {
+	function ge(e, t, n) {
 		let r = {
 			ArrowRight: [t + 1, n],
 			ArrowLeft: [t - 1, n],
 			ArrowDown: [t, n + 1],
 			ArrowUp: [t, n - 1]
 		};
-		if (r[e.key]) e.preventDefault(), Y(...r[e.key]);
+		if (r[e.key]) e.preventDefault(), he(...r[e.key]);
 		else if (e.key === "Enter" || e.key === " ") {
 			e.preventDefault();
-			let r = V[t]?.[n];
-			r && !r.future && T?.({
+			let r = Z[t]?.[n];
+			r && !r.future && C?.({
 				date: r.iso,
 				count: r.count
 			});
 		}
 	}
-	function Z(e, t) {
-		let n = N.current;
-		if (!n) return;
-		let r = n.getBoundingClientRect(), i = e.currentTarget.getBoundingClientRect();
-		R({
-			x: i.left - r.left + _ / 2,
-			y: i.top - r.top,
+	function _e(e, t) {
+		z(null), L({
+			target: e.currentTarget,
 			text: t
 		});
 	}
-	function Q(e) {
-		return e.future ? P[0] : P[Math.min(e.level, P.length - 1)] ?? P[P.length - 1];
+	function ve() {
+		L(null), z(null);
 	}
-	function $(e) {
-		if (e.future) return h(e.iso, A);
-		let t = h(e.iso, A);
-		return E?.({
+	function ye(e) {
+		return e.future ? M[0] : M[Math.min(e.level, M.length - 1)] ?? M[M.length - 1];
+	}
+	function be(e) {
+		if (e.future) return h(e.iso, E);
+		let t = h(e.iso, E);
+		return le?.({
 			date: e.iso,
 			count: e.count
 		}) ?? `${e.count} contribution${e.count === 1 ? "" : "s"} on ${t}`;
 	}
-	return /* @__PURE__ */ o("div", {
-		ref: N,
-		className: [e.wrapper, D].filter(Boolean).join(" "),
+	return /* @__PURE__ */ u("div", {
+		className: [e.wrapper, ue].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ o("svg", {
-				ref: M,
-				width: K,
-				height: q,
-				className: e.svg,
-				"aria-label": w,
-				role: "img",
-				children: [
-					b && H.map(({ col: t, month: n }) => /* @__PURE__ */ a("text", {
-						x: W + t * j,
-						y: 12,
-						className: e.label,
-						children: n
-					}, `m-${t}`)),
-					x && U.map(({ row: t, label: n }) => /* @__PURE__ */ a("text", {
-						x: 0,
-						y: G + t * j + _ - 1,
-						className: e.label,
-						children: n
-					}, `d-${t}`)),
-					/* @__PURE__ */ a("g", {
-						role: "grid",
-						"aria-label": w,
-						children: V.map((t, n) => /* @__PURE__ */ a("g", {
-							role: "row",
-							children: t.map((t, r) => {
-								let i = $(t), o = F.col === n && F.row === r;
-								return /* @__PURE__ */ a("rect", {
-									"data-col": n,
-									"data-row": r,
-									x: W + n * j,
-									y: G + r * j,
-									width: _,
-									height: _,
-									rx: J,
-									fill: Q(t),
-									opacity: t.future ? .35 : 1,
-									className: e.cell,
-									role: "gridcell",
-									"aria-label": i,
-									"aria-disabled": t.future || void 0,
-									tabIndex: o ? 0 : -1,
-									onClick: () => !t.future && T?.({
-										date: t.iso,
-										count: t.count
-									}),
-									onKeyDown: (e) => X(e, n, r),
-									onFocus: () => I({
-										col: n,
-										row: r
-									}),
-									onMouseEnter: (e) => Z(e, i),
-									onMouseLeave: () => R(null)
-								}, `${n}-${r}`);
-							})
-						}, n))
-					})
-				]
+			/* @__PURE__ */ l("div", {
+				ref: A,
+				className: e.graphViewport,
+				children: /* @__PURE__ */ u("svg", {
+					ref: k,
+					width: Q,
+					height: me,
+					className: e.svg,
+					"aria-label": S,
+					role: "img",
+					"data-cell-size": Y,
+					"data-visible-weeks": J,
+					children: [
+						b && fe.map(({ col: t, month: n }) => /* @__PURE__ */ l("text", {
+							x: H + t * X,
+							y: 12,
+							className: e.label,
+							children: n
+						}, `m-${t}`)),
+						x && pe.map(({ row: t, label: n }) => /* @__PURE__ */ l("text", {
+							x: 0,
+							y: U + t * X + Y - 1,
+							className: e.label,
+							children: n
+						}, `d-${t}`)),
+						/* @__PURE__ */ l("g", {
+							role: "grid",
+							"aria-label": S,
+							children: Z.map((t, n) => /* @__PURE__ */ l("g", {
+								role: "row",
+								children: t.map((t, r) => {
+									let i = be(t), a = P.col === n && P.row === r;
+									return /* @__PURE__ */ l("rect", {
+										"data-col": n,
+										"data-row": r,
+										x: H + n * X,
+										y: U + r * X,
+										width: Y,
+										height: Y,
+										rx: $,
+										fill: ye(t),
+										opacity: t.future ? .35 : 1,
+										className: e.cell,
+										role: "gridcell",
+										"aria-label": i,
+										"aria-disabled": t.future || void 0,
+										tabIndex: a ? 0 : -1,
+										onClick: () => !t.future && C?.({
+											date: t.iso,
+											count: t.count
+										}),
+										onKeyDown: (e) => ge(e, n, r),
+										onFocus: () => F({
+											col: n,
+											row: r
+										}),
+										onMouseEnter: (e) => _e(e, i),
+										onMouseLeave: ve
+									}, `${n}-${r}`);
+								})
+							}, n))
+						})
+					]
+				})
 			}),
-			L && /* @__PURE__ */ a("div", {
+			I && typeof document < "u" && c(/* @__PURE__ */ l("div", {
+				ref: j,
 				className: e.tooltip,
-				style: {
-					left: L.x,
-					top: L.y
+				style: R ? {
+					left: R.left,
+					top: R.top
+				} : {
+					visibility: "hidden",
+					left: 0,
+					top: 0
 				},
 				role: "tooltip",
-				children: L.text
-			}),
-			S && /* @__PURE__ */ o("div", {
+				children: I.text
+			}), document.body),
+			se && /* @__PURE__ */ u("div", {
 				className: e.legend,
 				children: [
-					/* @__PURE__ */ a("span", {
+					/* @__PURE__ */ l("span", {
 						className: e.legendLabel,
 						children: "Less"
 					}),
-					Array.from({ length: m + 1 }, (t, n) => /* @__PURE__ */ a("svg", {
-						width: _,
-						height: _,
+					Array.from({ length: m + 1 }, (t, n) => /* @__PURE__ */ l("svg", {
+						width: Y,
+						height: Y,
 						"aria-hidden": "true",
 						className: e.legendCell,
-						children: /* @__PURE__ */ a("rect", {
-							width: _,
-							height: _,
-							rx: J,
-							fill: P[Math.min(n, P.length - 1)]
+						children: /* @__PURE__ */ l("rect", {
+							width: Y,
+							height: Y,
+							rx: $,
+							fill: M[Math.min(n, M.length - 1)]
 						})
 					}, n)),
-					/* @__PURE__ */ a("span", {
+					/* @__PURE__ */ l("span", {
 						className: e.legendLabel,
 						children: "More"
 					})

package/dist/components/ContributionGraph/ContributionGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContributionGraph.js","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport styles from \"./ContributionGraph.module.css\";\nimport { useDateTimeFormatter } from \"../GnomeProvider/GnomeContext\";\n\nexport interface ContributionDay {\n  /** ISO 8601 date — \"YYYY-MM-DD\". */\n  date: string;\n  /** Non-negative activity count. */\n  count: number;\n}\n\nexport interface ContributionGraphProps {\n  /** Activity data. Days absent from the array are treated as count = 0. */\n  data: ContributionDay[];\n  /**\n   * Number of intensity levels (excluding 0).\n   * @default 4\n   */\n  maxLevel?: number;\n  /**\n   * Colour scale — length must be maxLevel + 1 (index 0 = empty).\n   * Defaults to the Adwaita green palette.\n   */\n  colorScale?: string[];\n  /** Cell side length in pixels. @default 12 */\n  cellSize?: number;\n  /** Gap between cells in pixels. @default 3 */\n  cellGap?: number;\n  /** 0 = Sunday · 1 = Monday (GNOME locale default). @default 1 */\n  weekStartDay?: 0 | 1;\n  /** @default true */\n  showMonthLabels?: boolean;\n  /** @default true */\n  showDayLabels?: boolean;\n  /** @default true */\n  showLegend?: boolean;\n  /** Number of week columns to display. @default 52 */\n  weeks?: number;\n  /** @default \"Contribution graph\" */\n  ariaLabel?: string;\n  onDayClick?: (day: ContributionDay) => void;\n  /** Returns a plain-text tooltip string for a day. */\n  tooltipContent?: (day: ContributionDay) => string;\n  className?: string;\n}\n\n// Reference Sunday: 2000-01-02 is a Sunday (day index 0)\nconst REF_SUNDAY = new Date(2000, 0, 2);\n\nfunction getShortMonth(\n  monthIndex: number,\n  formatter: Intl.DateTimeFormat,\n): string {\n  return formatter.format(new Date(2000, monthIndex));\n}\n\nfunction getShortDay(\n  dayIndex: number,\n  formatter: Intl.DateTimeFormat,\n): string {\n  const date = new Date(REF_SUNDAY);\n  date.setDate(REF_SUNDAY.getDate() + dayIndex);\n  return formatter.format(date);\n}\n\nconst DAY_LABEL_WIDTH = 28;\nconst MONTH_LABEL_HEIGHT = 20;\n\nconst DEFAULT_COLORS = [\n  \"var(--gnome-card-shade-color, rgba(0,0,0,0.07))\",\n  \"var(--gnome-green-1, #8ff0a4)\",\n  \"var(--gnome-green-2, #57e389)\",\n  \"var(--gnome-green-4, #2ec27e)\",\n  \"var(--gnome-green-5, #26a269)\",\n];\n\nfunction dateToIso(date: Date): string {\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, \"0\");\n  const d = String(date.getDate()).padStart(2, \"0\");\n  return `${y}-${m}-${d}`;\n}\n\nfunction isoToLocal(iso: string): Date {\n  const [y, m, d] = iso.split(\"-\").map(Number);\n  return new Date(y, m - 1, d);\n}\n\nfunction fullDateLabel(iso: string, formatter: Intl.DateTimeFormat): string {\n  return formatter.format(isoToLocal(iso));\n}\n\ninterface GridCell {\n  iso: string;\n  count: number;\n  level: number;\n  future: boolean;\n}\n\nexport function ContributionGraph({\n  data,\n  maxLevel = 4,\n  colorScale,\n  cellSize = 12,\n  cellGap = 3,\n  weekStartDay = 1,\n  showMonthLabels = true,\n  showDayLabels = true,\n  showLegend = true,\n  weeks = 52,\n  ariaLabel = \"Contribution graph\",\n  onDayClick,\n  tooltipContent,\n  className,\n}: ContributionGraphProps) {\n  const monthFormatter = useDateTimeFormatter({ month: \"short\" });\n  const weekdayFormatter = useDateTimeFormatter({ weekday: \"short\" });\n  const fullDateFormatter = useDateTimeFormatter({\n    weekday: \"long\",\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n  const stride = cellSize + cellGap;\n  const svgRef = useRef<SVGSVGElement>(null);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const colors = colorScale ?? DEFAULT_COLORS;\n\n  const [focusedCell, setFocusedCell] = useState({ col: 0, row: 0 });\n  const [tooltip, setTooltip] = useState<{\n    x: number;\n    y: number;\n    text: string;\n  } | null>(null);\n\n  const countMap = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const d of data) map.set(d.date, d.count);\n    return map;\n  }, [data]);\n\n  const maxCount = useMemo(\n    () => Math.max(1, ...data.map((d) => d.count)),\n    [data],\n  );\n\n  const { grid, monthLabels } = useMemo(() => {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n\n    // Align to start of current week\n    const daysFromWeekStart = (today.getDay() - weekStartDay + 7) % 7;\n    const lastWeekStart = new Date(today);\n    lastWeekStart.setDate(today.getDate() - daysFromWeekStart);\n\n    const firstDay = new Date(lastWeekStart);\n    firstDay.setDate(lastWeekStart.getDate() - (weeks - 1) * 7);\n\n    const gridResult: GridCell[][] = [];\n    const labels: { col: number; month: string }[] = [];\n    let lastMonth = -1;\n\n    for (let col = 0; col < weeks; col++) {\n      const colStart = new Date(firstDay);\n      colStart.setDate(firstDay.getDate() + col * 7);\n\n      // Month label when the column starts a new month\n      if (colStart.getMonth() !== lastMonth) {\n        labels.push({\n          col,\n          month: getShortMonth(colStart.getMonth(), monthFormatter),\n        });\n        lastMonth = colStart.getMonth();\n      }\n\n      const column: GridCell[] = [];\n      for (let row = 0; row < 7; row++) {\n        const date = new Date(firstDay);\n        date.setDate(firstDay.getDate() + col * 7 + row);\n        const future = date > today;\n        const iso = dateToIso(date);\n        const count = future ? 0 : (countMap.get(iso) ?? 0);\n        const level =\n          count === 0\n            ? 0\n            : Math.min(maxLevel, Math.ceil((count / maxCount) * maxLevel));\n        column.push({ iso, count, level, future });\n      }\n      gridResult.push(column);\n    }\n\n    return { grid: gridResult, monthLabels: labels };\n  }, [countMap, maxCount, maxLevel, weeks, weekStartDay, monthFormatter]);\n\n  // Always label Mon(1), Wed(3), Fri(5) — rows shift with weekStartDay\n  const labelRows = useMemo(\n    () =>\n      [1, 3, 5].map((dayIndex) => ({\n        row: (dayIndex - weekStartDay + 7) % 7,\n        label: getShortDay(dayIndex, weekdayFormatter),\n      })),\n    [weekStartDay, weekdayFormatter],\n  );\n\n  const dayLabelW = showDayLabels ? DAY_LABEL_WIDTH : 0;\n  const monthLabelH = showMonthLabels ? MONTH_LABEL_HEIGHT : 0;\n  const svgWidth = dayLabelW + weeks * stride - cellGap;\n  const svgHeight = monthLabelH + 7 * stride - cellGap;\n  const cellRx = Math.min(4, Math.floor(cellSize / 3));\n\n  function focusCell(col: number, row: number) {\n    const c = Math.max(0, Math.min(weeks - 1, col));\n    const r = Math.max(0, Math.min(6, row));\n    setFocusedCell({ col: c, row: r });\n    svgRef.current\n      ?.querySelector<SVGRectElement>(`[data-col=\"${c}\"][data-row=\"${r}\"]`)\n      ?.focus();\n  }\n\n  function handleCellKey(e: KeyboardEvent, col: number, row: number) {\n    const moves: Record<string, [number, number]> = {\n      ArrowRight: [col + 1, row],\n      ArrowLeft: [col - 1, row],\n      ArrowDown: [col, row + 1],\n      ArrowUp: [col, row - 1],\n    };\n    if (moves[e.key]) {\n      e.preventDefault();\n      focusCell(...moves[e.key]);\n    } else if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      const cell = grid[col]?.[row];\n      if (cell && !cell.future) onDayClick?.({ date: cell.iso, count: cell.count });\n    }\n  }\n\n  function handleMouseEnter(\n    e: React.MouseEvent<SVGRectElement>,\n    text: string,\n  ) {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n    const wRect = wrapper.getBoundingClientRect();\n    const rRect = (e.currentTarget as Element).getBoundingClientRect();\n    setTooltip({\n      x: rRect.left - wRect.left + cellSize / 2,\n      y: rRect.top - wRect.top,\n      text,\n    });\n  }\n\n  function cellColor(cell: GridCell): string {\n    if (cell.future) return colors[0];\n    return colors[Math.min(cell.level, colors.length - 1)] ?? colors[colors.length - 1];\n  }\n\n  function cellTooltip(cell: GridCell): string {\n    if (cell.future) return fullDateLabel(cell.iso, fullDateFormatter);\n    const formattedDate = fullDateLabel(cell.iso, fullDateFormatter);\n    return (\n      tooltipContent?.({ date: cell.iso, count: cell.count }) ??\n      `${cell.count} contribution${cell.count !== 1 ? \"s\" : \"\"} on ${formattedDate}`\n    );\n  }\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={[styles.wrapper, className].filter(Boolean).join(\" \")}\n    >\n      <svg\n        ref={svgRef}\n        width={svgWidth}\n        height={svgHeight}\n        className={styles.svg}\n        aria-label={ariaLabel}\n        role=\"img\"\n      >\n        {/* Month labels */}\n        {showMonthLabels &&\n          monthLabels.map(({ col, month }) => (\n            <text\n              key={`m-${col}`}\n              x={dayLabelW + col * stride}\n              y={12}\n              className={styles.label}\n            >\n              {month}\n            </text>\n          ))}\n\n        {/* Day-of-week labels: Mon, Wed, Fri */}\n        {showDayLabels &&\n          labelRows.map(({ row, label }) => (\n            <text\n              key={`d-${row}`}\n              x={0}\n              y={monthLabelH + row * stride + cellSize - 1}\n              className={styles.label}\n            >\n              {label}\n            </text>\n          ))}\n\n        {/* Activity grid */}\n        <g role=\"grid\" aria-label={ariaLabel}>\n          {grid.map((column, col) => (\n            <g key={col} role=\"row\">\n              {column.map((cell, row) => {\n                const tipText = cellTooltip(cell);\n                const isFocused =\n                  focusedCell.col === col && focusedCell.row === row;\n\n                return (\n                  <rect\n                    key={`${col}-${row}`}\n                    data-col={col}\n                    data-row={row}\n                    x={dayLabelW + col * stride}\n                    y={monthLabelH + row * stride}\n                    width={cellSize}\n                    height={cellSize}\n                    rx={cellRx}\n                    fill={cellColor(cell)}\n                    opacity={cell.future ? 0.35 : 1}\n                    className={styles.cell}\n                    role=\"gridcell\"\n                    aria-label={tipText}\n                    aria-disabled={cell.future || undefined}\n                    tabIndex={isFocused ? 0 : -1}\n                    onClick={() => !cell.future && onDayClick?.({ date: cell.iso, count: cell.count })}\n                    onKeyDown={(e) => handleCellKey(e, col, row)}\n                    onFocus={() => setFocusedCell({ col, row })}\n                    onMouseEnter={(e) => handleMouseEnter(e, tipText)}\n                    onMouseLeave={() => setTooltip(null)}\n                  />\n                );\n              })}\n            </g>\n          ))}\n        </g>\n      </svg>\n\n      {tooltip && (\n        <div\n          className={styles.tooltip}\n          style={{ left: tooltip.x, top: tooltip.y }}\n          role=\"tooltip\"\n        >\n          {tooltip.text}\n        </div>\n      )}\n\n      {showLegend && (\n        <div className={styles.legend}>\n          <span className={styles.legendLabel}>Less</span>\n          {Array.from({ length: maxLevel + 1 }, (_, i) => (\n            <svg\n              key={i}\n              width={cellSize}\n              height={cellSize}\n              aria-hidden=\"true\"\n              className={styles.legendCell}\n            >\n              <rect\n                width={cellSize}\n                height={cellSize}\n                rx={cellRx}\n                fill={colors[Math.min(i, colors.length - 1)]}\n              />\n            </svg>\n          ))}\n          <span className={styles.legendLabel}>More</span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ContributionGraph.js","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport styles from \"./ContributionGraph.module.css\";\nimport {\n  GnomeContext,\n  useDateTimeFormatter,\n  type GnomeNamedAccentColor,\n} from \"../GnomeProvider/GnomeContext\";\n\nexport interface ContributionDay {\n  /** ISO 8601 date — \"YYYY-MM-DD\". */\n  date: string;\n  /** Non-negative activity count. */\n  count: number;\n}\n\nexport interface ContributionGraphProps {\n  /** Activity data. Days absent from the array are treated as count = 0. */\n  data: ContributionDay[];\n  /**\n   * Number of intensity levels (excluding 0).\n   * @default 4\n   */\n  maxLevel?: number;\n  /** Cell side length in pixels. @default 12 */\n  cellSize?: number;\n  /** Gap between cells in pixels. @default 3 */\n  cellGap?: number;\n  /**\n   * Fit the graph to its container by resizing cells and reducing visible\n   * weeks when the configured range cannot stay legible.\n   * @default true\n   */\n  responsive?: boolean;\n  /** Smallest responsive cell side length in pixels. @default 8 */\n  minCellSize?: number;\n  /** Largest responsive cell side length in pixels. @default 24 */\n  maxCellSize?: number;\n  /** 0 = Sunday · 1 = Monday (GNOME locale default). @default 1 */\n  weekStartDay?: 0 | 1;\n  /** @default true */\n  showMonthLabels?: boolean;\n  /** @default true */\n  showDayLabels?: boolean;\n  /** @default true */\n  showLegend?: boolean;\n  /** Number of week columns to display. @default 52 */\n  weeks?: number;\n  /** @default \"Contribution graph\" */\n  ariaLabel?: string;\n  onDayClick?: (day: ContributionDay) => void;\n  /** Returns a plain-text tooltip string for a day. */\n  tooltipContent?: (day: ContributionDay) => string;\n  className?: string;\n}\n\n// Reference Sunday: 2000-01-02 is a Sunday (day index 0)\nconst REF_SUNDAY = new Date(2000, 0, 2);\n\nfunction getShortMonth(\n  monthIndex: number,\n  formatter: Intl.DateTimeFormat,\n): string {\n  return formatter.format(new Date(2000, monthIndex));\n}\n\nfunction getShortDay(\n  dayIndex: number,\n  formatter: Intl.DateTimeFormat,\n): string {\n  const date = new Date(REF_SUNDAY);\n  date.setDate(REF_SUNDAY.getDate() + dayIndex);\n  return formatter.format(date);\n}\n\nconst DAY_LABEL_WIDTH = 28;\nconst MONTH_LABEL_HEIGHT = 20;\n\nconst NAMED_ACCENTS = new Set<GnomeNamedAccentColor>([\n  \"blue\",\n  \"green\",\n  \"yellow\",\n  \"orange\",\n  \"red\",\n  \"purple\",\n  \"brown\",\n]);\n\nfunction accentScale(accentColor: GnomeNamedAccentColor): string[] {\n  return [\n    \"var(--gnome-card-shade-color)\",\n    `var(--gnome-${accentColor}-1)`,\n    `var(--gnome-${accentColor}-2)`,\n    `var(--gnome-${accentColor}-4)`,\n    `var(--gnome-${accentColor}-5)`,\n  ];\n}\n\nfunction dateToIso(date: Date): string {\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, \"0\");\n  const d = String(date.getDate()).padStart(2, \"0\");\n  return `${y}-${m}-${d}`;\n}\n\nfunction isoToLocal(iso: string): Date {\n  const [y, m, d] = iso.split(\"-\").map(Number);\n  return new Date(y, m - 1, d);\n}\n\nfunction fullDateLabel(iso: string, formatter: Intl.DateTimeFormat): string {\n  return formatter.format(isoToLocal(iso));\n}\n\ninterface GridCell {\n  iso: string;\n  count: number;\n  level: number;\n  future: boolean;\n}\n\nexport function ContributionGraph({\n  data,\n  maxLevel = 4,\n  cellSize = 12,\n  cellGap = 3,\n  responsive = true,\n  minCellSize = 8,\n  maxCellSize = 24,\n  weekStartDay = 1,\n  showMonthLabels = true,\n  showDayLabels = true,\n  showLegend = true,\n  weeks = 52,\n  ariaLabel = \"Contribution graph\",\n  onDayClick,\n  tooltipContent,\n  className,\n}: ContributionGraphProps) {\n  const monthFormatter = useDateTimeFormatter({ month: \"short\" });\n  const weekdayFormatter = useDateTimeFormatter({ weekday: \"short\" });\n  const fullDateFormatter = useDateTimeFormatter({\n    weekday: \"long\",\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n  const { accentColor } = useContext(GnomeContext);\n  const graphAccent = NAMED_ACCENTS.has(accentColor as GnomeNamedAccentColor)\n    ? accentColor as GnomeNamedAccentColor\n    : \"green\";\n  const svgRef = useRef<SVGSVGElement>(null);\n  const graphViewportRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const colors = useMemo(() => accentScale(graphAccent), [graphAccent]);\n\n  const [availableWidth, setAvailableWidth] = useState<number | null>(null);\n  const [focusedCell, setFocusedCell] = useState({ col: 0, row: 0 });\n  const [tooltip, setTooltip] = useState<{\n    target: SVGRectElement;\n    text: string;\n  } | null>(null);\n  const [tooltipPosition, setTooltipPosition] = useState<{\n    left: number;\n    top: number;\n  } | null>(null);\n\n  useEffect(() => {\n    if (!responsive) return;\n\n    const viewport = graphViewportRef.current;\n    if (!viewport) return;\n\n    const updateWidth = () => {\n      const width = viewport.clientWidth || viewport.getBoundingClientRect().width;\n      if (width > 0) setAvailableWidth(width);\n    };\n\n    updateWidth();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      window.addEventListener(\"resize\", updateWidth);\n      return () => window.removeEventListener(\"resize\", updateWidth);\n    }\n\n    const observer = new ResizeObserver(updateWidth);\n    observer.observe(viewport);\n    return () => observer.disconnect();\n  }, [responsive]);\n\n  useEffect(() => {\n    if (!tooltip) return;\n\n    const placeTooltip = () => {\n      const tooltipNode = tooltipRef.current;\n      if (!tooltipNode) return;\n\n      const cellRect = tooltip.target.getBoundingClientRect();\n      const tipRect = tooltipNode.getBoundingClientRect();\n      const margin = 8;\n      const gap = 6;\n      const viewportWidth = document.documentElement.clientWidth || window.innerWidth;\n      const viewportHeight = document.documentElement.clientHeight || window.innerHeight;\n      const maxLeft = Math.max(margin, viewportWidth - tipRect.width - margin);\n      const maxTop = Math.max(margin, viewportHeight - tipRect.height - margin);\n      const centeredLeft = cellRect.left + cellRect.width / 2 - tipRect.width / 2;\n      const aboveTop = cellRect.top - tipRect.height - gap;\n      const preferredTop = aboveTop >= margin ? aboveTop : cellRect.bottom + gap;\n\n      setTooltipPosition({\n        left: Math.max(margin, Math.min(centeredLeft, maxLeft)),\n        top: Math.max(margin, Math.min(preferredTop, maxTop)),\n      });\n    };\n\n    placeTooltip();\n    window.addEventListener(\"resize\", placeTooltip);\n    window.addEventListener(\"scroll\", placeTooltip, { passive: true, capture: true });\n\n    return () => {\n      window.removeEventListener(\"resize\", placeTooltip);\n      window.removeEventListener(\"scroll\", placeTooltip, { capture: true });\n    };\n  }, [tooltip]);\n\n  const countMap = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const d of data) map.set(d.date, d.count);\n    return map;\n  }, [data]);\n\n  const maxCount = useMemo(\n    () => Math.max(1, ...data.map((d) => d.count)),\n    [data],\n  );\n\n  const dayLabelW = showDayLabels ? DAY_LABEL_WIDTH : 0;\n  const monthLabelH = showMonthLabels ? MONTH_LABEL_HEIGHT : 0;\n  const configuredWeeks = Math.max(1, Math.floor(weeks));\n  const normalizedMinCellSize = Math.max(1, minCellSize);\n  const normalizedMaxCellSize = Math.max(normalizedMinCellSize, maxCellSize);\n  const fit = useMemo(() => {\n    if (!responsive || availableWidth === null) {\n      return { cellSize, weeks: configuredWeeks };\n    }\n\n    const gridWidth = Math.max(0, availableWidth - dayLabelW);\n    const fittedCellSize = (gridWidth + cellGap) / configuredWeeks - cellGap;\n\n    if (fittedCellSize >= normalizedMinCellSize) {\n      return {\n        cellSize: Math.min(normalizedMaxCellSize, fittedCellSize),\n        weeks: configuredWeeks,\n      };\n    }\n\n    const fittedWeeks = Math.floor((gridWidth + cellGap) / (normalizedMinCellSize + cellGap));\n    return {\n      cellSize: normalizedMinCellSize,\n      weeks: Math.max(1, Math.min(configuredWeeks, fittedWeeks)),\n    };\n  }, [\n    availableWidth,\n    cellGap,\n    cellSize,\n    configuredWeeks,\n    dayLabelW,\n    normalizedMaxCellSize,\n    normalizedMinCellSize,\n    responsive,\n  ]);\n  const visibleWeeks = fit.weeks;\n  const resolvedCellSize = fit.cellSize;\n  const stride = resolvedCellSize + cellGap;\n\n  const { grid, monthLabels } = useMemo(() => {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n\n    // Align to start of current week\n    const daysFromWeekStart = (today.getDay() - weekStartDay + 7) % 7;\n    const lastWeekStart = new Date(today);\n    lastWeekStart.setDate(today.getDate() - daysFromWeekStart);\n\n    const firstDay = new Date(lastWeekStart);\n    firstDay.setDate(lastWeekStart.getDate() - (visibleWeeks - 1) * 7);\n\n    const gridResult: GridCell[][] = [];\n    const labels: { col: number; month: string }[] = [];\n    let lastMonth = -1;\n\n    for (let col = 0; col < visibleWeeks; col++) {\n      const colStart = new Date(firstDay);\n      colStart.setDate(firstDay.getDate() + col * 7);\n\n      // Month label when the column starts a new month\n      if (colStart.getMonth() !== lastMonth) {\n        labels.push({\n          col,\n          month: getShortMonth(colStart.getMonth(), monthFormatter),\n        });\n        lastMonth = colStart.getMonth();\n      }\n\n      const column: GridCell[] = [];\n      for (let row = 0; row < 7; row++) {\n        const date = new Date(firstDay);\n        date.setDate(firstDay.getDate() + col * 7 + row);\n        const future = date > today;\n        const iso = dateToIso(date);\n        const count = future ? 0 : (countMap.get(iso) ?? 0);\n        const level =\n          count === 0\n            ? 0\n            : Math.min(maxLevel, Math.ceil((count / maxCount) * maxLevel));\n        column.push({ iso, count, level, future });\n      }\n      gridResult.push(column);\n    }\n\n    return { grid: gridResult, monthLabels: labels };\n  }, [countMap, maxCount, maxLevel, visibleWeeks, weekStartDay, monthFormatter]);\n\n  // Always label Mon(1), Wed(3), Fri(5) — rows shift with weekStartDay\n  const labelRows = useMemo(\n    () =>\n      [1, 3, 5].map((dayIndex) => ({\n        row: (dayIndex - weekStartDay + 7) % 7,\n        label: getShortDay(dayIndex, weekdayFormatter),\n      })),\n    [weekStartDay, weekdayFormatter],\n  );\n\n  const svgWidth = dayLabelW + visibleWeeks * stride - cellGap;\n  const svgHeight = monthLabelH + 7 * stride - cellGap;\n  const cellRx = Math.min(4, Math.floor(resolvedCellSize / 3));\n\n  useEffect(() => {\n    setFocusedCell((current) => ({\n      col: Math.min(visibleWeeks - 1, current.col),\n      row: current.row,\n    }));\n  }, [visibleWeeks]);\n\n  function focusCell(col: number, row: number) {\n    const c = Math.max(0, Math.min(visibleWeeks - 1, col));\n    const r = Math.max(0, Math.min(6, row));\n    setFocusedCell({ col: c, row: r });\n    svgRef.current\n      ?.querySelector<SVGRectElement>(`[data-col=\"${c}\"][data-row=\"${r}\"]`)\n      ?.focus();\n  }\n\n  function handleCellKey(e: KeyboardEvent, col: number, row: number) {\n    const moves: Record<string, [number, number]> = {\n      ArrowRight: [col + 1, row],\n      ArrowLeft: [col - 1, row],\n      ArrowDown: [col, row + 1],\n      ArrowUp: [col, row - 1],\n    };\n    if (moves[e.key]) {\n      e.preventDefault();\n      focusCell(...moves[e.key]);\n    } else if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      const cell = grid[col]?.[row];\n      if (cell && !cell.future) onDayClick?.({ date: cell.iso, count: cell.count });\n    }\n  }\n\n  function handleMouseEnter(\n    e: React.MouseEvent<SVGRectElement>,\n    text: string,\n  ) {\n    setTooltipPosition(null);\n    setTooltip({\n      target: e.currentTarget,\n      text,\n    });\n  }\n\n  function hideTooltip() {\n    setTooltip(null);\n    setTooltipPosition(null);\n  }\n\n  function cellColor(cell: GridCell): string {\n    if (cell.future) return colors[0];\n    return colors[Math.min(cell.level, colors.length - 1)] ?? colors[colors.length - 1];\n  }\n\n  function cellTooltip(cell: GridCell): string {\n    if (cell.future) return fullDateLabel(cell.iso, fullDateFormatter);\n    const formattedDate = fullDateLabel(cell.iso, fullDateFormatter);\n    return (\n      tooltipContent?.({ date: cell.iso, count: cell.count }) ??\n      `${cell.count} contribution${cell.count !== 1 ? \"s\" : \"\"} on ${formattedDate}`\n    );\n  }\n\n  return (\n    <div\n      className={[styles.wrapper, className].filter(Boolean).join(\" \")}\n    >\n      <div ref={graphViewportRef} className={styles.graphViewport}>\n        <svg\n          ref={svgRef}\n          width={svgWidth}\n          height={svgHeight}\n          className={styles.svg}\n          aria-label={ariaLabel}\n          role=\"img\"\n          data-cell-size={resolvedCellSize}\n          data-visible-weeks={visibleWeeks}\n        >\n        {/* Month labels */}\n        {showMonthLabels &&\n          monthLabels.map(({ col, month }) => (\n            <text\n              key={`m-${col}`}\n              x={dayLabelW + col * stride}\n              y={12}\n              className={styles.label}\n            >\n              {month}\n            </text>\n          ))}\n\n        {/* Day-of-week labels: Mon, Wed, Fri */}\n        {showDayLabels &&\n          labelRows.map(({ row, label }) => (\n            <text\n              key={`d-${row}`}\n              x={0}\n              y={monthLabelH + row * stride + resolvedCellSize - 1}\n              className={styles.label}\n            >\n              {label}\n            </text>\n          ))}\n\n        {/* Activity grid */}\n        <g role=\"grid\" aria-label={ariaLabel}>\n          {grid.map((column, col) => (\n            <g key={col} role=\"row\">\n              {column.map((cell, row) => {\n                const tipText = cellTooltip(cell);\n                const isFocused =\n                  focusedCell.col === col && focusedCell.row === row;\n\n                return (\n                  <rect\n                    key={`${col}-${row}`}\n                    data-col={col}\n                    data-row={row}\n                    x={dayLabelW + col * stride}\n                    y={monthLabelH + row * stride}\n                    width={resolvedCellSize}\n                    height={resolvedCellSize}\n                    rx={cellRx}\n                    fill={cellColor(cell)}\n                    opacity={cell.future ? 0.35 : 1}\n                    className={styles.cell}\n                    role=\"gridcell\"\n                    aria-label={tipText}\n                    aria-disabled={cell.future || undefined}\n                    tabIndex={isFocused ? 0 : -1}\n                    onClick={() => !cell.future && onDayClick?.({ date: cell.iso, count: cell.count })}\n                    onKeyDown={(e) => handleCellKey(e, col, row)}\n                    onFocus={() => setFocusedCell({ col, row })}\n                    onMouseEnter={(e) => handleMouseEnter(e, tipText)}\n                    onMouseLeave={hideTooltip}\n                  />\n                );\n              })}\n            </g>\n          ))}\n        </g>\n        </svg>\n      </div>\n\n      {tooltip && typeof document !== \"undefined\" && createPortal(\n        <div\n          ref={tooltipRef}\n          className={styles.tooltip}\n          style={\n            tooltipPosition\n              ? { left: tooltipPosition.left, top: tooltipPosition.top }\n              : { visibility: \"hidden\", left: 0, top: 0 }\n          }\n          role=\"tooltip\"\n        >\n          {tooltip.text}\n        </div>,\n        document.body,\n      )}\n\n      {showLegend && (\n        <div className={styles.legend}>\n          <span className={styles.legendLabel}>Less</span>\n          {Array.from({ length: maxLevel + 1 }, (_, i) => (\n            <svg\n              key={i}\n              width={resolvedCellSize}\n              height={resolvedCellSize}\n              aria-hidden=\"true\"\n              className={styles.legendCell}\n            >\n              <rect\n                width={resolvedCellSize}\n                height={resolvedCellSize}\n                rx={cellRx}\n                fill={colors[Math.min(i, colors.length - 1)]}\n              />\n            </svg>\n          ))}\n          <span className={styles.legendLabel}>More</span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ContributionGraph/ContributionGraph.module.css.cjs

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_1upmq_1`,svg:`_svg_1upmq_10`,label:`_label_1upmq_15`,cell:`_cell_1upmq_23`,tooltip:`_tooltip_1upmq_58`,legend:`_legend_1upmq_74`,legendLabel:`_legendLabel_1upmq_81`,legendCell:`_legendCell_1upmq_89`};exports.default=e;
+var e={wrapper:`_wrapper_1onba_1`,graphViewport:`_graphViewport_1onba_10`,svg:`_svg_1onba_17`,label:`_label_1onba_22`,cell:`_cell_1onba_30`,tooltip:`_tooltip_1onba_67`,legend:`_legend_1onba_86`,legendLabel:`_legendLabel_1onba_93`,legendCell:`_legendCell_1onba_101`};exports.default=e;
 //# sourceMappingURL=ContributionGraph.module.css.cjs.map

package/dist/components/ContributionGraph/ContributionGraph.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContributionGraph.module.css.cjs","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n  overflow-x: auto;\n  max-width: 100%;\n}\n\n.svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n.label {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  fill: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.cell {\n  cursor: default;\n  transition: transform var(--gnome-transition-fast, 100ms) ease;\n  transform-box: fill-box;\n  transform-origin: center;\n  outline: none;\n}\n\n.cell:not([aria-disabled=\"true\"]):hover {\n  transform: scale(1.2);\n}\n\n.cell:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--gnome-accent-color, #3584e4);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .cell {\n    stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    stroke-width: 0.5;\n    stroke-opacity: 0.3;\n  }\n}\n\n.tooltip {\n  position: absolute;\n  transform: translate(-50%, calc(-100% - 6px));\n  background: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md, 8px);\n  padding: 4px 8px;\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 12px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  box-shadow: var(--gnome-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12));\n  pointer-events: none;\n  white-space: nowrap;\n  z-index: 10;\n}\n\n.legend {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.legendLabel {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.legendCell {\n  display: block;\n  flex-shrink: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"ContributionGraph.module.css.cjs","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--gnome-space-1, 6px);\n  min-width: 0;\n}\n\n.graphViewport {\n  width: 100%;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: visible;\n}\n\n.svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n.label {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  fill: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.cell {\n  cursor: default;\n  transition:\n    stroke-opacity var(--gnome-transition-fast, 100ms) ease,\n    stroke-width var(--gnome-transition-fast, 100ms) ease;\n  outline: none;\n}\n\n.cell:not([aria-disabled=\"true\"]):hover {\n  stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  stroke-opacity: 0.35;\n  stroke-width: 1;\n}\n\n.cell:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--gnome-accent-color, #3584e4);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .cell {\n    stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    stroke-width: 0.5;\n    stroke-opacity: 0.3;\n  }\n}\n\n.tooltip {\n  position: fixed;\n  box-sizing: border-box;\n  max-width: calc(100vw - 16px);\n  background: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md, 8px);\n  padding: 4px 8px;\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 12px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  box-shadow: var(--gnome-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12));\n  pointer-events: none;\n  overflow-wrap: anywhere;\n  text-align: center;\n  white-space: normal;\n  z-index: 10001;\n}\n\n.legend {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.legendLabel {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.legendCell {\n  display: block;\n  flex-shrink: 0;\n}\n"],"mappings":""}

package/dist/components/ContributionGraph/ContributionGraph.module.css.js

@@ -1,12 +1,13 @@
 var e = {
-	wrapper: "_wrapper_1upmq_1",
-	svg: "_svg_1upmq_10",
-	label: "_label_1upmq_15",
-	cell: "_cell_1upmq_23",
-	tooltip: "_tooltip_1upmq_58",
-	legend: "_legend_1upmq_74",
-	legendLabel: "_legendLabel_1upmq_81",
-	legendCell: "_legendCell_1upmq_89"
+	wrapper: "_wrapper_1onba_1",
+	graphViewport: "_graphViewport_1onba_10",
+	svg: "_svg_1onba_17",
+	label: "_label_1onba_22",
+	cell: "_cell_1onba_30",
+	tooltip: "_tooltip_1onba_67",
+	legend: "_legend_1onba_86",
+	legendLabel: "_legendLabel_1onba_93",
+	legendCell: "_legendCell_1onba_101"
 };
 //#endregion
 export { e as default };

package/dist/components/ContributionGraph/ContributionGraph.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContributionGraph.module.css.js","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n  overflow-x: auto;\n  max-width: 100%;\n}\n\n.svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n.label {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  fill: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.cell {\n  cursor: default;\n  transition: transform var(--gnome-transition-fast, 100ms) ease;\n  transform-box: fill-box;\n  transform-origin: center;\n  outline: none;\n}\n\n.cell:not([aria-disabled=\"true\"]):hover {\n  transform: scale(1.2);\n}\n\n.cell:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--gnome-accent-color, #3584e4);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .cell {\n    stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    stroke-width: 0.5;\n    stroke-opacity: 0.3;\n  }\n}\n\n.tooltip {\n  position: absolute;\n  transform: translate(-50%, calc(-100% - 6px));\n  background: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md, 8px);\n  padding: 4px 8px;\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 12px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  box-shadow: var(--gnome-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12));\n  pointer-events: none;\n  white-space: nowrap;\n  z-index: 10;\n}\n\n.legend {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.legendLabel {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.legendCell {\n  display: block;\n  flex-shrink: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"ContributionGraph.module.css.js","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--gnome-space-1, 6px);\n  min-width: 0;\n}\n\n.graphViewport {\n  width: 100%;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: visible;\n}\n\n.svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n.label {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  fill: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.cell {\n  cursor: default;\n  transition:\n    stroke-opacity var(--gnome-transition-fast, 100ms) ease,\n    stroke-width var(--gnome-transition-fast, 100ms) ease;\n  outline: none;\n}\n\n.cell:not([aria-disabled=\"true\"]):hover {\n  stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  stroke-opacity: 0.35;\n  stroke-width: 1;\n}\n\n.cell:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--gnome-accent-color, #3584e4);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .cell {\n    stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    stroke-width: 0.5;\n    stroke-opacity: 0.3;\n  }\n}\n\n.tooltip {\n  position: fixed;\n  box-sizing: border-box;\n  max-width: calc(100vw - 16px);\n  background: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md, 8px);\n  padding: 4px 8px;\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 12px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  box-shadow: var(--gnome-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12));\n  pointer-events: none;\n  overflow-wrap: anywhere;\n  text-align: center;\n  white-space: normal;\n  z-index: 10001;\n}\n\n.legend {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.legendLabel {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.legendCell {\n  display: block;\n  flex-shrink: 0;\n}\n"],"mappings":""}

package/dist/components/ContributionGraph/index.d.ts

@@ -1,2 +1,2 @@
 export { ContributionGraph } from './ContributionGraph';
-export type { ContributionGraphProps, ContributionDay } from './ContributionGraph';
+export type { ContributionGraphProps, ContributionDay, } from './ContributionGraph';

package/dist/components/Drawer/Drawer.cjs

@@ -0,0 +1,2 @@
+const e=require(`../Dialog/dialogUtils.cjs`),t=require(`./Drawer.module.css.cjs`);let n=require(`react`),r=require(`react-dom`),i=require(`react/jsx-runtime`);function a({open:a,side:o=`right`,size:s=`classic`,title:c,content:l,children:u,onClose:d,closeOnBackdrop:f=!0,className:p,...m}){let h=(0,n.useRef)(null),g=(0,n.useId)(),_=(0,n.useRef)(null),v=e.useVisualViewport(),y=l===void 0?u:l;(0,n.useEffect)(()=>{a?(_.current=document.activeElement,h.current?.querySelector(e.FOCUSABLE)?.focus()):_.current?.focus()},[a]);let b=(0,n.useCallback)(t=>{if(t.key===`Escape`){t.preventDefault(),d?.();return}e.trapFocus(t,h)},[d]);if(!a)return null;let x=(0,i.jsx)(`div`,{className:t.default.backdrop,style:v,onClick:f?d:void 0,children:(0,i.jsxs)(`div`,{ref:h,role:`dialog`,"aria-modal":`true`,"aria-labelledby":c?g:void 0,"data-side":o,"data-size":s,className:[t.default.drawer,o===`left`?t.default.left:t.default.right,s===`wide`?t.default.wide:t.default.classic,p].filter(Boolean).join(` `),onKeyDown:b,onClick:e=>e.stopPropagation(),...m,children:[c&&(0,i.jsx)(`div`,{id:g,className:t.default.title,children:c}),y!==void 0&&(0,i.jsx)(`div`,{className:t.default.content,children:y})]})});return typeof document>`u`?x:(0,r.createPortal)(x,document.body)}exports.Drawer=a;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/components/Drawer/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FOCUSABLE, trapFocus, useVisualViewport } from \"../Dialog/dialogUtils\";\nimport styles from \"./Drawer.module.css\";\n\nexport type DrawerSide = \"left\" | \"right\";\nexport type DrawerSize = \"classic\" | \"wide\";\n\nexport interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"content\" | \"title\"> {\n  /** Whether the drawer is visible. */\n  open: boolean;\n  /** Edge that the drawer slides in from. Defaults to `\"right\"`. */\n  side?: DrawerSide;\n  /** Preset drawer width. Defaults to `\"classic\"`. */\n  size?: DrawerSize;\n  /** Optional drawer heading. */\n  title?: ReactNode;\n  /** Drawer content when a prop is preferred over `children`. */\n  content?: ReactNode;\n  /** Drawer content. Used when `content` is not provided. */\n  children?: ReactNode;\n  /** Called when the user dismisses the drawer with Escape or the backdrop. */\n  onClose?: () => void;\n  /** Whether clicking the backdrop closes the drawer. Defaults to `true`. */\n  closeOnBackdrop?: boolean;\n}\n\n/**\n * Slide-over panel for supplementary content.\n *\n * The drawer is controlled through `open`, renders into `document.body`, and\n * accepts its body as either `content` or `children`.\n */\nexport function Drawer({\n  open,\n  side = \"right\",\n  size = \"classic\",\n  title,\n  content,\n  children,\n  onClose,\n  closeOnBackdrop = true,\n  className,\n  ...props\n}: DrawerProps) {\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n  const previouslyFocused = useRef<Element | null>(null);\n  const viewportStyle = useVisualViewport();\n  const body = content !== undefined ? content : children;\n\n  useEffect(() => {\n    if (open) {\n      previouslyFocused.current = document.activeElement;\n      drawerRef.current?.querySelector<HTMLElement>(FOCUSABLE)?.focus();\n    } else {\n      (previouslyFocused.current as HTMLElement | null)?.focus();\n    }\n  }, [open]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        onClose?.();\n        return;\n      }\n\n      trapFocus(event, drawerRef);\n    },\n    [onClose],\n  );\n\n  if (!open) return null;\n\n  const node = (\n    <div\n      className={styles.backdrop}\n      style={viewportStyle}\n      onClick={closeOnBackdrop ? onClose : undefined}\n    >\n      <div\n        ref={drawerRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        data-side={side}\n        data-size={size}\n        className={[\n          styles.drawer,\n          side === \"left\" ? styles.left : styles.right,\n          size === \"wide\" ? styles.wide : styles.classic,\n          className,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        onKeyDown={handleKeyDown}\n        onClick={(event) => event.stopPropagation()}\n        {...props}\n      >\n        {title && <div id={titleId} className={styles.title}>{title}</div>}\n        {body !== undefined && <div className={styles.content}>{body}</div>}\n      </div>\n    </div>\n  );\n\n  if (typeof document === \"undefined\") return node;\n  return createPortal(node, document.body);\n}\n"],"mappings":"+JAyCA,SAAgB,EAAO,CACrB,OACA,OAAO,QACP,OAAO,UACP,QACA,UACA,WACA,UACA,kBAAkB,GAClB,YACA,GAAG,GACW,CACd,IAAM,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,GAAA,EAAA,EAAA,QAAiB,CACjB,GAAA,EAAA,EAAA,QAA2C,KAAK,CAChD,EAAgB,EAAA,mBAAmB,CACnC,EAAO,IAAY,IAAA,GAAsB,EAAV,GAErC,EAAA,EAAA,eAAgB,CACV,GACF,EAAkB,QAAU,SAAS,cACrC,EAAU,SAAS,cAA2B,EAAA,UAAU,EAAE,OAAO,EAEhE,EAAkB,SAAgC,OAAO,EAE3D,CAAC,EAAK,CAAC,CAEV,IAAM,GAAA,EAAA,EAAA,aACH,GAAyC,CACxC,GAAI,EAAM,MAAQ,SAAU,CAC1B,EAAM,gBAAgB,CACtB,KAAW,CACX,OAGF,EAAA,UAAU,EAAO,EAAU,EAE7B,CAAC,EAAQ,CACV,CAED,GAAI,CAAC,EAAM,OAAO,KAElB,IAAM,GACJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,QAAO,SAClB,MAAO,EACP,QAAS,EAAkB,EAAU,IAAA,aAErC,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAQ,EAAU,IAAA,GACnC,YAAW,EACX,YAAW,EACX,UAAW,CACT,EAAA,QAAO,OACP,IAAS,OAAS,EAAA,QAAO,KAAO,EAAA,QAAO,MACvC,IAAS,OAAS,EAAA,QAAO,KAAO,EAAA,QAAO,QACvC,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,UAAW,EACX,QAAU,GAAU,EAAM,iBAAiB,CAC3C,GAAI,WAjBN,CAmBG,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAS,UAAW,EAAA,QAAO,eAAQ,EAAY,CAAA,CACjE,IAAS,IAAA,KAAa,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,EAAW,CAAA,CAC/D,GACF,CAAA,CAIR,OADI,OAAO,SAAa,IAAoB,GAC5C,EAAA,EAAA,cAAoB,EAAM,SAAS,KAAK"}