singularity-components 0.1.195 → 0.1.197

package/dist/components/blocks/badges/category-badge.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+type Props = {
+    category: string;
+    clickable?: boolean;
+    className?: string;
+};
+/** Badge for post categories, optionally linking to a category page. */
+declare function CategoryBadge({ category, clickable, className, }: Props): React.JSX.Element;
+
+export { CategoryBadge as default };

package/dist/components/blocks/badges/category-badge.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { Badge } from "../../primitives/badge/badge.js";
+import { Link } from "../../primitives/link/link.js";
+import { cn } from "../../../utils/index.js";
+function CategoryBadge({
+  category,
+  clickable = false,
+  className
+}) {
+  if (clickable) {
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: `/category/${encodeURIComponent(category)}`,
+        variant: "no-decoration",
+        className: cn("sg:inline-flex", className),
+        onClick: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "secondary",
+            className: "sg:cursor-pointer sg:hover:bg-primary sg:hover:text-primary-foreground sg:transition-colors",
+            children: category
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Badge, { variant: "secondary", className, children: category });
+}
+export {
+  CategoryBadge as default
+};
+//# sourceMappingURL=category-badge.js.map

package/dist/components/blocks/badges/category-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blocks/badges/category-badge.tsx"],"sourcesContent":["import { Badge } from \"../../primitives/badge/badge\";\r\nimport { Link } from \"../../primitives/link/link\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\ntype Props = {\r\n\tcategory: string;\r\n\tclickable?: boolean;\r\n\tclassName?: string;\r\n};\r\n\r\n/** Badge for post categories, optionally linking to a category page. */\r\nexport default function CategoryBadge({\r\n\tcategory,\r\n\tclickable = false,\r\n\tclassName,\r\n}: Props) {\r\n\tif (clickable) {\r\n\t\treturn (\r\n\t\t\t<Link\r\n\t\t\t\tto={`/category/${encodeURIComponent(category)}`}\r\n\t\t\t\tvariant=\"no-decoration\"\r\n\t\t\t\tclassName={cn(\"sg:inline-flex\", className)}\r\n\t\t\t\tonClick={(e: React.MouseEvent) => e.stopPropagation()}\r\n\t\t\t>\r\n\t\t\t\t<Badge\r\n\t\t\t\t\tvariant=\"secondary\"\r\n\t\t\t\t\tclassName=\"sg:cursor-pointer sg:hover:bg-primary sg:hover:text-primary-foreground sg:transition-colors\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{category}\r\n\t\t\t\t</Badge>\r\n\t\t\t</Link>\r\n\t\t);\r\n\t}\r\n\r\n\treturn (\r\n\t\t<Badge variant=\"secondary\" className={className}>\r\n\t\t\t{category}\r\n\t\t</Badge>\r\n\t);\r\n}\r\n"],"mappings":"AAwBI;AAxBJ,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,UAAU;AASJ,SAAR,cAA+B;AAAA,EACrC;AAAA,EACA,YAAY;AAAA,EACZ;AACD,GAAU;AACT,MAAI,WAAW;AACd,WACC;AAAA,MAAC;AAAA;AAAA,QACA,IAAI,aAAa,mBAAmB,QAAQ,CAAC;AAAA,QAC7C,SAAQ;AAAA,QACR,WAAW,GAAG,kBAAkB,SAAS;AAAA,QACzC,SAAS,CAAC,MAAwB,EAAE,gBAAgB;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACA,SAAQ;AAAA,YACR,WAAU;AAAA,YAET;AAAA;AAAA,QACF;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,SACC,oBAAC,SAAM,SAAQ,aAAY,WACzB,oBACF;AAEF;","names":[]}

package/dist/components/blocks/cards/blogpost-card.d.ts

@@ -2,12 +2,14 @@ import * as React from 'react';
 
 interface Props {
     id: number;
+    slug?: string;
     image: string;
     categories: string[];
     date: string;
     title: string;
     excerpt: string;
+    clickableCategories?: boolean;
 }
-declare function BlogPostCard({ id, image, title, categories, date, excerpt, }: Props): React.JSX.Element;
+declare function BlogPostCard({ id, slug, image, title, categories, date, excerpt, clickableCategories, }: Props): React.JSX.Element;
 
 export { BlogPostCard as default };

package/dist/components/blocks/cards/blogpost-card.js

@@ -7,22 +7,25 @@ import {
   Text,
   TextSpan,
   Badges,
-  Badge,
   Icon,
   UiImage
 } from "../../primitives/index.js";
