@next-library/theme 1.0.10 → 1.0.12

package/dist/components/markdown/copy-page-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-page-button.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/copy-page-button.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAyCjD,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,0BAA0B,CAAC;CAC3C;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,OAAO,EACP,YAAY,EACZ,SAAS,EACT,MAAa,EACb,YAAiB,GAClB,EAAE,mBAAmB,2CAmIrB"}
+{"version":3,"file":"copy-page-button.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/copy-page-button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAyCjD,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,0BAA0B,CAAC;CAC3C;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,OAAO,EACP,YAAY,EACZ,SAAS,EACT,MAAa,EACb,YAAiB,GAClB,EAAE,mBAAmB,2CAkHrB"}

package/dist/components/navigation/navbar/github-star.d.ts

@@ -1,6 +1,16 @@
 interface GithubStarProps {
     repoUrl?: string;
 }
+/** `https://github.com/owner/repo[/...]` -> `owner/repo`, or null. */
+export declare function parseGithubRepo(repoUrl: string): string | null;
+/** 1234 -> "1.2k", 999 -> "999". */
+export declare function formatStarCount(count: number): string;
+/**
+ * "Star on GitHub" control for the navbar, styled like the other navbar
+ * controls (32px tall, bordered, design tokens) instead of GitHub's embedded
+ * iframe button, which was 20px tall, used GitHub's own typography and never
+ * lined up with its neighbours. The star count is fetched once per session.
+ */
 export declare function GithubStar({ repoUrl }: GithubStarProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=github-star.d.ts.map

package/dist/components/navigation/navbar/github-star.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"github-star.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/navbar/github-star.tsx"],"names":[],"mappings":"AAMA,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,kDA2CtD"}
+{"version":3,"file":"github-star.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/navbar/github-star.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAKD,sEAAsE;AACtE,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAI9D;AAED,oCAAoC;AACpC,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIrD;AAqBD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,kDAsDtD"}

package/dist/index.js

@@ -8,7 +8,7 @@ import Link2 from 'next/link';
 import Image from 'next/image';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { ArrowLeft, ArrowRight, Pencil, AlertTriangle, Search, Loader2, ArrowUp, ArrowDown, CornerDownLeft, CheckIcon, CircleIcon, ChevronRightIcon, LanguagesIcon, XIcon, PanelLeftIcon, FolderOpenIcon, FolderClosedIcon, ChevronRight, ChevronDown, FileTextIcon, Menu, GithubIcon, MoreHorizontal, Home, ExternalLinkIcon, CopyIcon, ChevronDownIcon, CookieIcon, ChevronUpIcon, FolderUp, ChevronLeft, Check, Copy } from 'lucide-react';
+import { ArrowLeft, ArrowRight, Pencil, AlertTriangle, Search, Loader2, ArrowUp, ArrowDown, CornerDownLeft, CheckIcon, CircleIcon, ChevronRightIcon, LanguagesIcon, XIcon, PanelLeftIcon, FolderOpenIcon, FolderClosedIcon, ChevronRight, ChevronDown, FileTextIcon, Menu, Star, GithubIcon, MoreHorizontal, Home, ExternalLinkIcon, CopyIcon, CookieIcon, ChevronDownIcon, ChevronUpIcon, FolderUp, ChevronLeft, Check, Copy } from 'lucide-react';
 import { useScroll, useMotionValueEvent, motion } from 'motion/react';
 import { createPortal } from 'react-dom';
 import { useRouter } from 'next/navigation';
@@ -22,7 +22,6 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import GitHubButton from 'react-github-btn';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
@@ -78,7 +77,7 @@ function NavigationBar({
           /* @__PURE__ */ jsx(LanguageSwitcher, { availableLocales, localeConfigs }),
           accountSlot,
           /* @__PURE__ */ jsx(MobileMenu, { pageData }),
-          /* @__PURE__ */ jsx("div", { className: "h-5 m-auto mx-1 hidden md:flex", children: /* @__PURE__ */ jsx(GithubStar, { repoUrl }) })
+          /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center", children: /* @__PURE__ */ jsx(GithubStar, { repoUrl }) })
         ] })
       ] })
     }
@@ -5127,43 +5126,82 @@ function MobileMenu2({ pageData, translations: translations2 = {} }) {
     ] })
   ] }) });
 }
