@btst/stack 2.6.2 → 2.8.0

package/README.md

@@ -40,6 +40,7 @@ Enable the features you need and keep building your product.
 | **OpenAPI** | Auto-generated API documentation with interactive Scalar UI |
 | **Route Docs** | Auto-generated client route documentation with interactive navigation |
 | **Better Auth UI** | Beautiful shadcn/ui authentication components for better-auth |
+| **Comments** | Commenting system with moderation, likes, and nested replies |
 
 Each plugin ships **frontend + backend together**:
 routes, APIs, database models, React components, SSR, and SEO — already wired.

package/dist/api/index.d.cts

@@ -1,5 +1,5 @@
-import { g as PrefixedPluginRoutes, h as BackendLibConfig, i as BackendLib, j as PluginApis } from '../shared/stack.7n9Y_u7N.cjs';
-export { B as BackendPlugin, S as StackContext } from '../shared/stack.7n9Y_u7N.cjs';
+import { g as PrefixedPluginRoutes, h as BackendLibConfig, i as BackendLib, j as PluginApis } from '../shared/stack.CQnwAN7x.cjs';
+export { B as BackendPlugin, S as StackContext } from '../shared/stack.CQnwAN7x.cjs';
 export { toNodeHandler } from 'better-call/node';
 import '@btst/yar';
 import '@btst/db';

package/dist/api/index.d.mts

@@ -1,5 +1,5 @@
-import { g as PrefixedPluginRoutes, h as BackendLibConfig, i as BackendLib, j as PluginApis } from '../shared/stack.7n9Y_u7N.mjs';
-export { B as BackendPlugin, S as StackContext } from '../shared/stack.7n9Y_u7N.mjs';
+import { g as PrefixedPluginRoutes, h as BackendLibConfig, i as BackendLib, j as PluginApis } from '../shared/stack.CQnwAN7x.mjs';
+export { B as BackendPlugin, S as StackContext } from '../shared/stack.CQnwAN7x.mjs';
 export { toNodeHandler } from 'better-call/node';
 import '@btst/yar';
 import '@btst/db';

package/dist/api/index.d.ts

@@ -1,5 +1,5 @@
-import { g as PrefixedPluginRoutes, h as BackendLibConfig, i as BackendLib, j as PluginApis } from '../shared/stack.7n9Y_u7N.js';
-export { B as BackendPlugin, S as StackContext } from '../shared/stack.7n9Y_u7N.js';
+import { g as PrefixedPluginRoutes, h as BackendLibConfig, i as BackendLib, j as PluginApis } from '../shared/stack.CQnwAN7x.js';
+export { B as BackendPlugin, S as StackContext } from '../shared/stack.CQnwAN7x.js';
 export { toNodeHandler } from 'better-call/node';
 import '@btst/yar';
 import '@btst/db';

package/dist/client/index.d.cts

@@ -1,5 +1,5 @@
-import { c as Sitemap, C as ClientPlugin, d as PluginRoutes, e as ClientLibConfig, f as ClientLib } from '../shared/stack.7n9Y_u7N.cjs';
-export { b as ClientStackContext } from '../shared/stack.7n9Y_u7N.cjs';
+import { c as Sitemap, C as ClientPlugin, d as PluginRoutes, e as ClientLibConfig, f as ClientLib } from '../shared/stack.CQnwAN7x.cjs';
+export { b as ClientStackContext } from '../shared/stack.CQnwAN7x.cjs';
 import '@btst/yar';
 import '@btst/db';
 import 'better-call';

package/dist/client/index.d.mts

@@ -1,5 +1,5 @@
-import { c as Sitemap, C as ClientPlugin, d as PluginRoutes, e as ClientLibConfig, f as ClientLib } from '../shared/stack.7n9Y_u7N.mjs';
-export { b as ClientStackContext } from '../shared/stack.7n9Y_u7N.mjs';
+import { c as Sitemap, C as ClientPlugin, d as PluginRoutes, e as ClientLibConfig, f as ClientLib } from '../shared/stack.CQnwAN7x.mjs';
+export { b as ClientStackContext } from '../shared/stack.CQnwAN7x.mjs';
 import '@btst/yar';
 import '@btst/db';
 import 'better-call';

package/dist/client/index.d.ts