+import CategoryBadge from "../badges/category-badge.js";
 function BlogPostCard({
   id,
+  slug,
   image,
   title,
   categories,
   date,
-  excerpt
+  excerpt,
+  clickableCategories = false
 }) {
+  const postPath = slug ? `/posts/${slug}` : `/posts/${id}`;
   return /* @__PURE__ */ jsx(
     Link,
     {
-      to: `/posts/${id}`,
+      to: postPath,
       variant: "no-decoration",
       className: "sg:group sg:block sg:h-full",
       children: /* @__PURE__ */ jsxs(Card, { className: "sg:overflow-hidden sg:transition-shadow sg:hover:shadow-lg sg:h-full sg:flex sg:flex-col", children: [
@@ -35,8 +38,10 @@ function BlogPostCard({
             loading: "lazy"
           }
         ) }),
-        /* @__PURE__ */ jsxs(CardContent, { className: "sg:p-5 sg:flex sg:flex-col sg:grow", children: [
-          categories && categories.length > 0 && /* @__PURE__ */ jsx(Badges, { className: "sg:mb-2", children: categories.map((cat) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: cat }, cat)) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "sg:p-5 sg:flex sg:flex-col sg:grow sg:text-card-foreground", children: [
+          categories && categories.length > 0 && /* @__PURE__ */ jsx(Badges, { className: "sg:mb-2", children: categories.map(
+            (cat) => clickableCategories ? /* @__PURE__ */ jsx(CategoryBadge, { category: cat, clickable: true }, cat) : /* @__PURE__ */ jsx(CategoryBadge, { category: cat }, cat)
+          ) }),
           /* @__PURE__ */ jsx(TextTime, { size: "xs", foreground: "muted-foreground", children: date }),
           /* @__PURE__ */ jsx(
             Heading,

package/dist/components/blocks/cards/blogpost-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blocks/cards/blogpost-card.tsx"],"sourcesContent":["import { Card, CardContent } from \"./card\";\r\nimport { Link } from \"../../primitives/link/link\";\r\nimport {\r\n  TextTime,\r\n  Heading,\r\n  Text,\r\n  TextSpan,\r\n  Badges,\r\n  Badge,\r\n  Icon,\r\n  UiImage,\r\n} from \"../../primitives/index\";\r\n\r\ninterface Props {\r\n  id: number;\r\n  image: string;\r\n  categories: string[];\r\n  date: string;\r\n  title: string;\r\n  excerpt: string;\r\n}\r\n\r\nexport default function BlogPostCard({\r\n  id,\r\n  image,\r\n  title,\r\n  categories,\r\n  date,\r\n  excerpt,\r\n}: Props) {\r\n  return (\r\n    <Link\r\n      to={`/posts/${id}`}\r\n      variant=\"no-decoration\"\r\n      className=\"sg:group sg:block sg:h-full\"\r\n    >\r\n      <Card className=\"sg:overflow-hidden sg:transition-shadow sg:hover:shadow-lg sg:h-full sg:flex sg:flex-col\">\r\n        <div className=\"sg:aspect-16/10 sg:overflow-hidden\">\r\n          <UiImage\r\n            src={image}\r\n            alt={title}\r\n            className=\"sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-300 sg:group-hover:scale-105\"\r\n            loading=\"lazy\"\r\n          />\r\n        </div>\r\n        <CardContent className=\"sg:p-5 sg:flex sg:flex-col sg:grow\">\r\n          {categories && categories.length > 0 && (\r\n            <Badges className=\"sg:mb-2\">\r\n              {categories.map((cat) => (\r\n                <Badge key={cat} variant=\"secondary\">\r\n                  {cat}\r\n                </Badge>\r\n              ))}\r\n            </Badges>\r\n          )}\r\n          <TextTime size=\"xs\" foreground=\"muted-foreground\">\r\n            {date}\r\n          </TextTime>\r\n          <Heading\r\n            variant=\"h6\"\r\n            as=\"h3\"\r\n            className=\"sg:mt-1 sg:group-hover:text-primary sg:transition-colors\"\r\n          >\r\n            {title}\r\n          </Heading>\r\n          <Text\r\n            size=\"sm\"\r\n            foreground=\"muted-foreground\"\r\n            className=\"sg:mt-2 sg:line-clamp-2\"\r\n          >\r\n            {excerpt}\r\n          </Text>\r\n          <TextSpan\r\n            size=\"sm\"\r\n            foreground=\"primary\"\r\n            className=\"sg:mt-auto sg:pt-3 sg:inline-flex sg:items-center sg:gap-1\"\r\n          >\r\n            Read more <Icon icon=\"ArrowRight\" size=\"xs\" />\r\n          </TextSpan>\r\n        </CardContent>\r\n      </Card>\r\n    </Link>\r\n  );\r\n}\r\n"],"mappings":"AAsCU,cAkCA,YAlCA;AAtCV,SAAS,MAAM,mBAAmB;AAClC,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWQ,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,UAAU,EAAE;AAAA,MAChB,SAAQ;AAAA,MACR,WAAU;AAAA,MAEV,+BAAC,QAAK,WAAU,4FACd;AAAA,4BAAC,SAAI,WAAU,sCACb;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAQ;AAAA;AAAA,QACV,GACF;AAAA,QACA,qBAAC,eAAY,WAAU,sCACpB;AAAA,wBAAc,WAAW,SAAS,KACjC,oBAAC,UAAO,WAAU,WACf,qBAAW,IAAI,CAAC,QACf,oBAAC,SAAgB,SAAQ,aACtB,iBADS,GAEZ,CACD,GACH;AAAA,UAEF,oBAAC,YAAS,MAAK,MAAK,YAAW,oBAC5B,gBACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,IAAG;AAAA,cACH,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAW;AAAA,cACX,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAW;AAAA,cACX,WAAU;AAAA,cACX;AAAA;AAAA,gBACW,oBAAC,QAAK,MAAK,cAAa,MAAK,MAAK;AAAA;AAAA;AAAA,UAC9C;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/blocks/cards/blogpost-card.tsx"],"sourcesContent":["import { Card, CardContent } from \"./card\";\r\nimport { Link } from \"../../primitives/link/link\";\r\nimport {\r\n  TextTime,\r\n  Heading,\r\n  Text,\r\n  TextSpan,\r\n  Badges,\r\n  Icon,\r\n  UiImage,\r\n} from \"../../primitives/index\";\r\nimport CategoryBadge from \"../badges/category-badge\";\r\n\r\ninterface Props {\r\n  id: number;\r\n  slug?: string;\r\n  image: string;\r\n  categories: string[];\r\n  date: string;\r\n  title: string;\r\n  excerpt: string;\r\n  clickableCategories?: boolean;\r\n}\r\n\r\nexport default function BlogPostCard({\r\n  id,\r\n  slug,\r\n  image,\r\n  title,\r\n  categories,\r\n  date,\r\n  excerpt,\r\n  clickableCategories = false,\r\n}: Props) {\r\n  const postPath = slug ? `/posts/${slug}` : `/posts/${id}`;\r\n\r\n  return (\r\n    <Link\r\n      to={postPath}\r\n      variant=\"no-decoration\"\r\n      className=\"sg:group sg:block sg:h-full\"\r\n    >\r\n      <Card className=\"sg:overflow-hidden sg:transition-shadow sg:hover:shadow-lg sg:h-full sg:flex sg:flex-col\">\r\n        <div className=\"sg:aspect-16/10 sg:overflow-hidden\">\r\n          <UiImage\r\n            src={image}\r\n            alt={title}\r\n            className=\"sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-300 sg:group-hover:scale-105\"\r\n            loading=\"lazy\"\r\n          />\r\n        </div>\r\n        <CardContent className=\"sg:p-5 sg:flex sg:flex-col sg:grow sg:text-card-foreground\">\r\n          {categories && categories.length > 0 && (\r\n            <Badges className=\"sg:mb-2\">\r\n              {categories.map((cat) =>\r\n                clickableCategories ? (\r\n                  <CategoryBadge key={cat} category={cat} clickable />\r\n                ) : (\r\n                  <CategoryBadge key={cat} category={cat} />\r\n                ),\r\n              )}\r\n            </Badges>\r\n          )}\r\n          <TextTime size=\"xs\" foreground=\"muted-foreground\">\r\n            {date}\r\n          </TextTime>\r\n          <Heading\r\n            variant=\"h6\"\r\n            as=\"h3\"\r\n            className=\"sg:mt-1 sg:group-hover:text-primary sg:transition-colors\"\r\n          >\r\n            {title}\r\n          </Heading>\r\n          <Text\r\n            size=\"sm\"\r\n            foreground=\"muted-foreground\"\r\n            className=\"sg:mt-2 sg:line-clamp-2\"\r\n          >\r\n            {excerpt}\r\n          </Text>\r\n          <TextSpan\r\n            size=\"sm\"\r\n            foreground=\"primary\"\r\n            className=\"sg:mt-auto sg:pt-3 sg:inline-flex sg:items-center sg:gap-1\"\r\n          >\r\n            Read more <Icon icon=\"ArrowRight\" size=\"xs\" />\r\n          </TextSpan>\r\n        </CardContent>\r\n      </Card>\r\n    </Link>\r\n  );\r\n}\r\n"],"mappings":"AA4CU,cAoCA,YApCA;AA5CV,SAAS,MAAM,mBAAmB;AAClC,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,mBAAmB;AAaX,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AACxB,GAAU;AACR,QAAM,WAAW,OAAO,UAAU,IAAI,KAAK,UAAU,EAAE;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,SAAQ;AAAA,MACR,WAAU;AAAA,MAEV,+BAAC,QAAK,WAAU,4FACd;AAAA,4BAAC,SAAI,WAAU,sCACb;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAQ;AAAA;AAAA,QACV,GACF;AAAA,QACA,qBAAC,eAAY,WAAU,8DACpB;AAAA,wBAAc,WAAW,SAAS,KACjC,oBAAC,UAAO,WAAU,WACf,qBAAW;AAAA,YAAI,CAAC,QACf,sBACE,oBAAC,iBAAwB,UAAU,KAAK,WAAS,QAA7B,GAA8B,IAElD,oBAAC,iBAAwB,UAAU,OAAf,GAAoB;AAAA,UAE5C,GACF;AAAA,UAEF,oBAAC,YAAS,MAAK,MAAK,YAAW,oBAC5B,gBACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,IAAG;AAAA,cACH,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAW;AAAA,cACX,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAW;AAAA,cACX,WAAU;AAAA,cACX;AAAA;AAAA,gBACW,oBAAC,QAAK,MAAK,cAAa,MAAK,MAAK;AAAA;AAAA;AAAA,UAC9C;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/blocks/directory/author-card.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Author } from '../../../data/authors.js';
+
+type Props = {
+    author: Author;
+};
+/** Author list card linking to author profile page. */
+declare function AuthorCard({ author }: Props): React.JSX.Element;
+
+export { AuthorCard };

package/dist/components/blocks/directory/author-card.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { posts } from "../../../data/posts.js";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "../../primitives/avatar/avatar.js";
+import { Card, CardContent, CardTitle, CardDescription } from "../cards/card.js";
+import CategoryBadge from "../badges/category-badge.js";
+import { Badge } from "../../primitives/badge/badge.js";
+import { Link } from "../../primitives/link/link.js";
+import { Text } from "../../primitives/index.js";
+function AuthorCard({ author }) {
+  const postCount = posts.filter((p) => p.author === author.name).length;
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      to: `/extras/authors/${author.slug}`,
+      variant: "no-decoration",
+      className: "sg:group sg:block",
+      children: /* @__PURE__ */ jsx(Card, { className: "sg:transition-shadow sg:hover:shadow-lg sg:hover:border-primary/40", children: /* @__PURE__ */ jsx(CardContent, { className: "sg:p-6", children: /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-start sg:gap-4", children: [
+        /* @__PURE__ */ jsxs(Avatar, { className: "sg:h-14 sg:w-14 sg:shrink-0", children: [
+          /* @__PURE__ */ jsx(AvatarImage, { src: author.avatar, alt: author.name }),
+          /* @__PURE__ */ jsx(AvatarFallback, { children: author.name.split(" ").map((n) => n[0]).join("") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sg:flex-1 sg:min-w-0", children: [
+          /* @__PURE__ */ jsx(CardTitle, { className: "sg:text-xl sg:group-hover:text-primary sg:transition-colors", children: author.name }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", foreground: "muted-foreground", className: "sg:mt-0.5", children: [
+            author.role,
+            " \xB7 ",
+            author.location
+          ] }),
+          /* @__PURE__ */ jsx(CardDescription, { className: "sg:mt-2 sg:line-clamp-2", children: author.bio }),
+          /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-2 sg:mt-3 sg:flex-wrap", children: [
+            /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
+              postCount,
+              " post",
+              postCount !== 1 ? "s" : ""
+            ] }),
+            author.interests.slice(0, 3).map((interest) => /* @__PURE__ */ jsx(CategoryBadge, { category: interest }, interest))
+          ] })
+        ] })
+      ] }) }) })
+    }
+  );
+}
+export {
+  AuthorCard
+};
+//# sourceMappingURL=author-card.js.map

