github-contributions-ui 1.0.15 → 1.0.17

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Bichitra Behera
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -27,86 +27,120 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/GithubActivity.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var MONTHS = [
-  "Jan",
-  "Feb",
-  "Mar",
-  "Apr",
-  "May",
-  "Jun",
-  "Jul",
-  "Aug",
-  "Sep",
-  "Oct",
-  "Nov",
-  "Dec"
-];
-var DAY_LABELS = { 1: "Mon", 3: "Wed", 5: "Fri" };
-var CELL = 13;
-var GAP = 3;
-var STEP = CELL + GAP;
-var DAY_COL_W = 30;
+var import_react2 = require("react");
+
+// src/components/Styles.ts
+var STYLES = `
+  .gcu .relative{position:relative}
+  .gcu .absolute{position:absolute}
+  .gcu .fixed{position:fixed}
+  .gcu .z-50{z-index:50}
+  .gcu .pointer-events-none{pointer-events:none}
+  .gcu .flex{display:flex}
+  .gcu .flex-col{flex-direction:column}
+  .gcu .flex-wrap{flex-wrap:wrap}
+  .gcu .items-center{align-items:center}
+  .gcu .justify-start{justify-content:flex-start}
+  .gcu .inline-block{display:inline-block}
+  .gcu .w-full{width:100%}
+  .gcu .w-\\[10px\\]{width:10px}
+  .gcu .w-\\[13px\\]{width:13px}
+  .gcu .h-\\[10px\\]{height:10px}
+  .gcu .h-\\[13px\\]{height:13px}
+  .gcu .h-\\[18px\\]{height:18px}
+  .gcu .-translate-x-1\\/2{transform:translateX(-50%)}
+  .gcu .-translate-y-full{transform:translateY(-100%)}
+  .gcu .gap-\\[3px\\]{gap:3px}
+  .gcu .gap-1{gap:0.25rem}
+  .gcu .gap-1\\.5{gap:0.375rem}
+  .gcu .gap-x-6{column-gap:1.5rem}
+  .gcu .gap-y-1{row-gap:0.25rem}
+  .gcu .mb-4{margin-bottom:1rem}
+  .gcu .mt-3{margin-top:0.75rem}
+  .gcu .mt-4{margin-top:1rem}
+  .gcu .mr-1{margin-right:0.25rem}
+  .gcu .ml-1{margin-left:0.25rem}
+  .gcu .p-4{padding:1rem}
+  .gcu .pt-3{padding-top:0.75rem}
+  .gcu .pt-px{padding-top:1px}
+  .gcu .pb-1{padding-bottom:0.25rem}
+  .gcu .pr-1\\.5{padding-right:0.375rem}
+  .gcu .px-2\\.5{padding-left:0.625rem;padding-right:0.625rem}
+  .gcu .py-1\\.5{padding-top:0.375rem;padding-bottom:0.375rem}
+  .gcu .rounded-\\[2px\\]{border-radius:2px}
+  .gcu .rounded-\\[3px\\]{border-radius:3px}
+  .gcu .rounded-md{border-radius:0.375rem}
+  .gcu .rounded-xl{border-radius:0.75rem}
+  .gcu .text-right{text-align:right}
+  .gcu .text-\\[10px\\]{font-size:10px}
+  .gcu .text-\\[11px\\]{font-size:11px}
+  .gcu .text-xs{font-size:0.75rem}
+  .gcu .text-sm{font-size:0.875rem}
+  .gcu .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
+  .gcu .font-medium{font-weight:500}
+  .gcu .font-semibold{font-weight:600}
+  .gcu .select-none{-webkit-user-select:none;-ms-user-select:none;user-select:none}
+  .gcu .whitespace-nowrap{white-space:nowrap}
+  .gcu .overflow-x-auto{overflow-x:auto}
+  .gcu .border{border-width:1px;border-style:solid;border-color:#262626}
+  .gcu .border-neutral-800{border-color:#262626}
+  .gcu .border-t{border-top-width:1px;border-top-style:solid;border-top-color:#262626}
+  .gcu .transition-transform{transition-property:transform;transition-duration:0.1s;transition-timing-function:ease}
+  @keyframes gcu-pulse{50%{opacity:.5}}
+  .gcu .animate-pulse{animation:gcu-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
+  .gcu .hover\\:scale-125:hover{transform:scale(1.25)}
+  .gcu .text-neutral-400{color:#9ca3af}
+  .gcu .text-neutral-200{color:#e5e7eb}
+  .gcu .bg-neutral-700{background-color:#3f3f46}
+  .gcu .bg-neutral-900{background-color:#171717}
+  .gcu .bg-neutral-950{background-color:#0a0a0a}
+  .gcu .text-white{color:#fff}
+  .gcu .shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}
+  `;
+
+// src/components/Colors.ts
 var LIGHT = ["#ebedf0", "#9be9a8", "#40c463", "#30a14e", "#216e39"];
 var DARK = ["#21262d", "#0e4429", "#006d32", "#26a641", "#39d353"];
 var BLUE = ["#21262d", "#a3c9ff", "#5fa3ff", "#2f7bff", "#0b5cff"];
 var PURPLE = ["#21262d", "#d8b4ff", "#c084fc", "#a855f7", "#7e22ce"];
