@nendlabs/docpage 0.1.3 → 0.1.4

package/dist/docpage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docpage.d.ts","sourceRoot":"","sources":["../src/docpage.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAKV,YAAY,EAIb,MAAM,SAAS,CAAC;AA6OjB,KAAK,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAiBF,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,2CAmBjD;AA0PD,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,YAAY,2CAqD1D"}
+{"version":3,"file":"docpage.d.ts","sourceRoot":"","sources":["../src/docpage.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAKV,YAAY,EAIb,MAAM,SAAS,CAAC;AA6OjB,KAAK,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAiBF,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,2CAmBjD;AAyPD,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,YAAY,2CAsD1D"}

package/dist/docpage.js

@@ -192,7 +192,7 @@ function Nav({ config }) {
     const signInHref = config.nav?.signInHref ?? "/login";
     const signInTarget = config.nav?.signInTarget;
     const signInRel = config.nav?.signInRel ?? (signInTarget === "_blank" ? "noreferrer" : undefined);
-    return (_jsx("div", { className: cn("sticky top-0 z-40 w-full backdrop-blur", scrolled ? "border-b border-border/80 bg-background/80" : "bg-background/60"), "data-docpage-nav": true, children: _jsx(Container, { children: _jsxs("div", { className: "flex h-14 items-center justify-between", children: [_jsx(Brand, { brand: config.brand }), config.nav?.rightSlot ? (config.nav.rightSlot) : (_jsxs("a", { href: signInHref, target: signInTarget, rel: signInRel, className: cn("group inline-flex h-8 items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 text-xs font-medium shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "bg-primary text-primary-foreground hover:bg-primary/90"), "data-docpage-signin": true, children: [signInLabel, _jsx(ArrowRight, { className: "ml-1 h-4 w-4 transition-transform group-hover:translate-x-0.5" })] }))] }) }) }));
+    return (_jsx("div", { className: cn("sticky top-0 z-40 w-full backdrop-blur", scrolled ? "border-b border-border/80 bg-background/80" : "bg-background/60"), "data-docpage-nav": true, children: _jsx(Container, { children: _jsxs("div", { className: "flex h-14 items-center justify-between", children: [_jsx(Brand, { brand: config.brand }), config.nav?.rightSlot ? (config.nav.rightSlot) : (_jsxs("a", { href: signInHref, target: signInTarget, rel: signInRel, className: cn("docpage-nav-button group inline-flex h-8 items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 text-xs font-medium shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"), "data-docpage-signin": true, children: [signInLabel, _jsx(ArrowRight, { className: "ml-1 h-4 w-4 transition-transform group-hover:translate-x-0.5" })] }))] }) }) }));
 }
 function Brand({ brand }) {
     const content = brand.logo ? (_jsx("div", { className: "flex items-center gap-2", children: brand.logo })) : (_jsx("span", { className: "text-sm font-semibold tracking-[0.2em] uppercase", children: brand.name }));
@@ -250,5 +250,5 @@ export function DocPage({ config, className }) {
     const scheme = useColorScheme();
     const themeStyle = themeToStyle(config);
     const mergedStyle = { ...themeStyle, ...(config.style ?? {}) };
-    return (_jsxs("div", { className: cn("docpage min-h-[100dvh] overflow-x-hidden bg-background text-foreground", config.className, className), style: mergedStyle, "data-docpage": true, "data-docpage-theme": scheme, children: [_jsx(Nav, { config: config }), _jsx(Header, { config: config }), _jsx(Container, { children: _jsxs("div", { className: "grid grid-cols-1 gap-10 md:grid-cols-[260px_minmax(0,1fr)]", "data-docpage-body": true, children: [_jsx("aside", { className: "hidden max-h-[calc(100vh-7rem)] overflow-auto pr-4 md:sticky md:top-24 md:block", style: isWide ? undefined : { display: "none" }, children: _jsx(Toc, { entries: tocEntries, activeId: tocActiveId, title: tocTitle }) }), _jsx("main", { className: "min-w-0 pb-24", children: _jsx(Prose, { children: config.sections.map((section) => renderSection(section, tocMap)) }) })] }) }), _jsx(Footer, { config: config })] }));
+    return (_jsxs("div", { className: cn("docpage min-h-[100dvh] overflow-x-hidden bg-background text-foreground", config.className, className), style: mergedStyle, "data-docpage": true, "data-docpage-theme": scheme, children: [_jsx(Nav, { config: config }), _jsx(Header, { config: config }), _jsx(Container, { children: _jsxs("div", { className: "grid grid-cols-1 gap-10 md:grid-cols-[260px_minmax(0,1fr)]", "data-docpage-body": true, children: [_jsx("aside", { className: "hidden max-h-[calc(100vh-7rem)] overflow-auto pr-4 md:sticky md:top-24 md:block md:self-start", style: isWide ? undefined : { display: "none" }, "data-docpage-toc-rail": true, children: _jsx(Toc, { entries: tocEntries, activeId: tocActiveId, title: tocTitle }) }), _jsx("main", { className: "min-w-0 pb-24", children: _jsx(Prose, { children: config.sections.map((section) => renderSection(section, tocMap)) }) })] }) }), _jsx(Footer, { config: config })] }));
 }

package/dist/styles/docpage.css

@@ -608,6 +608,11 @@
       align-items: flex-end;
     }
   }
+  .md\:self-start {
+    @media (width >= 48rem) {
+      align-self: flex-start;
+    }
+  }
   .lg\:px-8 {
     @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 8);
@@ -770,6 +775,20 @@
 .docpage .docpage-prose a:hover {
   opacity: 0.85;
 }
+.docpage [data-docpage-signin] {
+  background-color: hsl(var(--primary));
+  color: hsl(var(--primary-foreground));
+}
+.docpage [data-docpage-signin]:hover {
+  background-color: hsl(var(--primary) / 0.9);
+}
+@media (min-width: 768px) {
+  .docpage [data-docpage-toc-rail] {
+    position: sticky;
+    top: 6rem;
+    align-self: start;
+  }
+}
 .docpage .docpage-prose :where(h3, h4) {
   margin-top: 1.75rem;
   margin-bottom: 0.75rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nendlabs/docpage",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "an interactive paper-style project page renderer",
   "type": "module",
   "license": "MIT",

package/styles/docpage-theme.css

@@ -102,6 +102,23 @@
   opacity: 0.85;
 }
 
+.docpage [data-docpage-signin] {
+  background-color: hsl(var(--primary));
+  color: hsl(var(--primary-foreground));
+}
+
+.docpage [data-docpage-signin]:hover {
+  background-color: hsl(var(--primary) / 0.9);
+}
+
+@media (min-width: 768px) {
+  .docpage [data-docpage-toc-rail] {
+    position: sticky;
+    top: 6rem;
+    align-self: start;
+  }
+}
+
 .docpage .docpage-prose :where(h3, h4) {
   margin-top: 1.75rem;
   margin-bottom: 0.75rem;