package/dist/components/blocks/directory/author-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blocks/directory/author-card.tsx"],"sourcesContent":["import type { Author } from \"../../../data/authors\";\r\nimport { posts } from \"../../../data/posts\";\r\nimport {\r\n\tAvatar,\r\n\tAvatarFallback,\r\n\tAvatarImage,\r\n} from \"../../primitives/avatar/avatar\";\r\nimport { Card, CardContent, CardTitle, CardDescription } from \"../cards/card\";\r\nimport CategoryBadge from \"../badges/category-badge\";\r\nimport { Badge } from \"../../primitives/badge/badge\";\r\nimport { Link } from \"../../primitives/link/link\";\r\nimport { Text } from \"../../primitives/index\";\r\n\r\ntype Props = {\r\n\tauthor: Author;\r\n};\r\n\r\n/** Author list card linking to author profile page. */\r\nexport function AuthorCard({ author }: Props) {\r\n\tconst postCount = posts.filter((p) => p.author === author.name).length;\r\n\r\n\treturn (\r\n\t\t<Link\r\n\t\t\tto={`/extras/authors/${author.slug}`}\r\n\t\t\tvariant=\"no-decoration\"\r\n\t\t\tclassName=\"sg:group sg:block\"\r\n\t\t>\r\n\t\t\t<Card className=\"sg:transition-shadow sg:hover:shadow-lg sg:hover:border-primary/40\">\r\n\t\t\t\t<CardContent className=\"sg:p-6\">\r\n\t\t\t\t\t<div className=\"sg:flex sg:items-start sg:gap-4\">\r\n\t\t\t\t\t\t<Avatar className=\"sg:h-14 sg:w-14 sg:shrink-0\">\r\n\t\t\t\t\t\t\t<AvatarImage src={author.avatar} alt={author.name} />\r\n\t\t\t\t\t\t\t<AvatarFallback>\r\n\t\t\t\t\t\t\t\t{author.name\r\n\t\t\t\t\t\t\t\t\t.split(\" \")\r\n\t\t\t\t\t\t\t\t\t.map((n) => n[0])\r\n\t\t\t\t\t\t\t\t\t.join(\"\")}\r\n\t\t\t\t\t\t\t</AvatarFallback>\r\n\t\t\t\t\t\t</Avatar>\r\n\t\t\t\t\t\t<div className=\"sg:flex-1 sg:min-w-0\">\r\n\t\t\t\t\t\t\t<CardTitle className=\"sg:text-xl sg:group-hover:text-primary sg:transition-colors\">\r\n\t\t\t\t\t\t\t\t{author.name}\r\n\t\t\t\t\t\t\t</CardTitle>\r\n\t\t\t\t\t\t\t<Text size=\"sm\" foreground=\"muted-foreground\" className=\"sg:mt-0.5\">\r\n\t\t\t\t\t\t\t\t{author.role} · {author.location}\r\n\t\t\t\t\t\t\t</Text>\r\n\t\t\t\t\t\t\t<CardDescription className=\"sg:mt-2 sg:line-clamp-2\">\r\n\t\t\t\t\t\t\t\t{author.bio}\r\n\t\t\t\t\t\t\t</CardDescription>\r\n\t\t\t\t\t\t\t<div className=\"sg:flex sg:items-center sg:gap-2 sg:mt-3 sg:flex-wrap\">\r\n\t\t\t\t\t\t\t\t<Badge variant=\"secondary\">\r\n\t\t\t\t\t\t\t\t\t{postCount} post{postCount !== 1 ? \"s\" : \"\"}\r\n\t\t\t\t\t\t\t\t</Badge>\r\n\t\t\t\t\t\t\t\t{author.interests.slice(0, 3).map((interest) => (\r\n\t\t\t\t\t\t\t\t\t<CategoryBadge key={interest} category={interest} />\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</CardContent>\r\n\t\t\t</Card>\r\n\t\t</Link>\r\n\t);\r\n}\r\n"],"mappings":"AA8BM,SACC,KADD;AA7BN,SAAS,aAAa;AACtB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,MAAM,aAAa,WAAW,uBAAuB;AAC9D,OAAO,mBAAmB;AAC1B,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,YAAY;AAOd,SAAS,WAAW,EAAE,OAAO,GAAU;AAC7C,QAAM,YAAY,MAAM,OAAO,CAAC,MAAM,EAAE,WAAW,OAAO,IAAI,EAAE;AAEhE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,IAAI,mBAAmB,OAAO,IAAI;AAAA,MAClC,SAAQ;AAAA,MACR,WAAU;AAAA,MAEV,8BAAC,QAAK,WAAU,sEACf,8BAAC,eAAY,WAAU,UACtB,+BAAC,SAAI,WAAU,mCACd;AAAA,6BAAC,UAAO,WAAU,+BACjB;AAAA,8BAAC,eAAY,KAAK,OAAO,QAAQ,KAAK,OAAO,MAAM;AAAA,UACnD,oBAAC,kBACC,iBAAO,KACN,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,GACV;AAAA,WACD;AAAA,QACA,qBAAC,SAAI,WAAU,wBACd;AAAA,8BAAC,aAAU,WAAU,+DACnB,iBAAO,MACT;AAAA,UACA,qBAAC,QAAK,MAAK,MAAK,YAAW,oBAAmB,WAAU,aACtD;AAAA,mBAAO;AAAA,YAAK;AAAA,YAAI,OAAO;AAAA,aACzB;AAAA,UACA,oBAAC,mBAAgB,WAAU,2BACzB,iBAAO,KACT;AAAA,UACA,qBAAC,SAAI,WAAU,yDACd;AAAA,iCAAC,SAAM,SAAQ,aACb;AAAA;AAAA,cAAU;AAAA,cAAM,cAAc,IAAI,MAAM;AAAA,eAC1C;AAAA,YACC,OAAO,UAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,aAClC,oBAAC,iBAA6B,UAAU,YAApB,QAA8B,CAClD;AAAA,aACF;AAAA,WACD;AAAA,SACD,GACD,GACD;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/components/blocks/directory/category-card.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+type Props = {
+    name: string;
+    count: number;
+};
+/** Category index card linking to category page. */
+declare function CategoryCard({ name, count }: Props): React.JSX.Element;
+
+export { CategoryCard };