-var COLOR_MAP = {
-  light: LIGHT,
-  dark: DARK,
-  blue: BLUE,
-  purple: PURPLE
-};
-function toLevel(count) {
-  if (count === 0) return 0;
-  if (count <= 3) return 1;
-  if (count <= 6) return 2;
-  if (count <= 9) return 3;
-  return 4;
-}
+var GRAY = ["#21262d", "#6a737d", "#8b949e", "#c0c0c8", "#e0e0e0"];
+
+// src/components/BuildGrid.ts
 function buildGrid(dayMap, year) {
   var _a;
-  let start;
+  let rangeStart;
   let end;
   if (year === "last") {
     end = /* @__PURE__ */ new Date();
-    start = new Date(end);
-    start.setFullYear(start.getFullYear() - 1);
-    start.setDate(start.getDate() + 1);
+    rangeStart = new Date(end);
+    rangeStart.setFullYear(rangeStart.getFullYear() - 1);
+    rangeStart.setDate(rangeStart.getDate() + 1);
   } else {
-    start = new Date(year, 0, 1);
+    rangeStart = new Date(year, 0, 1);
     end = year === (/* @__PURE__ */ new Date()).getFullYear() ? /* @__PURE__ */ new Date() : new Date(year, 11, 31);
   }
-  start.setDate(start.getDate() - start.getDay());
+  const gridStart = new Date(rangeStart);
+  gridStart.setDate(gridStart.getDate() - gridStart.getDay());
   const weeks = [];
-  const cur = new Date(start);
+  const cur = new Date(gridStart);
   while (cur <= end) {
     const week = [];
     for (let d = 0; d < 7; d++) {
-      const iso = cur.toISOString().slice(0, 10);
-      if (cur > end) week.push(null);
-      else week.push((_a = dayMap.get(iso)) != null ? _a : { date: iso, count: 0, level: 0 });
+      if (cur < rangeStart || cur > end) {
+        week.push(null);
+      } else {
+        const iso = cur.toISOString().slice(0, 10);
+        week.push((_a = dayMap.get(iso)) != null ? _a : { date: iso, count: 0, level: 0 });
+      }
       cur.setDate(cur.getDate() + 1);
     }
     weeks.push(week);
   }
   return weeks;
 }
