singularity-components 0.1.151 → 0.1.193

package/dist/components/blocks/post-list/post-list-with-filters.js

@@ -0,0 +1,439 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import BlogPostCard from "../cards/blogpost-card.js";
+import EmptyState from "../empty-state/EmptyState.js";
+import { Input } from "../../primitives/forms/input.js";
+import { Button } from "../../primitives/buttons/button.js";
+import { Badge } from "../../primitives/badge/badge.js";
+import { Link } from "../../primitives/link/link.js";
+import { Icon } from "../../primitives/icon/icon.js";
+import {
+  Heading,
+  IconButton,
+  Text,
+  TextSpan,
+  TextTime,
+  UiImage
+} from "../../primitives/index.js";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../primitives/forms/select.js";
+import { FilterControls } from "./post-filters.js";
+import { cn } from "../../../utils/index.js";
+const PAGE_SIZE = 6;
+function PostListWithFilters({
+  posts: sourcePosts,
+  hideSearch = false,
+  hideAuthorFilter = false,
+  filterMode = "sidebar",
+  defaultLoadMode = "load-more"
+}) {
+  const [query, setQuery] = useState("");
+  const [selectedCategories, setSelectedCategories] = useState([]);
+  const [selectedAuthors, setSelectedAuthors] = useState([]);
+  const [sortBy, setSortBy] = useState("newest");
+  const [loadMode, setLoadMode] = useState(defaultLoadMode);
+  const [viewMode, setViewMode] = useState("grid");
+  const [currentPage, setCurrentPage] = useState(1);
+  const [loadMoreCount, setLoadMoreCount] = useState(PAGE_SIZE);
+  const [isFiltersOpen, setIsFiltersOpen] = useState(false);
+  const allCategories = useMemo(
+    () => Array.from(new Set(sourcePosts.flatMap((p) => p.categories))).sort(),
+    [sourcePosts]
+  );
+  const allAuthors = useMemo(
+    () => Array.from(new Set(sourcePosts.map((p) => p.author))).sort(),
+    [sourcePosts]
+  );
+  const resetPaging = () => {
+    setCurrentPage(1);
+    setLoadMoreCount(PAGE_SIZE);
+  };
+  const toggleCategory = (cat) => {
+    setSelectedCategories(
+      (prev) => prev.includes(cat) ? prev.filter((c) => c !== cat) : [...prev, cat]
+    );
+    resetPaging();
+  };
+  const toggleAuthor = (author) => {
+    setSelectedAuthors(
+      (prev) => prev.includes(author) ? prev.filter((a) => a !== author) : [...prev, author]
+    );
+    resetPaging();
+  };
+  const clearFilters = () => {
+    setSelectedCategories([]);
+    setSelectedAuthors([]);
+    setQuery("");
+    resetPaging();
+  };
+  const activeCount = selectedCategories.length + selectedAuthors.length;
+  const filtered = useMemo(() => {
+    let result = [...sourcePosts];
+    if (selectedCategories.length > 0) {
+      result = result.filter(
+        (p) => selectedCategories.some((cat) => p.categories?.includes(cat))
+      );
+    }
+    if (selectedAuthors.length > 0) {
+      result = result.filter(
+        (p) => p.author && selectedAuthors.includes(p.author)
+      );
+    }
+    if (query.trim()) {
+      const q = query.toLowerCase();
+      result = result.filter(
+        (p) => p.title.toLowerCase().includes(q) || p.excerpt.toLowerCase().includes(q) || p.author.toLowerCase().includes(q) || p.categories?.some((c) => c.toLowerCase().includes(q))
+      );
+    }
+    result.sort((a, b) => {
+      switch (sortBy) {
+        case "newest":
+          return new Date(b.date).getTime() - new Date(a.date).getTime();
+        case "oldest":
+          return new Date(a.date).getTime() - new Date(b.date).getTime();
+        case "a-z":
+          return a.title.localeCompare(b.title);
+        case "z-a":
+          return b.title.localeCompare(a.title);
+        default:
+          return 0;
+      }
+    });
+    return result;
+  }, [query, selectedCategories, selectedAuthors, sortBy, sourcePosts]);
+  const totalPages = Math.ceil(filtered.length / PAGE_SIZE);
+  const displayed = loadMode === "pagination" ? filtered.slice((currentPage - 1) * PAGE_SIZE, currentPage * PAGE_SIZE) : filtered.slice(0, loadMoreCount);
+  const hasMore = loadMode === "load-more" && loadMoreCount < filtered.length;
+  const filterProps = {
+    categories: allCategories,
+    authors: allAuthors,
+    selectedCategories,
+    selectedAuthors,
+    toggleCategory,
+    toggleAuthor,
+    clearFilters,
+    activeCount,
+    sortBy,
+    setSortBy,
+    hideAuthorFilter
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "sg:w-full", children: [
+    !hideSearch && /* @__PURE__ */ jsxs("div", { className: "sg:relative sg:mb-8 sg:max-w-lg", children: [
+      /* @__PURE__ */ jsx("div", { className: "sg:absolute sg:left-3 sg:top-1/2 sg:-translate-y-1/2 sg:pointer-events-none", children: /* @__PURE__ */ jsx(Icon, { icon: "Search", size: "xs", color: "muted-foreground" }) }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search posts...",
+          value: query,
+          onChange: (e) => {
+            setQuery(e.target.value);
+            resetPaging();
+          },
+          className: "sg:pl-9"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:flex-wrap sg:items-center sg:gap-3 sg:mb-6", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: cn(
+            "sg:relative",
+            filterMode === "sidebar" && "sg:md:hidden"
+          ),
+          onClick: () => setIsFiltersOpen(!isFiltersOpen),
+          iconStart: "ListFilter",
+          children: [
+            "Filters",
+            activeCount > 0 && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+              TextSpan,
+              {
+                size: "xs",
+                foreground: "primary-foreground",
+                className: "sg:absolute sg:-top-1.5 sg:-right-1.5 sg:h-4 sg:w-4 sg:rounded-full sg:bg-primary sg:flex sg:items-center sg:justify-center",
+                children: activeCount
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "sg:flex-1" }),
+      /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:gap-1 sg:bg-muted/50 sg:p-1 sg:rounded-lg sg:border", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: viewMode === "grid" ? "secondary" : "ghost",
+            size: "sm",
+            onClick: () => setViewMode("grid"),
+            "aria-label": "Grid view",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "LayoutGrid", size: "xs" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: viewMode === "list" ? "secondary" : "ghost",
+            size: "sm",
+            onClick: () => setViewMode("list"),
+            "aria-label": "List view",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "List", size: "xs" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isFiltersOpen && /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { height: 0, opacity: 0 },
+        animate: { height: "auto", opacity: 1 },
+        exit: { height: 0, opacity: 0 },
+        className: "sg:overflow-hidden sg:border sg:rounded-xl sg:p-6 sg:bg-card sg:mb-8 sg:shadow-sm",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:justify-between sg:items-center sg:mb-6", children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "h4", children: "Filters" }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                variant: "ghost",
+                icon: "X",
+                size: "sm",
+                "aria-label": "Close filters",
+                onClick: () => setIsFiltersOpen(false)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(FilterControls, { ...filterProps })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:gap-8", children: [
+      filterMode === "sidebar" && /* @__PURE__ */ jsx("aside", { className: "sg:hidden sg:md:block sg:w-64 sg:shrink-0", children: /* @__PURE__ */ jsx("div", { className: "sg:sticky sg:top-24 sg:space-y-8", children: /* @__PURE__ */ jsx(FilterControls, { ...filterProps }) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "sg:flex-1 sg:min-w-0", children: [
+        activeCount > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "sg:flex sg:flex-wrap sg:items-center sg:gap-2 sg:mb-6",
+              filterMode === "sidebar" && "sg:md:hidden"
+            ),
+            children: [
+              selectedCategories.map((cat) => /* @__PURE__ */ jsxs(
+                Badge,
+                {
+                  variant: "default",
+                  className: "sg:cursor-pointer sg:pr-1",
+                  onClick: () => toggleCategory(cat),
+                  children: [
+                    cat,
+                    " ",
+                    /* @__PURE__ */ jsx(Icon, { icon: "X", size: "xs", className: "sg:ml-1" })
+                  ]
+                },
+                cat
+              )),
+              !hideAuthorFilter && selectedAuthors.map((author) => /* @__PURE__ */ jsxs(
+                Badge,
+                {
+                  variant: "default",
+                  className: "sg:cursor-pointer sg:pr-1",
+                  onClick: () => toggleAuthor(author),
+                  children: [
+                    author,
+                    " ",
+                    /* @__PURE__ */ jsx(Icon, { icon: "X", size: "xs", className: "sg:ml-1" })
+                  ]
+                },
+                author
+              ))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:flex-wrap sg:gap-2 sg:items-center sg:justify-between sg:mb-6", children: [
+          /* @__PURE__ */ jsxs(Text, { size: "sm", foreground: "muted-foreground", children: [
+            "Showing ",
+            /* @__PURE__ */ jsx(TextSpan, { fontweight: "medium", children: filtered.length }),
+            " ",
+            "result",
+            filtered.length !== 1 ? "s" : ""
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-2 sg:flex-wrap", children: [
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                id: "loadmode_dropdown",
+                size: "xs",
+                foreground: "muted-foreground",
+                children: "Load mode:"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: loadMode,
+                onValueChange: (v) => setLoadMode(v),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    SelectTrigger,
+                    {
+                      className: "sg:h-8 sg:w-32 sg:text-[12px]",
+                      "aria-labelledby": "loadmode_dropdown",
+                      children: /* @__PURE__ */ jsx(SelectValue, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsx(SelectItem, { value: "load-more", children: "Load more" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "pagination", children: "Pagination" })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        filtered.length === 0 ? /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            icon: "Search",
+            title: "No posts found",
+            description: query.trim() ? `No results for "${query}". Try different keywords.` : "No posts match the selected filters.",
+            actionLabel: "Clear all filters",
+            onAction: clearFilters,
+            className: "sg:bg-muted/30 sg:rounded-2xl"
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0, y: 10 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: -10 },
+              transition: { duration: 0.2 },
+              className: viewMode === "grid" ? "sg:grid sg:grid-cols-[repeat(auto-fill,minmax(210px,1fr))] sg:gap-8" : "sg:flex sg:flex-col sg:gap-4",
+              children: displayed.map(
+                (post) => viewMode === "grid" ? /* @__PURE__ */ jsx(
+                  BlogPostCard,
+                  {
+                    id: post.id,
+                    image: post.primaryImage,
+                    categories: post.categories,
+                    date: post.date,
+                    title: post.title,
+                    excerpt: post.excerpt
+                  },
+                  post.id
+                ) : /* @__PURE__ */ jsxs(
+                  Link,
+                  {
+                    to: `/posts/${post.id}`,
+                    variant: "no-decoration",
+                    className: "sg:group sg:flex sg:gap-5 sg:rounded-xl sg:border sg:bg-card sg:p-4 sg:hover:shadow-lg sg:hover:border-primary/20 sg:transition-all",
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "sg:w-32 sg:h-32 sg:rounded-lg sg:overflow-hidden sg:shrink-0", children: /* @__PURE__ */ jsx(
+                        UiImage,
+                        {
+                          src: post.primaryImage,
+                          alt: post.title,
+                          className: "sg:w-full sg:h-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-110",
+                          loading: "lazy"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxs("div", { className: "sg:min-w-0 sg:flex sg:flex-col sg:justify-center", children: [
+                        /* @__PURE__ */ jsx(
+                          Heading,
+                          {
+                            variant: "h6",
+                            as: "h5",
+                            className: "sg:group-hover:text-primary sg:transition-colors sg:line-clamp-1",
+                            children: post.title
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            size: "sm",
+                            foreground: "muted-foreground",
+                            className: "sg:line-clamp-2 sg:mt-1.5",
+                            children: post.excerpt
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-3 sg:mt-3 ", children: [
+                          /* @__PURE__ */ jsx(TextSpan, { size: "xs", foreground: "muted-foreground", children: post.author }),
+                          /* @__PURE__ */ jsx("span", { className: "sg:h-1 sg:w-1 sg:rounded-full sg:bg-border" }),
+                          /* @__PURE__ */ jsx(TextTime, { size: "xs", foreground: "muted-foreground", children: new Date(post.date).toLocaleDateString(
+                            void 0,
+                            {
+                              month: "short",
+                              day: "numeric",
+                              year: "numeric"
+                            }
+                          ) })
+                        ] })
+                      ] })
+                    ]
+                  },
+                  post.id
+                )
+              )
+            },
+            `${displayed.map((p) => p.id).join(",")}-${viewMode}`
+          ) }),
+          loadMode === "load-more" && hasMore && /* @__PURE__ */ jsx("div", { className: "sg:mt-12 sg:text-center", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "lg",
+              onClick: () => setLoadMoreCount((c) => c + PAGE_SIZE),
+              children: "Load more stories"
+            }
+          ) }),
+          loadMode === "pagination" && totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "sg:mt-12 sg:flex sg:items-center sg:justify-center sg:gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                disabled: currentPage <= 1,
+                onClick: () => setCurrentPage((p) => p - 1),
+                children: "Previous"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "sg:flex sg:gap-1.5", children: Array.from({ length: totalPages }, (_, i) => i + 1).map(
+              (page) => /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: page === currentPage ? "default" : "ghost",
+                  size: "sm",
+                  onClick: () => setCurrentPage(page),
+                  children: page
+                },
+                page
+              )
+            ) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                disabled: currentPage >= totalPages,
+                onClick: () => setCurrentPage((p) => p + 1),
+                children: "Next"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  PostListWithFilters
+};
+//# sourceMappingURL=post-list-with-filters.js.map

package/dist/components/blocks/post-list/post-list-with-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blocks/post-list/post-list-with-filters.tsx"],"sourcesContent":["\"use client\";\nimport { useState, useMemo } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport type { BlogPost } from \"../../../data/posts\";\nimport BlogPostCard from \"../cards/blogpost-card\";\nimport EmptyState from \"../empty-state/EmptyState\";\nimport { Input } from \"../../primitives/forms/input\";\nimport { Button } from \"../../primitives/buttons/button\";\nimport { Badge } from \"../../primitives/badge/badge\";\nimport { Link } from \"../../primitives/link/link\";\nimport { Icon } from \"../../primitives/icon/icon\";\nimport {\n  Heading,\n  IconButton,\n  Text,\n  TextSpan,\n  TextTime,\n  UiImage,\n} from \"../../primitives/index\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../primitives/forms/select\";\nimport { FilterControls } from \"./post-filters\";\nimport { cn } from \"../../../utils/index\";\n\nconst PAGE_SIZE = 6;\n\ntype SortOption = \"newest\" | \"oldest\" | \"a-z\" | \"z-a\";\ntype ViewMode = \"grid\" | \"list\";\ntype LoadMode = \"pagination\" | \"load-more\";\n\ntype FilterMode = \"sidebar\" | \"drawer\";\n\ninterface PostListWithFiltersProps {\n  posts: BlogPost[];\n  /** Hide the search bar */\n  hideSearch?: boolean;\n  /** Hide the author filter badges */\n  hideAuthorFilter?: boolean;\n  /** \"sidebar\" = inline on desktop, sheet on mobile (default). \"drawer\" = always behind a button/sheet. */\n  filterMode?: FilterMode;\n  /** Default load mode. \"load-more\" (default) or \"pagination\". User can still toggle. */\n  defaultLoadMode?: LoadMode;\n}\n\nexport function PostListWithFilters({\n  posts: sourcePosts,\n  hideSearch = false,\n  hideAuthorFilter = false,\n  filterMode = \"sidebar\",\n  defaultLoadMode = \"load-more\",\n}: PostListWithFiltersProps) {\n  const [query, setQuery] = useState(\"\");\n  const [selectedCategories, setSelectedCategories] = useState<string[]>([]);\n  const [selectedAuthors, setSelectedAuthors] = useState<string[]>([]);\n  const [sortBy, setSortBy] = useState<SortOption>(\"newest\");\n  const [loadMode, setLoadMode] = useState<LoadMode>(defaultLoadMode);\n  const [viewMode, setViewMode] = useState<ViewMode>(\"grid\");\n  const [currentPage, setCurrentPage] = useState(1);\n  const [loadMoreCount, setLoadMoreCount] = useState(PAGE_SIZE);\n  const [isFiltersOpen, setIsFiltersOpen] = useState(false);\n\n  const allCategories = useMemo(\n    () => Array.from(new Set(sourcePosts.flatMap((p) => p.categories))).sort(),\n    [sourcePosts],\n  );\n  const allAuthors = useMemo(\n    () => Array.from(new Set(sourcePosts.map((p) => p.author))).sort(),\n    [sourcePosts],\n  );\n\n  const resetPaging = () => {\n    setCurrentPage(1);\n    setLoadMoreCount(PAGE_SIZE);\n  };\n\n  const toggleCategory = (cat: string) => {\n    setSelectedCategories((prev) =>\n      prev.includes(cat) ? prev.filter((c) => c !== cat) : [...prev, cat],\n    );\n    resetPaging();\n  };\n\n  const toggleAuthor = (author: string) => {\n    setSelectedAuthors((prev) =>\n      prev.includes(author)\n        ? prev.filter((a) => a !== author)\n        : [...prev, author],\n    );\n    resetPaging();\n  };\n\n  const clearFilters = () => {\n    setSelectedCategories([]);\n    setSelectedAuthors([]);\n    setQuery(\"\");\n    resetPaging();\n  };\n\n  const activeCount = selectedCategories.length + selectedAuthors.length;\n\n  const filtered = useMemo(() => {\n    let result = [...sourcePosts];\n\n    if (selectedCategories.length > 0) {\n      result = result.filter((p) =>\n        selectedCategories.some((cat) => p.categories?.includes(cat)),\n      );\n    }\n    if (selectedAuthors.length > 0) {\n      result = result.filter(\n        (p) => p.author && selectedAuthors.includes(p.author),\n      );\n    }\n    if (query.trim()) {\n      const q = query.toLowerCase();\n      result = result.filter(\n        (p) =>\n          p.title.toLowerCase().includes(q) ||\n          p.excerpt.toLowerCase().includes(q) ||\n          p.author.toLowerCase().includes(q) ||\n          p.categories?.some((c) => c.toLowerCase().includes(q)),\n      );\n    }\n\n    result.sort((a, b) => {\n      switch (sortBy) {\n        case \"newest\":\n          return new Date(b.date).getTime() - new Date(a.date).getTime();\n        case \"oldest\":\n          return new Date(a.date).getTime() - new Date(b.date).getTime();\n        case \"a-z\":\n          return a.title.localeCompare(b.title);\n        case \"z-a\":\n          return b.title.localeCompare(a.title);\n        default:\n          return 0;\n      }\n    });\n\n    return result;\n  }, [query, selectedCategories, selectedAuthors, sortBy, sourcePosts]);\n\n  const totalPages = Math.ceil(filtered.length / PAGE_SIZE);\n  const displayed =\n    loadMode === \"pagination\"\n      ? filtered.slice((currentPage - 1) * PAGE_SIZE, currentPage * PAGE_SIZE)\n      : filtered.slice(0, loadMoreCount);\n  const hasMore = loadMode === \"load-more\" && loadMoreCount < filtered.length;\n\n  const filterProps = {\n    categories: allCategories,\n    authors: allAuthors,\n    selectedCategories,\n    selectedAuthors,\n    toggleCategory,\n    toggleAuthor,\n    clearFilters,\n    activeCount,\n    sortBy,\n    setSortBy,\n    hideAuthorFilter,\n  };\n\n  return (\n    <div className=\"sg:w-full\">\n      {/* Search bar */}\n      {!hideSearch && (\n        <div className=\"sg:relative sg:mb-8 sg:max-w-lg\">\n          <div className=\"sg:absolute sg:left-3 sg:top-1/2 sg:-translate-y-1/2 sg:pointer-events-none\">\n            <Icon icon=\"Search\" size=\"xs\" color=\"muted-foreground\" />\n          </div>\n          <Input\n            placeholder=\"Search posts...\"\n            value={query}\n            onChange={(e) => {\n              setQuery(e.target.value);\n              resetPaging();\n            }}\n            className=\"sg:pl-9\"\n          />\n        </div>\n      )}\n\n      {/* Toolbar */}\n      <div className=\"sg:flex sg:flex-wrap sg:items-center sg:gap-3 sg:mb-6\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className={cn(\n            \"sg:relative\",\n            filterMode === \"sidebar\" && \"sg:md:hidden\",\n          )}\n          onClick={() => setIsFiltersOpen(!isFiltersOpen)}\n          iconStart=\"ListFilter\"\n        >\n          Filters\n          {activeCount > 0 && (\n            <>\n              <TextSpan\n                size=\"xs\"\n                foreground=\"primary-foreground\"\n                className=\"sg:absolute sg:-top-1.5 sg:-right-1.5 sg:h-4 sg:w-4 sg:rounded-full sg:bg-primary sg:flex sg:items-center sg:justify-center\"\n              >\n                {activeCount}\n              </TextSpan>\n            </>\n          )}\n        </Button>\n\n        <div className=\"sg:flex-1\" />\n\n        <div className=\"sg:flex sg:gap-1 sg:bg-muted/50 sg:p-1 sg:rounded-lg sg:border\">\n          <Button\n            variant={viewMode === \"grid\" ? \"secondary\" : \"ghost\"}\n            size=\"sm\"\n            onClick={() => setViewMode(\"grid\")}\n            aria-label=\"Grid view\"\n          >\n            <Icon icon=\"LayoutGrid\" size=\"xs\" />\n          </Button>\n          <Button\n            variant={viewMode === \"list\" ? \"secondary\" : \"ghost\"}\n            size=\"sm\"\n            onClick={() => setViewMode(\"list\")}\n            aria-label=\"List view\"\n          >\n            <Icon icon=\"List\" size=\"xs\" />\n          </Button>\n        </div>\n      </div>\n\n      {/* Mobile Filters Collapsible */}\n      <AnimatePresence>\n        {isFiltersOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: \"auto\", opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            className=\"sg:overflow-hidden sg:border sg:rounded-xl sg:p-6 sg:bg-card sg:mb-8 sg:shadow-sm\"\n          >\n            <div className=\"sg:flex sg:justify-between sg:items-center sg:mb-6\">\n              <Heading variant=\"h4\">Filters</Heading>\n              <IconButton\n                variant=\"ghost\"\n                icon=\"X\"\n                size=\"sm\"\n                aria-label=\"Close filters\"\n                onClick={() => setIsFiltersOpen(false)}\n              />\n            </div>\n            <FilterControls {...filterProps} />\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      <div className=\"sg:flex sg:gap-8\">\n        {/* Desktop sidebar filters */}\n        {filterMode === \"sidebar\" && (\n          <aside className=\"sg:hidden sg:md:block sg:w-64 sg:shrink-0\">\n            <div className=\"sg:sticky sg:top-24 sg:space-y-8\">\n              <FilterControls {...filterProps} />\n            </div>\n          </aside>\n        )}\n\n        {/* Results */}\n        <div className=\"sg:flex-1 sg:min-w-0\">\n          {activeCount > 0 && (\n            <div\n              className={cn(\n                \"sg:flex sg:flex-wrap sg:items-center sg:gap-2 sg:mb-6\",\n                filterMode === \"sidebar\" && \"sg:md:hidden\",\n              )}\n            >\n              {selectedCategories.map((cat) => (\n                <Badge\n                  key={cat}\n                  variant=\"default\"\n                  className=\"sg:cursor-pointer sg:pr-1\"\n                  onClick={() => toggleCategory(cat)}\n                >\n                  {cat} <Icon icon=\"X\" size=\"xs\" className=\"sg:ml-1\" />\n                </Badge>\n              ))}\n              {!hideAuthorFilter &&\n                selectedAuthors.map((author) => (\n                  <Badge\n                    key={author}\n                    variant=\"default\"\n                    className=\"sg:cursor-pointer sg:pr-1\"\n                    onClick={() => toggleAuthor(author)}\n                  >\n                    {author} <Icon icon=\"X\" size=\"xs\" className=\"sg:ml-1\" />\n                  </Badge>\n                ))}\n            </div>\n          )}\n\n          <div className=\"sg:flex sg:flex-wrap sg:gap-2 sg:items-center sg:justify-between sg:mb-6\">\n            <Text size=\"sm\" foreground=\"muted-foreground\">\n              Showing <TextSpan fontweight=\"medium\">{filtered.length}</TextSpan>{\" \"}\n              result{filtered.length !== 1 ? \"s\" : \"\"}\n            </Text>\n            <div className=\"sg:flex sg:items-center sg:gap-2 sg:flex-wrap\">\n              <Text\n                id=\"loadmode_dropdown\"\n                size=\"xs\"\n                foreground=\"muted-foreground\"\n              >\n                Load mode:\n              </Text>\n              <Select\n                value={loadMode}\n                onValueChange={(v) => setLoadMode(v as LoadMode)}\n              >\n                <SelectTrigger\n                  className=\"sg:h-8 sg:w-32 sg:text-[12px]\"\n                  aria-labelledby=\"loadmode_dropdown\"\n                >\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"load-more\">Load more</SelectItem>\n                  <SelectItem value=\"pagination\">Pagination</SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n\n          {filtered.length === 0 ? (\n            <EmptyState\n              icon=\"Search\"\n              title=\"No posts found\"\n              description={\n                query.trim()\n                  ? `No results for \"${query}\". Try different keywords.`\n                  : \"No posts match the selected filters.\"\n              }\n              actionLabel=\"Clear all filters\"\n              onAction={clearFilters}\n              className=\"sg:bg-muted/30 sg:rounded-2xl\"\n            />\n          ) : (\n            <>\n              <AnimatePresence mode=\"wait\">\n                <motion.div\n                  key={`${displayed.map((p) => p.id).join(\",\")}-${viewMode}`}\n                  initial={{ opacity: 0, y: 10 }}\n                  animate={{ opacity: 1, y: 0 }}\n                  exit={{ opacity: 0, y: -10 }}\n                  transition={{ duration: 0.2 }}\n                  className={\n                    viewMode === \"grid\"\n                      ? \"sg:grid sg:grid-cols-[repeat(auto-fill,minmax(210px,1fr))] sg:gap-8\"\n                      : \"sg:flex sg:flex-col sg:gap-4\"\n                  }\n                >\n                  {displayed.map((post) =>\n                    viewMode === \"grid\" ? (\n                      <BlogPostCard\n                        key={post.id}\n                        id={post.id}\n                        image={post.primaryImage}\n                        categories={post.categories}\n                        date={post.date}\n                        title={post.title}\n                        excerpt={post.excerpt}\n                      />\n                    ) : (\n                      <Link\n                        key={post.id}\n                        to={`/posts/${post.id}`}\n                        variant=\"no-decoration\"\n                        className=\"sg:group sg:flex sg:gap-5 sg:rounded-xl sg:border sg:bg-card sg:p-4 sg:hover:shadow-lg sg:hover:border-primary/20 sg:transition-all\"\n                      >\n                        <div className=\"sg:w-32 sg:h-32 sg:rounded-lg sg:overflow-hidden sg:shrink-0\">\n                          <UiImage\n                            src={post.primaryImage}\n                            alt={post.title}\n                            className=\"sg:w-full sg:h-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-110\"\n                            loading=\"lazy\"\n                          />\n                        </div>\n                        <div className=\"sg:min-w-0 sg:flex sg:flex-col sg:justify-center\">\n                          <Heading\n                            variant=\"h6\"\n                            as=\"h5\"\n                            className=\"sg:group-hover:text-primary sg:transition-colors sg:line-clamp-1\"\n                          >\n                            {post.title}\n                          </Heading>\n                          <Text\n                            size=\"sm\"\n                            foreground=\"muted-foreground\"\n                            className=\"sg:line-clamp-2 sg:mt-1.5\"\n                          >\n                            {post.excerpt}\n                          </Text>\n                          <div className=\"sg:flex sg:items-center sg:gap-3 sg:mt-3 \">\n                            <TextSpan size=\"xs\" foreground=\"muted-foreground\">\n                              {post.author}\n                            </TextSpan>\n                            <span className=\"sg:h-1 sg:w-1 sg:rounded-full sg:bg-border\" />\n                            <TextTime size=\"xs\" foreground=\"muted-foreground\">\n                              {new Date(post.date).toLocaleDateString(\n                                undefined,\n                                {\n                                  month: \"short\",\n                                  day: \"numeric\",\n                                  year: \"numeric\",\n                                },\n                              )}\n                            </TextTime>\n                          </div>\n                        </div>\n                      </Link>\n                    ),\n                  )}\n                </motion.div>\n              </AnimatePresence>\n\n              {loadMode === \"load-more\" && hasMore && (\n                <div className=\"sg:mt-12 sg:text-center\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"lg\"\n                    onClick={() => setLoadMoreCount((c) => c + PAGE_SIZE)}\n                  >\n                    Load more stories\n                  </Button>\n                </div>\n              )}\n\n              {loadMode === \"pagination\" && totalPages > 1 && (\n                <div className=\"sg:mt-12 sg:flex sg:items-center sg:justify-center sg:gap-2\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    disabled={currentPage <= 1}\n                    onClick={() => setCurrentPage((p) => p - 1)}\n                  >\n                    Previous\n                  </Button>\n                  <div className=\"sg:flex sg:gap-1.5\">\n                    {Array.from({ length: totalPages }, (_, i) => i + 1).map(\n                      (page) => (\n                        <Button\n                          key={page}\n                          variant={page === currentPage ? \"default\" : \"ghost\"}\n                          size=\"sm\"\n                          onClick={() => setCurrentPage(page)}\n                        >\n                          {page}\n                        </Button>\n                      ),\n                    )}\n                  </div>\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    disabled={currentPage >= totalPages}\n                    onClick={() => setCurrentPage((p) => p + 1)}\n                  >\n                    Next\n                  </Button>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/index.d.ts

@@ -1,38 +1,68 @@
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './blocks/cards/card.js';
+export { PostListWithFilters } from './blocks/post-list/post-list-with-filters.js';
+export { AdminPage, AdminPageProps } from './pages/admin/admin-page.js';
+export { BlogPost } from './pages/blogpost/blogpost.js';
+export { CategoryPage } from './pages/category/category-page.js';
+export { LoginPage } from './pages/login/login-page.js';
+export { MaintenancePage } from './pages/maintenance/maintenance-page.js';
+export { NotFound } from './pages/not-found/not-found.js';
+export { PrivacyPage } from './pages/privacy/privacy-page.js';
+export { SearchPage } from './pages/search/search-page.js';
+export { StartPage } from './pages/startpage/startpage.js';
+export { TermsPage } from './pages/terms/terms-page.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './primitives/accordion/accordion.js';
 export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants } from './primitives/alert/alert.js';
 export { Badge, badgeVariants, badgeVariantsProps } from './primitives/badge/badge.js';
 export { Badges, BadgesProps } from './primitives/badge/badges.js';
-export { Button, buttonVariants, buttonVariantsProps } from './primitives/button/button.js';
+export { Button, buttonVariants, buttonVariantsProps } from './primitives/buttons/button.js';
+export { IconButton, buttonIconVariants, iconButtonVariantsProps } from './primitives/buttons/icon-button.js';
+export { LinkButton } from './primitives/buttons/link-button.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './primitives/collapsible/collapsible.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './primitives/dropdown-menu/dropdown-menu.js';
+export { Checkbox } from './primitives/forms/checkbox.js';
+export { Input } from './primitives/forms/input.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './primitives/forms/select.js';
+export { Textarea } from './primitives/forms/textarea.js';
 export { Icon, iconVariants, iconVariantsProps } from './primitives/icon/icon.js';
+export { Label } from './primitives/label/label.js';
 export { Layout, LayoutProps, layoutVariants, layoutVariantsProps } from './primitives/layout/layout.js';
 export { Link, linkVariants } from './primitives/link/link.js';
-export { LinkButton } from './primitives/link/link-button.js';
 export { Separator } from './primitives/separator/separator.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './primitives/sheet/sheet.js';
 export { Skeleton } from './primitives/skeleton/skeleton.js';
+export { Toaster } from './primitives/sonner/sonner.js';
 export { Spinner } from './primitives/spinner/spinner.js';
 export { Stack, StackProps, stackVariants } from './primitives/stack/stack.js';
+export { Heading, HeadingProps, headingVariants, headingVariantsProps } from './primitives/text/heading.js';
+export { TextCode, TextCodeProps, textCodeVariants, textCodeVariantsProps } from './primitives/text/text-code.js';
 export { TextDiv } from './primitives/text/text-div.js';
-export { TextHeading, TextHeadingProps, textHeadingVariants, textHeadingVariantsProps } from './primitives/text/text-heading.js';
-export { TextParagraph, textParagraphVariants, textParagraphVariantsProps } from './primitives/text/text-paragraph.js';
 export { TextSpan } from './primitives/text/text-span.js';
 export { TextTime } from './primitives/text/text-time.js';
-export { UiImage } from './primitives/ui-image.js';
-export { UiLink } from './primitives/ui-link.js';
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './blocks/cards/card.js';
-export { Body } from './sections/body/body.js';
-export { BlogPost } from './templates/blogpost/blogpost.js';
-export { StartPage } from './templates/startpage/startpage.js';
+export { Text, textVariants, textVariantsProps } from './primitives/text/text.js';
+export { UiImage } from './primitives/ui-image/ui-image.js';
+export { UiLink } from './primitives/ui-link/ui-link.js';
 export { BaseImageProps, DefaultImage, ImageComponentType, ImageProvider, useImage } from './providers/ImageContext.js';
 export { BaseLinkProps, DefaultLink, LinkComponentType, LinkProvider, useLink } from './providers/LinkContext.js';
 export { SingularityProvider } from './providers/SingularityContext.js';
+export { AuthProvider, useAuth } from './providers/auth-provider.js';
+export { Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme } from './providers/theme-provider.js';
+export { Container } from './templates/container/container.js';
+export { Footer } from './templates/footer/footer.js';
+export { Header, HeaderProps, NavLink } from './templates/navigation/header.js';
+export { toast } from 'sonner';
 import 'react/jsx-runtime';
+import 'react';
+import '../data/posts.js';
 import '@base-ui/react/accordion';
 import 'class-variance-authority/types';
-import 'react';
 import 'class-variance-authority';
 import '@base-ui/react/use-render';
 import '@base-ui/react/button';
 import 'lucide-react';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dropdown-menu';
+import '@base-ui/react';
 import '@base-ui/react/separator';
-import '../lib/types.js';
+import '@radix-ui/react-dialog';
 import './primitives/text/internal/text-element.js';
+import '../lib/types.js';

package/dist/components/index.js

@@ -1,7 +1,6 @@
-export * from "./primitives";
-export * from "./units";
-export * from "./blocks";
-export * from "./sections";
-export * from "./templates";
-export * from "./providers";
+export * from "./blocks/index.js";
+export * from "./pages/index.js";
+export * from "./primitives/index.js";
+export * from "./providers/index.js";
+export * from "./templates/index.js";
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from \"./primitives\";\r\nexport * from \"./units\";\r\nexport * from \"./blocks\";\r\nexport * from \"./sections\";\r\nexport * from \"./templates\";\r\nexport * from \"./providers\";\r\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["/**\n * Components index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./blocks/index\";\nexport * from \"./pages/index\";\nexport * from \"./primitives/index\";\nexport * from \"./providers/index\";\nexport * from \"./templates/index\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/pages/admin/admin-page.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AdminPageProps {
+    initialEditId?: number;
+}
+declare function AdminPage({ initialEditId }: AdminPageProps): react_jsx_runtime.JSX.Element;
+
+export { AdminPage, type AdminPageProps };