@@ -1,5 +1,5 @@
-import { c as Sitemap, C as ClientPlugin, d as PluginRoutes, e as ClientLibConfig, f as ClientLib } from '../shared/stack.7n9Y_u7N.js';
-export { b as ClientStackContext } from '../shared/stack.7n9Y_u7N.js';
+import { c as Sitemap, C as ClientPlugin, d as PluginRoutes, e as ClientLibConfig, f as ClientLib } from '../shared/stack.CQnwAN7x.js';
+export { b as ClientStackContext } from '../shared/stack.CQnwAN7x.js';
 import '@btst/yar';
 import '@btst/db';
 import 'better-call';

package/dist/components/auto-form/index.d.cts

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { UseFormReturn, FormState } from 'react-hook-form';
 import { z } from 'zod';
-import { a as FieldConfig, D as Dependency } from '../../shared/stack.fdi94T4S.cjs';
-export { A as AutoFormInputComponentProps, b as DependencyType, F as FieldConfigItem } from '../../shared/stack.fdi94T4S.cjs';
+import { a as FieldConfig, D as Dependency } from '../../shared/stack.CPsYC2-Z.cjs';
+export { A as AutoFormInputComponentProps, b as DependencyType, F as FieldConfigItem } from '../../shared/stack.CPsYC2-Z.cjs';
 import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.cjs';
 
 declare function AutoFormSubmit({ children, className, disabled, }: {

package/dist/components/auto-form/index.d.mts

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { UseFormReturn, FormState } from 'react-hook-form';
 import { z } from 'zod';
-import { a as FieldConfig, D as Dependency } from '../../shared/stack.fdi94T4S.mjs';
-export { A as AutoFormInputComponentProps, b as DependencyType, F as FieldConfigItem } from '../../shared/stack.fdi94T4S.mjs';
+import { a as FieldConfig, D as Dependency } from '../../shared/stack.CPsYC2-Z.mjs';
+export { A as AutoFormInputComponentProps, b as DependencyType, F as FieldConfigItem } from '../../shared/stack.CPsYC2-Z.mjs';
 import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.mjs';
 
 declare function AutoFormSubmit({ children, className, disabled, }: {

package/dist/components/auto-form/index.d.ts

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { UseFormReturn, FormState } from 'react-hook-form';
 import { z } from 'zod';
-import { a as FieldConfig, D as Dependency } from '../../shared/stack.fdi94T4S.js';
-export { A as AutoFormInputComponentProps, b as DependencyType, F as FieldConfigItem } from '../../shared/stack.fdi94T4S.js';
+import { a as FieldConfig, D as Dependency } from '../../shared/stack.CPsYC2-Z.js';
+export { A as AutoFormInputComponentProps, b as DependencyType, F as FieldConfigItem } from '../../shared/stack.CPsYC2-Z.js';
 import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.js';
 
 declare function AutoFormSubmit({ children, className, disabled, }: {

package/dist/components/form-builder/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { z } from 'zod';
-import { I as InputPropsByBackingType, c as FieldType, S as SerializableInputProps, J as JSONSchemaPropertyBase, A as AutoFormInputComponentProps } from '../../shared/stack.fdi94T4S.cjs';
+import { I as InputPropsByBackingType, c as FieldType, S as SerializableInputProps, J as JSONSchemaPropertyBase, A as AutoFormInputComponentProps } from '../../shared/stack.CPsYC2-Z.cjs';
 import 'react-hook-form';
 
 /**

package/dist/components/form-builder/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { z } from 'zod';
-import { I as InputPropsByBackingType, c as FieldType, S as SerializableInputProps, J as JSONSchemaPropertyBase, A as AutoFormInputComponentProps } from '../../shared/stack.fdi94T4S.mjs';
+import { I as InputPropsByBackingType, c as FieldType, S as SerializableInputProps, J as JSONSchemaPropertyBase, A as AutoFormInputComponentProps } from '../../shared/stack.CPsYC2-Z.mjs';
 import 'react-hook-form';
 
 /**

package/dist/components/form-builder/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { z } from 'zod';
-import { I as InputPropsByBackingType, c as FieldType, S as SerializableInputProps, J as JSONSchemaPropertyBase, A as AutoFormInputComponentProps } from '../../shared/stack.fdi94T4S.js';
+import { I as InputPropsByBackingType, c as FieldType, S as SerializableInputProps, J as JSONSchemaPropertyBase, A as AutoFormInputComponentProps } from '../../shared/stack.CPsYC2-Z.js';
 import 'react-hook-form';
 
 /**

package/dist/components/stepped-auto-form/index.d.cts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { z } from 'zod';
 import { UseFormReturn } from 'react-hook-form';
-import { a as FieldConfig } from '../../shared/stack.fdi94T4S.cjs';
+import { a as FieldConfig } from '../../shared/stack.CPsYC2-Z.cjs';
 import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.cjs';
 
 interface StepperComponentProps {

package/dist/components/stepped-auto-form/index.d.mts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { z } from 'zod';
 import { UseFormReturn } from 'react-hook-form';
-import { a as FieldConfig } from '../../shared/stack.fdi94T4S.mjs';
+import { a as FieldConfig } from '../../shared/stack.CPsYC2-Z.mjs';
 import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.mjs';
 
 interface StepperComponentProps {

package/dist/components/stepped-auto-form/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { z } from 'zod';
 import { UseFormReturn } from 'react-hook-form';
-import { a as FieldConfig } from '../../shared/stack.fdi94T4S.js';
+import { a as FieldConfig } from '../../shared/stack.CPsYC2-Z.js';
 import { Z as ZodObjectOrWrapped } from '../../shared/stack.CZMWR72v.js';
 
 interface StepperComponentProps {

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 export { stack } from './api/index.cjs';
 export { toNodeHandler } from 'better-call/node';
-export { i as BackendLib, h as BackendLibConfig, B as BackendPlugin, j as PluginApis, S as StackContext } from './shared/stack.7n9Y_u7N.cjs';
+export { i as BackendLib, h as BackendLibConfig, B as BackendPlugin, j as PluginApis, S as StackContext } from './shared/stack.CQnwAN7x.cjs';
 import '@btst/yar';
 import '@btst/db';
 import 'better-call';

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 export { stack } from './api/index.mjs';
 export { toNodeHandler } from 'better-call/node';
-export { i as BackendLib, h as BackendLibConfig, B as BackendPlugin, j as PluginApis, S as StackContext } from './shared/stack.7n9Y_u7N.mjs';
+export { i as BackendLib, h as BackendLibConfig, B as BackendPlugin, j as PluginApis, S as StackContext } from './shared/stack.CQnwAN7x.mjs';
 import '@btst/yar';
 import '@btst/db';
 import 'better-call';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { stack } from './api/index.js';
 export { toNodeHandler } from 'better-call/node';
-export { i as BackendLib, h as BackendLibConfig, B as BackendPlugin, j as PluginApis, S as StackContext } from './shared/stack.7n9Y_u7N.js';
+export { i as BackendLib, h as BackendLibConfig, B as BackendPlugin, j as PluginApis, S as StackContext } from './shared/stack.CQnwAN7x.js';
 import '@btst/yar';
 import '@btst/db';
 import 'better-call';

package/dist/packages/stack/src/plugins/blog/client/components/loading/post-navigation-skeleton.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
+
+function PostNavigationSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t mt-4 pt-4 w-full flex flex-col sm:flex-row gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-14 flex-1 rounded-md" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-14 flex-1 rounded-md" })
+  ] });
+}
+
+exports.PostNavigationSkeleton = PostNavigationSkeleton;

package/dist/packages/stack/src/plugins/blog/client/components/loading/post-navigation-skeleton.mjs

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
+
+function PostNavigationSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "border-t mt-4 pt-4 w-full flex flex-col sm:flex-row gap-4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-14 flex-1 rounded-md" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-14 flex-1 rounded-md" })
+  ] });
+}
+
+export { PostNavigationSkeleton };

package/dist/packages/stack/src/plugins/blog/client/components/loading/recent-posts-carousel-skeleton.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
+const postCardSkeleton = require('./post-card-skeleton.cjs');
+
+function RecentPostsCarouselSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full mt-4 py-4 border-t", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-7 w-36" }),
+      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-16" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(postCardSkeleton.PostCardSkeleton, {}, i)) })
+  ] });
+}
+
+exports.RecentPostsCarouselSkeleton = RecentPostsCarouselSkeleton;

package/dist/packages/stack/src/plugins/blog/client/components/loading/recent-posts-carousel-skeleton.mjs

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
+import { PostCardSkeleton } from './post-card-skeleton.mjs';
+
+function RecentPostsCarouselSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "w-full mt-4 py-4 border-t", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-36" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx(PostCardSkeleton, {}, i)) })
+  ] });
+}
+
+export { RecentPostsCarouselSkeleton };

package/dist/packages/stack/src/plugins/blog/client/components/pages/post-page.internal.cjs

@@ -17,6 +17,9 @@ const badge = require('../../../../../../../ui/src/components/badge.cjs');
 const useRouteLifecycle = require('../../../../../../../ui/src/hooks/use-route-lifecycle.cjs');
 const onThisPage = require('../shared/on-this-page.cjs');
 const context$1 = require('@btst/stack/plugins/ai-chat/client/context');
+const whenVisible = require('../../../../../../../ui/src/components/when-visible.cjs');
+const postNavigationSkeleton = require('../loading/post-navigation-skeleton.cjs');
+const recentPostsCarouselSkeleton = require('../loading/recent-posts-carousel-skeleton.cjs');
 
 function PostPage({ slug }) {
   const overrides = context.usePluginOverrides("blog", {
@@ -40,13 +43,13 @@ function PostPage({ slug }) {
     }
   });
   const { post } = blogHooks.useSuspensePost(slug ?? "");
-  const { previousPost, nextPost, ref } = blogHooks.useNextPreviousPosts(
+  const { previousPost, nextPost } = blogHooks.useNextPreviousPosts(
     post?.createdAt ?? /* @__PURE__ */ new Date(),
     {
       enabled: !!post
     }
   );
-  const { recentPosts, ref: recentPostsRef } = blogHooks.useRecentPosts({
+  const { recentPosts } = blogHooks.useRecentPosts({
     limit: 5,
     excludeSlug: slug,
     enabled: !!post
@@ -94,14 +97,22 @@ ${post.content ?? ""}`.slice(
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-3", children: /* @__PURE__ */ jsxRuntime.jsx(markdownContent.MarkdownContent, { markdown: post.content }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 w-full", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          postNavigation.PostNavigation,
+          whenVisible.WhenVisible,
           {
-            previousPost,
-            nextPost,
-            ref
+            rootMargin: "200px",
+            fallback: /* @__PURE__ */ jsxRuntime.jsx(postNavigationSkeleton.PostNavigationSkeleton, {}),
+            children: /* @__PURE__ */ jsxRuntime.jsx(postNavigation.PostNavigation, { previousPost, nextPost })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(recentPostsCarousel.RecentPostsCarousel, { posts: recentPosts, ref: recentPostsRef })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          whenVisible.WhenVisible,
+          {
+            rootMargin: "200px",
+            fallback: /* @__PURE__ */ jsxRuntime.jsx(recentPostsCarouselSkeleton.RecentPostsCarouselSkeleton, {}),
+            children: /* @__PURE__ */ jsxRuntime.jsx(recentPostsCarousel.RecentPostsCarousel, { posts: recentPosts })
+          }
+        ),
+        overrides.postBottomSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "post-bottom-slot", children: overrides.postBottomSlot(post) })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(onThisPage.OnThisPage, { markdown: post.content })

package/dist/packages/stack/src/plugins/blog/client/components/pages/post-page.internal.mjs

@@ -15,6 +15,9 @@ import { Badge } from '../../../../../../../ui/src/components/badge.mjs';
 import { useRouteLifecycle } from '../../../../../../../ui/src/hooks/use-route-lifecycle.mjs';
 import { OnThisPageSelect, OnThisPage } from '../shared/on-this-page.mjs';
 import { useRegisterPageAIContext } from '@btst/stack/plugins/ai-chat/client/context';
+import { WhenVisible } from '../../../../../../../ui/src/components/when-visible.mjs';
+import { PostNavigationSkeleton } from '../loading/post-navigation-skeleton.mjs';
+import { RecentPostsCarouselSkeleton } from '../loading/recent-posts-carousel-skeleton.mjs';
 
 function PostPage({ slug }) {
   const overrides = usePluginOverrides("blog", {
@@ -38,13 +41,13 @@ function PostPage({ slug }) {
     }
   });
   const { post } = useSuspensePost(slug ?? "");
-  const { previousPost, nextPost, ref } = useNextPreviousPosts(
+  const { previousPost, nextPost } = useNextPreviousPosts(
     post?.createdAt ?? /* @__PURE__ */ new Date(),
     {
       enabled: !!post
     }
   );
-  const { recentPosts, ref: recentPostsRef } = useRecentPosts({
+  const { recentPosts } = useRecentPosts({
     limit: 5,
     excludeSlug: slug,
     enabled: !!post
@@ -92,14 +95,22 @@ ${post.content ?? ""}`.slice(
       /* @__PURE__ */ jsx("div", { className: "w-full px-3", children: /* @__PURE__ */ jsx(MarkdownContent, { markdown: post.content }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 w-full", children: [
         /* @__PURE__ */ jsx(
-          PostNavigation,
+          WhenVisible,
           {
-            previousPost,
-            nextPost,
-            ref
+            rootMargin: "200px",
+            fallback: /* @__PURE__ */ jsx(PostNavigationSkeleton, {}),
+            children: /* @__PURE__ */ jsx(PostNavigation, { previousPost, nextPost })
           }
         ),
-        /* @__PURE__ */ jsx(RecentPostsCarousel, { posts: recentPosts, ref: recentPostsRef })
+        /* @__PURE__ */ jsx(
+          WhenVisible,
+          {
+            rootMargin: "200px",
+            fallback: /* @__PURE__ */ jsx(RecentPostsCarouselSkeleton, {}),
+            children: /* @__PURE__ */ jsx(RecentPostsCarousel, { posts: recentPosts })
+          }
+        ),
+        overrides.postBottomSlot && /* @__PURE__ */ jsx("div", { "data-testid": "post-bottom-slot", children: overrides.postBottomSlot(post) })
       ] })
     ] }),
     /* @__PURE__ */ jsx(OnThisPage, { markdown: post.content })

package/dist/packages/stack/src/plugins/blog/client/components/shared/post-navigation.cjs

@@ -9,66 +9,62 @@ const defaults = require('./defaults.cjs');
 
 function PostNavigation({
   previousPost,
-  nextPost,
-  ref
+  nextPost
 }) {
   const { Link } = context.usePluginOverrides("blog", {
     Link: defaults.DefaultLink
   });
   const basePath = context.useBasePath();
   const blogPath = `${basePath}/blog`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    ref && /* @__PURE__ */ jsxRuntime.jsx("div", { ref }),
-    (previousPost || nextPost) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t mt-4 pt-4 w-full" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-4 w-full justify-between", children: [
-        previousPost ? /* @__PURE__ */ jsxRuntime.jsx(
-          Link,
-          {
-            "data-testid": "previous-post-link",
-            href: `${blogPath}/${previousPost.slug}`,
-            className: "flex-1 sm:max-w-1/3",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                variant: "outline",
-                className: "w-full justify-start py-4 px-4 whitespace-normal! h-full hover:cursor-pointer",
-                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeft, { className: "h-4 w-4 shrink-0" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Previous" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold line-clamp-2 text-sm leading-tight transition-colors text-start", children: previousPost.title })
-                  ] })
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (previousPost || nextPost) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t mt-4 pt-4 w-full" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-4 w-full justify-between", children: [
+      previousPost ? /* @__PURE__ */ jsxRuntime.jsx(
+        Link,
+        {
+          "data-testid": "previous-post-link",
+          href: `${blogPath}/${previousPost.slug}`,
+          className: "flex-1 sm:max-w-1/3",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: "outline",
+              className: "w-full justify-start py-4 px-4 whitespace-normal! h-full hover:cursor-pointer",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeft, { className: "h-4 w-4 shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Previous" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold line-clamp-2 text-sm leading-tight transition-colors text-start", children: previousPost.title })
                 ] })
-              }
-            )
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-        nextPost ? /* @__PURE__ */ jsxRuntime.jsx(
-          Link,
-          {
-            "data-testid": "next-post-link",
-            href: `${blogPath}/${nextPost.slug}`,
-            className: "flex-1 sm:max-w-1/3",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                variant: "outline",
-                className: "w-full justify-end py-4 px-4 whitespace-normal! h-full hover:cursor-pointer",
-                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Next" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold line-clamp-2 text-sm leading-tight transition-colors text-start", children: nextPost.title })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { className: "h-4 w-4 shrink-0" })
-                ] })
-              }
-            )
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" })
-      ] })
+              ] })
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+      nextPost ? /* @__PURE__ */ jsxRuntime.jsx(
+        Link,
+        {
+          "data-testid": "next-post-link",
+          href: `${blogPath}/${nextPost.slug}`,
+          className: "flex-1 sm:max-w-1/3",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: "outline",
+              className: "w-full justify-end py-4 px-4 whitespace-normal! h-full hover:cursor-pointer",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Next" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold line-clamp-2 text-sm leading-tight transition-colors text-start", children: nextPost.title })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { className: "h-4 w-4 shrink-0" })
+              ] })
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" })
     ] })