-function monthLabels(grid) {
-  const out = [];
-  let last = -1;
-  grid.forEach((week, i) => {
-    const first = week.find(Boolean);
-    if (!first) return;
-    const m = new Date(first.date).getMonth();
-    if (m !== last) {
-      out.push({ label: MONTHS[m], col: i });
-      last = m;
-    }
-  });
-  return out;
-}
+
+// src/components/Tooltip.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 function Tooltip({ day, x, y }) {
   const label = new Date(day.date).toLocaleDateString("en-US", {
     weekday: "long",
@@ -132,15 +166,10 @@ 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: 45 }).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-700"
-    },
-    d
-  )) }, w)) });
-}
+
+// src/components/YearPillProps.tsx
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function YearPill({ label, active, onClick }) {
   const [hovered, setHovered] = (0, import_react.useState)(false);
   const baseStyle = {
@@ -153,12 +182,10 @@ function YearPill({ label, active, onClick }) {
     transition: "background-color 0.15s ease, color 0.15s ease",
     userSelect: "none",
     outline: "none",
-    // Active = white pill with dark text
-    // Inactive = dark pill with muted text, slightly lighter on hover
     backgroundColor: active ? "#ffffff" : hovered ? "#3f3f46" : "#262626",
     color: active ? "#000000" : "#ffffff"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "button",
     {
       type: "button",
@@ -170,76 +197,76 @@ function YearPill({ label, active, onClick }) {
     }
   );
 }
+
+// src/components/MonthLabels.ts
+var MONTHS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+function monthLabels(grid, year) {
+  const out = [];
+  let lastMonth = -1;
+  grid.forEach((week, i) => {
+    const first = week.find(Boolean);
+    if (!first) return;
+    const m = new Date(first.date).getMonth();
+    if (m !== lastMonth) {
+      const isOrphanedSliver = i === 0 && week.findIndex(Boolean) > 0 && (year !== "last" ? m !== 0 : true);
+      if (!isOrphanedSliver) {
+        out.push({ label: MONTHS[m], col: i });
+      }
+      lastMonth = m;
+    }
+  });
+  return out;
+}
+
+// src/components/Skeleton.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Skeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex gap-[3px] mx-auto animate-pulse opacity-40", children: Array.from({ length: 40 }).map((_, w) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-col gap-[3px]", children: Array.from({ length: 7 }).map((_2, d) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      className: "w-[13px] h-[13px] rounded-[3px] bg-neutral-700"
+    },
+    d
+  )) }, w)) });
+}
+
+// src/GithubActivity.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var DAY_LABELS = { 1: "Mon", 3: "Wed", 5: "Fri" };
+var CELL = 13;
+var GAP = 3;
+var STEP = CELL + GAP;
+var DAY_COL_W = 30;
+var COLOR_MAP = {
+  light: LIGHT,
+  dark: DARK,
+  blue: BLUE,
+  purple: PURPLE,
+  gray: GRAY
+};
+function toLevel(count) {
+  if (count === 0) return 0;
+  if (count <= 3) return 1;
+  if (count <= 6) return 2;
+  if (count <= 9) return 3;
+  return 4;
+}
 function GithubActivity({ username, theme = "dark", className }) {
   var _a;
-  const STYLES = `
-  .gcu .relative{position:relative}
-  .gcu .absolute{position:absolute}
-  .gcu .fixed{position:fixed}
-  .gcu .z-50{z-index:50}
-  .gcu .pointer-events-none{pointer-events:none}
-  .gcu .flex{display:flex}
-  .gcu .flex-col{flex-direction:column}
-  .gcu .flex-wrap{flex-wrap:wrap}
-  .gcu .items-center{align-items:center}
-  .gcu .justify-start{justify-content:flex-start}
-  .gcu .inline-block{display:inline-block}
-  .gcu .w-full{width:100%}
-  .gcu .w-\\[10px\\]{width:10px}
-  .gcu .w-\\[13px\\]{width:13px}
-  .gcu .h-\\[10px\\]{height:10px}
-  .gcu .h-\\[13px\\]{height:13px}
-  .gcu .h-\\[18px\\]{height:18px}
-  .gcu .-translate-x-1\\/2{transform:translateX(-50%)}
-  .gcu .-translate-y-full{transform:translateY(-100%)}
-  .gcu .gap-\\[3px\\]{gap:3px}
-  .gcu .gap-1{gap:0.25rem}
-  .gcu .gap-1\\.5{gap:0.375rem}
-  .gcu .gap-x-6{column-gap:1.5rem}
-  .gcu .gap-y-1{row-gap:0.25rem}
-  .gcu .mb-4{margin-bottom:1rem}
-  .gcu .mt-3{margin-top:0.75rem}
-  .gcu .mt-4{margin-top:1rem}
-  .gcu .mr-1{margin-right:0.25rem}
-  .gcu .ml-1{margin-left:0.25rem}
-  .gcu .p-4{padding:1rem}
-  .gcu .pt-3{padding-top:0.75rem}
-  .gcu .pt-px{padding-top:1px}
-  .gcu .pb-1{padding-bottom:0.25rem}
-  .gcu .pr-1\\.5{padding-right:0.375rem}
-  .gcu .px-2\\.5{padding-left:0.625rem;padding-right:0.625rem}
-  .gcu .py-1\\.5{padding-top:0.375rem;padding-bottom:0.375rem}
-  .gcu .rounded-\\[2px\\]{border-radius:2px}
-  .gcu .rounded-\\[3px\\]{border-radius:3px}
-  .gcu .rounded-md{border-radius:0.375rem}
-  .gcu .rounded-xl{border-radius:0.75rem}
-  .gcu .text-right{text-align:right}
-  .gcu .text-\\[10px\\]{font-size:10px}
-  .gcu .text-\\[11px\\]{font-size:11px}
-  .gcu .text-xs{font-size:0.75rem}
-  .gcu .text-sm{font-size:0.875rem}
-  .gcu .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
-  .gcu .font-medium{font-weight:500}
-  .gcu .font-semibold{font-weight:600}
-  .gcu .select-none{-webkit-user-select:none;-ms-user-select:none;user-select:none}
-  .gcu .whitespace-nowrap{white-space:nowrap}
-  .gcu .overflow-x-auto{overflow-x:auto}
-  .gcu .border{border-width:1px;border-style:solid;border-color:#262626}
-  .gcu .border-neutral-800{border-color:#262626}
-  .gcu .border-t{border-top-width:1px;border-top-style:solid;border-top-color:#262626}
-  .gcu .transition-transform{transition-property:transform;transition-duration:0.1s;transition-timing-function:ease}
-  @keyframes gcu-pulse{50%{opacity:.5}}
-  .gcu .animate-pulse{animation:gcu-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
-  .gcu .hover\\:scale-125:hover{transform:scale(1.25)}
-  .gcu .text-neutral-400{color:#9ca3af}
-  .gcu .text-neutral-200{color:#e5e7eb}
-  .gcu .bg-neutral-700{background-color:#3f3f46}
-  .gcu .bg-neutral-900{background-color:#171717}
-  .gcu .bg-neutral-950{background-color:#0a0a0a}
-  .gcu .text-white{color:#fff}
-  .gcu .shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}
-  `;
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (typeof document === "undefined") return;
     const id = "github-contributions-ui-inline";
     if (document.getElementById(id)) return;
@@ -248,18 +275,18 @@ function GithubActivity({ username, theme = "dark", className }) {
     style.textContent = STYLES;
     document.head.appendChild(style);
   }, []);