package/dist/components/blocks/directory/category-card.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardTitle, CardDescription } from "../cards/card.js";
+import { Badge } from "../../primitives/badge/badge.js";
+import { Link } from "../../primitives/link/link.js";
+import { Stack } from "../../primitives/stack/stack.js";
+function CategoryCard({ name, count }) {
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      to: `/category/${encodeURIComponent(name)}`,
+      variant: "no-decoration",
+      className: "sg:group sg:block",
+      children: /* @__PURE__ */ jsx(Card, { className: "sg:transition-shadow sg:hover:shadow-lg sg:hover:border-primary/40", children: /* @__PURE__ */ jsx(CardContent, { className: "sg:p-6", children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "sg:text-xl sg:group-hover:text-primary sg:transition-colors", children: name }),
+        /* @__PURE__ */ jsx(CardDescription, { children: /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
+          count,
+          " post",
+          count !== 1 ? "s" : ""
+        ] }) })
+      ] }) }) })
+    }
+  );
+}
+export {
+  CategoryCard
+};
+//# sourceMappingURL=category-card.js.map

package/dist/components/blocks/directory/category-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blocks/directory/category-card.tsx"],"sourcesContent":["import { Card, CardContent, CardTitle, CardDescription } from \"../cards/card\";\r\nimport { Badge } from \"../../primitives/badge/badge\";\r\nimport { Link } from \"../../primitives/link/link\";\r\nimport { Stack } from \"../../primitives/stack/stack\";\r\n\r\ntype Props = {\r\n\tname: string;\r\n\tcount: number;\r\n};\r\n\r\n/** Category index card linking to category page. */\r\nexport function CategoryCard({ name, count }: Props) {\r\n\treturn (\r\n\t\t<Link\r\n\t\t\tto={`/category/${encodeURIComponent(name)}`}\r\n\t\t\tvariant=\"no-decoration\"\r\n\t\t\tclassName=\"sg:group sg:block\"\r\n\t\t>\r\n\t\t\t<Card className=\"sg:transition-shadow sg:hover:shadow-lg sg:hover:border-primary/40\">\r\n\t\t\t\t<CardContent className=\"sg:p-6\">\r\n\t\t\t\t\t<Stack gap={2}>\r\n\t\t\t\t\t\t<CardTitle className=\"sg:text-xl sg:group-hover:text-primary sg:transition-colors\">\r\n\t\t\t\t\t\t\t{name}\r\n\t\t\t\t\t\t</CardTitle>\r\n\t\t\t\t\t\t<CardDescription>\r\n\t\t\t\t\t\t\t<Badge variant=\"secondary\">\r\n\t\t\t\t\t\t\t\t{count} post{count !== 1 ? \"s\" : \"\"}\r\n\t\t\t\t\t\t\t</Badge>\r\n\t\t\t\t\t\t</CardDescription>\r\n\t\t\t\t\t</Stack>\r\n\t\t\t\t</CardContent>\r\n\t\t\t</Card>\r\n\t\t</Link>\r\n\t);\r\n}\r\n"],"mappings":"AAqBM,cAIC,YAJD;AArBN,SAAS,MAAM,aAAa,WAAW,uBAAuB;AAC9D,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,aAAa;AAQf,SAAS,aAAa,EAAE,MAAM,MAAM,GAAU;AACpD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,IAAI,aAAa,mBAAmB,IAAI,CAAC;AAAA,MACzC,SAAQ;AAAA,MACR,WAAU;AAAA,MAEV,8BAAC,QAAK,WAAU,sEACf,8BAAC,eAAY,WAAU,UACtB,+BAAC,SAAM,KAAK,GACX;AAAA,4BAAC,aAAU,WAAU,+DACnB,gBACF;AAAA,QACA,oBAAC,mBACA,+BAAC,SAAM,SAAQ,aACb;AAAA;AAAA,UAAM;AAAA,UAAM,UAAU,IAAI,MAAM;AAAA,WAClC,GACD;AAAA,SACD,GACD,GACD;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/components/blocks/extras/extras-hub-card.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { icons } from 'lucide-react';
+
+type ExtrasHubItem = {
+    title: string;
+    description: string;
+    to: string;
+    icon: keyof typeof icons;
+};
+type Props = {
+    item: ExtrasHubItem;
+};
+/** Linked card for the extras hub index page. */
+declare function ExtrasHubCard({ item }: Props): React.JSX.Element;
+
+export { ExtrasHubCard, type ExtrasHubItem };