-  ] });
+  ] }) });
 }
 
 exports.PostNavigation = PostNavigation;

package/dist/packages/stack/src/plugins/blog/client/components/shared/post-navigation.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { usePluginOverrides, useBasePath } from '@btst/stack/context';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
@@ -7,66 +7,62 @@ import { DefaultLink } from './defaults.mjs';
 
 function PostNavigation({
   previousPost,
-  nextPost,
-  ref
+  nextPost
 }) {
   const { Link } = usePluginOverrides("blog", {
     Link: DefaultLink
   });
   const basePath = useBasePath();
   const blogPath = `${basePath}/blog`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    ref && /* @__PURE__ */ jsx("div", { ref }),
-    (previousPost || nextPost) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "border-t mt-4 pt-4 w-full" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4 w-full justify-between", children: [
-        previousPost ? /* @__PURE__ */ jsx(
-          Link,
-          {
-            "data-testid": "previous-post-link",
-            href: `${blogPath}/${previousPost.slug}`,
-            className: "flex-1 sm:max-w-1/3",
-            children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                className: "w-full justify-start py-4 px-4 whitespace-normal! h-full hover:cursor-pointer",
-                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
-                  /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4 shrink-0" }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Previous" }),
-                    /* @__PURE__ */ jsx("div", { className: "font-semibold line-clamp-2 text-sm leading-tight transition-colors text-start", children: previousPost.title })
-                  ] })
+  return /* @__PURE__ */ jsx(Fragment, { children: (previousPost || nextPost) && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "border-t mt-4 pt-4 w-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4 w-full justify-between", children: [
+      previousPost ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          "data-testid": "previous-post-link",
+          href: `${blogPath}/${previousPost.slug}`,
+          className: "flex-1 sm:max-w-1/3",
+          children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              className: "w-full justify-start py-4 px-4 whitespace-normal! h-full hover:cursor-pointer",
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
+                /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4 shrink-0" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Previous" }),
+                  /* @__PURE__ */ jsx("div", { className: "font-semibold line-clamp-2 text-sm leading-tight transition-colors text-start", children: previousPost.title })
                 ] })