-  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)(
+  const [allDays, setAllDays] = (0, import_react2.useState)(/* @__PURE__ */ new Map());
+  const [years, setYears] = (0, import_react2.useState)([]);
+  const [selectedYear, setSelectedYear] = (0, import_react2.useState)("last");
+  const [total, setTotal] = (0, import_react2.useState)(null);
+  const [bestDay, setBestDay] = (0, import_react2.useState)(null);
+  const [loading, setLoading] = (0, import_react2.useState)(true);
+  const [error, setError] = (0, import_react2.useState)(false);
+  const [tip, setTip] = (0, import_react2.useState)(
     null
   );
   const colors = (_a = COLOR_MAP[theme]) != null ? _a : COLOR_MAP.dark;
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!username) return;
     let mounted = true;
     (async () => {
@@ -294,7 +321,7 @@ function GithubActivity({ username, theme = "dark", className }) {
       mounted = false;
     };
   }, [username]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!allDays.size) return;
     const entries = Array.from(allDays.values()).filter((d) => {
       if (selectedYear === "last") {
@@ -311,21 +338,25 @@ function GithubActivity({ username, theme = "dark", className }) {
     );
     setBestDay(best && best.count > 0 ? best : null);
   }, [allDays, selectedYear]);
-  const grid = (0, import_react.useMemo)(
+  const grid = (0, import_react2.useMemo)(
     () => allDays.size ? buildGrid(allDays, selectedYear) : [],
     [allDays, selectedYear]
   );
-  const labels = (0, import_react.useMemo)(() => monthLabels(grid), [grid]);
+  const labels = (0, import_react2.useMemo)(
+    () => monthLabels(grid, selectedYear),
+    [grid, selectedYear]
+  );
   const outlineColor = theme === "light" ? "#333" : "#f0f0f0";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "section",
     {
       className: ["gcu w-full font-mono", className].filter(Boolean).join(" "),
+      style: {},
       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-400", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1 mb-4 text-xs text-neutral-400", children: [
           loading ? "Loading\u2026" : error ? "Unavailable" : `${total == null ? void 0 : total.toLocaleString()} contributions ${selectedYear === "last" ? "in the last year" : `in ${selectedYear}`}`,
-          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__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               "span",
               {
                 className: "inline-block w-[10px] h-[10px] rounded-[2px]",
@@ -333,26 +364,26 @@ function GithubActivity({ username, theme = "dark", className }) {
               }
             ),
             "Best day:",
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-neutral-200 font-semibold", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-neutral-200 font-semibold", children: [
               bestDay.count,
               " contributions on ",
               bestDay.date
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border border-neutral-800 rounded-xl p-4 bg-neutral-950", children: error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-neutral-400 italic", 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 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "border border-neutral-800 rounded-xl p-4 bg-neutral-950", children: error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-neutral-400 italic", children: "GitHub activity unavailable." }) : loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Skeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "overflow-x-auto pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
             "div",
             {
               className: "relative",
               style: { minWidth: grid.length * STEP + DAY_COL_W + 8 },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime4.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__ */ (0, import_jsx_runtime4.jsx)(
                       "span",
                       {
                         className: "absolute text-[11px] text-neutral-400",
@@ -363,15 +394,15 @@ 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__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex gap-[3px]", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "div",
                     {
                       className: "flex flex-col gap-[3px]",
                       style: { width: DAY_COL_W - GAP },
                       children: Array.from({ length: 7 }).map((_, i) => {
                         var _a2;
-                        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                           "div",
                           {
                             className: "h-[13px] text-[10px] text-right pr-1.5 text-neutral-400",
@@ -382,7 +413,7 @@ function GithubActivity({ username, theme = "dark", className }) {
                       })
                     }
                   ),
-                  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__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-col gap-[3px]", children: week.map((day, di) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "div",
                     {
                       className: "w-[13px] h-[13px] rounded-[3px] transition-transform hover:scale-125",
@@ -404,9 +435,9 @@ function GithubActivity({ username, theme = "dark", className }) {
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1 mt-3 text-[11px] text-neutral-400", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1 mt-3 text-[11px] text-neutral-400", children: [
             "Less",
-            colors.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            colors.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               "div",
               {
                 className: "w-[13px] h-[13px] rounded-[3px]",
@@ -416,9 +447,9 @@ function GithubActivity({ username, theme = "dark", className }) {
             )),
             "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-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__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 mt-4 pt-3 border-t border-neutral-800", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[11px] text-neutral-400 mr-1", children: "Year:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               YearPill,
               {
                 label: "Last year",
@@ -426,7 +457,7 @@ function GithubActivity({ username, theme = "dark", className }) {
                 onClick: () => setSelectedYear("last")
               }
             ),
-            years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               YearPill,
               {
                 label: String(y),
@@ -437,12 +468,12 @@ 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__ */ (0, import_jsx_runtime4.jsx)(Tooltip, { day: tip.day, x: tip.x, y: tip.y })
       ]
     }
   );
 }
-var GithubActivity_default = (0, import_react.memo)(GithubActivity);
+var GithubActivity_default = (0, import_react2.memo)(GithubActivity);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   GithubActivity