@btst/stack 1.0.1 → 1.1.1

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

@@ -0,0 +1,74 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const context = require('@btst/stack/context');
+const button = require('@workspace/ui/components/button');
+const lucideReact = require('lucide-react');
+const defaults = require('./defaults.cjs');
+
+function PostNavigation({
+  previousPost,
+  nextPost,
+  ref
+}) {
+  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(lucideReact.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(lucideReact.ChevronRight, { className: "h-4 w-4 shrink-0" })
+                ] })
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" })
+      ] })
+    ] })
+  ] });
+}
+
+exports.PostNavigation = PostNavigation;

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

@@ -0,0 +1,72 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { Button } from '@workspace/ui/components/button';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { DefaultLink } from './defaults.mjs';
+
+function PostNavigation({
+  previousPost,
+  nextPost,
+  ref
+}) {
+  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 })
+                  ] })
+                ] })
+              }
+            )
+          }
+        ) : /* @__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 };

package/dist/plugins/blog/client/components/shared/posts-list.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const context = require('@btst/stack/context');
+const button = require('@workspace/ui/components/button');
+const emptyList = require('./empty-list.cjs');
+const searchInput = require('./search-input.cjs');
+const postCard = require('./post-card.cjs');
+const index = require('../../localization/index.cjs');
+
+function PostsList({
+  posts,
+  onLoadMore,
+  hasMore,
+  isLoadingMore
+}) {
+  const { localization } = context.usePluginOverrides("blog", {
+    localization: index.BLOG_LOCALIZATION
+  });
+  const { PostCard } = context.usePluginOverrides("blog");
+  const PostCardComponent = PostCard || postCard.PostCard;
+  if (posts.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(emptyList.EmptyList, { message: localization.BLOG_LIST_EMPTY });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pb-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+      searchInput.SearchInput,
+      {
+        placeholder: localization.BLOG_LIST_SEARCH_PLACEHOLDER,
+        buttonText: localization.BLOG_LIST_SEARCH_BUTTON,
+        emptyMessage: localization.BLOG_LIST_SEARCH_EMPTY
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: posts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(PostCardComponent, { post }, post.id)) }),
+    onLoadMore && hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        onClick: onLoadMore,
+        disabled: isLoadingMore,
+        variant: "outline",
+        size: "lg",
+        children: isLoadingMore ? localization.BLOG_LIST_LOADING_MORE : localization.BLOG_LIST_LOAD_MORE
+      }
+    ) })
+  ] });
+}
+
+exports.PostsList = PostsList;

package/dist/plugins/blog/client/components/shared/posts-list.mjs

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { usePluginOverrides } from '@btst/stack/context';
+import { Button } from '@workspace/ui/components/button';
+import { EmptyList } from './empty-list.mjs';
+import { SearchInput } from './search-input.mjs';
+import { PostCard } from './post-card.mjs';
+import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
+
+function PostsList({
+  posts,
+  onLoadMore,
+  hasMore,
+  isLoadingMore
+}) {
+  const { localization } = usePluginOverrides("blog", {
+    localization: BLOG_LOCALIZATION
+  });
+  const { PostCard: PostCard$1 } = usePluginOverrides("blog");
+  const PostCardComponent = PostCard$1 || PostCard;
+  if (posts.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyList, { message: localization.BLOG_LIST_EMPTY });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center pb-6", children: /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        placeholder: localization.BLOG_LIST_SEARCH_PLACEHOLDER,
+        buttonText: localization.BLOG_LIST_SEARCH_BUTTON,
+        emptyMessage: localization.BLOG_LIST_SEARCH_EMPTY
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: posts.map((post) => /* @__PURE__ */ jsx(PostCardComponent, { post }, post.id)) }),
+    onLoadMore && hasMore && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onLoadMore,
+        disabled: isLoadingMore,
+        variant: "outline",
+        size: "lg",
+        children: isLoadingMore ? localization.BLOG_LIST_LOADING_MORE : localization.BLOG_LIST_LOAD_MORE
+      }
+    ) })
+  ] });
+}
+
+export { PostsList };