package/dist/components/blocks/extras/extras-hub-card.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardTitle, CardDescription } from "../cards/card.js";
+import { Icon } from "../../primitives/icon/icon.js";
+import { Link } from "../../primitives/link/link.js";
+import { Stack } from "../../primitives/stack/stack.js";
+function ExtrasHubCard({ item }) {
+  return /* @__PURE__ */ jsx(Link, { to: item.to, variant: "no-decoration", className: "sg:group sg:block", children: /* @__PURE__ */ jsx(Card, { className: "sg:transition-shadow sg:hover:shadow-lg sg:hover:border-primary/40", children: /* @__PURE__ */ jsx(CardContent, { className: "sg:p-6", children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon: item.icon,
+        className: "sg:h-6 sg:w-6 sg:text-primary"
+      }
+    ),
+    /* @__PURE__ */ jsx(CardTitle, { className: "sg:group-hover:text-primary sg:transition-colors", children: item.title }),
+    /* @__PURE__ */ jsx(CardDescription, { children: item.description })
+  ] }) }) }) });
+}
+export {
+  ExtrasHubCard
+};
+//# sourceMappingURL=extras-hub-card.js.map

package/dist/components/blocks/extras/extras-hub-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blocks/extras/extras-hub-card.tsx"],"sourcesContent":["import type { icons } from \"lucide-react\";\r\nimport { Card, CardContent, CardTitle, CardDescription } from \"../cards/card\";\r\nimport { Icon } from \"../../primitives/icon/icon\";\r\nimport { Link } from \"../../primitives/link/link\";\r\nimport { Stack } from \"../../primitives/stack/stack\";\r\n\r\nexport type ExtrasHubItem = {\r\n\ttitle: string;\r\n\tdescription: string;\r\n\tto: string;\r\n\ticon: keyof typeof icons;\r\n};\r\n\r\ntype Props = {\r\n\titem: ExtrasHubItem;\r\n};\r\n\r\n/** Linked card for the extras hub index page. */\r\nexport function ExtrasHubCard({ item }: Props) {\r\n\treturn (\r\n\t\t<Link to={item.to} variant=\"no-decoration\" className=\"sg:group sg:block\">\r\n\t\t\t<Card className=\"sg:transition-shadow sg:hover:shadow-lg sg:hover:border-primary/40\">\r\n\t\t\t\t<CardContent className=\"sg:p-6\">\r\n\t\t\t\t\t<Stack gap={2}>\r\n\t\t\t\t\t\t<Icon\r\n\t\t\t\t\t\t\ticon={item.icon}\r\n\t\t\t\t\t\t\tclassName=\"sg:h-6 sg:w-6 sg:text-primary\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<CardTitle className=\"sg:group-hover:text-primary sg:transition-colors\">\r\n\t\t\t\t\t\t\t{item.title}\r\n\t\t\t\t\t\t</CardTitle>\r\n\t\t\t\t\t\t<CardDescription>{item.description}</CardDescription>\r\n\t\t\t\t\t</Stack>\r\n\t\t\t\t</CardContent>\r\n\t\t\t</Card>\r\n\t\t</Link>\r\n\t);\r\n}\r\n"],"mappings":"AAuBK,SACC,KADD;AAtBL,SAAS,MAAM,aAAa,WAAW,uBAAuB;AAC9D,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,aAAa;AAcf,SAAS,cAAc,EAAE,KAAK,GAAU;AAC9C,SACC,oBAAC,QAAK,IAAI,KAAK,IAAI,SAAQ,iBAAgB,WAAU,qBACpD,8BAAC,QAAK,WAAU,sEACf,8BAAC,eAAY,WAAU,UACtB,+BAAC,SAAM,KAAK,GACX;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAM,KAAK;AAAA,QACX,WAAU;AAAA;AAAA,IACX;AAAA,IACA,oBAAC,aAAU,WAAU,oDACnB,eAAK,OACP;AAAA,IACA,oBAAC,mBAAiB,eAAK,aAAY;AAAA,KACpC,GACD,GACD,GACD;AAEF;","names":[]}

package/dist/components/blocks/gallery/image-gallery.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+type GalleryImage = {
+    src: string;
+    alt?: string;
+};
+type Props = {
+    images: GalleryImage[];
+    className?: string;
+};
+/** Multi-image viewer with single, carousel, and grid modes plus lightbox. */
+declare function ImageGallery({ images, className }: Props): React.JSX.Element | null;
+
+export { type GalleryImage, ImageGallery as default };

package/dist/components/blocks/gallery/image-gallery.js

