@haroonwaves/blog-kit-react 1.4.0 → 2.0.0

package/README.md

@@ -22,8 +22,8 @@ For complete documentation, API reference, and examples, please visit the
 
 ## Quick Links
 
-- [Quick Start](https://blog-kit.haroonwaves.com/docs/quick-start)
-- [React Package Usage](https://blog-kit.haroonwaves.com/docs/react-package)
+- [Getting Started](https://blog-kit.haroonwaves.com/docs/getting-started)
+- [Guides](https://blog-kit.haroonwaves.com/docs/guides)
 - [API Reference](https://blog-kit.haroonwaves.com/docs/api-reference)
 
 ## Related Packages

package/dist/index.cjs

@@ -30,18 +30,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  BlogCard: () => BlogCard,
-  BlogList: () => BlogList,
-  BlogPlaceholder: () => BlogPlaceholder,
-  BlogRenderer: () => BlogRenderer,
+  ContentCard: () => ContentCard,
+  ContentList: () => ContentList,
+  ContentPlaceholder: () => ContentPlaceholder,
+  ContentRenderer: () => ContentRenderer,
   Filter: () => Filter,
-  filterBlogs: () => filterBlogs,
+  filterContent: () => filterContent,
   getAvailableCategories: () => getAvailableCategories,
-  useBlogs: () => useBlogs
+  useContent: () => useContent
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/components/BlogRenderer.tsx
+// src/components/ContentRenderer.tsx
 var import_react = require("react");
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
@@ -81,7 +81,7 @@ function Badge({ children, className }) {
   );
 }
 
-// src/components/BlogRenderer.tsx
+// src/components/ContentRenderer.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultComponents = {
   h1: (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -209,8 +209,8 @@ var defaultComponents = {
   td: (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: "bk:px-4 bk:py-3 bk:text-gray-700 bk:dark:text-gray-300", ...props }),
   input: (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", disabled: true, className: "bk:mr-2 bk:accent-blue-600", ...props })
 };
-function BlogRenderer({
-  content,
+function ContentRenderer({
+  body,
   metadata,
   className = "",
   components,
@@ -238,16 +238,16 @@ function BlogRenderer({
         remarkPlugins: [import_remark_gfm.default],
         rehypePlugins: [import_rehype_raw.default, import_rehype_prism_plus.default, import_rehype_slug_custom_id.default],
         components: mergedComponents,
-        children: content
+        children: body
       }
     ) })
   ] });
 }
 
-// src/components/BlogCard.tsx
+// src/components/ContentCard.tsx
 var import_react2 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-function BlogCard({
+function ContentCard({
   metadata,
   basePath = "/blog",
   renderLink,
@@ -290,17 +290,17 @@ function BlogCard({
   );
 }
 
-// src/components/BlogList.tsx
+// src/components/ContentList.tsx
 var import_react3 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function BlogList({
+function ContentList({
   metadata,
   title,
   description,
   basePath = "/blog",
   renderLink,
   className = "",
-  emptyMessage = "No blog posts found.",
+  emptyMessage = "No content found.",
   cardProps,
   classNames = {}
 }) {
@@ -326,7 +326,7 @@ function BlogList({
         children: emptyMessage
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `bk:flex bk:flex-col bk:gap-6 ${className}`, children: metadata.map((meta) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      BlogCard,
+      ContentCard,
       {
         metadata: meta,
         basePath,
@@ -347,9 +347,9 @@ function Filter({
   selectedCategory,
   setSelectedCategory,
   categories,
-  postsCount,
+  contentCount,
   className = "",
-  placeholder = "Search blogs...",
+  placeholder = "Search content...",
   classNames = {}
 }) {
   const pillBase = `bk:px-2.5 bk:py-1 bk:cursor-pointer bk:rounded-md bk:text-xs bk:font-medium bk:transition-colors ${classNames.pill ?? ""}`;
@@ -379,7 +379,7 @@ function Filter({
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "input",
           {
-            id: "blog-search",
+            id: "content-search",
             type: "search",
             value: searchTerm,
             onChange: (e) => setSearchTerm(e.target.value),
@@ -414,14 +414,14 @@ function Filter({
         }
       )
     ] }),
-    postsCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    contentCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "p",
       {
-        className: `bk:text-[10px] bk:uppercase bk:tracking-wider bk:text-gray-400 bk:dark:text-gray-500 ${classNames.postsCount ?? ""}`,
+        className: `bk:text-[10px] bk:uppercase bk:tracking-wider bk:text-gray-400 bk:dark:text-gray-500 ${classNames.contentCount ?? ""}`,
         children: [
-          postsCount,
+          contentCount,
           " ",
-          postsCount === 1 ? "post" : "posts",
+          contentCount === 1 ? "item" : "items",
           " found"
         ]
       }
@@ -429,9 +429,9 @@ function Filter({
   ] });
 }
 
-// src/components/BlogPlaceholder.tsx
+// src/components/ContentPlaceholder.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-function BlogPlaceholder({ count = 3, className = "" }) {
+function ContentPlaceholder({ count = 3, className = "" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `${className}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
@@ -446,7 +446,7 @@ function BlogPlaceholder({ count = 3, className = "" }) {
   )) });
 }
 
-// src/hooks/useBlogs.ts
+// src/hooks/useContent.ts
 var import_react6 = require("react");
 
 // src/hooks/useDebounce.ts
@@ -465,37 +465,37 @@ function useDebounce(value, delay) {
 }
 
 // src/utils/filter-utils.ts
-function filterBlogs(blogs, searchTerm = "", selectedCategory = null) {
-  let filtered = blogs;
+function filterContent(items, searchTerm = "", selectedCategory = null) {
+  let filtered = items;
   if (searchTerm) {
     const lowerSearch = searchTerm.toLowerCase();
     filtered = filtered.filter(
-      (blog) => (blog.title?.toLowerCase() || "").includes(lowerSearch) || (blog.description?.toLowerCase() || "").includes(lowerSearch)
+      (item) => (item.title?.toLowerCase() || "").includes(lowerSearch) || (item.description?.toLowerCase() || "").includes(lowerSearch)
     );
   }
   if (selectedCategory) {
-    filtered = filtered.filter((blog) => {
-      const categories = blog.categories ?? [];
+    filtered = filtered.filter((item) => {
+      const categories = item.categories ?? [];
       return categories.includes(selectedCategory);
     });
   }
   return filtered;
 }
-function getAvailableCategories(blogs) {
-  return Array.from(new Set(blogs.flatMap((blog) => blog.categories ?? [])));
+function getAvailableCategories(items) {
+  return Array.from(new Set(items.flatMap((item) => item.categories ?? [])));
 }
 
-// src/hooks/useBlogs.ts
-function useBlogs(blogsMeta) {
+// src/hooks/useContent.ts
+function useContent(allContentMeta) {
   const [searchTerm, setSearchTerm] = (0, import_react6.useState)("");
   const [selectedCategory, setSelectedCategory] = (0, import_react6.useState)(null);
   const debouncedSearchTerm = useDebounce(searchTerm, 500);
   const metadata = (0, import_react6.useMemo)(() => {
-    return filterBlogs(blogsMeta, debouncedSearchTerm, selectedCategory);
-  }, [blogsMeta, debouncedSearchTerm, selectedCategory]);
+    return filterContent(allContentMeta, debouncedSearchTerm, selectedCategory);
+  }, [allContentMeta, debouncedSearchTerm, selectedCategory]);
   const categories = (0, import_react6.useMemo)(() => {
-    return getAvailableCategories(blogsMeta);
-  }, [blogsMeta]);
+    return getAvailableCategories(allContentMeta);
+  }, [allContentMeta]);
   return {
     metadata,
     searchTerm,
@@ -507,12 +507,12 @@ function useBlogs(blogsMeta) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BlogCard,
-  BlogList,
-  BlogPlaceholder,
-  BlogRenderer,
+  ContentCard,
+  ContentList,
+  ContentPlaceholder,
+  ContentRenderer,
   Filter,
-  filterBlogs,
+  filterContent,
   getAvailableCategories,
-  useBlogs
+  useContent
 });

package/dist/index.d.cts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default from 'react';
 
-interface BlogMeta {
+interface ContentMeta {
     title: string;
     description: string;
     date: string;
@@ -10,28 +10,28 @@ interface BlogMeta {
     slug: string;
     readingTime: string;
 }
-interface Blog {
-    metadata: BlogMeta;
-    content: string;
+interface Content {
+    metadata: ContentMeta;
+    body: string;
 }
-interface BlogConfig {
+interface ContentConfig {
     contentDirectory: string;
-    blogSubdirectory?: string;
+    contentSubdirectory?: string;
 }
 
-interface BlogRendererProps {
-    content: string;
-    metadata: BlogMeta;
+interface ContentRendererProps {
+    body: string;
+    metadata: ContentMeta;
     className?: string;
     components?: Record<string, react__default.ComponentType<any>>;
     showCategory?: boolean;
     showReadingTime?: boolean;
     showDate?: boolean;
 }
-declare function BlogRenderer({ content, metadata, className, components, showCategory, showReadingTime, showDate, }: BlogRendererProps): react_jsx_runtime.JSX.Element;
+declare function ContentRenderer({ body, metadata, className, components, showCategory, showReadingTime, showDate, }: ContentRendererProps): react_jsx_runtime.JSX.Element;
 
-interface BlogCardProps {
-    metadata: BlogMeta;
+interface ContentCardProps {
+    metadata: ContentMeta;
     basePath?: string;
     renderLink?: (href: string, children: react__default.ReactNode) => react__default.ReactNode;
     className?: string;
@@ -39,27 +39,27 @@ interface BlogCardProps {
     showReadingTime?: boolean;
     showDate?: boolean;
 }
-declare function BlogCard({ metadata, basePath, renderLink, className, showCategory, showReadingTime, showDate, }: BlogCardProps): react_jsx_runtime.JSX.Element;
+declare function ContentCard({ metadata, basePath, renderLink, className, showCategory, showReadingTime, showDate, }: ContentCardProps): react_jsx_runtime.JSX.Element;
 
-interface BlogListProps {
-    metadata: BlogMeta[];
+interface ContentListProps {
+    metadata: ContentMeta[];
     title?: string;
     description?: string;
     basePath?: string;
-    renderLink?: BlogCardProps['renderLink'];
+    renderLink?: ContentCardProps['renderLink'];
     className?: string;
     emptyMessage?: string;
-    cardProps?: Omit<BlogCardProps, 'metadata' | 'basePath' | 'renderLink'>;
+    cardProps?: Omit<ContentCardProps, 'metadata' | 'basePath' | 'renderLink'>;
     classNames?: {
         title?: string;
         description?: string;
     };
 }
 /**
- * A pure, stateless BlogList component that renders a list of blog cards.
+ * A pure, stateless ContentList component that renders a list of content cards.
  * Accepts metadata and renders it exactly as provided.
  */
-declare function BlogList({ metadata, title, description, basePath, renderLink, className, emptyMessage, cardProps, classNames, }: BlogListProps): react_jsx_runtime.JSX.Element;
+declare function ContentList({ metadata, title, description, basePath, renderLink, className, emptyMessage, cardProps, classNames, }: ContentListProps): react_jsx_runtime.JSX.Element;
 
 interface FilterProps {
     searchTerm: string;
@@ -67,7 +67,7 @@ interface FilterProps {
     selectedCategory: string | null;
     setSelectedCategory: (selectedCategory: string | null) => void;
     categories: string[];
-    postsCount?: number;
+    contentCount?: number;
     className?: string;
     placeholder?: string;
     classNames?: {
@@ -76,19 +76,19 @@ interface FilterProps {
         pill?: string;
         activePill?: string;
         inactivePill?: string;
-        postsCount?: string;
+        contentCount?: string;
     };
 }
-declare function Filter({ searchTerm, setSearchTerm, selectedCategory, setSelectedCategory, categories, postsCount, className, placeholder, classNames, }: FilterProps): react_jsx_runtime.JSX.Element;
+declare function Filter({ searchTerm, setSearchTerm, selectedCategory, setSelectedCategory, categories, contentCount, className, placeholder, classNames, }: FilterProps): react_jsx_runtime.JSX.Element;
 
-interface BlogPlaceholderProps {
+interface ContentPlaceholderProps {
     count?: number;
     className?: string;
 }
-declare function BlogPlaceholder({ count, className }: BlogPlaceholderProps): react_jsx_runtime.JSX.Element;
+declare function ContentPlaceholder({ count, className }: ContentPlaceholderProps): react_jsx_runtime.JSX.Element;
 
-declare function useBlogs(blogsMeta: BlogMeta[]): {
-    metadata: BlogMeta[];
+declare function useContent(allContentMeta: ContentMeta[]): {
+    metadata: ContentMeta[];
     searchTerm: string;
     setSearchTerm: react.Dispatch<react.SetStateAction<string>>;
     selectedCategory: string | null;
@@ -96,7 +96,7 @@ declare function useBlogs(blogsMeta: BlogMeta[]): {
     categories: string[];
 };
 
-declare function filterBlogs(blogs: BlogMeta[], searchTerm?: string, selectedCategory?: string | null): BlogMeta[];
-declare function getAvailableCategories(blogs: BlogMeta[]): string[];
+declare function filterContent(items: ContentMeta[], searchTerm?: string, selectedCategory?: string | null): ContentMeta[];
+declare function getAvailableCategories(items: ContentMeta[]): string[];
 
-export { type Blog, BlogCard, type BlogCardProps, type BlogConfig, BlogList, type BlogListProps, type BlogMeta, BlogPlaceholder, type BlogPlaceholderProps, BlogRenderer, type BlogRendererProps, Filter, type FilterProps, filterBlogs, getAvailableCategories, useBlogs };
+export { type Content, ContentCard, type ContentCardProps, type ContentConfig, ContentList, type ContentListProps, type ContentMeta, ContentPlaceholder, type ContentPlaceholderProps, ContentRenderer, type ContentRendererProps, Filter, type FilterProps, filterContent, getAvailableCategories, useContent };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default from 'react';
 
-interface BlogMeta {
+interface ContentMeta {
     title: string;
     description: string;
     date: string;
@@ -10,28 +10,28 @@ interface BlogMeta {
     slug: string;
     readingTime: string;
 }
-interface Blog {
-    metadata: BlogMeta;
-    content: string;
+interface Content {
+    metadata: ContentMeta;
+    body: string;
 }
-interface BlogConfig {
+interface ContentConfig {
     contentDirectory: string;
-    blogSubdirectory?: string;
+    contentSubdirectory?: string;
 }
 
-interface BlogRendererProps {
-    content: string;
-    metadata: BlogMeta;
+interface ContentRendererProps {
+    body: string;
+    metadata: ContentMeta;
     className?: string;
     components?: Record<string, react__default.ComponentType<any>>;
     showCategory?: boolean;
     showReadingTime?: boolean;
     showDate?: boolean;
 }
-declare function BlogRenderer({ content, metadata, className, components, showCategory, showReadingTime, showDate, }: BlogRendererProps): react_jsx_runtime.JSX.Element;
+declare function ContentRenderer({ body, metadata, className, components, showCategory, showReadingTime, showDate, }: ContentRendererProps): react_jsx_runtime.JSX.Element;
 
-interface BlogCardProps {
-    metadata: BlogMeta;
+interface ContentCardProps {
+    metadata: ContentMeta;
     basePath?: string;
     renderLink?: (href: string, children: react__default.ReactNode) => react__default.ReactNode;
     className?: string;
@@ -39,27 +39,27 @@ interface BlogCardProps {
     showReadingTime?: boolean;
     showDate?: boolean;
 }
-declare function BlogCard({ metadata, basePath, renderLink, className, showCategory, showReadingTime, showDate, }: BlogCardProps): react_jsx_runtime.JSX.Element;
+declare function ContentCard({ metadata, basePath, renderLink, className, showCategory, showReadingTime, showDate, }: ContentCardProps): react_jsx_runtime.JSX.Element;
 
-interface BlogListProps {
-    metadata: BlogMeta[];
+interface ContentListProps {
+    metadata: ContentMeta[];
     title?: string;
     description?: string;
     basePath?: string;
-    renderLink?: BlogCardProps['renderLink'];
+    renderLink?: ContentCardProps['renderLink'];
     className?: string;
     emptyMessage?: string;
-    cardProps?: Omit<BlogCardProps, 'metadata' | 'basePath' | 'renderLink'>;
+    cardProps?: Omit<ContentCardProps, 'metadata' | 'basePath' | 'renderLink'>;
     classNames?: {
         title?: string;
         description?: string;
     };
 }
 /**
- * A pure, stateless BlogList component that renders a list of blog cards.
+ * A pure, stateless ContentList component that renders a list of content cards.
  * Accepts metadata and renders it exactly as provided.
  */
-declare function BlogList({ metadata, title, description, basePath, renderLink, className, emptyMessage, cardProps, classNames, }: BlogListProps): react_jsx_runtime.JSX.Element;
+declare function ContentList({ metadata, title, description, basePath, renderLink, className, emptyMessage, cardProps, classNames, }: ContentListProps): react_jsx_runtime.JSX.Element;
 
 interface FilterProps {
     searchTerm: string;
@@ -67,7 +67,7 @@ interface FilterProps {
     selectedCategory: string | null;
     setSelectedCategory: (selectedCategory: string | null) => void;
     categories: string[];
-    postsCount?: number;
+    contentCount?: number;
     className?: string;
     placeholder?: string;
     classNames?: {
@@ -76,19 +76,19 @@ interface FilterProps {
         pill?: string;
         activePill?: string;
         inactivePill?: string;
-        postsCount?: string;
+        contentCount?: string;
     };
 }
-declare function Filter({ searchTerm, setSearchTerm, selectedCategory, setSelectedCategory, categories, postsCount, className, placeholder, classNames, }: FilterProps): react_jsx_runtime.JSX.Element;
+declare function Filter({ searchTerm, setSearchTerm, selectedCategory, setSelectedCategory, categories, contentCount, className, placeholder, classNames, }: FilterProps): react_jsx_runtime.JSX.Element;
 
-interface BlogPlaceholderProps {
+interface ContentPlaceholderProps {
     count?: number;
     className?: string;
 }
-declare function BlogPlaceholder({ count, className }: BlogPlaceholderProps): react_jsx_runtime.JSX.Element;
+declare function ContentPlaceholder({ count, className }: ContentPlaceholderProps): react_jsx_runtime.JSX.Element;
 
-declare function useBlogs(blogsMeta: BlogMeta[]): {
-    metadata: BlogMeta[];
+declare function useContent(allContentMeta: ContentMeta[]): {
+    metadata: ContentMeta[];
     searchTerm: string;
     setSearchTerm: react.Dispatch<react.SetStateAction<string>>;
     selectedCategory: string | null;
@@ -96,7 +96,7 @@ declare function useBlogs(blogsMeta: BlogMeta[]): {
     categories: string[];
 };
 
-declare function filterBlogs(blogs: BlogMeta[], searchTerm?: string, selectedCategory?: string | null): BlogMeta[];
-declare function getAvailableCategories(blogs: BlogMeta[]): string[];
+declare function filterContent(items: ContentMeta[], searchTerm?: string, selectedCategory?: string | null): ContentMeta[];
+declare function getAvailableCategories(items: ContentMeta[]): string[];
 
-export { type Blog, BlogCard, type BlogCardProps, type BlogConfig, BlogList, type BlogListProps, type BlogMeta, BlogPlaceholder, type BlogPlaceholderProps, BlogRenderer, type BlogRendererProps, Filter, type FilterProps, filterBlogs, getAvailableCategories, useBlogs };
+export { type Content, ContentCard, type ContentCardProps, type ContentConfig, ContentList, type ContentListProps, type ContentMeta, ContentPlaceholder, type ContentPlaceholderProps, ContentRenderer, type ContentRendererProps, Filter, type FilterProps, filterContent, getAvailableCategories, useContent };

package/dist/index.js

@@ -1,4 +1,4 @@
-// src/components/BlogRenderer.tsx
+// src/components/ContentRenderer.tsx
 import "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -38,7 +38,7 @@ function Badge({ children, className }) {
   );
 }
 
-// src/components/BlogRenderer.tsx
+// src/components/ContentRenderer.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var defaultComponents = {
   h1: (props) => /* @__PURE__ */ jsx2(
@@ -166,8 +166,8 @@ var defaultComponents = {
   td: (props) => /* @__PURE__ */ jsx2("td", { className: "bk:px-4 bk:py-3 bk:text-gray-700 bk:dark:text-gray-300", ...props }),
   input: (props) => /* @__PURE__ */ jsx2("input", { type: "checkbox", disabled: true, className: "bk:mr-2 bk:accent-blue-600", ...props })
 };
-function BlogRenderer({
-  content,
+function ContentRenderer({
+  body,
   metadata,
   className = "",
   components,
@@ -195,16 +195,16 @@ function BlogRenderer({
         remarkPlugins: [remarkGfm],
         rehypePlugins: [rehypeRaw, rehypePrismPlus, rehypeSlugCustomId],
         components: mergedComponents,
-        children: content
+        children: body
       }
     ) })
   ] });
 }
 
-// src/components/BlogCard.tsx
+// src/components/ContentCard.tsx
 import "react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function BlogCard({
+function ContentCard({
   metadata,
   basePath = "/blog",
   renderLink,
@@ -247,17 +247,17 @@ function BlogCard({
   );
 }
 
-// src/components/BlogList.tsx
+// src/components/ContentList.tsx
 import "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function BlogList({
+function ContentList({
   metadata,
   title,
   description,
   basePath = "/blog",
   renderLink,
   className = "",
-  emptyMessage = "No blog posts found.",
+  emptyMessage = "No content found.",
   cardProps,
   classNames = {}
 }) {
@@ -283,7 +283,7 @@ function BlogList({
         children: emptyMessage
       }
     ) : /* @__PURE__ */ jsx4("div", { className: `bk:flex bk:flex-col bk:gap-6 ${className}`, children: metadata.map((meta) => /* @__PURE__ */ jsx4(
-      BlogCard,
+      ContentCard,
       {
         metadata: meta,
         basePath,
@@ -304,9 +304,9 @@ function Filter({
   selectedCategory,
   setSelectedCategory,
   categories,
-  postsCount,
+  contentCount,
   className = "",
-  placeholder = "Search blogs...",
+  placeholder = "Search content...",
   classNames = {}
 }) {
   const pillBase = `bk:px-2.5 bk:py-1 bk:cursor-pointer bk:rounded-md bk:text-xs bk:font-medium bk:transition-colors ${classNames.pill ?? ""}`;
@@ -336,7 +336,7 @@ function Filter({
         /* @__PURE__ */ jsx5(
           "input",
           {
-            id: "blog-search",
+            id: "content-search",
             type: "search",
             value: searchTerm,
             onChange: (e) => setSearchTerm(e.target.value),
@@ -371,14 +371,14 @@ function Filter({
         }
       )
     ] }),
-    postsCount !== void 0 && /* @__PURE__ */ jsxs4(
+    contentCount !== void 0 && /* @__PURE__ */ jsxs4(
       "p",
       {
-        className: `bk:text-[10px] bk:uppercase bk:tracking-wider bk:text-gray-400 bk:dark:text-gray-500 ${classNames.postsCount ?? ""}`,
+        className: `bk:text-[10px] bk:uppercase bk:tracking-wider bk:text-gray-400 bk:dark:text-gray-500 ${classNames.contentCount ?? ""}`,
         children: [
-          postsCount,
+          contentCount,
           " ",
-          postsCount === 1 ? "post" : "posts",
+          contentCount === 1 ? "item" : "items",
           " found"
         ]
       }
@@ -386,9 +386,9 @@ function Filter({
   ] });
 }
 
-// src/components/BlogPlaceholder.tsx
+// src/components/ContentPlaceholder.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function BlogPlaceholder({ count = 3, className = "" }) {
+function ContentPlaceholder({ count = 3, className = "" }) {
   return /* @__PURE__ */ jsx6("div", { className: `${className}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxs5(
     "div",
     {
@@ -403,7 +403,7 @@ function BlogPlaceholder({ count = 3, className = "" }) {
   )) });
 }
 
-// src/hooks/useBlogs.ts
+// src/hooks/useContent.ts
 import { useState as useState2, useMemo } from "react";
 
 // src/hooks/useDebounce.ts
@@ -422,37 +422,37 @@ function useDebounce(value, delay) {
 }
 
 // src/utils/filter-utils.ts
-function filterBlogs(blogs, searchTerm = "", selectedCategory = null) {
-  let filtered = blogs;
+function filterContent(items, searchTerm = "", selectedCategory = null) {
+  let filtered = items;
   if (searchTerm) {
     const lowerSearch = searchTerm.toLowerCase();
     filtered = filtered.filter(
-      (blog) => (blog.title?.toLowerCase() || "").includes(lowerSearch) || (blog.description?.toLowerCase() || "").includes(lowerSearch)
+      (item) => (item.title?.toLowerCase() || "").includes(lowerSearch) || (item.description?.toLowerCase() || "").includes(lowerSearch)
     );
   }
   if (selectedCategory) {
-    filtered = filtered.filter((blog) => {
-      const categories = blog.categories ?? [];
+    filtered = filtered.filter((item) => {
+      const categories = item.categories ?? [];
       return categories.includes(selectedCategory);
     });
   }
   return filtered;
 }
-function getAvailableCategories(blogs) {
-  return Array.from(new Set(blogs.flatMap((blog) => blog.categories ?? [])));
+function getAvailableCategories(items) {
+  return Array.from(new Set(items.flatMap((item) => item.categories ?? [])));
 }
 
-// src/hooks/useBlogs.ts
-function useBlogs(blogsMeta) {
+// src/hooks/useContent.ts
+function useContent(allContentMeta) {
   const [searchTerm, setSearchTerm] = useState2("");
   const [selectedCategory, setSelectedCategory] = useState2(null);
   const debouncedSearchTerm = useDebounce(searchTerm, 500);
   const metadata = useMemo(() => {
-    return filterBlogs(blogsMeta, debouncedSearchTerm, selectedCategory);
-  }, [blogsMeta, debouncedSearchTerm, selectedCategory]);
+    return filterContent(allContentMeta, debouncedSearchTerm, selectedCategory);
+  }, [allContentMeta, debouncedSearchTerm, selectedCategory]);
   const categories = useMemo(() => {
-    return getAvailableCategories(blogsMeta);
-  }, [blogsMeta]);
+    return getAvailableCategories(allContentMeta);
+  }, [allContentMeta]);
   return {
     metadata,
     searchTerm,
@@ -463,12 +463,12 @@ function useBlogs(blogsMeta) {
   };
 }
 export {
-  BlogCard,
-  BlogList,
-  BlogPlaceholder,
-  BlogRenderer,
+  ContentCard,
+  ContentList,
+  ContentPlaceholder,
+  ContentRenderer,
   Filter,
-  filterBlogs,
+  filterContent,
   getAvailableCategories,
-  useBlogs
+  useContent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haroonwaves/blog-kit-react",
-  "version": "1.4.0",
+  "version": "2.0.0",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",