package/dist/plugins/blog/client/components/shared/recent-posts-carousel.cjs

@@ -0,0 +1,59 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const context = require('@btst/stack/context');
+const carousel = require('@workspace/ui/components/carousel');
+const postCard = require('./post-card.cjs');
+const defaults = require('./defaults.cjs');
+const index = require('../../localization/index.cjs');
+
+function RecentPostsCarousel({ posts, ref }) {
+  const { PostCard, Link, localization } = context.usePluginOverrides("blog", {
+    PostCard: postCard.PostCard,
+    Link: defaults.DefaultLink,
+    localization: index.BLOG_LOCALIZATION
+  });
+  const PostCardComponent = PostCard || postCard.PostCard;
+  const basePath = context.useBasePath();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+    ref && /* @__PURE__ */ jsxRuntime.jsx("div", { ref }),
+    posts && posts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 py-4 w-full text-start border-t", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold", children: localization.BLOG_POST_KEEP_READING }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Link,
+          {
+            href: `${basePath}/blog`,
+            className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+            children: localization.BLOG_POST_VIEW_ALL
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "recent-posts-carousel", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        carousel.Carousel,
+        {
+          opts: {
+            align: "start",
+            loop: false
+          },
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(carousel.CarouselContent, { className: "-ml-2 md:-ml-4", children: posts.map((post) => /* @__PURE__ */ jsxRuntime.jsx(
+              carousel.CarouselItem,
+              {
+                className: "pl-2 md:pl-4 md:basis-1/2 lg:basis-1/3",
+                children: /* @__PURE__ */ jsxRuntime.jsx(PostCardComponent, { post })
+              },
+              post.id
+            )) }),
+            /* @__PURE__ */ jsxRuntime.jsx(carousel.CarouselPrevious, { className: "-left-4 lg:-left-12 hover:cursor-pointer" }),
+            /* @__PURE__ */ jsxRuntime.jsx(carousel.CarouselNext, { className: "-right-4 lg:-right-12 hover:cursor-pointer" })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+
+exports.RecentPostsCarousel = RecentPostsCarousel;

package/dist/plugins/blog/client/components/shared/recent-posts-carousel.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from '@workspace/ui/components/carousel';
+import { PostCard } from './post-card.mjs';
+import { DefaultLink } from './defaults.mjs';
+import { BLOG_LOCALIZATION } from '../../localization/index.mjs';
+
+function RecentPostsCarousel({ posts, ref }) {
+  const { PostCard: PostCard$1, Link, localization } = usePluginOverrides("blog", {
+    PostCard: PostCard,
+    Link: DefaultLink,
+    localization: BLOG_LOCALIZATION
+  });
+  const PostCardComponent = PostCard$1 || PostCard;
+  const basePath = useBasePath();
+  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    ref && /* @__PURE__ */ jsx("div", { ref }),
+    posts && posts.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "mt-4 py-4 w-full text-start border-t", children: /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: localization.BLOG_POST_KEEP_READING }),
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `${basePath}/blog`,
+            className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+            children: localization.BLOG_POST_VIEW_ALL
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { "data-testid": "recent-posts-carousel", children: /* @__PURE__ */ jsxs(
+        Carousel,
+        {
+          opts: {
+            align: "start",
+            loop: false
+          },
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsx(CarouselContent, { className: "-ml-2 md:-ml-4", children: posts.map((post) => /* @__PURE__ */ jsx(
+              CarouselItem,
+              {
+                className: "pl-2 md:pl-4 md:basis-1/2 lg:basis-1/3",
+                children: /* @__PURE__ */ jsx(PostCardComponent, { post })
+              },
+              post.id
+            )) }),
+            /* @__PURE__ */ jsx(CarouselPrevious, { className: "-left-4 lg:-left-12 hover:cursor-pointer" }),
+            /* @__PURE__ */ jsx(CarouselNext, { className: "-right-4 lg:-right-12 hover:cursor-pointer" })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+
+export { RecentPostsCarousel };

package/dist/plugins/blog/client/components/shared/search-input.cjs

@@ -0,0 +1,136 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const blogHooks = require('../../hooks/blog-hooks.cjs');
+const utils = require('../../../utils.cjs');
+const highlightText = require('./highlight-text.cjs');
+const searchModal = require('./search-modal.cjs');
+const context = require('@btst/stack/context');
+
+function _interopNamespaceCompat(e) {
+	if (e && typeof e === 'object' && 'default' in e) return e;
+	const n = Object.create(null);
+	if (e) {
+		for (const k in e) {
+			n[k] = e[k];
+		}
+	}
+	n.default = e;
+	return n;
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+const renderBlogResult = (item, index, query) => {
+  const q = (query || "").toLowerCase();
+  const excerptMatches = item.processedExcerpt ? item.processedExcerpt.toLowerCase().includes(q) : false;
+  const contentMatches = item.processedContent ? item.processedContent.toLowerCase().includes(q) : false;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      "data-testid": "search-result",
+      type: "button",
+      className: "flex w-full cursor-pointer flex-col gap-2 rounded-sm border-border border-b px-4 py-3 text-left transition-colors hover:bg-accent",
+      onClick: () => item.onClick?.(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            highlightText.HighlightText,
+            {
+              text: item.title,
+              searchQuery: query,
+              className: "flex-1 font-medium text-sm leading-5"
+            }
+          ),
+          item.publishedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap text-muted-foreground text-xs", children: new Date(item.publishedAt).toLocaleDateString() })
+        ] }),
+        excerptMatches && /* @__PURE__ */ jsxRuntime.jsx(
+          highlightText.HighlightText,
+          {
+            text: item.processedExcerpt || "",
+            searchQuery: query,
+            className: "text-muted-foreground text-xs leading-4",
+            maxLength: 120
+          }
+        ),
+        contentMatches && /* @__PURE__ */ jsxRuntime.jsx(
+          highlightText.HighlightText,
+          {
+            text: item.processedContent,
+            searchQuery: query,
+            className: "text-muted-foreground text-xs leading-4",
+            maxLength: 120
+          }
+        ),
+        !excerptMatches && !contentMatches && /* @__PURE__ */ jsxRuntime.jsx(
+          highlightText.HighlightText,
+          {
+            text: item.processedExcerpt || item.processedContent,
+            searchQuery: query,
+            className: "text-muted-foreground text-xs leading-4",
+            maxLength: 120
+          }
+        )
+      ]
+    },
+    item.id
+  );
+};
+function SearchInput({
+  className,
+  triggerClassName,
+  placeholder,
+  buttonText,
+  emptyMessage
+}) {
+  const { navigate } = context.usePluginOverrides("blog");
+  const basePath = context.useBasePath();
+  const [currentQuery, setCurrentQuery] = React__namespace.useState("");
+  const { data: searchResults = [], isLoading } = blogHooks.usePostSearch({
+    query: currentQuery,
+    enabled: currentQuery.trim().length > 0,
+    debounceMs: 300,
+    published: true
+  });
+  const formattedResults = React__namespace.useMemo(() => {
+    return searchResults.map((post) => ({
+      id: post.id,
+      title: post.title,
+      slug: post.slug,
+      publishedAt: post.publishedAt,
+      authorName: "",
+      processedContent: utils.stripMarkdown(utils.stripHtml(post.content || "")),
+      processedExcerpt: utils.stripMarkdown(utils.stripHtml(post.excerpt || "")),
+      onClick: () => navigate(`${basePath}/blog/${post.slug}`)
+    }));
+  }, [searchResults, navigate, basePath]);
+  const handleSearch = React__namespace.useCallback(
+    (query) => {
+      setCurrentQuery(query);
+      return [];
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    searchModal.SearchModal,
+    {
+      placeholder,
+      buttonText,
+      emptyMessage,
+      searchFn: handleSearch,
+      renderResult: renderBlogResult,
+      results: formattedResults,
+      isLoading,
+      className,
+      triggerClassName,
+      keyboardShortcut: "\u2318K"
+    }
+  );
+}
+
+exports.SearchInput = SearchInput;
+exports.default = SearchInput;

package/dist/plugins/blog/client/components/shared/search-input.mjs

@@ -0,0 +1,117 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { usePostSearch } from '../../hooks/blog-hooks.mjs';
+import { stripMarkdown, stripHtml } from '../../../utils.mjs';
+import { HighlightText } from './highlight-text.mjs';
+import { SearchModal } from './search-modal.mjs';
+import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+
+const renderBlogResult = (item, index, query) => {
+  const q = (query || "").toLowerCase();
+  const excerptMatches = item.processedExcerpt ? item.processedExcerpt.toLowerCase().includes(q) : false;
+  const contentMatches = item.processedContent ? item.processedContent.toLowerCase().includes(q) : false;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "data-testid": "search-result",
+      type: "button",
+      className: "flex w-full cursor-pointer flex-col gap-2 rounded-sm border-border border-b px-4 py-3 text-left transition-colors hover:bg-accent",
+      onClick: () => item.onClick?.(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(
+            HighlightText,
+            {
+              text: item.title,
+              searchQuery: query,
+              className: "flex-1 font-medium text-sm leading-5"
+            }
+          ),
+          item.publishedAt && /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-muted-foreground text-xs", children: new Date(item.publishedAt).toLocaleDateString() })
+        ] }),
+        excerptMatches && /* @__PURE__ */ jsx(
+          HighlightText,
+          {
+            text: item.processedExcerpt || "",
+            searchQuery: query,
+            className: "text-muted-foreground text-xs leading-4",
+            maxLength: 120
+          }
+        ),
+        contentMatches && /* @__PURE__ */ jsx(
+          HighlightText,
+          {
+            text: item.processedContent,
+            searchQuery: query,
+            className: "text-muted-foreground text-xs leading-4",
+            maxLength: 120
+          }
+        ),
+        !excerptMatches && !contentMatches && /* @__PURE__ */ jsx(
+          HighlightText,
+          {
+            text: item.processedExcerpt || item.processedContent,
+            searchQuery: query,
+            className: "text-muted-foreground text-xs leading-4",
+            maxLength: 120
+          }
+        )
+      ]
+    },
+    item.id
+  );
+};
+function SearchInput({
+  className,
+  triggerClassName,
+  placeholder,
+  buttonText,
+  emptyMessage
+}) {
+  const { navigate } = usePluginOverrides("blog");
+  const basePath = useBasePath();
+  const [currentQuery, setCurrentQuery] = React.useState("");
+  const { data: searchResults = [], isLoading } = usePostSearch({
+    query: currentQuery,
+    enabled: currentQuery.trim().length > 0,
+    debounceMs: 300,
+    published: true
+  });
+  const formattedResults = React.useMemo(() => {
+    return searchResults.map((post) => ({
+      id: post.id,
+      title: post.title,
+      slug: post.slug,
+      publishedAt: post.publishedAt,
+      authorName: "",
+      processedContent: stripMarkdown(stripHtml(post.content || "")),
+      processedExcerpt: stripMarkdown(stripHtml(post.excerpt || "")),
+      onClick: () => navigate(`${basePath}/blog/${post.slug}`)
+    }));
+  }, [searchResults, navigate, basePath]);
+  const handleSearch = React.useCallback(
+    (query) => {
+      setCurrentQuery(query);
+      return [];
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    SearchModal,
+    {
+      placeholder,
+      buttonText,
+      emptyMessage,
+      searchFn: handleSearch,
+      renderResult: renderBlogResult,
+      results: formattedResults,
+      isLoading,
+      className,
+      triggerClassName,
+      keyboardShortcut: "\u2318K"
+    }
+  );
+}
+
+export { SearchInput, SearchInput as default };