@@ -0,0 +1,211 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconButton, Text, UiImage } from "../../primitives/index.js";
+import {
+  Sheet,
+  SheetContent,
+  SheetTitle
+} from "../../primitives/sheet/sheet.js";
+import { cn } from "../../../utils/index.js";
+function gridCols(count) {
+  if (count <= 2) return "sg:grid-cols-1 sm:sg:grid-cols-2";
+  if (count <= 4) return "sg:grid-cols-2 sm:sg:grid-cols-2 md:sg:grid-cols-4";
+  if (count <= 6) return "sg:grid-cols-2 sm:sg:grid-cols-3";
+  return "sg:grid-cols-2 sm:sg:grid-cols-3 md:sg:grid-cols-4";
+}
+function ImageGallery({ images, className }) {
+  const [viewMode, setViewMode] = useState(
+    images.length <= 1 ? "single" : "grid"
+  );
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [lightboxOpen, setLightboxOpen] = useState(false);
+  const [lightboxIndex, setLightboxIndex] = useState(0);
+  if (!images.length) return null;
+  const prev = () => setCurrentIndex((i) => (i - 1 + images.length) % images.length);
+  const next = () => setCurrentIndex((i) => (i + 1) % images.length);
+  const openLightbox = (index) => {
+    setLightboxIndex(index);
+    setLightboxOpen(true);
+  };
+  const modes = [
+    { value: "single", icon: "Image", label: "Single image" },
+    { value: "carousel", icon: "Images", label: "Carousel" },
+    { value: "grid", icon: "Grid2x2", label: "Grid" }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: cn("sg:space-y-4", className), children: [
+    images.length > 1 && /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:justify-between", children: [
+      /* @__PURE__ */ jsxs(Text, { size: "sm", foreground: "muted-foreground", children: [
+        images.length,
+        " image",
+        images.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "sg:flex sg:gap-1", children: modes.map((mode) => /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          icon: mode.icon,
+          variant: viewMode === mode.value ? "default" : "outline",
+          size: "sm",
+          "aria-label": mode.label,
+          "aria-pressed": viewMode === mode.value,
+          onClick: () => setViewMode(mode.value)
+        },
+        mode.value
+      )) })
+    ] }),
+    viewMode === "single" && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "sg:w-full sg:rounded-lg sg:overflow-hidden sg:cursor-pointer sg:border-0 sg:p-0 sg:bg-transparent",
+        onClick: () => openLightbox(currentIndex),
+        children: /* @__PURE__ */ jsx(
+          UiImage,
+          {
+            src: images[currentIndex].src,
+            alt: images[currentIndex].alt || "Gallery image",
+            className: "sg:w-full sg:h-56 sm:sg:h-72 md:sg:h-96 sg:object-cover",
+            loading: "lazy"
+          }
+        )
+      }
+    ),
+    viewMode === "carousel" && /* @__PURE__ */ jsxs("div", { className: "sg:relative sg:rounded-lg sg:overflow-hidden sg:group", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "sg:w-full sg:border-0 sg:p-0 sg:bg-transparent sg:cursor-pointer",
+          onClick: () => openLightbox(currentIndex),
+          children: /* @__PURE__ */ jsx(
+            UiImage,
+            {
+              src: images[currentIndex].src,
+              alt: images[currentIndex].alt || "Gallery image",
+              className: "sg:w-full sg:h-56 sm:sg:h-72 md:sg:h-96 sg:object-cover",
+              loading: "lazy"
+            }
+          )
+        }
+      ),
+      images.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "secondary",
+            size: "sm",
+            className: "sg:absolute sg:left-3 sg:top-1/2 sg:-translate-y-1/2 sg:opacity-0 sg:group-hover:opacity-100 sg:transition-opacity sg:h-10 sg:w-10 sg:rounded-full sg:shadow-lg",
+            onClick: prev,
+            icon: "ChevronLeft",
+            "aria-label": "Previous image"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            variant: "secondary",
+            size: "sm",
+            className: "sg:absolute sg:right-3 sg:top-1/2 sg:-translate-y-1/2 sg:opacity-0 sg:group-hover:opacity-100 sg:transition-opacity sg:h-10 sg:w-10 sg:rounded-full sg:shadow-lg",
+            onClick: next,
+            icon: "ChevronRight",
+            "aria-label": "Next image"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "sg:absolute sg:bottom-3 sg:left-1/2 sg:-translate-x-1/2 sg:flex sg:items-center sg:gap-1.5 sg:bg-black/40 sg:backdrop-blur-sm sg:rounded-full sg:px-3 sg:py-1.5", children: images.map((_, i) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCurrentIndex(i),
+            className: cn(
+              "sg:h-2 sg:rounded-full sg:transition-all sg:border-0 sg:p-0",
+              i === currentIndex ? "sg:w-6 sg:bg-white" : "sg:w-2 sg:bg-white/50 hover:sg:bg-white/75"
+            ),
+            "aria-label": `Go to image ${i + 1}`
+          },
+          i
+        )) })
+      ] })
+    ] }),
+    viewMode === "grid" && /* @__PURE__ */ jsx("div", { className: cn("sg:grid sg:gap-2 sm:sg:gap-3", gridCols(images.length)), children: images.map((img, i) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "sg:rounded-lg sg:overflow-hidden sg:cursor-pointer sg:group/img sg:border-0 sg:p-0 sg:bg-transparent",
+        onClick: () => openLightbox(i),
+        children: /* @__PURE__ */ jsx(
+          UiImage,
+          {
+            src: img.src,
+            alt: img.alt || `Gallery image ${i + 1}`,
+            className: "sg:w-full sg:aspect-4/3 sg:object-cover sg:transition-transform sg:duration-300 sg:group-hover/img:scale-105",
+            loading: "lazy"
+          }
+        )
+      },
+      i
+    )) }),
+    /* @__PURE__ */ jsx(Sheet, { open: lightboxOpen, onOpenChange: setLightboxOpen, children: /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        side: "bottom",
+        className: "sg:max-h-[95vh] sg:overflow-y-auto sg:border-0 sg:p-2 sg:bg-background/95 sg:backdrop-blur-sm",
+        children: [
+          /* @__PURE__ */ jsx(SheetTitle, { className: "sg:sr-only", children: "Image lightbox" }),
+          /* @__PURE__ */ jsxs("div", { className: "sg:relative sg:mx-auto sg:max-w-4xl", children: [
+            /* @__PURE__ */ jsx(
+              UiImage,
+              {
+                src: images[lightboxIndex].src,
+                alt: images[lightboxIndex].alt || "Gallery image",
+                className: "sg:w-full sg:max-h-[80vh] sg:object-contain sg:rounded-md"
+              }
+            ),
+            images.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  variant: "secondary",
+                  size: "sm",
+                  className: "sg:absolute sg:left-2 sg:top-1/2 sg:-translate-y-1/2 sg:h-10 sg:w-10 sg:rounded-full sg:shadow-lg",
+                  onClick: () => setLightboxIndex(
+                    (i) => (i - 1 + images.length) % images.length
+                  ),
+                  icon: "ChevronLeft",
+                  "aria-label": "Previous image"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  variant: "secondary",
+                  size: "sm",
+                  className: "sg:absolute sg:right-2 sg:top-1/2 sg:-translate-y-1/2 sg:h-10 sg:w-10 sg:rounded-full sg:shadow-lg",
+                  onClick: () => setLightboxIndex((i) => (i + 1) % images.length),
+                  icon: "ChevronRight",
+                  "aria-label": "Next image"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "sg:absolute sg:bottom-3 sg:left-1/2 sg:-translate-x-1/2 sg:flex sg:gap-1.5", children: images.map((_, i) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setLightboxIndex(i),
+                  className: cn(
+                    "sg:h-2 sg:rounded-full sg:transition-all sg:border-0 sg:p-0",
+                    i === lightboxIndex ? "sg:w-6 sg:bg-primary" : "sg:w-2 sg:bg-muted-foreground/40 hover:sg:bg-muted-foreground/60"
+                  ),
+                  "aria-label": `Go to image ${i + 1}`
+                },
+                i
+              )) })
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  ImageGallery as default
+};
+//# sourceMappingURL=image-gallery.js.map

package/dist/components/blocks/gallery/image-gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/blocks/gallery/image-gallery.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { IconButton, Text, UiImage } from \"../../primitives/index\";\r\nimport {\r\n\tSheet,\r\n\tSheetContent,\r\n\tSheetTitle,\r\n} from \"../../primitives/sheet/sheet\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\ntype ViewMode = \"single\" | \"carousel\" | \"grid\";\r\n\r\nexport type GalleryImage = { src: string; alt?: string };\r\n\r\ntype Props = {\r\n\timages: GalleryImage[];\r\n\tclassName?: string;\r\n};\r\n\r\nfunction gridCols(count: number) {\r\n\tif (count <= 2) return \"sg:grid-cols-1 sm:sg:grid-cols-2\";\r\n\tif (count <= 4) return \"sg:grid-cols-2 sm:sg:grid-cols-2 md:sg:grid-cols-4\";\r\n\tif (count <= 6) return \"sg:grid-cols-2 sm:sg:grid-cols-3\";\r\n\treturn \"sg:grid-cols-2 sm:sg:grid-cols-3 md:sg:grid-cols-4\";\r\n}\r\n\r\n/** Multi-image viewer with single, carousel, and grid modes plus lightbox. */\r\nexport default function ImageGallery({ images, className }: Props) {\r\n\tconst [viewMode, setViewMode] = useState<ViewMode>(\r\n\t\timages.length <= 1 ? \"single\" : \"grid\",\r\n\t);\r\n\tconst [currentIndex, setCurrentIndex] = useState(0);\r\n\tconst [lightboxOpen, setLightboxOpen] = useState(false);\r\n\tconst [lightboxIndex, setLightboxIndex] = useState(0);\r\n\r\n\tif (!images.length) return null;\r\n\r\n\tconst prev = () =>\r\n\t\tsetCurrentIndex((i) => (i - 1 + images.length) % images.length);\r\n\tconst next = () => setCurrentIndex((i) => (i + 1) % images.length);\r\n\r\n\tconst openLightbox = (index: number) => {\r\n\t\tsetLightboxIndex(index);\r\n\t\tsetLightboxOpen(true);\r\n\t};\r\n\r\n\tconst modes: { value: ViewMode; icon: \"Image\" | \"Images\" | \"Grid2x2\"; label: string }[] =\r\n\t\t[\r\n\t\t\t{ value: \"single\", icon: \"Image\", label: \"Single image\" },\r\n\t\t\t{ value: \"carousel\", icon: \"Images\", label: \"Carousel\" },\r\n\t\t\t{ value: \"grid\", icon: \"Grid2x2\", label: \"Grid\" },\r\n\t\t];\r\n\r\n\treturn (\r\n\t\t<div className={cn(\"sg:space-y-4\", className)}>\r\n\t\t\t{images.length > 1 && (\r\n\t\t\t\t<div className=\"sg:flex sg:items-center sg:justify-between\">\r\n\t\t\t\t\t<Text size=\"sm\" foreground=\"muted-foreground\">\r\n\t\t\t\t\t\t{images.length} image{images.length !== 1 ? \"s\" : \"\"}\r\n\t\t\t\t\t</Text>\r\n\t\t\t\t\t<div className=\"sg:flex sg:gap-1\">\r\n\t\t\t\t\t\t{modes.map((mode) => (\r\n\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\tkey={mode.value}\r\n\t\t\t\t\t\t\t\ticon={mode.icon}\r\n\t\t\t\t\t\t\t\tvariant={viewMode === mode.value ? \"default\" : \"outline\"}\r\n\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\taria-label={mode.label}\r\n\t\t\t\t\t\t\t\taria-pressed={viewMode === mode.value}\r\n\t\t\t\t\t\t\t\tonClick={() => setViewMode(mode.value)}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t{viewMode === \"single\" && (\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclassName=\"sg:w-full sg:rounded-lg sg:overflow-hidden sg:cursor-pointer sg:border-0 sg:p-0 sg:bg-transparent\"\r\n\t\t\t\t\tonClick={() => openLightbox(currentIndex)}\r\n\t\t\t\t>\r\n\t\t\t\t\t<UiImage\r\n\t\t\t\t\t\tsrc={images[currentIndex].src}\r\n\t\t\t\t\t\talt={images[currentIndex].alt || \"Gallery image\"}\r\n\t\t\t\t\t\tclassName=\"sg:w-full sg:h-56 sm:sg:h-72 md:sg:h-96 sg:object-cover\"\r\n\t\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</button>\r\n\t\t\t)}\r\n\r\n\t\t\t{viewMode === \"carousel\" && (\r\n\t\t\t\t<div className=\"sg:relative sg:rounded-lg sg:overflow-hidden sg:group\">\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tclassName=\"sg:w-full sg:border-0 sg:p-0 sg:bg-transparent sg:cursor-pointer\"\r\n\t\t\t\t\t\tonClick={() => openLightbox(currentIndex)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<UiImage\r\n\t\t\t\t\t\t\tsrc={images[currentIndex].src}\r\n\t\t\t\t\t\t\talt={images[currentIndex].alt || \"Gallery image\"}\r\n\t\t\t\t\t\t\tclassName=\"sg:w-full sg:h-56 sm:sg:h-72 md:sg:h-96 sg:object-cover\"\r\n\t\t\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t{images.length > 1 && (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\r\n\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\tclassName=\"sg:absolute sg:left-3 sg:top-1/2 sg:-translate-y-1/2 sg:opacity-0 sg:group-hover:opacity-100 sg:transition-opacity sg:h-10 sg:w-10 sg:rounded-full sg:shadow-lg\"\r\n\t\t\t\t\t\t\t\tonClick={prev}\r\n\t\t\t\t\t\t\t\ticon=\"ChevronLeft\"\r\n\t\t\t\t\t\t\t\taria-label=\"Previous image\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\r\n\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\tclassName=\"sg:absolute sg:right-3 sg:top-1/2 sg:-translate-y-1/2 sg:opacity-0 sg:group-hover:opacity-100 sg:transition-opacity sg:h-10 sg:w-10 sg:rounded-full sg:shadow-lg\"\r\n\t\t\t\t\t\t\t\tonClick={next}\r\n\t\t\t\t\t\t\t\ticon=\"ChevronRight\"\r\n\t\t\t\t\t\t\t\taria-label=\"Next image\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<div className=\"sg:absolute sg:bottom-3 sg:left-1/2 sg:-translate-x-1/2 sg:flex sg:items-center sg:gap-1.5 sg:bg-black/40 sg:backdrop-blur-sm sg:rounded-full sg:px-3 sg:py-1.5\">\r\n\t\t\t\t\t\t\t\t{images.map((_, i) => (\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => setCurrentIndex(i)}\r\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\r\n\t\t\t\t\t\t\t\t\t\t\t\"sg:h-2 sg:rounded-full sg:transition-all sg:border-0 sg:p-0\",\r\n\t\t\t\t\t\t\t\t\t\t\ti === currentIndex\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"sg:w-6 sg:bg-white\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"sg:w-2 sg:bg-white/50 hover:sg:bg-white/75\",\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\taria-label={`Go to image ${i + 1}`}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t{viewMode === \"grid\" && (\r\n\t\t\t\t<div className={cn(\"sg:grid sg:gap-2 sm:sg:gap-3\", gridCols(images.length))}>\r\n\t\t\t\t\t{images.map((img, i) => (\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tclassName=\"sg:rounded-lg sg:overflow-hidden sg:cursor-pointer sg:group/img sg:border-0 sg:p-0 sg:bg-transparent\"\r\n\t\t\t\t\t\t\tonClick={() => openLightbox(i)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<UiImage\r\n\t\t\t\t\t\t\t\tsrc={img.src}\r\n\t\t\t\t\t\t\t\talt={img.alt || `Gallery image ${i + 1}`}\r\n\t\t\t\t\t\t\t\tclassName=\"sg:w-full sg:aspect-4/3 sg:object-cover sg:transition-transform sg:duration-300 sg:group-hover/img:scale-105\"\r\n\t\t\t\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<Sheet open={lightboxOpen} onOpenChange={setLightboxOpen}>\r\n\t\t\t\t<SheetContent\r\n\t\t\t\t\tside=\"bottom\"\r\n\t\t\t\t\tclassName=\"sg:max-h-[95vh] sg:overflow-y-auto sg:border-0 sg:p-2 sg:bg-background/95 sg:backdrop-blur-sm\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<SheetTitle className=\"sg:sr-only\">Image lightbox</SheetTitle>\r\n\t\t\t\t\t<div className=\"sg:relative sg:mx-auto sg:max-w-4xl\">\r\n\t\t\t\t\t\t<UiImage\r\n\t\t\t\t\t\t\tsrc={images[lightboxIndex].src}\r\n\t\t\t\t\t\t\talt={images[lightboxIndex].alt || \"Gallery image\"}\r\n\t\t\t\t\t\t\tclassName=\"sg:w-full sg:max-h-[80vh] sg:object-contain sg:rounded-md\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t{images.length > 1 && (\r\n\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\r\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"sg:absolute sg:left-2 sg:top-1/2 sg:-translate-y-1/2 sg:h-10 sg:w-10 sg:rounded-full sg:shadow-lg\"\r\n\t\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t\tsetLightboxIndex(\r\n\t\t\t\t\t\t\t\t\t\t\t(i) => (i - 1 + images.length) % images.length,\r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\ticon=\"ChevronLeft\"\r\n\t\t\t\t\t\t\t\t\taria-label=\"Previous image\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\r\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"sg:absolute sg:right-2 sg:top-1/2 sg:-translate-y-1/2 sg:h-10 sg:w-10 sg:rounded-full sg:shadow-lg\"\r\n\t\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t\tsetLightboxIndex((i) => (i + 1) % images.length)\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\ticon=\"ChevronRight\"\r\n\t\t\t\t\t\t\t\t\taria-label=\"Next image\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<div className=\"sg:absolute sg:bottom-3 sg:left-1/2 sg:-translate-x-1/2 sg:flex sg:gap-1.5\">\r\n\t\t\t\t\t\t\t\t\t{images.map((_, i) => (\r\n\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\tkey={i}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => setLightboxIndex(i)}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\"sg:h-2 sg:rounded-full sg:transition-all sg:border-0 sg:p-0\",\r\n\t\t\t\t\t\t\t\t\t\t\t\ti === lightboxIndex\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"sg:w-6 sg:bg-primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"sg:w-2 sg:bg-muted-foreground/40 hover:sg:bg-muted-foreground/60\",\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\taria-label={`Go to image ${i + 1}`}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</SheetContent>\r\n\t\t\t</Sheet>\r\n\t\t</div>\r\n\t);\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/blocks/index.d.ts

@@ -1,5 +1,16 @@
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './cards/card.js';
+export { AuthorCard } from './directory/author-card.js';
+export { CategoryCard } from './directory/category-card.js';
+export { ExtrasHubCard, ExtrasHubItem } from './extras/extras-hub-card.js';
+export { GalleryImage } from './gallery/image-gallery.js';
+export { CommentSkeleton, PostCardSkeleton, PostListRowSkeleton, PostListSkeleton, SinglePostSkeleton } from './loading/loading-skeletons.js';
 export { Login, LoginCredentials, LoginProps } from './login/login.js';
+export { PageHero } from './marketing/page-hero.js';
+export { StatItem, StatsGrid } from './marketing/stats-grid.js';
+export { Timeline, TimelineItem } from './marketing/timeline.js';
+export { ValueItem, ValuesGrid } from './marketing/values-grid.js';
 export { PostListWithFilters } from './post-list/post-list-with-filters.js';
 import 'react';
+import '../../data/authors.js';
+import 'lucide-react';
 import '../../data/posts.js';

package/dist/components/blocks/index.js

@@ -1,6 +1,16 @@
+export * from "./badges/category-badge.js";
 export * from "./cards/blogpost-card.js";
 export * from "./cards/card.js";
+export * from "./directory/author-card.js";
+export * from "./directory/category-card.js";
 export * from "./empty-state/EmptyState.js";
+export * from "./extras/extras-hub-card.js";
+export * from "./gallery/image-gallery.js";
+export * from "./loading/loading-skeletons.js";
 export * from "./login/login.js";
+export * from "./marketing/page-hero.js";
+export * from "./marketing/stats-grid.js";
+export * from "./marketing/timeline.js";
+export * from "./marketing/values-grid.js";
 export * from "./post-list/post-list-with-filters.js";
 //# sourceMappingURL=index.js.map

package/dist/components/blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/blocks/index.ts"],"sourcesContent":["/**\n * Blocks index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./cards/blogpost-card\";\nexport * from \"./cards/card\";\nexport * from \"./empty-state/EmptyState\";\nexport * from \"./login/login\";\nexport * from \"./post-list/post-list-with-filters\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/blocks/index.ts"],"sourcesContent":["/**\n * Blocks index\n *\n * Please keep exports sorted alphabetically by path!\n */\n\nexport * from \"./badges/category-badge\";\nexport * from \"./cards/blogpost-card\";\nexport * from \"./cards/card\";\nexport * from \"./directory/author-card\";\nexport * from \"./directory/category-card\";\nexport * from \"./empty-state/EmptyState\";\nexport * from \"./extras/extras-hub-card\";\nexport * from \"./gallery/image-gallery\";\nexport * from \"./loading/loading-skeletons\";\nexport * from \"./login/login\";\nexport * from \"./marketing/page-hero\";\nexport * from \"./marketing/stats-grid\";\nexport * from \"./marketing/timeline\";\nexport * from \"./marketing/values-grid\";\nexport * from \"./post-list/post-list-with-filters\";\n"],"mappings":"AAMA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/blocks/loading/loading-skeletons.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+declare function PostCardSkeleton(): React.JSX.Element;
+declare function PostListSkeleton({ count }: {
+    count?: number;
+}): React.JSX.Element;
+declare function PostListRowSkeleton({ count }: {
+    count?: number;
+}): React.JSX.Element;
+declare function CommentSkeleton({ count }: {
+    count?: number;
+}): React.JSX.Element;
+declare function SinglePostSkeleton(): React.JSX.Element;
+
+export { CommentSkeleton, PostCardSkeleton, PostListRowSkeleton, PostListSkeleton, SinglePostSkeleton };