-              }
-            )
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-        nextPost ? /* @__PURE__ */ jsx(
-          Link,
-          {
-            "data-testid": "next-post-link",
-            href: `${blogPath}/${nextPost.slug}`,
-            className: "flex-1 sm:max-w-1/3",
-            children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outline",
-                className: "w-full justify-end py-4 px-4 whitespace-normal! h-full hover:cursor-pointer",
-                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Next" }),
-                    /* @__PURE__ */ jsx("div", { className: "font-semibold line-clamp-2 text-sm leading-tight transition-colors text-start", children: nextPost.title })
-                  ] }),
-                  /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 shrink-0" })
-                ] })
-              }
-            )
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "flex-1" })
-      ] })
+              ] })
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      nextPost ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          "data-testid": "next-post-link",
+          href: `${blogPath}/${nextPost.slug}`,
+          className: "flex-1 sm:max-w-1/3",
+          children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              className: "w-full justify-end py-4 px-4 whitespace-normal! h-full hover:cursor-pointer",
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Next" }),
+                  /* @__PURE__ */ jsx("div", { className: "font-semibold line-clamp-2 text-sm leading-tight transition-colors text-start", children: nextPost.title })
+                ] }),
+                /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 shrink-0" })
+              ] })
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "flex-1" })
     ] })
-  ] });
+  ] }) });
 }
 
 export { PostNavigation };