+var CACHE_TTL_MS = 60 * 60 * 1e3;
+function parseGithubRepo(repoUrl) {
+  const match = repoUrl.match(/^https?:\/\/(?:www\.)?github\.com\/([^/\s]+)\/([^/\s#?]+)/i);
+  if (!match) return null;
+  return `${match[1]}/${match[2].replace(/\.git$/, "")}`;
+}
+function formatStarCount(count) {
+  if (count < 1e3) return String(count);
+  const k = count / 1e3;
+  return `${k >= 10 ? Math.round(k) : Math.round(k * 10) / 10}k`;
+}
+function readCachedCount(repo) {
+  try {
+    const raw = sessionStorage.getItem(`nl-stars:${repo}`);
+    if (!raw) return null;
+    const { count, at } = JSON.parse(raw);
+    return Date.now() - at < CACHE_TTL_MS ? count : null;
+  } catch {
+    return null;
+  }
+}
+function writeCachedCount(repo, count) {
+  try {
+    sessionStorage.setItem(`nl-stars:${repo}`, JSON.stringify({ count, at: Date.now() }));
+  } catch {
+  }
+}
 function GithubStar2({ repoUrl }) {
-  const [isVisible, setIsVisible] = useState(false);
+  const repo = repoUrl ? parseGithubRepo(repoUrl) : null;
+  const [count, setCount] = useState(null);
   useEffect(() => {
-    const timer = setTimeout(() => {
-      setIsVisible(true);
-    }, 500);
-    return () => clearTimeout(timer);
-  }, []);
+    if (!repo) return;
+    const cached = readCachedCount(repo);
+    if (cached !== null) {
+      setCount(cached);
+      return;
+    }
+    const controller = new AbortController();
+    fetch(`https://api.github.com/repos/${repo}`, {
+      signal: controller.signal,
+      headers: { Accept: "application/vnd.github+json" }
+    }).then((res) => res.ok ? res.json() : null).then((data) => {
+      if (data && typeof data.stargazers_count === "number") {
+        writeCachedCount(repo, data.stargazers_count);
+        setCount(data.stargazers_count);
+      }
+    }).catch(() => {
+    });
+    return () => controller.abort();
+  }, [repo]);
   if (!repoUrl) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: "h-5 relative flex items-center", children: [
-    !isVisible && /* @__PURE__ */ jsx(Skeleton, { className: "w-16 h-5 rounded-xs" }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: isVisible ? "opacity-100" : "opacity-0",
-        style: {
-          transition: "opacity 0.3s ease-in",
-          pointerEvents: isVisible ? "auto" : "none",
-          minHeight: "20px"
-          // Prevent layout shift
-        },
-        children: /* @__PURE__ */ jsx(
-          GitHubButton,
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: repoUrl,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": "Star on GitHub",
+      "data-testid": "github-star-link",
+      className: "ml-1 inline-flex h-8 items-center gap-1.5 rounded-md border px-2.5 text-[13px] font-medium text-foreground transition-colors hover:bg-accent",
+      children: [
+        /* @__PURE__ */ jsx(Star, { className: "size-3.5", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { children: "Star" }),
+        count !== null && /* @__PURE__ */ jsx(
+          "span",
           {
-            href: repoUrl,
-            "data-color-scheme": "no-preference: dark-high-contrast; light: light; dark: dark-high-contrast;",
-            "data-icon": "octicon-star",
-            "data-show-count": "true",
-            "aria-label": "Star on GitHub",
-            children: "Star"
+            className: "ml-0.5 border-l pl-2 tabular-nums text-muted-foreground",
+            "data-testid": "github-star-count",
+            children: formatStarCount(count)
           }
         )
-      }
-    )
-  ] });
+      ]
+    }
+  );
 }
 function GithubLink2({ language = "en", repoUrl }) {
   if (!repoUrl) {
@@ -5869,56 +5907,47 @@ function CopyPageButton2({
     const claudeUrl = `https://claude.ai/new?q=${encodedMessage}`;
     window.open(claudeUrl, "_blank", "noopener,noreferrer");
   }
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        className: cn(
-          "flex gap-2 text-sm font-medium items-center",
-          isCopied && "opacity-70",
-          className
+  const segment = "inline-flex h-8 items-center gap-1.5 whitespace-nowrap px-2.5 text-[13px] font-medium text-foreground transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": _askAboutThisPage,
+      className: cn(
+        // Segmented control: one border, dividers between the three actions.
+        "inline-flex items-stretch overflow-hidden rounded-md border bg-card shadow-xs divide-x divide-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleCopy,
+            title: copyPageDescription,
+            "aria-live": "polite",
+            className: cn(segment, isCopied && "text-muted-foreground"),
+            children: [
+              isCopied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-3.5", "aria-hidden": true }),
+              isCopied ? copied : copyPage
+            ]
+          }
         ),
-        children: [
-          /* @__PURE__ */ jsx(CopyIcon, { width: "16" }),
-          isCopied ? copied : copyPage,
-          /* @__PURE__ */ jsx(ChevronDownIcon, { width: "14", className: "opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "min-w-[200px]", children: [
-      /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: handleCopy, children: [
-        /* @__PURE__ */ jsx(CopyIcon, { width: "16", className: "mr-2" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: copyPage }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: copyPageDescription })
-        ] })
-      ] }),
-      pageUrl && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: handleOpenInChatGPT, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(ChatGPTIcon, { className: "w-4 h-4 shrink-0" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: openInChatGPT }),
-              /* @__PURE__ */ jsx(ExternalLinkIcon, { width: "12", className: "text-muted-foreground shrink-0" })
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: askQuestionsDescription })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: handleOpenInClaude, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(ClaudeIcon, { className: "w-4 h-4 shrink-0" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: openInClaude }),
-              /* @__PURE__ */ jsx(ExternalLinkIcon, { width: "12", className: "text-muted-foreground shrink-0" })
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: askQuestionsDescription })
+        pageUrl && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("button", { type: "button", onClick: handleOpenInChatGPT, title: askQuestionsDescription, className: segment, children: [
+            /* @__PURE__ */ jsx(ChatGPTIcon, { className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: openInChatGPT }),
+            /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3 text-muted-foreground", "aria-hidden": true })
+          ] }),
+          /* @__PURE__ */ jsxs("button", { type: "button", onClick: handleOpenInClaude, title: askQuestionsDescription, className: segment, children: [
+            /* @__PURE__ */ jsx(ClaudeIcon, { className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: openInClaude }),
+            /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3 text-muted-foreground", "aria-hidden": true })
           ] })
-        ] }) })
-      ] })
-    ] })
-  ] });
+        ] })
+      ]
+    }
+  );
 }
 function track(event, data) {
   if (typeof window !== "undefined") {