github-contributions-ui 1.0.0 → 1.0.2

package/dist/{index.mjs → index.cjs}

@@ -1,6 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  GithubActivity: () => GithubActivity_default
+});
+module.exports = __toCommonJS(index_exports);
+
 // src/GithubActivity.tsx
-import { memo, useEffect, useState, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 var MONTHS = [
   "Jan",
   "Feb",
@@ -38,6 +64,7 @@ function toLevel(count) {
   return 4;
 }
 function buildGrid(dayMap, year) {
+  var _a;
   let start;
   let end;
   if (year === "last") {
@@ -60,7 +87,7 @@ function buildGrid(dayMap, year) {
         week.push(null);
       } else {
         week.push(
-          dayMap.get(iso) ?? {
+          (_a = dayMap.get(iso)) != null ? _a : {
             date: iso,
             count: 0,
             level: 0
@@ -94,13 +121,13 @@ function Tooltip({ day, x, y }) {
     month: "long",
     day: "numeric"
   });
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       className: "fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900",
       style: { left: x, top: y - 8 },
       children: [
-        /* @__PURE__ */ jsxs("b", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("b", { children: [
           day.count,
           " contribution",
           day.count !== 1 ? "s" : ""
@@ -113,7 +140,7 @@ function Tooltip({ day, x, y }) {
   );
 }
 function Skeleton() {
-  return /* @__PURE__ */ jsx("div", { className: "flex gap-[3px] animate-pulse opacity-40", children: Array.from({ length: 53 }).map((_, w) => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[3px]", children: Array.from({ length: 7 }).map((_2, d) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-[3px] animate-pulse opacity-40", children: Array.from({ length: 53 }).map((_, w) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-[3px]", children: Array.from({ length: 7 }).map((_2, d) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: "w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700"
@@ -126,7 +153,7 @@ function YearPill({
   active,
   onClick
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
       onClick,
@@ -139,30 +166,32 @@ function YearPill({
   );
 }
 function GithubActivity({ username, theme = "dark", className }) {
-  const [allDays, setAllDays] = useState(/* @__PURE__ */ new Map());
-  const [years, setYears] = useState([]);
-  const [selectedYear, setSelectedYear] = useState("last");
-  const [total, setTotal] = useState(null);
-  const [bestDay, setBestDay] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(false);
-  const [tip, setTip] = useState(
+  var _a;
+  const [allDays, setAllDays] = (0, import_react.useState)(/* @__PURE__ */ new Map());
+  const [years, setYears] = (0, import_react.useState)([]);
+  const [selectedYear, setSelectedYear] = (0, import_react.useState)("last");
+  const [total, setTotal] = (0, import_react.useState)(null);
+  const [bestDay, setBestDay] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(false);
+  const [tip, setTip] = (0, import_react.useState)(
     null
   );
-  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;
-  useEffect(() => {
+  const colors = (_a = COLOR_MAP[theme]) != null ? _a : COLOR_MAP.dark;
+  (0, import_react.useEffect)(() => {
     if (!username) return;
     let mounted = true;
     setLoading(true);
     setError(false);
     (async () => {
+      var _a2;
       try {
         const res = await fetch(
           `https://github-contributions-api.jogruber.de/v4/${username}?y=all`
         );
         if (!res.ok) throw new Error(`HTTP ${res.status}`);
         const json = await res.json();
-        const raw = json.contributions ?? [];
+        const raw = (_a2 = json.contributions) != null ? _a2 : [];
         if (!raw.length) throw new Error("empty data");
         const map = /* @__PURE__ */ new Map();
         const yearSet = /* @__PURE__ */ new Set();
@@ -191,7 +220,7 @@ function GithubActivity({ username, theme = "dark", className }) {
       mounted = false;
     };
   }, [username]);
-  useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (!allDays.size) return;
     const entries = Array.from(allDays.values()).filter((d) => {
       if (selectedYear === "last") {
@@ -209,11 +238,11 @@ function GithubActivity({ username, theme = "dark", className }) {
     setTotal(sum);
     setBestDay(best && best.count > 0 ? best : null);
   }, [allDays, selectedYear]);
-  const grid = useMemo(
+  const grid = (0, import_react.useMemo)(
     () => allDays.size ? buildGrid(allDays, selectedYear) : [],
     [allDays, selectedYear]
   );
-  const labels = useMemo(() => monthLabels(grid), [grid]);
+  const labels = (0, import_react.useMemo)(() => monthLabels(grid), [grid]);
   const outlineColor = theme === "light" ? "#333" : "#f0f0f0";
   const bestDateLabel = bestDay ? new Date(bestDay.date).toLocaleDateString("en-US", {
     month: "short",
@@ -221,15 +250,15 @@ function GithubActivity({ username, theme = "dark", className }) {
     year: "numeric"
   }) : null;
   const periodLabel = selectedYear === "last" ? " in the last year" : ` in ${selectedYear}`;
-  return /* @__PURE__ */ jsxs("section", { className: ["w-full font-mono", className].join(" ").trim(), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400", children: [
-      loading ? "Loading\u2026" : error ? "Unavailable" : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: total?.toLocaleString() }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: ["w-full font-mono", className].join(" ").trim(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400", children: [
+      loading ? "Loading\u2026" : error ? "Unavailable" : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: total == null ? void 0 : total.toLocaleString() }),
         " contributions",
         periodLabel
       ] }),
-      bestDay && !loading && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(
+      bestDay && !loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "span",
           {
             className: "inline-block w-[10px] h-[10px] rounded-[2px]",
@@ -237,7 +266,7 @@ function GithubActivity({ username, theme = "dark", className }) {
           }
         ),
         "Best day:",
-        /* @__PURE__ */ jsxs("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: [
           bestDay.count,
           " contributions"
         ] }),
@@ -245,8 +274,8 @@ function GithubActivity({ username, theme = "dark", className }) {
         bestDateLabel
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950", children: error ? /* @__PURE__ */ jsx("p", { className: "text-sm italic text-neutral-400", children: "GitHub activity unavailable." }) : loading ? /* @__PURE__ */ jsx(Skeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto overflow-y-visible pb-1", children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950", children: error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm italic text-neutral-400", children: "GitHub activity unavailable." }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-x-auto overflow-y-visible pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "div",
         {
           className: "relative",
@@ -254,12 +283,12 @@ function GithubActivity({ username, theme = "dark", className }) {
             minWidth: grid.length * STEP + DAY_COL_W + 8
           },
           children: [
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "div",
               {
                 className: "relative h-[18px] mb-1",
                 style: { marginLeft: DAY_COL_W },
-                children: labels.map(({ label, col }) => /* @__PURE__ */ jsx(
+                children: labels.map(({ label, col }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "span",
                   {
                     className: "absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400",
@@ -270,30 +299,33 @@ function GithubActivity({ username, theme = "dark", className }) {
                 ))
               }
             ),
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-[3px]", children: [
-              /* @__PURE__ */ jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-[3px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "div",
                 {
                   className: "flex flex-col gap-[3px] pt-px shrink-0",
                   style: { width: DAY_COL_W - GAP },
-                  children: Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400",
-                      children: DAY_LABELS[i] ?? ""
-                    },
-                    i
-                  ))
+                  children: Array.from({ length: 7 }).map((_, i) => {
+                    var _a2;
+                    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "div",
+                      {
+                        className: "h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400",
+                        children: (_a2 = DAY_LABELS[i]) != null ? _a2 : ""
+                      },
+                      i
+                    );
+                  })
                 }
               ),
-              grid.map((week, wi) => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[3px]", children: week.map((day, di) => /* @__PURE__ */ jsx(
+              grid.map((week, wi) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-[3px]", children: week.map((day, di) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "div",
                 {
                   className: "w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125",
                   style: {
                     backgroundColor: day ? colors[day.level] : "transparent",
                     cursor: day ? "pointer" : "default",
-                    outline: bestDay && day?.date === bestDay.date ? `2px solid ${outlineColor}` : "none",
+                    outline: bestDay && (day == null ? void 0 : day.date) === bestDay.date ? `2px solid ${outlineColor}` : "none",
                     outlineOffset: "1px"
                   },
                   onMouseEnter: (e) => {
@@ -313,9 +345,9 @@ function GithubActivity({ username, theme = "dark", className }) {
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-1 mt-3", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 mr-1", children: "Less" }),
-        colors.map((c, i) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-start gap-1 mt-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 mr-1", children: "Less" }),
+        colors.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
             className: "w-[13px] h-[13px] rounded-[3px]",
@@ -323,11 +355,11 @@ function GithubActivity({ username, theme = "dark", className }) {
           },
           i
         )),
-        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 ml-1", children: "More" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 ml-1", children: "More" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-400 mr-1", children: "Year:" }),
-        /* @__PURE__ */ jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-400 mr-1", children: "Year:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           YearPill,
           {
             label: "Last year",
@@ -335,7 +367,7 @@ function GithubActivity({ username, theme = "dark", className }) {
             onClick: () => setSelectedYear("last")
           }
         ),
-        years.map((y) => /* @__PURE__ */ jsx(
+        years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           YearPill,
           {
             label: String(y),
@@ -346,11 +378,12 @@ function GithubActivity({ username, theme = "dark", className }) {
         ))
       ] })
     ] }) }),
-    tip && /* @__PURE__ */ jsx(Tooltip, { day: tip.day, x: tip.x, y: tip.y })
+    tip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, { day: tip.day, x: tip.x, y: tip.y })
   ] });
 }
-var GithubActivity_default = memo(GithubActivity);
-export {
-  GithubActivity_default as GithubActivity
-};
-//# sourceMappingURL=index.mjs.map
+var GithubActivity_default = (0, import_react.memo)(GithubActivity);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GithubActivity
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/GithubActivity.tsx"],"sourcesContent":["import \"./styles.css\";\r\n\r\nexport { default as GithubActivity } from \"./GithubActivity\";","import { memo, useEffect, useState, useMemo } from \"react\";\r\n\r\ntype Theme = \"light\" | \"dark\" | \"blue\" | \"purple\";\r\n\r\ninterface Day {\r\n  date: string;\r\n  count: number;\r\n  level: 0 | 1 | 2 | 3 | 4;\r\n}\r\n\r\ninterface Props {\r\n  username: string;\r\n  theme?: Theme;\r\n  className?: string;\r\n}\r\n\r\n/* ---------- Constants ---------- */\r\n\r\nconst MONTHS = [\r\n  \"Jan\",\r\n  \"Feb\",\r\n  \"Mar\",\r\n  \"Apr\",\r\n  \"May\",\r\n  \"Jun\",\r\n  \"Jul\",\r\n  \"Aug\",\r\n  \"Sep\",\r\n  \"Oct\",\r\n  \"Nov\",\r\n  \"Dec\",\r\n];\r\nconst DAY_LABELS: Record<number, string> = { 1: \"Mon\", 3: \"Wed\", 5: \"Fri\" };\r\n\r\nconst CELL = 13;\r\nconst GAP = 3;\r\nconst STEP = CELL + GAP;\r\nconst DAY_COL_W = 30;\r\n\r\n/* ---------- Color Themes ---------- */\r\n\r\nconst LIGHT = [\"#ebedf0\", \"#9be9a8\", \"#40c463\", \"#30a14e\", \"#216e39\"];\r\nconst DARK = [\"#21262d\", \"#0e4429\", \"#006d32\", \"#26a641\", \"#39d353\"];\r\nconst BLUE = [\"#21262d\", \"#a3c9ff\", \"#5fa3ff\", \"#2f7bff\", \"#0b5cff\"];\r\nconst PURPLE = [\"#21262d\", \"#d8b4ff\", \"#c084fc\", \"#a855f7\", \"#7e22ce\"];\r\n\r\nconst COLOR_MAP: Record<Theme, string[]> = {\r\n  light: LIGHT,\r\n  dark: DARK,\r\n  blue: BLUE,\r\n  purple: PURPLE,\r\n};\r\n\r\n/* ---------- Utilities ---------- */\r\n\r\nfunction toLevel(count: number): 0 | 1 | 2 | 3 | 4 {\r\n  if (count === 0) return 0;\r\n  if (count <= 3) return 1;\r\n  if (count <= 6) return 2;\r\n  if (count <= 9) return 3;\r\n  return 4;\r\n}\r\n\r\nfunction buildGrid(\r\n  dayMap: Map<string, Day>,\r\n  year: number | \"last\",\r\n): (Day | null)[][] {\r\n  let start: Date;\r\n  let end: Date;\r\n\r\n  if (year === \"last\") {\r\n    end = new Date();\r\n    start = new Date(end);\r\n    start.setFullYear(start.getFullYear() - 1);\r\n    start.setDate(start.getDate() + 1);\r\n  } else {\r\n    start = new Date(year, 0, 1);\r\n    end =\r\n      year === new Date().getFullYear() ? new Date() : new Date(year, 11, 31);\r\n  }\r\n\r\n  start.setDate(start.getDate() - start.getDay());\r\n\r\n  const weeks: (Day | null)[][] = [];\r\n  const cur = new Date(start);\r\n\r\n  while (cur <= end) {\r\n    const week: (Day | null)[] = [];\r\n\r\n    for (let d = 0; d < 7; d++) {\r\n      const iso = cur.toISOString().slice(0, 10);\r\n\r\n      if (cur > end) {\r\n        week.push(null);\r\n      } else {\r\n        week.push(\r\n          dayMap.get(iso) ?? {\r\n            date: iso,\r\n            count: 0,\r\n            level: 0,\r\n          },\r\n        );\r\n      }\r\n\r\n      cur.setDate(cur.getDate() + 1);\r\n    }\r\n\r\n    weeks.push(week);\r\n  }\r\n\r\n  return weeks;\r\n}\r\n\r\nfunction monthLabels(grid: (Day | null)[][]) {\r\n  const out: { label: string; col: number }[] = [];\r\n  let last = -1;\r\n\r\n  grid.forEach((week, i) => {\r\n    const first = week.find(Boolean);\r\n    if (!first) return;\r\n\r\n    const m = new Date(first.date).getMonth();\r\n\r\n    if (m !== last) {\r\n      out.push({ label: MONTHS[m], col: i });\r\n      last = m;\r\n    }\r\n  });\r\n\r\n  return out;\r\n}\r\n\r\n/* ---------- UI Components ---------- */\r\n\r\nfunction Tooltip({ day, x, y }: { day: Day; x: number; y: number }) {\r\n  const label = new Date(day.date).toLocaleDateString(\"en-US\", {\r\n    weekday: \"long\",\r\n    year: \"numeric\",\r\n    month: \"long\",\r\n    day: \"numeric\",\r\n  });\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n      style={{ left: x, top: y - 8 }}\r\n    >\r\n      <b>\r\n        {day.count} contribution{day.count !== 1 ? \"s\" : \"\"}\r\n      </b>{\" \"}\r\n      · {label}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction Skeleton() {\r\n  return (\r\n    <div className=\"flex gap-[3px] animate-pulse opacity-40\">\r\n      {Array.from({ length: 53 }).map((_, w) => (\r\n        <div key={w} className=\"flex flex-col gap-[3px]\">\r\n          {Array.from({ length: 7 }).map((_, d) => (\r\n            <div\r\n              key={d}\r\n              className=\"w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700\"\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction YearPill({\r\n  label,\r\n  active,\r\n  onClick,\r\n}: {\r\n  label: string;\r\n  active: boolean;\r\n  onClick: () => void;\r\n}) {\r\n  return (\r\n    <button\r\n      onClick={onClick}\r\n      className={[\r\n        \"px-2.5 py-0.5 rounded-full text-[11px] font-medium transition-colors duration-150\",\r\n        active\r\n          ? \"bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n          : \"bg-neutral-100 text-neutral-600 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700\",\r\n      ].join(\" \")}\r\n    >\r\n      {label}\r\n    </button>\r\n  );\r\n}\r\n\r\n/* ---------- Main Component ---------- */\r\n\r\nfunction GithubActivity({ username, theme = \"dark\", className }: Props) {\r\n  const [allDays, setAllDays] = useState<Map<string, Day>>(new Map());\r\n  const [years, setYears] = useState<number[]>([]);\r\n  const [selectedYear, setSelectedYear] = useState<number | \"last\">(\"last\");\r\n  const [total, setTotal] = useState<number | null>(null);\r\n  const [bestDay, setBestDay] = useState<Day | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState(false);\r\n  const [tip, setTip] = useState<{ day: Day; x: number; y: number } | null>(\r\n    null,\r\n  );\r\n\r\n  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;\r\n\r\n  /* Fetch Contributions */\r\n\r\n  useEffect(() => {\r\n    if (!username) return;\r\n\r\n    let mounted = true;\r\n    setLoading(true);\r\n    setError(false);\r\n\r\n    (async () => {\r\n      try {\r\n        const res = await fetch(\r\n          `https://github-contributions-api.jogruber.de/v4/${username}?y=all`,\r\n        );\r\n\r\n        if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n        const json = await res.json();\r\n        const raw: { date: string; count: number }[] = json.contributions ?? [];\r\n\r\n        if (!raw.length) throw new Error(\"empty data\");\r\n\r\n        const map = new Map<string, Day>();\r\n        const yearSet = new Set<number>();\r\n\r\n        raw.forEach((c) => {\r\n          map.set(c.date, {\r\n            date: c.date,\r\n            count: c.count,\r\n            level: toLevel(c.count),\r\n          });\r\n\r\n          yearSet.add(new Date(c.date).getFullYear());\r\n        });\r\n\r\n        if (mounted) {\r\n          setAllDays(map);\r\n          setYears(Array.from(yearSet).sort((a, b) => b - a));\r\n          setLoading(false);\r\n        }\r\n      } catch (err) {\r\n        console.warn(\"GithubActivity fetch error:\", err);\r\n\r\n        if (mounted) {\r\n          setError(true);\r\n          setLoading(false);\r\n        }\r\n      }\r\n    })();\r\n\r\n    return () => {\r\n      mounted = false;\r\n    };\r\n  }, [username]);\r\n\r\n  /* Stats Calculation */\r\n\r\n  useEffect(() => {\r\n    if (!allDays.size) return;\r\n\r\n    const entries = Array.from(allDays.values()).filter((d) => {\r\n      if (selectedYear === \"last\") {\r\n        const oneYearAgo = new Date();\r\n        oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);\r\n        return new Date(d.date) >= oneYearAgo;\r\n      }\r\n\r\n      return new Date(d.date).getFullYear() === selectedYear;\r\n    });\r\n\r\n    const sum = entries.reduce((s, d) => s + d.count, 0);\r\n\r\n    const best = entries.reduce<Day | null>(\r\n      (b, d) => (!b || d.count > b.count ? d : b),\r\n      null,\r\n    );\r\n\r\n    setTotal(sum);\r\n    setBestDay(best && best.count > 0 ? best : null);\r\n  }, [allDays, selectedYear]);\r\n\r\n  /* Rendering Helpers */\r\n\r\n  const grid = useMemo(\r\n    () => (allDays.size ? buildGrid(allDays, selectedYear) : []),\r\n    [allDays, selectedYear],\r\n  );\r\n\r\n  const labels = useMemo(() => monthLabels(grid), [grid]);\r\n\r\n  const outlineColor = theme === \"light\" ? \"#333\" : \"#f0f0f0\";\r\n\r\n  const bestDateLabel = bestDay\r\n    ? new Date(bestDay.date).toLocaleDateString(\"en-US\", {\r\n        month: \"short\",\r\n        day: \"numeric\",\r\n        year: \"numeric\",\r\n      })\r\n    : null;\r\n\r\n  const periodLabel =\r\n    selectedYear === \"last\" ? \" in the last year\" : ` in ${selectedYear}`;\r\n\r\n  return (\r\n    <section className={[\"w-full font-mono\", className].join(\" \").trim()}>\r\n      <div className=\"flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400\">\r\n        {loading ? (\r\n          \"Loading…\"\r\n        ) : error ? (\r\n          \"Unavailable\"\r\n        ) : (\r\n          <>\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {total?.toLocaleString()}\r\n            </span>\r\n            {\" contributions\"}\r\n            {periodLabel}\r\n          </>\r\n        )}\r\n\r\n        {bestDay && !loading && (\r\n          <span className=\"flex items-center gap-1.5\">\r\n            <span\r\n              className=\"inline-block w-[10px] h-[10px] rounded-[2px]\"\r\n              style={{ backgroundColor: colors[4] }}\r\n            />\r\n            Best day:\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {bestDay.count} contributions\r\n            </span>\r\n            on {bestDateLabel}\r\n          </span>\r\n        )}\r\n      </div>\r\n\r\n      <div className=\"border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950\">\r\n        {error ? (\r\n          <p className=\"text-sm italic text-neutral-400\">\r\n            GitHub activity unavailable.\r\n          </p>\r\n        ) : loading ? (\r\n          <Skeleton />\r\n        ) : (\r\n          <>\r\n            <div className=\"overflow-x-auto overflow-y-visible pb-1\">\r\n              <div\r\n                className=\"relative\"\r\n                style={{\r\n                  minWidth: grid.length * STEP + DAY_COL_W + 8,\r\n                }}\r\n              >\r\n                <div\r\n                  className=\"relative h-[18px] mb-1\"\r\n                  style={{ marginLeft: DAY_COL_W }}\r\n                >\r\n                  {labels.map(({ label, col }) => (\r\n                    <span\r\n                      key={`${label}-${col}`}\r\n                      className=\"absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400\"\r\n                      style={{ left: col * STEP }}\r\n                    >\r\n                      {label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n\r\n                <div className=\"flex gap-[3px]\">\r\n                  <div\r\n                    className=\"flex flex-col gap-[3px] pt-px shrink-0\"\r\n                    style={{ width: DAY_COL_W - GAP }}\r\n                  >\r\n                    {Array.from({ length: 7 }).map((_, i) => (\r\n                      <div\r\n                        key={i}\r\n                        className=\"h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400\"\r\n                      >\r\n                        {DAY_LABELS[i] ?? \"\"}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  {grid.map((week, wi) => (\r\n                    <div key={wi} className=\"flex flex-col gap-[3px]\">\r\n                      {week.map((day, di) => (\r\n                        <div\r\n                          key={di}\r\n                          className=\"w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125\"\r\n                          style={{\r\n                            backgroundColor: day\r\n                              ? colors[day.level]\r\n                              : \"transparent\",\r\n                            cursor: day ? \"pointer\" : \"default\",\r\n                            outline:\r\n                              bestDay && day?.date === bestDay.date\r\n                                ? `2px solid ${outlineColor}`\r\n                                : \"none\",\r\n                            outlineOffset: \"1px\",\r\n                          }}\r\n                          onMouseEnter={(e) => {\r\n                            if (!day) return;\r\n\r\n                            const r = e.currentTarget.getBoundingClientRect();\r\n\r\n                            setTip({\r\n                              day,\r\n                              x: r.left + r.width / 2,\r\n                              y: r.top,\r\n                            });\r\n                          }}\r\n                          onMouseLeave={() => setTip(null)}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-start gap-1 mt-3\">\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 mr-1\">\r\n                Less\r\n              </span>\r\n\r\n              {colors.map((c, i) => (\r\n                <div\r\n                  key={i}\r\n                  className=\"w-[13px] h-[13px] rounded-[3px]\"\r\n                  style={{ backgroundColor: c }}\r\n                />\r\n              ))}\r\n\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 ml-1\">\r\n                More\r\n              </span>\r\n            </div>\r\n\r\n            <div className=\"flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800\">\r\n              <span className=\"text-[11px] text-neutral-400 mr-1\">Year:</span>\r\n\r\n              <YearPill\r\n                label=\"Last year\"\r\n                active={selectedYear === \"last\"}\r\n                onClick={() => setSelectedYear(\"last\")}\r\n              />\r\n\r\n              {years.map((y) => (\r\n                <YearPill\r\n                  key={y}\r\n                  label={String(y)}\r\n                  active={selectedYear === y}\r\n                  onClick={() => setSelectedYear(y)}\r\n                />\r\n              ))}\r\n            </div>\r\n          </>\r\n        )}\r\n      </div>\r\n\r\n      {tip && <Tooltip day={tip.day} x={tip.x} y={tip.y} />}\r\n    </section>\r\n  );\r\n}\r\n\r\nexport default memo(GithubActivity);\r\n"],"mappings":"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","names":["_","_a"]}

package/dist/index.css

@@ -0,0 +1,200 @@
+/* src/styles.css */
+@layer properties;
+.pointer-events-none {
+  pointer-events: none;
+}
+.absolute {
+  position: absolute;
+}
+.fixed {
+  position: fixed;
+}
+.relative {
+  position: relative;
+}
+.z-50 {
+  z-index: 50;
+}
+.flex {
+  display: flex;
+}
+.grid {
+  display: grid;
+}
+.inline-block {
+  display: inline-block;
+}
+.h-\[10px\] {
+  height: 10px;
+}
+.h-\[13px\] {
+  height: 13px;
+}
+.h-\[18px\] {
+  height: 18px;
+}
+.w-\[10px\] {
+  width: 10px;
+}
+.w-\[13px\] {
+  width: 13px;
+}
+.w-full {
+  width: 100%;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
+.-translate-x-1\/2 {
+  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.-translate-y-full {
+  --tw-translate-y: -100%;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.items-center {
+  align-items: center;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.gap-\[3px\] {
+  gap: 3px;
+}
+.overflow-x-auto {
+  overflow-x: auto;
+}
+.overflow-y-visible {
+  overflow-y: visible;
+}
+.rounded-\[2px\] {
+  border-radius: 2px;
+}
+.rounded-\[3px\] {
+  border-radius: 3px;
+}
+.rounded-full {
+  border-radius: calc(infinity * 1px);
+}
+.border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+.border-t {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+}
+.pt-px {
+  padding-top: 1px;
+}
+.text-right {
+  text-align: right;
+}
+.text-\[10px\] {
+  font-size: 10px;
+}
+.text-\[11px\] {
+  font-size: 11px;
+}
+.leading-\[13px\] {
+  --tw-leading: 13px;
+  line-height: 13px;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.italic {
+  font-style: italic;
+}
+.opacity-40 {
+  opacity: 40%;
+}
+.outline {
+  outline-style: var(--tw-outline-style);
+  outline-width: 1px;
+}
+.transition-colors {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    outline-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    --tw-gradient-from,
+    --tw-gradient-via,
+    --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+.transition-transform {
+  transition-property:
+    transform,
+    translate,
+    scale,
+    rotate;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+.duration-100 {
+  --tw-duration: 100ms;
+  transition-duration: 100ms;
+}
+.duration-150 {
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+}
+.select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.hover\:scale-125 {
+  &:hover {
+    @media (hover: hover) {
+      --tw-scale-x: 125%;
+      --tw-scale-y: 125%;
+      --tw-scale-z: 125%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
+}
+@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
+@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
+@property --tw-leading { syntax: "*"; inherits: false; }
+@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
+@property --tw-duration { syntax: "*"; inherits: false; }
+@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *,
+    ::before,
+    ::after,
+    ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-outline-style: solid;
+      --tw-duration: initial;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+    }
+  }
+}
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer properties;\n.pointer-events-none {\n  pointer-events: none;\n}\n.absolute {\n  position: absolute;\n}\n.fixed {\n  position: fixed;\n}\n.relative {\n  position: relative;\n}\n.z-50 {\n  z-index: 50;\n}\n.flex {\n  display: flex;\n}\n.grid {\n  display: grid;\n}\n.inline-block {\n  display: inline-block;\n}\n.h-\\[10px\\] {\n  height: 10px;\n}\n.h-\\[13px\\] {\n  height: 13px;\n}\n.h-\\[18px\\] {\n  height: 18px;\n}\n.w-\\[10px\\] {\n  width: 10px;\n}\n.w-\\[13px\\] {\n  width: 13px;\n}\n.w-full {\n  width: 100%;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.-translate-x-1\\/2 {\n  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n}\n.-translate-y-full {\n  --tw-translate-y: -100%;\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.gap-\\[3px\\] {\n  gap: 3px;\n}\n.overflow-x-auto {\n  overflow-x: auto;\n}\n.overflow-y-visible {\n  overflow-y: visible;\n}\n.rounded-\\[2px\\] {\n  border-radius: 2px;\n}\n.rounded-\\[3px\\] {\n  border-radius: 3px;\n}\n.rounded-full {\n  border-radius: calc(infinity * 1px);\n}\n.border {\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n}\n.border-t {\n  border-top-style: var(--tw-border-style);\n  border-top-width: 1px;\n}\n.pt-px {\n  padding-top: 1px;\n}\n.text-right {\n  text-align: right;\n}\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n.text-\\[11px\\] {\n  font-size: 11px;\n}\n.leading-\\[13px\\] {\n  --tw-leading: 13px;\n  line-height: 13px;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.italic {\n  font-style: italic;\n}\n.opacity-40 {\n  opacity: 40%;\n}\n.outline {\n  outline-style: var(--tw-outline-style);\n  outline-width: 1px;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n  transition-timing-function: var(--tw-ease, ease);\n  transition-duration: var(--tw-duration, 0s);\n}\n.transition-transform {\n  transition-property: transform, translate, scale, rotate;\n  transition-timing-function: var(--tw-ease, ease);\n  transition-duration: var(--tw-duration, 0s);\n}\n.duration-100 {\n  --tw-duration: 100ms;\n  transition-duration: 100ms;\n}\n.duration-150 {\n  --tw-duration: 150ms;\n  transition-duration: 150ms;\n}\n.select-none {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n       user-select: none;\n}\n.hover\\:scale-125 {\n  &:hover {\n    @media (hover: hover) {\n      --tw-scale-x: 125%;\n      --tw-scale-y: 125%;\n      --tw-scale-z: 125%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n    }\n  }\n}"],"mappings":";AACA;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,oBAAkB,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;AAC5C,aAAW,IAAI,kBAAkB,IAAI;AACvC;AACA,CAAC;AACC,oBAAkB;AAClB,aAAW,IAAI,kBAAkB,IAAI;AACvC;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,OAAK;AACP;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,iBAAe;AACjB;AACA,CAAC;AACC,iBAAe;AACjB;AACA,CAAC;AACC,iBAAe,KAAK,SAAS,EAAE;AACjC;AACA,CAAC;AACC,gBAAc,IAAI;AAClB,gBAAc;AAChB;AACA,CAAC;AACC,oBAAkB,IAAI;AACtB,oBAAkB;AACpB;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,gBAAc;AACd,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,iBAAe;AACjB;AACA,CAAC;AACC;AAAA,IAAqB,KAAK;AAAA,IAAE,gBAAgB;AAAA,IAAE,YAAY;AAAA,IAAE,aAAa;AAAA,IAAE,qBAAqB;AAAA,IAAE,IAAI;AAAA,IAAE,MAAM;AAAA,IAAE,kBAAkB;AAAA,IAAE,iBAAiB;AAAA,IAAE;AACvJ,8BAA4B,IAAI,SAAS,EAAE;AAC3C,uBAAqB,IAAI,aAAa,EAAE;AAC1C;AACA,CAAC;AACC;AAAA,IAAqB,SAAS;AAAA,IAAE,SAAS;AAAA,IAAE,KAAK;AAAA,IAAE;AAClD,8BAA4B,IAAI,SAAS,EAAE;AAC3C,uBAAqB,IAAI,aAAa,EAAE;AAC1C;AACA,CAAC;AACC,iBAAe;AACf,uBAAqB;AACvB;AACA,CAAC;AACC,iBAAe;AACf,uBAAqB;AACvB;AACA,CAAC;AACC,uBAAqB;AACrB,oBAAkB;AACb,eAAa;AACpB;AACA,CAAC;AACC,GAAC;AACC,YAAO,OAAQ;AACb,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,aAAO,IAAI,cAAc,IAAI;AAC/B;AACF;AACF;AACA,UAAU,iBAAiB,EACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC;AAElB,UAAU,iBAAiB,EACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC;AAElB,UAAU,iBAAiB,EACzB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC;AAElB,UAAU,kBAAkB,EAC1B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,KAAK;AAEtB,UAAU,aAAa,EACrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK;AAEjB,UAAU,mBAAmB,EAC3B,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,KAAK;AAEtB,UAAU,cAAc,EACtB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK;AAEjB,UAAU,aAAa,EACrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC;AAElB,UAAU,aAAa,EACrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC;AAElB,UAAU,aAAa,EACrB,MAAM,EAAE,GAAG,EACX,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC;AAElB;AACE,YAAU,CAAC,CAAC,eAAe,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,CAAC,CAAC,WAAW,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,EAAE;AAC7H;AAAA,IAAG;AAAA,IAAU;AAAA,IAAS;AACpB,wBAAkB;AAClB,wBAAkB;AAClB,wBAAkB;AAClB,yBAAmB;AACnB,oBAAc;AACd,0BAAoB;AACpB,qBAAe;AACf,oBAAc;AACd,oBAAc;AACd,oBAAc;AAChB;AACF;AACF;","names":[]}

package/dist/index.js

@@ -1,32 +1,6 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  GithubActivity: () => GithubActivity_default
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/GithubActivity.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
+import { memo, useEffect, useState, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var MONTHS = [
   "Jan",
   "Feb",
@@ -64,6 +38,7 @@ function toLevel(count) {
   return 4;
 }
 function buildGrid(dayMap, year) {
+  var _a;
   let start;
   let end;
   if (year === "last") {
@@ -86,7 +61,7 @@ function buildGrid(dayMap, year) {
         week.push(null);
       } else {
         week.push(
-          dayMap.get(iso) ?? {
+          (_a = dayMap.get(iso)) != null ? _a : {
             date: iso,
             count: 0,
             level: 0
@@ -120,13 +95,13 @@ function Tooltip({ day, x, y }) {
     month: "long",
     day: "numeric"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900",
       style: { left: x, top: y - 8 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("b", { children: [
+        /* @__PURE__ */ jsxs("b", { children: [
           day.count,
           " contribution",
           day.count !== 1 ? "s" : ""
@@ -139,7 +114,7 @@ function Tooltip({ day, x, y }) {
   );
 }
 function Skeleton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-[3px] animate-pulse opacity-40", children: Array.from({ length: 53 }).map((_, w) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-[3px]", children: Array.from({ length: 7 }).map((_2, d) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ jsx("div", { className: "flex gap-[3px] animate-pulse opacity-40", children: Array.from({ length: 53 }).map((_, w) => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[3px]", children: Array.from({ length: 7 }).map((_2, d) => /* @__PURE__ */ jsx(
     "div",
     {
       className: "w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700"
@@ -152,7 +127,7 @@ function YearPill({
   active,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ jsx(
     "button",
     {
       onClick,
@@ -165,30 +140,32 @@ function YearPill({
   );
 }
 function GithubActivity({ username, theme = "dark", className }) {
-  const [allDays, setAllDays] = (0, import_react.useState)(/* @__PURE__ */ new Map());
-  const [years, setYears] = (0, import_react.useState)([]);
-  const [selectedYear, setSelectedYear] = (0, import_react.useState)("last");
-  const [total, setTotal] = (0, import_react.useState)(null);
-  const [bestDay, setBestDay] = (0, import_react.useState)(null);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const [error, setError] = (0, import_react.useState)(false);
-  const [tip, setTip] = (0, import_react.useState)(
+  var _a;
+  const [allDays, setAllDays] = useState(/* @__PURE__ */ new Map());
+  const [years, setYears] = useState([]);
+  const [selectedYear, setSelectedYear] = useState("last");
+  const [total, setTotal] = useState(null);
+  const [bestDay, setBestDay] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(false);
+  const [tip, setTip] = useState(
     null
   );
-  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;
-  (0, import_react.useEffect)(() => {
+  const colors = (_a = COLOR_MAP[theme]) != null ? _a : COLOR_MAP.dark;
+  useEffect(() => {
     if (!username) return;
     let mounted = true;
     setLoading(true);
     setError(false);
     (async () => {
+      var _a2;
       try {
         const res = await fetch(
           `https://github-contributions-api.jogruber.de/v4/${username}?y=all`
         );
         if (!res.ok) throw new Error(`HTTP ${res.status}`);
         const json = await res.json();
-        const raw = json.contributions ?? [];
+        const raw = (_a2 = json.contributions) != null ? _a2 : [];
         if (!raw.length) throw new Error("empty data");
         const map = /* @__PURE__ */ new Map();
         const yearSet = /* @__PURE__ */ new Set();
@@ -217,7 +194,7 @@ function GithubActivity({ username, theme = "dark", className }) {
       mounted = false;
     };
   }, [username]);
-  (0, import_react.useEffect)(() => {
+  useEffect(() => {
     if (!allDays.size) return;
     const entries = Array.from(allDays.values()).filter((d) => {
       if (selectedYear === "last") {
@@ -235,11 +212,11 @@ function GithubActivity({ username, theme = "dark", className }) {
     setTotal(sum);
     setBestDay(best && best.count > 0 ? best : null);
   }, [allDays, selectedYear]);
-  const grid = (0, import_react.useMemo)(
+  const grid = useMemo(
     () => allDays.size ? buildGrid(allDays, selectedYear) : [],
     [allDays, selectedYear]
   );
-  const labels = (0, import_react.useMemo)(() => monthLabels(grid), [grid]);
+  const labels = useMemo(() => monthLabels(grid), [grid]);
   const outlineColor = theme === "light" ? "#333" : "#f0f0f0";
   const bestDateLabel = bestDay ? new Date(bestDay.date).toLocaleDateString("en-US", {
     month: "short",
@@ -247,15 +224,15 @@ function GithubActivity({ username, theme = "dark", className }) {
     year: "numeric"
   }) : null;
   const periodLabel = selectedYear === "last" ? " in the last year" : ` in ${selectedYear}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: ["w-full font-mono", className].join(" ").trim(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400", children: [
-      loading ? "Loading\u2026" : error ? "Unavailable" : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: total?.toLocaleString() }),
+  return /* @__PURE__ */ jsxs("section", { className: ["w-full font-mono", className].join(" ").trim(), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400", children: [
+      loading ? "Loading\u2026" : error ? "Unavailable" : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: total == null ? void 0 : total.toLocaleString() }),
         " contributions",
         periodLabel
       ] }),
-      bestDay && !loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      bestDay && !loading && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(
           "span",
           {
             className: "inline-block w-[10px] h-[10px] rounded-[2px]",
@@ -263,7 +240,7 @@ function GithubActivity({ username, theme = "dark", className }) {
           }
         ),
         "Best day:",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: [
+        /* @__PURE__ */ jsxs("span", { className: "font-semibold text-neutral-700 dark:text-neutral-200", children: [
           bestDay.count,
           " contributions"
         ] }),
@@ -271,8 +248,8 @@ function GithubActivity({ username, theme = "dark", className }) {
         bestDateLabel
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950", children: error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm italic text-neutral-400", children: "GitHub activity unavailable." }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-x-auto overflow-y-visible pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    /* @__PURE__ */ jsx("div", { className: "border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950", children: error ? /* @__PURE__ */ jsx("p", { className: "text-sm italic text-neutral-400", children: "GitHub activity unavailable." }) : loading ? /* @__PURE__ */ jsx(Skeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto overflow-y-visible pb-1", children: /* @__PURE__ */ jsxs(
         "div",
         {
           className: "relative",
@@ -280,12 +257,12 @@ function GithubActivity({ username, theme = "dark", className }) {
             minWidth: grid.length * STEP + DAY_COL_W + 8
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ jsx(
               "div",
               {
                 className: "relative h-[18px] mb-1",
                 style: { marginLeft: DAY_COL_W },
-                children: labels.map(({ label, col }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                children: labels.map(({ label, col }) => /* @__PURE__ */ jsx(
                   "span",
                   {
                     className: "absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400",
@@ -296,30 +273,33 @@ function GithubActivity({ username, theme = "dark", className }) {
                 ))
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-[3px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-[3px]", children: [
+              /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: "flex flex-col gap-[3px] pt-px shrink-0",
                   style: { width: DAY_COL_W - GAP },
-                  children: Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "div",
-                    {
-                      className: "h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400",
-                      children: DAY_LABELS[i] ?? ""
-                    },
-                    i
-                  ))
+                  children: Array.from({ length: 7 }).map((_, i) => {
+                    var _a2;
+                    return /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400",
+                        children: (_a2 = DAY_LABELS[i]) != null ? _a2 : ""
+                      },
+                      i
+                    );
+                  })
                 }
               ),
-              grid.map((week, wi) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col gap-[3px]", children: week.map((day, di) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              grid.map((week, wi) => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[3px]", children: week.map((day, di) => /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: "w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125",
                   style: {
                     backgroundColor: day ? colors[day.level] : "transparent",
                     cursor: day ? "pointer" : "default",
-                    outline: bestDay && day?.date === bestDay.date ? `2px solid ${outlineColor}` : "none",
+                    outline: bestDay && (day == null ? void 0 : day.date) === bestDay.date ? `2px solid ${outlineColor}` : "none",
                     outlineOffset: "1px"
                   },
                   onMouseEnter: (e) => {
@@ -339,9 +319,9 @@ function GithubActivity({ username, theme = "dark", className }) {
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-start gap-1 mt-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 mr-1", children: "Less" }),
-        colors.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-1 mt-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 mr-1", children: "Less" }),
+        colors.map((c, i) => /* @__PURE__ */ jsx(
           "div",
           {
             className: "w-[13px] h-[13px] rounded-[3px]",
@@ -349,11 +329,11 @@ function GithubActivity({ username, theme = "dark", className }) {
           },
           i
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 ml-1", children: "More" })
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 ml-1", children: "More" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[11px] text-neutral-400 mr-1", children: "Year:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-400 mr-1", children: "Year:" }),
+        /* @__PURE__ */ jsx(
           YearPill,
           {
             label: "Last year",
@@ -361,7 +341,7 @@ function GithubActivity({ username, theme = "dark", className }) {
             onClick: () => setSelectedYear("last")
           }
         ),
-        years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        years.map((y) => /* @__PURE__ */ jsx(
           YearPill,
           {
             label: String(y),
@@ -372,12 +352,11 @@ function GithubActivity({ username, theme = "dark", className }) {
         ))
       ] })
     ] }) }),
-    tip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, { day: tip.day, x: tip.x, y: tip.y })
+    tip && /* @__PURE__ */ jsx(Tooltip, { day: tip.day, x: tip.x, y: tip.y })
   ] });
 }
-var GithubActivity_default = (0, import_react.memo)(GithubActivity);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  GithubActivity
-});
+var GithubActivity_default = memo(GithubActivity);
+export {
+  GithubActivity_default as GithubActivity
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/GithubActivity.tsx"],"sourcesContent":["export { default as GithubActivity } from \"./GithubActivity\";","import { memo, useEffect, useState, useMemo } from \"react\";\r\n\r\ntype Theme = \"light\" | \"dark\" | \"blue\" | \"purple\";\r\n\r\ninterface Day {\r\n  date: string;\r\n  count: number;\r\n  level: 0 | 1 | 2 | 3 | 4;\r\n}\r\n\r\ninterface Props {\r\n  username: string;\r\n  theme?: Theme;\r\n  className?: string;\r\n}\r\n\r\n/* ---------- Constants ---------- */\r\n\r\nconst MONTHS = [\r\n  \"Jan\",\r\n  \"Feb\",\r\n  \"Mar\",\r\n  \"Apr\",\r\n  \"May\",\r\n  \"Jun\",\r\n  \"Jul\",\r\n  \"Aug\",\r\n  \"Sep\",\r\n  \"Oct\",\r\n  \"Nov\",\r\n  \"Dec\",\r\n];\r\nconst DAY_LABELS: Record<number, string> = { 1: \"Mon\", 3: \"Wed\", 5: \"Fri\" };\r\n\r\nconst CELL = 13;\r\nconst GAP = 3;\r\nconst STEP = CELL + GAP;\r\nconst DAY_COL_W = 30;\r\n\r\n/* ---------- Color Themes ---------- */\r\n\r\nconst LIGHT = [\"#ebedf0\", \"#9be9a8\", \"#40c463\", \"#30a14e\", \"#216e39\"];\r\nconst DARK = [\"#21262d\", \"#0e4429\", \"#006d32\", \"#26a641\", \"#39d353\"];\r\nconst BLUE = [\"#21262d\", \"#a3c9ff\", \"#5fa3ff\", \"#2f7bff\", \"#0b5cff\"];\r\nconst PURPLE = [\"#21262d\", \"#d8b4ff\", \"#c084fc\", \"#a855f7\", \"#7e22ce\"];\r\n\r\nconst COLOR_MAP: Record<Theme, string[]> = {\r\n  light: LIGHT,\r\n  dark: DARK,\r\n  blue: BLUE,\r\n  purple: PURPLE,\r\n};\r\n\r\n/* ---------- Utilities ---------- */\r\n\r\nfunction toLevel(count: number): 0 | 1 | 2 | 3 | 4 {\r\n  if (count === 0) return 0;\r\n  if (count <= 3) return 1;\r\n  if (count <= 6) return 2;\r\n  if (count <= 9) return 3;\r\n  return 4;\r\n}\r\n\r\nfunction buildGrid(\r\n  dayMap: Map<string, Day>,\r\n  year: number | \"last\",\r\n): (Day | null)[][] {\r\n  let start: Date;\r\n  let end: Date;\r\n\r\n  if (year === \"last\") {\r\n    end = new Date();\r\n    start = new Date(end);\r\n    start.setFullYear(start.getFullYear() - 1);\r\n    start.setDate(start.getDate() + 1);\r\n  } else {\r\n    start = new Date(year, 0, 1);\r\n    end =\r\n      year === new Date().getFullYear() ? new Date() : new Date(year, 11, 31);\r\n  }\r\n\r\n  start.setDate(start.getDate() - start.getDay());\r\n\r\n  const weeks: (Day | null)[][] = [];\r\n  const cur = new Date(start);\r\n\r\n  while (cur <= end) {\r\n    const week: (Day | null)[] = [];\r\n\r\n    for (let d = 0; d < 7; d++) {\r\n      const iso = cur.toISOString().slice(0, 10);\r\n\r\n      if (cur > end) {\r\n        week.push(null);\r\n      } else {\r\n        week.push(\r\n          dayMap.get(iso) ?? {\r\n            date: iso,\r\n            count: 0,\r\n            level: 0,\r\n          },\r\n        );\r\n      }\r\n\r\n      cur.setDate(cur.getDate() + 1);\r\n    }\r\n\r\n    weeks.push(week);\r\n  }\r\n\r\n  return weeks;\r\n}\r\n\r\nfunction monthLabels(grid: (Day | null)[][]) {\r\n  const out: { label: string; col: number }[] = [];\r\n  let last = -1;\r\n\r\n  grid.forEach((week, i) => {\r\n    const first = week.find(Boolean);\r\n    if (!first) return;\r\n\r\n    const m = new Date(first.date).getMonth();\r\n\r\n    if (m !== last) {\r\n      out.push({ label: MONTHS[m], col: i });\r\n      last = m;\r\n    }\r\n  });\r\n\r\n  return out;\r\n}\r\n\r\n/* ---------- UI Components ---------- */\r\n\r\nfunction Tooltip({ day, x, y }: { day: Day; x: number; y: number }) {\r\n  const label = new Date(day.date).toLocaleDateString(\"en-US\", {\r\n    weekday: \"long\",\r\n    year: \"numeric\",\r\n    month: \"long\",\r\n    day: \"numeric\",\r\n  });\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n      style={{ left: x, top: y - 8 }}\r\n    >\r\n      <b>\r\n        {day.count} contribution{day.count !== 1 ? \"s\" : \"\"}\r\n      </b>{\" \"}\r\n      · {label}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction Skeleton() {\r\n  return (\r\n    <div className=\"flex gap-[3px] animate-pulse opacity-40\">\r\n      {Array.from({ length: 53 }).map((_, w) => (\r\n        <div key={w} className=\"flex flex-col gap-[3px]\">\r\n          {Array.from({ length: 7 }).map((_, d) => (\r\n            <div\r\n              key={d}\r\n              className=\"w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700\"\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction YearPill({\r\n  label,\r\n  active,\r\n  onClick,\r\n}: {\r\n  label: string;\r\n  active: boolean;\r\n  onClick: () => void;\r\n}) {\r\n  return (\r\n    <button\r\n      onClick={onClick}\r\n      className={[\r\n        \"px-2.5 py-0.5 rounded-full text-[11px] font-medium transition-colors duration-150\",\r\n        active\r\n          ? \"bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n          : \"bg-neutral-100 text-neutral-600 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700\",\r\n      ].join(\" \")}\r\n    >\r\n      {label}\r\n    </button>\r\n  );\r\n}\r\n\r\n/* ---------- Main Component ---------- */\r\n\r\nfunction GithubActivity({ username, theme = \"dark\", className }: Props) {\r\n  const [allDays, setAllDays] = useState<Map<string, Day>>(new Map());\r\n  const [years, setYears] = useState<number[]>([]);\r\n  const [selectedYear, setSelectedYear] = useState<number | \"last\">(\"last\");\r\n  const [total, setTotal] = useState<number | null>(null);\r\n  const [bestDay, setBestDay] = useState<Day | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState(false);\r\n  const [tip, setTip] = useState<{ day: Day; x: number; y: number } | null>(\r\n    null,\r\n  );\r\n\r\n  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;\r\n\r\n  /* Fetch Contributions */\r\n\r\n  useEffect(() => {\r\n    if (!username) return;\r\n\r\n    let mounted = true;\r\n    setLoading(true);\r\n    setError(false);\r\n\r\n    (async () => {\r\n      try {\r\n        const res = await fetch(\r\n          `https://github-contributions-api.jogruber.de/v4/${username}?y=all`,\r\n        );\r\n\r\n        if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n        const json = await res.json();\r\n        const raw: { date: string; count: number }[] = json.contributions ?? [];\r\n\r\n        if (!raw.length) throw new Error(\"empty data\");\r\n\r\n        const map = new Map<string, Day>();\r\n        const yearSet = new Set<number>();\r\n\r\n        raw.forEach((c) => {\r\n          map.set(c.date, {\r\n            date: c.date,\r\n            count: c.count,\r\n            level: toLevel(c.count),\r\n          });\r\n\r\n          yearSet.add(new Date(c.date).getFullYear());\r\n        });\r\n\r\n        if (mounted) {\r\n          setAllDays(map);\r\n          setYears(Array.from(yearSet).sort((a, b) => b - a));\r\n          setLoading(false);\r\n        }\r\n      } catch (err) {\r\n        console.warn(\"GithubActivity fetch error:\", err);\r\n\r\n        if (mounted) {\r\n          setError(true);\r\n          setLoading(false);\r\n        }\r\n      }\r\n    })();\r\n\r\n    return () => {\r\n      mounted = false;\r\n    };\r\n  }, [username]);\r\n\r\n  /* Stats Calculation */\r\n\r\n  useEffect(() => {\r\n    if (!allDays.size) return;\r\n\r\n    const entries = Array.from(allDays.values()).filter((d) => {\r\n      if (selectedYear === \"last\") {\r\n        const oneYearAgo = new Date();\r\n        oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);\r\n        return new Date(d.date) >= oneYearAgo;\r\n      }\r\n\r\n      return new Date(d.date).getFullYear() === selectedYear;\r\n    });\r\n\r\n    const sum = entries.reduce((s, d) => s + d.count, 0);\r\n\r\n    const best = entries.reduce<Day | null>(\r\n      (b, d) => (!b || d.count > b.count ? d : b),\r\n      null,\r\n    );\r\n\r\n    setTotal(sum);\r\n    setBestDay(best && best.count > 0 ? best : null);\r\n  }, [allDays, selectedYear]);\r\n\r\n  /* Rendering Helpers */\r\n\r\n  const grid = useMemo(\r\n    () => (allDays.size ? buildGrid(allDays, selectedYear) : []),\r\n    [allDays, selectedYear],\r\n  );\r\n\r\n  const labels = useMemo(() => monthLabels(grid), [grid]);\r\n\r\n  const outlineColor = theme === \"light\" ? \"#333\" : \"#f0f0f0\";\r\n\r\n  const bestDateLabel = bestDay\r\n    ? new Date(bestDay.date).toLocaleDateString(\"en-US\", {\r\n        month: \"short\",\r\n        day: \"numeric\",\r\n        year: \"numeric\",\r\n      })\r\n    : null;\r\n\r\n  const periodLabel =\r\n    selectedYear === \"last\" ? \" in the last year\" : ` in ${selectedYear}`;\r\n\r\n  return (\r\n    <section className={[\"w-full font-mono\", className].join(\" \").trim()}>\r\n      <div className=\"flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400\">\r\n        {loading ? (\r\n          \"Loading…\"\r\n        ) : error ? (\r\n          \"Unavailable\"\r\n        ) : (\r\n          <>\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {total?.toLocaleString()}\r\n            </span>\r\n            {\" contributions\"}\r\n            {periodLabel}\r\n          </>\r\n        )}\r\n\r\n        {bestDay && !loading && (\r\n          <span className=\"flex items-center gap-1.5\">\r\n            <span\r\n              className=\"inline-block w-[10px] h-[10px] rounded-[2px]\"\r\n              style={{ backgroundColor: colors[4] }}\r\n            />\r\n            Best day:\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {bestDay.count} contributions\r\n            </span>\r\n            on {bestDateLabel}\r\n          </span>\r\n        )}\r\n      </div>\r\n\r\n      <div className=\"border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950\">\r\n        {error ? (\r\n          <p className=\"text-sm italic text-neutral-400\">\r\n            GitHub activity unavailable.\r\n          </p>\r\n        ) : loading ? (\r\n          <Skeleton />\r\n        ) : (\r\n          <>\r\n            <div className=\"overflow-x-auto overflow-y-visible pb-1\">\r\n              <div\r\n                className=\"relative\"\r\n                style={{\r\n                  minWidth: grid.length * STEP + DAY_COL_W + 8,\r\n                }}\r\n              >\r\n                <div\r\n                  className=\"relative h-[18px] mb-1\"\r\n                  style={{ marginLeft: DAY_COL_W }}\r\n                >\r\n                  {labels.map(({ label, col }) => (\r\n                    <span\r\n                      key={`${label}-${col}`}\r\n                      className=\"absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400\"\r\n                      style={{ left: col * STEP }}\r\n                    >\r\n                      {label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n\r\n                <div className=\"flex gap-[3px]\">\r\n                  <div\r\n                    className=\"flex flex-col gap-[3px] pt-px shrink-0\"\r\n                    style={{ width: DAY_COL_W - GAP }}\r\n                  >\r\n                    {Array.from({ length: 7 }).map((_, i) => (\r\n                      <div\r\n                        key={i}\r\n                        className=\"h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400\"\r\n                      >\r\n                        {DAY_LABELS[i] ?? \"\"}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  {grid.map((week, wi) => (\r\n                    <div key={wi} className=\"flex flex-col gap-[3px]\">\r\n                      {week.map((day, di) => (\r\n                        <div\r\n                          key={di}\r\n                          className=\"w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125\"\r\n                          style={{\r\n                            backgroundColor: day\r\n                              ? colors[day.level]\r\n                              : \"transparent\",\r\n                            cursor: day ? \"pointer\" : \"default\",\r\n                            outline:\r\n                              bestDay && day?.date === bestDay.date\r\n                                ? `2px solid ${outlineColor}`\r\n                                : \"none\",\r\n                            outlineOffset: \"1px\",\r\n                          }}\r\n                          onMouseEnter={(e) => {\r\n                            if (!day) return;\r\n\r\n                            const r = e.currentTarget.getBoundingClientRect();\r\n\r\n                            setTip({\r\n                              day,\r\n                              x: r.left + r.width / 2,\r\n                              y: r.top,\r\n                            });\r\n                          }}\r\n                          onMouseLeave={() => setTip(null)}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-start gap-1 mt-3\">\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 mr-1\">\r\n                Less\r\n              </span>\r\n\r\n              {colors.map((c, i) => (\r\n                <div\r\n                  key={i}\r\n                  className=\"w-[13px] h-[13px] rounded-[3px]\"\r\n                  style={{ backgroundColor: c }}\r\n                />\r\n              ))}\r\n\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 ml-1\">\r\n                More\r\n              </span>\r\n            </div>\r\n\r\n            <div className=\"flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800\">\r\n              <span className=\"text-[11px] text-neutral-400 mr-1\">Year:</span>\r\n\r\n              <YearPill\r\n                label=\"Last year\"\r\n                active={selectedYear === \"last\"}\r\n                onClick={() => setSelectedYear(\"last\")}\r\n              />\r\n\r\n              {years.map((y) => (\r\n                <YearPill\r\n                  key={y}\r\n                  label={String(y)}\r\n                  active={selectedYear === y}\r\n                  onClick={() => setSelectedYear(y)}\r\n                />\r\n              ))}\r\n            </div>\r\n          </>\r\n        )}\r\n      </div>\r\n\r\n      {tip && <Tooltip day={tip.day} x={tip.x} y={tip.y} />}\r\n    </section>\r\n  );\r\n}\r\n\r\nexport default memo(GithubActivity);\r\n"],"mappings":"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","names":["_"]}
+{"version":3,"sources":["../src/GithubActivity.tsx"],"sourcesContent":["import { memo, useEffect, useState, useMemo } from \"react\";\r\n\r\ntype Theme = \"light\" | \"dark\" | \"blue\" | \"purple\";\r\n\r\ninterface Day {\r\n  date: string;\r\n  count: number;\r\n  level: 0 | 1 | 2 | 3 | 4;\r\n}\r\n\r\ninterface Props {\r\n  username: string;\r\n  theme?: Theme;\r\n  className?: string;\r\n}\r\n\r\n/* ---------- Constants ---------- */\r\n\r\nconst MONTHS = [\r\n  \"Jan\",\r\n  \"Feb\",\r\n  \"Mar\",\r\n  \"Apr\",\r\n  \"May\",\r\n  \"Jun\",\r\n  \"Jul\",\r\n  \"Aug\",\r\n  \"Sep\",\r\n  \"Oct\",\r\n  \"Nov\",\r\n  \"Dec\",\r\n];\r\nconst DAY_LABELS: Record<number, string> = { 1: \"Mon\", 3: \"Wed\", 5: \"Fri\" };\r\n\r\nconst CELL = 13;\r\nconst GAP = 3;\r\nconst STEP = CELL + GAP;\r\nconst DAY_COL_W = 30;\r\n\r\n/* ---------- Color Themes ---------- */\r\n\r\nconst LIGHT = [\"#ebedf0\", \"#9be9a8\", \"#40c463\", \"#30a14e\", \"#216e39\"];\r\nconst DARK = [\"#21262d\", \"#0e4429\", \"#006d32\", \"#26a641\", \"#39d353\"];\r\nconst BLUE = [\"#21262d\", \"#a3c9ff\", \"#5fa3ff\", \"#2f7bff\", \"#0b5cff\"];\r\nconst PURPLE = [\"#21262d\", \"#d8b4ff\", \"#c084fc\", \"#a855f7\", \"#7e22ce\"];\r\n\r\nconst COLOR_MAP: Record<Theme, string[]> = {\r\n  light: LIGHT,\r\n  dark: DARK,\r\n  blue: BLUE,\r\n  purple: PURPLE,\r\n};\r\n\r\n/* ---------- Utilities ---------- */\r\n\r\nfunction toLevel(count: number): 0 | 1 | 2 | 3 | 4 {\r\n  if (count === 0) return 0;\r\n  if (count <= 3) return 1;\r\n  if (count <= 6) return 2;\r\n  if (count <= 9) return 3;\r\n  return 4;\r\n}\r\n\r\nfunction buildGrid(\r\n  dayMap: Map<string, Day>,\r\n  year: number | \"last\",\r\n): (Day | null)[][] {\r\n  let start: Date;\r\n  let end: Date;\r\n\r\n  if (year === \"last\") {\r\n    end = new Date();\r\n    start = new Date(end);\r\n    start.setFullYear(start.getFullYear() - 1);\r\n    start.setDate(start.getDate() + 1);\r\n  } else {\r\n    start = new Date(year, 0, 1);\r\n    end =\r\n      year === new Date().getFullYear() ? new Date() : new Date(year, 11, 31);\r\n  }\r\n\r\n  start.setDate(start.getDate() - start.getDay());\r\n\r\n  const weeks: (Day | null)[][] = [];\r\n  const cur = new Date(start);\r\n\r\n  while (cur <= end) {\r\n    const week: (Day | null)[] = [];\r\n\r\n    for (let d = 0; d < 7; d++) {\r\n      const iso = cur.toISOString().slice(0, 10);\r\n\r\n      if (cur > end) {\r\n        week.push(null);\r\n      } else {\r\n        week.push(\r\n          dayMap.get(iso) ?? {\r\n            date: iso,\r\n            count: 0,\r\n            level: 0,\r\n          },\r\n        );\r\n      }\r\n\r\n      cur.setDate(cur.getDate() + 1);\r\n    }\r\n\r\n    weeks.push(week);\r\n  }\r\n\r\n  return weeks;\r\n}\r\n\r\nfunction monthLabels(grid: (Day | null)[][]) {\r\n  const out: { label: string; col: number }[] = [];\r\n  let last = -1;\r\n\r\n  grid.forEach((week, i) => {\r\n    const first = week.find(Boolean);\r\n    if (!first) return;\r\n\r\n    const m = new Date(first.date).getMonth();\r\n\r\n    if (m !== last) {\r\n      out.push({ label: MONTHS[m], col: i });\r\n      last = m;\r\n    }\r\n  });\r\n\r\n  return out;\r\n}\r\n\r\n/* ---------- UI Components ---------- */\r\n\r\nfunction Tooltip({ day, x, y }: { day: Day; x: number; y: number }) {\r\n  const label = new Date(day.date).toLocaleDateString(\"en-US\", {\r\n    weekday: \"long\",\r\n    year: \"numeric\",\r\n    month: \"long\",\r\n    day: \"numeric\",\r\n  });\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n      style={{ left: x, top: y - 8 }}\r\n    >\r\n      <b>\r\n        {day.count} contribution{day.count !== 1 ? \"s\" : \"\"}\r\n      </b>{\" \"}\r\n      · {label}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction Skeleton() {\r\n  return (\r\n    <div className=\"flex gap-[3px] animate-pulse opacity-40\">\r\n      {Array.from({ length: 53 }).map((_, w) => (\r\n        <div key={w} className=\"flex flex-col gap-[3px]\">\r\n          {Array.from({ length: 7 }).map((_, d) => (\r\n            <div\r\n              key={d}\r\n              className=\"w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700\"\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction YearPill({\r\n  label,\r\n  active,\r\n  onClick,\r\n}: {\r\n  label: string;\r\n  active: boolean;\r\n  onClick: () => void;\r\n}) {\r\n  return (\r\n    <button\r\n      onClick={onClick}\r\n      className={[\r\n        \"px-2.5 py-0.5 rounded-full text-[11px] font-medium transition-colors duration-150\",\r\n        active\r\n          ? \"bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n          : \"bg-neutral-100 text-neutral-600 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700\",\r\n      ].join(\" \")}\r\n    >\r\n      {label}\r\n    </button>\r\n  );\r\n}\r\n\r\n/* ---------- Main Component ---------- */\r\n\r\nfunction GithubActivity({ username, theme = \"dark\", className }: Props) {\r\n  const [allDays, setAllDays] = useState<Map<string, Day>>(new Map());\r\n  const [years, setYears] = useState<number[]>([]);\r\n  const [selectedYear, setSelectedYear] = useState<number | \"last\">(\"last\");\r\n  const [total, setTotal] = useState<number | null>(null);\r\n  const [bestDay, setBestDay] = useState<Day | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState(false);\r\n  const [tip, setTip] = useState<{ day: Day; x: number; y: number } | null>(\r\n    null,\r\n  );\r\n\r\n  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;\r\n\r\n  /* Fetch Contributions */\r\n\r\n  useEffect(() => {\r\n    if (!username) return;\r\n\r\n    let mounted = true;\r\n    setLoading(true);\r\n    setError(false);\r\n\r\n    (async () => {\r\n      try {\r\n        const res = await fetch(\r\n          `https://github-contributions-api.jogruber.de/v4/${username}?y=all`,\r\n        );\r\n\r\n        if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n        const json = await res.json();\r\n        const raw: { date: string; count: number }[] = json.contributions ?? [];\r\n\r\n        if (!raw.length) throw new Error(\"empty data\");\r\n\r\n        const map = new Map<string, Day>();\r\n        const yearSet = new Set<number>();\r\n\r\n        raw.forEach((c) => {\r\n          map.set(c.date, {\r\n            date: c.date,\r\n            count: c.count,\r\n            level: toLevel(c.count),\r\n          });\r\n\r\n          yearSet.add(new Date(c.date).getFullYear());\r\n        });\r\n\r\n        if (mounted) {\r\n          setAllDays(map);\r\n          setYears(Array.from(yearSet).sort((a, b) => b - a));\r\n          setLoading(false);\r\n        }\r\n      } catch (err) {\r\n        console.warn(\"GithubActivity fetch error:\", err);\r\n\r\n        if (mounted) {\r\n          setError(true);\r\n          setLoading(false);\r\n        }\r\n      }\r\n    })();\r\n\r\n    return () => {\r\n      mounted = false;\r\n    };\r\n  }, [username]);\r\n\r\n  /* Stats Calculation */\r\n\r\n  useEffect(() => {\r\n    if (!allDays.size) return;\r\n\r\n    const entries = Array.from(allDays.values()).filter((d) => {\r\n      if (selectedYear === \"last\") {\r\n        const oneYearAgo = new Date();\r\n        oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);\r\n        return new Date(d.date) >= oneYearAgo;\r\n      }\r\n\r\n      return new Date(d.date).getFullYear() === selectedYear;\r\n    });\r\n\r\n    const sum = entries.reduce((s, d) => s + d.count, 0);\r\n\r\n    const best = entries.reduce<Day | null>(\r\n      (b, d) => (!b || d.count > b.count ? d : b),\r\n      null,\r\n    );\r\n\r\n    setTotal(sum);\r\n    setBestDay(best && best.count > 0 ? best : null);\r\n  }, [allDays, selectedYear]);\r\n\r\n  /* Rendering Helpers */\r\n\r\n  const grid = useMemo(\r\n    () => (allDays.size ? buildGrid(allDays, selectedYear) : []),\r\n    [allDays, selectedYear],\r\n  );\r\n\r\n  const labels = useMemo(() => monthLabels(grid), [grid]);\r\n\r\n  const outlineColor = theme === \"light\" ? \"#333\" : \"#f0f0f0\";\r\n\r\n  const bestDateLabel = bestDay\r\n    ? new Date(bestDay.date).toLocaleDateString(\"en-US\", {\r\n        month: \"short\",\r\n        day: \"numeric\",\r\n        year: \"numeric\",\r\n      })\r\n    : null;\r\n\r\n  const periodLabel =\r\n    selectedYear === \"last\" ? \" in the last year\" : ` in ${selectedYear}`;\r\n\r\n  return (\r\n    <section className={[\"w-full font-mono\", className].join(\" \").trim()}>\r\n      <div className=\"flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400\">\r\n        {loading ? (\r\n          \"Loading…\"\r\n        ) : error ? (\r\n          \"Unavailable\"\r\n        ) : (\r\n          <>\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {total?.toLocaleString()}\r\n            </span>\r\n            {\" contributions\"}\r\n            {periodLabel}\r\n          </>\r\n        )}\r\n\r\n        {bestDay && !loading && (\r\n          <span className=\"flex items-center gap-1.5\">\r\n            <span\r\n              className=\"inline-block w-[10px] h-[10px] rounded-[2px]\"\r\n              style={{ backgroundColor: colors[4] }}\r\n            />\r\n            Best day:\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {bestDay.count} contributions\r\n            </span>\r\n            on {bestDateLabel}\r\n          </span>\r\n        )}\r\n      </div>\r\n\r\n      <div className=\"border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950\">\r\n        {error ? (\r\n          <p className=\"text-sm italic text-neutral-400\">\r\n            GitHub activity unavailable.\r\n          </p>\r\n        ) : loading ? (\r\n          <Skeleton />\r\n        ) : (\r\n          <>\r\n            <div className=\"overflow-x-auto overflow-y-visible pb-1\">\r\n              <div\r\n                className=\"relative\"\r\n                style={{\r\n                  minWidth: grid.length * STEP + DAY_COL_W + 8,\r\n                }}\r\n              >\r\n                <div\r\n                  className=\"relative h-[18px] mb-1\"\r\n                  style={{ marginLeft: DAY_COL_W }}\r\n                >\r\n                  {labels.map(({ label, col }) => (\r\n                    <span\r\n                      key={`${label}-${col}`}\r\n                      className=\"absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400\"\r\n                      style={{ left: col * STEP }}\r\n                    >\r\n                      {label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n\r\n                <div className=\"flex gap-[3px]\">\r\n                  <div\r\n                    className=\"flex flex-col gap-[3px] pt-px shrink-0\"\r\n                    style={{ width: DAY_COL_W - GAP }}\r\n                  >\r\n                    {Array.from({ length: 7 }).map((_, i) => (\r\n                      <div\r\n                        key={i}\r\n                        className=\"h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400\"\r\n                      >\r\n                        {DAY_LABELS[i] ?? \"\"}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  {grid.map((week, wi) => (\r\n                    <div key={wi} className=\"flex flex-col gap-[3px]\">\r\n                      {week.map((day, di) => (\r\n                        <div\r\n                          key={di}\r\n                          className=\"w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125\"\r\n                          style={{\r\n                            backgroundColor: day\r\n                              ? colors[day.level]\r\n                              : \"transparent\",\r\n                            cursor: day ? \"pointer\" : \"default\",\r\n                            outline:\r\n                              bestDay && day?.date === bestDay.date\r\n                                ? `2px solid ${outlineColor}`\r\n                                : \"none\",\r\n                            outlineOffset: \"1px\",\r\n                          }}\r\n                          onMouseEnter={(e) => {\r\n                            if (!day) return;\r\n\r\n                            const r = e.currentTarget.getBoundingClientRect();\r\n\r\n                            setTip({\r\n                              day,\r\n                              x: r.left + r.width / 2,\r\n                              y: r.top,\r\n                            });\r\n                          }}\r\n                          onMouseLeave={() => setTip(null)}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-start gap-1 mt-3\">\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 mr-1\">\r\n                Less\r\n              </span>\r\n\r\n              {colors.map((c, i) => (\r\n                <div\r\n                  key={i}\r\n                  className=\"w-[13px] h-[13px] rounded-[3px]\"\r\n                  style={{ backgroundColor: c }}\r\n                />\r\n              ))}\r\n\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 ml-1\">\r\n                More\r\n              </span>\r\n            </div>\r\n\r\n            <div className=\"flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800\">\r\n              <span className=\"text-[11px] text-neutral-400 mr-1\">Year:</span>\r\n\r\n              <YearPill\r\n                label=\"Last year\"\r\n                active={selectedYear === \"last\"}\r\n                onClick={() => setSelectedYear(\"last\")}\r\n              />\r\n\r\n              {years.map((y) => (\r\n                <YearPill\r\n                  key={y}\r\n                  label={String(y)}\r\n                  active={selectedYear === y}\r\n                  onClick={() => setSelectedYear(y)}\r\n                />\r\n              ))}\r\n            </div>\r\n          </>\r\n        )}\r\n      </div>\r\n\r\n      {tip && <Tooltip day={tip.day} x={tip.x} y={tip.y} />}\r\n    </section>\r\n  );\r\n}\r\n\r\nexport default memo(GithubActivity);\r\n"],"mappings":";AAAA,SAAS,MAAM,WAAW,UAAU,eAAe;AAmJ7C,SAgLI,UAlKE,KAdN;AAjIN,IAAM,SAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,IAAM,aAAqC,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM;AAE1E,IAAM,OAAO;AACb,IAAM,MAAM;AACZ,IAAM,OAAO,OAAO;AACpB,IAAM,YAAY;AAIlB,IAAM,QAAQ,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS;AACpE,IAAM,OAAO,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS;AACnE,IAAM,OAAO,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS;AACnE,IAAM,SAAS,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS;AAErE,IAAM,YAAqC;AAAA,EACzC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AACV;AAIA,SAAS,QAAQ,OAAkC;AACjD,MAAI,UAAU,EAAG,QAAO;AACxB,MAAI,SAAS,EAAG,QAAO;AACvB,MAAI,SAAS,EAAG,QAAO;AACvB,MAAI,SAAS,EAAG,QAAO;AACvB,SAAO;AACT;AAEA,SAAS,UACP,QACA,MACkB;AAlEpB;AAmEE,MAAI;AACJ,MAAI;AAEJ,MAAI,SAAS,QAAQ;AACnB,UAAM,oBAAI,KAAK;AACf,YAAQ,IAAI,KAAK,GAAG;AACpB,UAAM,YAAY,MAAM,YAAY,IAAI,CAAC;AACzC,UAAM,QAAQ,MAAM,QAAQ,IAAI,CAAC;AAAA,EACnC,OAAO;AACL,YAAQ,IAAI,KAAK,MAAM,GAAG,CAAC;AAC3B,UACE,UAAS,oBAAI,KAAK,GAAE,YAAY,IAAI,oBAAI,KAAK,IAAI,IAAI,KAAK,MAAM,IAAI,EAAE;AAAA,EAC1E;AAEA,QAAM,QAAQ,MAAM,QAAQ,IAAI,MAAM,OAAO,CAAC;AAE9C,QAAM,QAA0B,CAAC;AACjC,QAAM,MAAM,IAAI,KAAK,KAAK;AAE1B,SAAO,OAAO,KAAK;AACjB,UAAM,OAAuB,CAAC;AAE9B,aAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,YAAM,MAAM,IAAI,YAAY,EAAE,MAAM,GAAG,EAAE;AAEzC,UAAI,MAAM,KAAK;AACb,aAAK,KAAK,IAAI;AAAA,MAChB,OAAO;AACL,aAAK;AAAA,WACH,YAAO,IAAI,GAAG,MAAd,YAAmB;AAAA,YACjB,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAEA,UAAI,QAAQ,IAAI,QAAQ,IAAI,CAAC;AAAA,IAC/B;AAEA,UAAM,KAAK,IAAI;AAAA,EACjB;AAEA,SAAO;AACT;AAEA,SAAS,YAAY,MAAwB;AAC3C,QAAM,MAAwC,CAAC;AAC/C,MAAI,OAAO;AAEX,OAAK,QAAQ,CAAC,MAAM,MAAM;AACxB,UAAM,QAAQ,KAAK,KAAK,OAAO;AAC/B,QAAI,CAAC,MAAO;AAEZ,UAAM,IAAI,IAAI,KAAK,MAAM,IAAI,EAAE,SAAS;AAExC,QAAI,MAAM,MAAM;AACd,UAAI,KAAK,EAAE,OAAO,OAAO,CAAC,GAAG,KAAK,EAAE,CAAC;AACrC,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAIA,SAAS,QAAQ,EAAE,KAAK,GAAG,EAAE,GAAuC;AAClE,QAAM,QAAQ,IAAI,KAAK,IAAI,IAAI,EAAE,mBAAmB,SAAS;AAAA,IAC3D,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,MAAM,GAAG,KAAK,IAAI,EAAE;AAAA,MAE7B;AAAA,6BAAC,OACE;AAAA,cAAI;AAAA,UAAM;AAAA,UAAc,IAAI,UAAU,IAAI,MAAM;AAAA,WACnD;AAAA,QAAK;AAAA,QAAI;AAAA,QACN;AAAA;AAAA;AAAA,EACL;AAEJ;AAEA,SAAS,WAAW;AAClB,SACE,oBAAC,SAAI,WAAU,2CACZ,gBAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,MAClC,oBAAC,SAAY,WAAU,2BACpB,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAACA,IAAG,MACjC;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA;AAAA,IADL;AAAA,EAEP,CACD,KANO,CAOV,CACD,GACH;AAEJ;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,SACI,kEACA;AAAA,MACN,EAAE,KAAK,GAAG;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;AAIA,SAAS,eAAe,EAAE,UAAU,QAAQ,QAAQ,UAAU,GAAU;AAtMxE;AAuME,QAAM,CAAC,SAAS,UAAU,IAAI,SAA2B,oBAAI,IAAI,CAAC;AAClE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAmB,CAAC,CAAC;AAC/C,QAAM,CAAC,cAAc,eAAe,IAAI,SAA0B,MAAM;AACxE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAqB,IAAI;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,KAAK,MAAM,IAAI;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,UAAS,eAAU,KAAK,MAAf,YAAoB,UAAU;AAI7C,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AAEf,QAAI,UAAU;AACd,eAAW,IAAI;AACf,aAAS,KAAK;AAEd,KAAC,YAAY;AA7NjB,UAAAC;AA8NM,UAAI;AACF,cAAM,MAAM,MAAM;AAAA,UAChB,mDAAmD,QAAQ;AAAA,QAC7D;AAEA,YAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,QAAQ,IAAI,MAAM,EAAE;AAEjD,cAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,cAAM,OAAyCA,MAAA,KAAK,kBAAL,OAAAA,MAAsB,CAAC;AAEtE,YAAI,CAAC,IAAI,OAAQ,OAAM,IAAI,MAAM,YAAY;AAE7C,cAAM,MAAM,oBAAI,IAAiB;AACjC,cAAM,UAAU,oBAAI,IAAY;AAEhC,YAAI,QAAQ,CAAC,MAAM;AACjB,cAAI,IAAI,EAAE,MAAM;AAAA,YACd,MAAM,EAAE;AAAA,YACR,OAAO,EAAE;AAAA,YACT,OAAO,QAAQ,EAAE,KAAK;AAAA,UACxB,CAAC;AAED,kBAAQ,IAAI,IAAI,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC;AAAA,QAC5C,CAAC;AAED,YAAI,SAAS;AACX,qBAAW,GAAG;AACd,mBAAS,MAAM,KAAK,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC;AAClD,qBAAW,KAAK;AAAA,QAClB;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,KAAK,+BAA+B,GAAG;AAE/C,YAAI,SAAS;AACX,mBAAS,IAAI;AACb,qBAAW,KAAK;AAAA,QAClB;AAAA,MACF;AAAA,IACF,GAAG;AAEH,WAAO,MAAM;AACX,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAIb,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,KAAM;AAEnB,UAAM,UAAU,MAAM,KAAK,QAAQ,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM;AACzD,UAAI,iBAAiB,QAAQ;AAC3B,cAAM,aAAa,oBAAI,KAAK;AAC5B,mBAAW,YAAY,WAAW,YAAY,IAAI,CAAC;AACnD,eAAO,IAAI,KAAK,EAAE,IAAI,KAAK;AAAA,MAC7B;AAEA,aAAO,IAAI,KAAK,EAAE,IAAI,EAAE,YAAY,MAAM;AAAA,IAC5C,CAAC;AAED,UAAM,MAAM,QAAQ,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,OAAO,CAAC;AAEnD,UAAM,OAAO,QAAQ;AAAA,MACnB,CAAC,GAAG,MAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI;AAAA,MACzC;AAAA,IACF;AAEA,aAAS,GAAG;AACZ,eAAW,QAAQ,KAAK,QAAQ,IAAI,OAAO,IAAI;AAAA,EACjD,GAAG,CAAC,SAAS,YAAY,CAAC;AAI1B,QAAM,OAAO;AAAA,IACX,MAAO,QAAQ,OAAO,UAAU,SAAS,YAAY,IAAI,CAAC;AAAA,IAC1D,CAAC,SAAS,YAAY;AAAA,EACxB;AAEA,QAAM,SAAS,QAAQ,MAAM,YAAY,IAAI,GAAG,CAAC,IAAI,CAAC;AAEtD,QAAM,eAAe,UAAU,UAAU,SAAS;AAElD,QAAM,gBAAgB,UAClB,IAAI,KAAK,QAAQ,IAAI,EAAE,mBAAmB,SAAS;AAAA,IACjD,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR,CAAC,IACD;AAEJ,QAAM,cACJ,iBAAiB,SAAS,sBAAsB,OAAO,YAAY;AAErE,SACE,qBAAC,aAAQ,WAAW,CAAC,oBAAoB,SAAS,EAAE,KAAK,GAAG,EAAE,KAAK,GACjE;AAAA,yBAAC,SAAI,WAAU,mGACZ;AAAA,gBACC,kBACE,QACF,gBAEA,iCACE;AAAA,4BAAC,UAAK,WAAU,wDACb,yCAAO,kBACV;AAAA,QACC;AAAA,QACA;AAAA,SACH;AAAA,MAGD,WAAW,CAAC,WACX,qBAAC,UAAK,WAAU,6BACd;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,OAAO,CAAC,EAAE;AAAA;AAAA,QACtC;AAAA,QAAE;AAAA,QAEF,qBAAC,UAAK,WAAU,wDACb;AAAA,kBAAQ;AAAA,UAAM;AAAA,WACjB;AAAA,QAAO;AAAA,QACH;AAAA,SACN;AAAA,OAEJ;AAAA,IAEA,oBAAC,SAAI,WAAU,iGACZ,kBACC,oBAAC,OAAE,WAAU,mCAAkC,0CAE/C,IACE,UACF,oBAAC,YAAS,IAEV,iCACE;AAAA,0BAAC,SAAI,WAAU,2CACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,UAAU,KAAK,SAAS,OAAO,YAAY;AAAA,UAC7C;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,YAAY,UAAU;AAAA,gBAE9B,iBAAO,IAAI,CAAC,EAAE,OAAO,IAAI,MACxB;AAAA,kBAAC;AAAA;AAAA,oBAEC,WAAU;AAAA,oBACV,OAAO,EAAE,MAAM,MAAM,KAAK;AAAA,oBAEzB;AAAA;AAAA,kBAJI,GAAG,KAAK,IAAI,GAAG;AAAA,gBAKtB,CACD;AAAA;AAAA,YACH;AAAA,YAEA,qBAAC,SAAI,WAAU,kBACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,OAAO,YAAY,IAAI;AAAA,kBAE/B,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAAG;AA/X1D,wBAAAA;AAgYsB;AAAA,sBAAC;AAAA;AAAA,wBAEC,WAAU;AAAA,wBAET,WAAAA,MAAA,WAAW,CAAC,MAAZ,OAAAA,MAAiB;AAAA;AAAA,sBAHb;AAAA,oBAIP;AAAA,mBACD;AAAA;AAAA,cACH;AAAA,cAEC,KAAK,IAAI,CAAC,MAAM,OACf,oBAAC,SAAa,WAAU,2BACrB,eAAK,IAAI,CAAC,KAAK,OACd;AAAA,gBAAC;AAAA;AAAA,kBAEC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,iBAAiB,MACb,OAAO,IAAI,KAAK,IAChB;AAAA,oBACJ,QAAQ,MAAM,YAAY;AAAA,oBAC1B,SACE,YAAW,2BAAK,UAAS,QAAQ,OAC7B,aAAa,YAAY,KACzB;AAAA,oBACN,eAAe;AAAA,kBACjB;AAAA,kBACA,cAAc,CAAC,MAAM;AACnB,wBAAI,CAAC,IAAK;AAEV,0BAAM,IAAI,EAAE,cAAc,sBAAsB;AAEhD,2BAAO;AAAA,sBACL;AAAA,sBACA,GAAG,EAAE,OAAO,EAAE,QAAQ;AAAA,sBACtB,GAAG,EAAE;AAAA,oBACP,CAAC;AAAA,kBACH;AAAA,kBACA,cAAc,MAAM,OAAO,IAAI;AAAA;AAAA,gBAxB1B;AAAA,cAyBP,CACD,KA7BO,EA8BV,CACD;AAAA,eACH;AAAA;AAAA;AAAA,MACF,GACF;AAAA,MAEA,qBAAC,SAAI,WAAU,8CACb;AAAA,4BAAC,UAAK,WAAU,2DAA0D,kBAE1E;AAAA,QAEC,OAAO,IAAI,CAAC,GAAG,MACd;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,EAAE;AAAA;AAAA,UAFvB;AAAA,QAGP,CACD;AAAA,QAED,oBAAC,UAAK,WAAU,2DAA0D,kBAE1E;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,qGACb;AAAA,4BAAC,UAAK,WAAU,qCAAoC,mBAAK;AAAA,QAEzD;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,iBAAiB;AAAA,YACzB,SAAS,MAAM,gBAAgB,MAAM;AAAA;AAAA,QACvC;AAAA,QAEC,MAAM,IAAI,CAAC,MACV;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,OAAO,CAAC;AAAA,YACf,QAAQ,iBAAiB;AAAA,YACzB,SAAS,MAAM,gBAAgB,CAAC;AAAA;AAAA,UAH3B;AAAA,QAIP,CACD;AAAA,SACH;AAAA,OACF,GAEJ;AAAA,IAEC,OAAO,oBAAC,WAAQ,KAAK,IAAI,KAAK,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG;AAAA,KACrD;AAEJ;AAEA,IAAO,yBAAQ,KAAK,cAAc;","names":["_","_a"]}

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-50{z-index:50}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.h-\[10px\]{height:10px}.h-\[13px\]{height:13px}.h-\[18px\]{height:18px}.w-\[10px\]{width:10px}.w-\[13px\]{width:13px}.w-full{width:100%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-\[3px\]{gap:3px}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.pt-px{padding-top:1px}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[13px\]{--tw-leading:13px;line-height:13px}.whitespace-nowrap{white-space:nowrap}.italic{font-style:italic}.opacity-40{opacity:.4}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/package.json

@@ -1,25 +1,49 @@
 {
   "name": "github-contributions-ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "GitHub contributions graph React component",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "files": ["dist"],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/styles.css",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && npm run build:css",
+    "build:css": "npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",
     "publish-package": "npm run build && npm publish --access public"
   },
-  "keywords": ["github", "react", "contributions", "graph", "ui"],
-  "author": "",
+  "keywords": [
+    "github",
+    "react",
+    "contributions",
+    "graph",
+    "ui"
+  ],
   "license": "MIT",
-  "dependencies": {
-    "react": "^18.2.0"
+  "peerDependencies": {
+    "react": ">=18"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.2.1",
+    "@tailwindcss/postcss": "^4.2.1",
     "@types/react": "^18.0.0",
+    "autoprefixer": "^10.4.27",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.2.1",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   }
 }
-

package/readme.md

@@ -0,0 +1,14 @@
+# github-contributions-ui
+
+GitHub contributions graph React component.
+
+## Install
+
+npm install github-contributions-ui
+
+## Usage
+
+"use client";
+import { GithubActivity } from "github-contributions-ui";
+
+<GithubActivity username="octocat" />

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/GithubActivity.tsx"],"sourcesContent":["import { memo, useEffect, useState, useMemo } from \"react\";\r\n\r\ntype Theme = \"light\" | \"dark\" | \"blue\" | \"purple\";\r\n\r\ninterface Day {\r\n  date: string;\r\n  count: number;\r\n  level: 0 | 1 | 2 | 3 | 4;\r\n}\r\n\r\ninterface Props {\r\n  username: string;\r\n  theme?: Theme;\r\n  className?: string;\r\n}\r\n\r\n/* ---------- Constants ---------- */\r\n\r\nconst MONTHS = [\r\n  \"Jan\",\r\n  \"Feb\",\r\n  \"Mar\",\r\n  \"Apr\",\r\n  \"May\",\r\n  \"Jun\",\r\n  \"Jul\",\r\n  \"Aug\",\r\n  \"Sep\",\r\n  \"Oct\",\r\n  \"Nov\",\r\n  \"Dec\",\r\n];\r\nconst DAY_LABELS: Record<number, string> = { 1: \"Mon\", 3: \"Wed\", 5: \"Fri\" };\r\n\r\nconst CELL = 13;\r\nconst GAP = 3;\r\nconst STEP = CELL + GAP;\r\nconst DAY_COL_W = 30;\r\n\r\n/* ---------- Color Themes ---------- */\r\n\r\nconst LIGHT = [\"#ebedf0\", \"#9be9a8\", \"#40c463\", \"#30a14e\", \"#216e39\"];\r\nconst DARK = [\"#21262d\", \"#0e4429\", \"#006d32\", \"#26a641\", \"#39d353\"];\r\nconst BLUE = [\"#21262d\", \"#a3c9ff\", \"#5fa3ff\", \"#2f7bff\", \"#0b5cff\"];\r\nconst PURPLE = [\"#21262d\", \"#d8b4ff\", \"#c084fc\", \"#a855f7\", \"#7e22ce\"];\r\n\r\nconst COLOR_MAP: Record<Theme, string[]> = {\r\n  light: LIGHT,\r\n  dark: DARK,\r\n  blue: BLUE,\r\n  purple: PURPLE,\r\n};\r\n\r\n/* ---------- Utilities ---------- */\r\n\r\nfunction toLevel(count: number): 0 | 1 | 2 | 3 | 4 {\r\n  if (count === 0) return 0;\r\n  if (count <= 3) return 1;\r\n  if (count <= 6) return 2;\r\n  if (count <= 9) return 3;\r\n  return 4;\r\n}\r\n\r\nfunction buildGrid(\r\n  dayMap: Map<string, Day>,\r\n  year: number | \"last\",\r\n): (Day | null)[][] {\r\n  let start: Date;\r\n  let end: Date;\r\n\r\n  if (year === \"last\") {\r\n    end = new Date();\r\n    start = new Date(end);\r\n    start.setFullYear(start.getFullYear() - 1);\r\n    start.setDate(start.getDate() + 1);\r\n  } else {\r\n    start = new Date(year, 0, 1);\r\n    end =\r\n      year === new Date().getFullYear() ? new Date() : new Date(year, 11, 31);\r\n  }\r\n\r\n  start.setDate(start.getDate() - start.getDay());\r\n\r\n  const weeks: (Day | null)[][] = [];\r\n  const cur = new Date(start);\r\n\r\n  while (cur <= end) {\r\n    const week: (Day | null)[] = [];\r\n\r\n    for (let d = 0; d < 7; d++) {\r\n      const iso = cur.toISOString().slice(0, 10);\r\n\r\n      if (cur > end) {\r\n        week.push(null);\r\n      } else {\r\n        week.push(\r\n          dayMap.get(iso) ?? {\r\n            date: iso,\r\n            count: 0,\r\n            level: 0,\r\n          },\r\n        );\r\n      }\r\n\r\n      cur.setDate(cur.getDate() + 1);\r\n    }\r\n\r\n    weeks.push(week);\r\n  }\r\n\r\n  return weeks;\r\n}\r\n\r\nfunction monthLabels(grid: (Day | null)[][]) {\r\n  const out: { label: string; col: number }[] = [];\r\n  let last = -1;\r\n\r\n  grid.forEach((week, i) => {\r\n    const first = week.find(Boolean);\r\n    if (!first) return;\r\n\r\n    const m = new Date(first.date).getMonth();\r\n\r\n    if (m !== last) {\r\n      out.push({ label: MONTHS[m], col: i });\r\n      last = m;\r\n    }\r\n  });\r\n\r\n  return out;\r\n}\r\n\r\n/* ---------- UI Components ---------- */\r\n\r\nfunction Tooltip({ day, x, y }: { day: Day; x: number; y: number }) {\r\n  const label = new Date(day.date).toLocaleDateString(\"en-US\", {\r\n    weekday: \"long\",\r\n    year: \"numeric\",\r\n    month: \"long\",\r\n    day: \"numeric\",\r\n  });\r\n\r\n  return (\r\n    <div\r\n      className=\"fixed z-50 pointer-events-none -translate-x-1/2 -translate-y-full px-2.5 py-1.5 rounded-md text-xs font-mono whitespace-nowrap shadow-xl bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n      style={{ left: x, top: y - 8 }}\r\n    >\r\n      <b>\r\n        {day.count} contribution{day.count !== 1 ? \"s\" : \"\"}\r\n      </b>{\" \"}\r\n      · {label}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction Skeleton() {\r\n  return (\r\n    <div className=\"flex gap-[3px] animate-pulse opacity-40\">\r\n      {Array.from({ length: 53 }).map((_, w) => (\r\n        <div key={w} className=\"flex flex-col gap-[3px]\">\r\n          {Array.from({ length: 7 }).map((_, d) => (\r\n            <div\r\n              key={d}\r\n              className=\"w-[13px] h-[13px] rounded-[3px] bg-neutral-300 dark:bg-neutral-700\"\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction YearPill({\r\n  label,\r\n  active,\r\n  onClick,\r\n}: {\r\n  label: string;\r\n  active: boolean;\r\n  onClick: () => void;\r\n}) {\r\n  return (\r\n    <button\r\n      onClick={onClick}\r\n      className={[\r\n        \"px-2.5 py-0.5 rounded-full text-[11px] font-medium transition-colors duration-150\",\r\n        active\r\n          ? \"bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\"\r\n          : \"bg-neutral-100 text-neutral-600 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-700\",\r\n      ].join(\" \")}\r\n    >\r\n      {label}\r\n    </button>\r\n  );\r\n}\r\n\r\n/* ---------- Main Component ---------- */\r\n\r\nfunction GithubActivity({ username, theme = \"dark\", className }: Props) {\r\n  const [allDays, setAllDays] = useState<Map<string, Day>>(new Map());\r\n  const [years, setYears] = useState<number[]>([]);\r\n  const [selectedYear, setSelectedYear] = useState<number | \"last\">(\"last\");\r\n  const [total, setTotal] = useState<number | null>(null);\r\n  const [bestDay, setBestDay] = useState<Day | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState(false);\r\n  const [tip, setTip] = useState<{ day: Day; x: number; y: number } | null>(\r\n    null,\r\n  );\r\n\r\n  const colors = COLOR_MAP[theme] ?? COLOR_MAP.dark;\r\n\r\n  /* Fetch Contributions */\r\n\r\n  useEffect(() => {\r\n    if (!username) return;\r\n\r\n    let mounted = true;\r\n    setLoading(true);\r\n    setError(false);\r\n\r\n    (async () => {\r\n      try {\r\n        const res = await fetch(\r\n          `https://github-contributions-api.jogruber.de/v4/${username}?y=all`,\r\n        );\r\n\r\n        if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n\r\n        const json = await res.json();\r\n        const raw: { date: string; count: number }[] = json.contributions ?? [];\r\n\r\n        if (!raw.length) throw new Error(\"empty data\");\r\n\r\n        const map = new Map<string, Day>();\r\n        const yearSet = new Set<number>();\r\n\r\n        raw.forEach((c) => {\r\n          map.set(c.date, {\r\n            date: c.date,\r\n            count: c.count,\r\n            level: toLevel(c.count),\r\n          });\r\n\r\n          yearSet.add(new Date(c.date).getFullYear());\r\n        });\r\n\r\n        if (mounted) {\r\n          setAllDays(map);\r\n          setYears(Array.from(yearSet).sort((a, b) => b - a));\r\n          setLoading(false);\r\n        }\r\n      } catch (err) {\r\n        console.warn(\"GithubActivity fetch error:\", err);\r\n\r\n        if (mounted) {\r\n          setError(true);\r\n          setLoading(false);\r\n        }\r\n      }\r\n    })();\r\n\r\n    return () => {\r\n      mounted = false;\r\n    };\r\n  }, [username]);\r\n\r\n  /* Stats Calculation */\r\n\r\n  useEffect(() => {\r\n    if (!allDays.size) return;\r\n\r\n    const entries = Array.from(allDays.values()).filter((d) => {\r\n      if (selectedYear === \"last\") {\r\n        const oneYearAgo = new Date();\r\n        oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);\r\n        return new Date(d.date) >= oneYearAgo;\r\n      }\r\n\r\n      return new Date(d.date).getFullYear() === selectedYear;\r\n    });\r\n\r\n    const sum = entries.reduce((s, d) => s + d.count, 0);\r\n\r\n    const best = entries.reduce<Day | null>(\r\n      (b, d) => (!b || d.count > b.count ? d : b),\r\n      null,\r\n    );\r\n\r\n    setTotal(sum);\r\n    setBestDay(best && best.count > 0 ? best : null);\r\n  }, [allDays, selectedYear]);\r\n\r\n  /* Rendering Helpers */\r\n\r\n  const grid = useMemo(\r\n    () => (allDays.size ? buildGrid(allDays, selectedYear) : []),\r\n    [allDays, selectedYear],\r\n  );\r\n\r\n  const labels = useMemo(() => monthLabels(grid), [grid]);\r\n\r\n  const outlineColor = theme === \"light\" ? \"#333\" : \"#f0f0f0\";\r\n\r\n  const bestDateLabel = bestDay\r\n    ? new Date(bestDay.date).toLocaleDateString(\"en-US\", {\r\n        month: \"short\",\r\n        day: \"numeric\",\r\n        year: \"numeric\",\r\n      })\r\n    : null;\r\n\r\n  const periodLabel =\r\n    selectedYear === \"last\" ? \" in the last year\" : ` in ${selectedYear}`;\r\n\r\n  return (\r\n    <section className={[\"w-full font-mono\", className].join(\" \").trim()}>\r\n      <div className=\"flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-500 dark:text-neutral-400\">\r\n        {loading ? (\r\n          \"Loading…\"\r\n        ) : error ? (\r\n          \"Unavailable\"\r\n        ) : (\r\n          <>\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {total?.toLocaleString()}\r\n            </span>\r\n            {\" contributions\"}\r\n            {periodLabel}\r\n          </>\r\n        )}\r\n\r\n        {bestDay && !loading && (\r\n          <span className=\"flex items-center gap-1.5\">\r\n            <span\r\n              className=\"inline-block w-[10px] h-[10px] rounded-[2px]\"\r\n              style={{ backgroundColor: colors[4] }}\r\n            />\r\n            Best day:\r\n            <span className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n              {bestDay.count} contributions\r\n            </span>\r\n            on {bestDateLabel}\r\n          </span>\r\n        )}\r\n      </div>\r\n\r\n      <div className=\"border border-neutral-200 dark:border-neutral-800 rounded-xl p-4 bg-white dark:bg-neutral-950\">\r\n        {error ? (\r\n          <p className=\"text-sm italic text-neutral-400\">\r\n            GitHub activity unavailable.\r\n          </p>\r\n        ) : loading ? (\r\n          <Skeleton />\r\n        ) : (\r\n          <>\r\n            <div className=\"overflow-x-auto overflow-y-visible pb-1\">\r\n              <div\r\n                className=\"relative\"\r\n                style={{\r\n                  minWidth: grid.length * STEP + DAY_COL_W + 8,\r\n                }}\r\n              >\r\n                <div\r\n                  className=\"relative h-[18px] mb-1\"\r\n                  style={{ marginLeft: DAY_COL_W }}\r\n                >\r\n                  {labels.map(({ label, col }) => (\r\n                    <span\r\n                      key={`${label}-${col}`}\r\n                      className=\"absolute text-[11px] select-none text-neutral-500 dark:text-neutral-400\"\r\n                      style={{ left: col * STEP }}\r\n                    >\r\n                      {label}\r\n                    </span>\r\n                  ))}\r\n                </div>\r\n\r\n                <div className=\"flex gap-[3px]\">\r\n                  <div\r\n                    className=\"flex flex-col gap-[3px] pt-px shrink-0\"\r\n                    style={{ width: DAY_COL_W - GAP }}\r\n                  >\r\n                    {Array.from({ length: 7 }).map((_, i) => (\r\n                      <div\r\n                        key={i}\r\n                        className=\"h-[13px] text-[10px] leading-[13px] text-right pr-1.5 select-none text-neutral-500 dark:text-neutral-400\"\r\n                      >\r\n                        {DAY_LABELS[i] ?? \"\"}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  {grid.map((week, wi) => (\r\n                    <div key={wi} className=\"flex flex-col gap-[3px]\">\r\n                      {week.map((day, di) => (\r\n                        <div\r\n                          key={di}\r\n                          className=\"w-[13px] h-[13px] rounded-[3px] transition-transform duration-100 hover:scale-125\"\r\n                          style={{\r\n                            backgroundColor: day\r\n                              ? colors[day.level]\r\n                              : \"transparent\",\r\n                            cursor: day ? \"pointer\" : \"default\",\r\n                            outline:\r\n                              bestDay && day?.date === bestDay.date\r\n                                ? `2px solid ${outlineColor}`\r\n                                : \"none\",\r\n                            outlineOffset: \"1px\",\r\n                          }}\r\n                          onMouseEnter={(e) => {\r\n                            if (!day) return;\r\n\r\n                            const r = e.currentTarget.getBoundingClientRect();\r\n\r\n                            setTip({\r\n                              day,\r\n                              x: r.left + r.width / 2,\r\n                              y: r.top,\r\n                            });\r\n                          }}\r\n                          onMouseLeave={() => setTip(null)}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-start gap-1 mt-3\">\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 mr-1\">\r\n                Less\r\n              </span>\r\n\r\n              {colors.map((c, i) => (\r\n                <div\r\n                  key={i}\r\n                  className=\"w-[13px] h-[13px] rounded-[3px]\"\r\n                  style={{ backgroundColor: c }}\r\n                />\r\n              ))}\r\n\r\n              <span className=\"text-[11px] text-neutral-500 dark:text-neutral-400 ml-1\">\r\n                More\r\n              </span>\r\n            </div>\r\n\r\n            <div className=\"flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-100 dark:border-neutral-800\">\r\n              <span className=\"text-[11px] text-neutral-400 mr-1\">Year:</span>\r\n\r\n              <YearPill\r\n                label=\"Last year\"\r\n                active={selectedYear === \"last\"}\r\n                onClick={() => setSelectedYear(\"last\")}\r\n              />\r\n\r\n              {years.map((y) => (\r\n                <YearPill\r\n                  key={y}\r\n                  label={String(y)}\r\n                  active={selectedYear === y}\r\n                  onClick={() => setSelectedYear(y)}\r\n                />\r\n              ))}\r\n            </div>\r\n          </>\r\n        )}\r\n      </div>\r\n\r\n      {tip && <Tooltip day={tip.day} x={tip.x} y={tip.y} />}\r\n    </section>\r\n  );\r\n}\r\n\r\nexport default memo(GithubActivity);\r\n"],"mappings":"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","names":["_"]}