@nimblegiant/stilts 0.2.0-alpha.3 → 0.2.0-alpha.4

package/dist/index.d.cts

@@ -4,8 +4,12 @@ import React$1, { ReactNode, ElementType } from 'react';
 interface MainNavProps {
     currentPath: string;
     isPortfolioPage?: boolean;
+    navLinks?: {
+        href: string;
+        label: string;
+    }[];
 }
-declare function MainNav({ currentPath, isPortfolioPage }: MainNavProps): react_jsx_runtime.JSX.Element;
+declare function MainNav({ currentPath, isPortfolioPage, navLinks, }: MainNavProps): react_jsx_runtime.JSX.Element;
 
 /**
  * TopBanner Component
@@ -36,12 +40,30 @@ declare global {
 }
 declare function ToastContainer(): react_jsx_runtime.JSX.Element;
 
+interface Author {
+    name: string;
+    url?: string;
+    avatar?: string;
+}
+interface AuthorMetaProps {
+    author: Author;
+    linkable?: boolean;
+}
+/**
+ * AuthorMeta Component
+ * Displays author information with optional avatar
+ */
+declare function AuthorMeta({ author, linkable }: AuthorMetaProps): react_jsx_runtime.JSX.Element;
+
 /**
  * UI Components
  */
 
+type index$1_Author = Author;
+declare const index$1_AuthorMeta: typeof AuthorMeta;
+type index$1_AuthorMetaProps = AuthorMetaProps;
 declare namespace index$1 {
-  export { ToastContainer as Toast };
+  export { type index$1_Author as Author, index$1_AuthorMeta as AuthorMeta, type index$1_AuthorMetaProps as AuthorMetaProps, ToastContainer as Toast };
 }
 
 /**
@@ -188,7 +210,7 @@ interface ContentPageProps {
     lastUpdated?: string;
     children: React.ReactNode;
 }
-declare function ContentPage({ title, subtitle, lastUpdated, children }: ContentPageProps): react_jsx_runtime.JSX.Element;
+declare function ContentPage({ title, subtitle, lastUpdated, children, }: ContentPageProps): react_jsx_runtime.JSX.Element;
 
 type TerminalLine = {
     text: string;
@@ -305,6 +327,33 @@ interface FeatureShowcaseProps {
 }
 declare const FeatureShowcase: React$1.FC<FeatureShowcaseProps>;
 
+interface ListCardProps {
+    href: string;
+    title: string;
+    description: string;
+    tagline?: string;
+    thumbnail?: string;
+    tags?: string[];
+    meta?: {
+        date?: string;
+        author?: Author;
+    };
+    imageAlt?: string;
+    animationDelay?: number;
+    specialImageComponent?: boolean;
+    imageBgClass?: string;
+    imageDark?: string;
+    imageLight?: string;
+    children?: ReactNode;
+    footerSlot?: ReactNode;
+}
+/**
+ * ListCard Component
+ * Displays a card with optional image, title, description, meta, and tags
+ * Used for products, blog posts, and other list items
+ */
+declare function ListCard({ href, title, description, tagline, thumbnail, tags, meta, imageAlt, animationDelay, specialImageComponent, imageBgClass, children, imageDark, imageLight, footerSlot, }: ListCardProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Pattern Components
  */
@@ -318,6 +367,8 @@ type index_Feature = Feature;
 declare const index_FeatureShowcase: typeof FeatureShowcase;
 type index_FeatureShowcaseProps = FeatureShowcaseProps;
 declare const index_IndustryGrid: typeof IndustryGrid;
+declare const index_ListCard: typeof ListCard;
+type index_ListCardProps = ListCardProps;
 declare const index_PageHero: typeof PageHero;
 declare const index_ProcessSteps: typeof ProcessSteps;
 declare const index_ProductCard: typeof ProductCard;
@@ -334,7 +385,7 @@ declare const index_TerminalWindow: typeof TerminalWindow;
 type index_TerminalWindowProps = TerminalWindowProps;
 declare const index_VideoHero: typeof VideoHero;
 declare namespace index {
-  export { index_CTAButton as CTAButton, type index_CTAButtonProps as CTAButtonProps, index_CodeBlock as CodeBlock, type index_CodeBlockProps as CodeBlockProps, index_ContentPage as ContentPage, type index_Feature as Feature, index_FeatureShowcase as FeatureShowcase, type index_FeatureShowcaseProps as FeatureShowcaseProps, index_IndustryGrid as IndustryGrid, index_PageHero as PageHero, index_ProcessSteps as ProcessSteps, index_ProductCard as ProductCard, type index_ProductCardProps as ProductCardProps, index_ServiceSection as ServiceSection, index_StatBar as StatBar, index_TeamGrid as TeamGrid, index_TerminalChrome as TerminalChrome, type index_TerminalChromeProps as TerminalChromeProps, index_TerminalHero as TerminalHero, type index_TerminalHeroProps as TerminalHeroProps, type index_TerminalLine as TerminalLine, index_TerminalWindow as TerminalWindow, type index_TerminalWindowProps as TerminalWindowProps, index_VideoHero as VideoHero };
+  export { index_CTAButton as CTAButton, type index_CTAButtonProps as CTAButtonProps, index_CodeBlock as CodeBlock, type index_CodeBlockProps as CodeBlockProps, index_ContentPage as ContentPage, type index_Feature as Feature, index_FeatureShowcase as FeatureShowcase, type index_FeatureShowcaseProps as FeatureShowcaseProps, index_IndustryGrid as IndustryGrid, index_ListCard as ListCard, type index_ListCardProps as ListCardProps, index_PageHero as PageHero, index_ProcessSteps as ProcessSteps, index_ProductCard as ProductCard, type index_ProductCardProps as ProductCardProps, index_ServiceSection as ServiceSection, index_StatBar as StatBar, index_TeamGrid as TeamGrid, index_TerminalChrome as TerminalChrome, type index_TerminalChromeProps as TerminalChromeProps, index_TerminalHero as TerminalHero, type index_TerminalHeroProps as TerminalHeroProps, type index_TerminalLine as TerminalLine, index_TerminalWindow as TerminalWindow, type index_TerminalWindowProps as TerminalWindowProps, index_VideoHero as VideoHero };
 }
 
 /**
@@ -842,4 +893,4 @@ type Theme = 'light' | 'dark';
 type Alignment = 'left' | 'center' | 'right';
 type GridCols = 2 | 3 | 4;
 
-export { type Alignment, type BaseComponentProps, BeforeAfter, CTAButton, type CTAButtonProps, CaseStudyBreakdown, CodeBlock, type CodeBlockProps, type ColorToken, CompactContactForm, ContactForm, ContentPage, type DurationToken, type EasingToken, type Feature, FeatureShowcase, type FeatureShowcaseProps, FullWidthImage, type GridCols, ImageGrid, ImageGridModal, IndustryGrid, index$2 as Layout, type LinkLike, MainNav, PageHero, index as Patterns, ProblemStatement, ProcessSteps, ProcessTimeline, ProductCard, type ProductCardProps, RelatedProjects, type SectionPaddingToken, ServiceSection, SolutionSummary, type SpacingToken, StatBar, TeamCredits, TeamGrid, TerminalChrome, type TerminalChromeProps, TerminalHero, type TerminalHeroProps, type TerminalLine, TerminalWindow, type TerminalWindowProps, Testimonial, TextBlock, type Theme, ToastContainer as Toast, TopBanner, index$1 as UI, VideoHero, VideoSection, colors, durations, easings, sectionPadding, spacing };
+export { type Alignment, type Author, AuthorMeta, type AuthorMetaProps, type BaseComponentProps, BeforeAfter, CTAButton, type CTAButtonProps, CaseStudyBreakdown, CodeBlock, type CodeBlockProps, type ColorToken, CompactContactForm, ContactForm, ContentPage, type DurationToken, type EasingToken, type Feature, FeatureShowcase, type FeatureShowcaseProps, FullWidthImage, type GridCols, ImageGrid, ImageGridModal, IndustryGrid, index$2 as Layout, type LinkLike, ListCard, type ListCardProps, MainNav, PageHero, index as Patterns, ProblemStatement, ProcessSteps, ProcessTimeline, ProductCard, type ProductCardProps, RelatedProjects, type SectionPaddingToken, ServiceSection, SolutionSummary, type SpacingToken, StatBar, TeamCredits, TeamGrid, TerminalChrome, type TerminalChromeProps, TerminalHero, type TerminalHeroProps, type TerminalLine, TerminalWindow, type TerminalWindowProps, Testimonial, TextBlock, type Theme, ToastContainer as Toast, TopBanner, index$1 as UI, VideoHero, VideoSection, colors, durations, easings, sectionPadding, spacing };

package/dist/index.d.ts

@@ -4,8 +4,12 @@ import React$1, { ReactNode, ElementType } from 'react';
 interface MainNavProps {
     currentPath: string;
     isPortfolioPage?: boolean;
+    navLinks?: {
+        href: string;
+        label: string;
+    }[];
 }
-declare function MainNav({ currentPath, isPortfolioPage }: MainNavProps): react_jsx_runtime.JSX.Element;
+declare function MainNav({ currentPath, isPortfolioPage, navLinks, }: MainNavProps): react_jsx_runtime.JSX.Element;
 
 /**
  * TopBanner Component
@@ -36,12 +40,30 @@ declare global {
 }
 declare function ToastContainer(): react_jsx_runtime.JSX.Element;
 
+interface Author {
+    name: string;
+    url?: string;
+    avatar?: string;
+}
+interface AuthorMetaProps {
+    author: Author;
+    linkable?: boolean;
+}
+/**
+ * AuthorMeta Component
+ * Displays author information with optional avatar
+ */
+declare function AuthorMeta({ author, linkable }: AuthorMetaProps): react_jsx_runtime.JSX.Element;
+
 /**
  * UI Components
  */
 
+type index$1_Author = Author;
+declare const index$1_AuthorMeta: typeof AuthorMeta;
+type index$1_AuthorMetaProps = AuthorMetaProps;
 declare namespace index$1 {
-  export { ToastContainer as Toast };
+  export { type index$1_Author as Author, index$1_AuthorMeta as AuthorMeta, type index$1_AuthorMetaProps as AuthorMetaProps, ToastContainer as Toast };
 }
 
 /**
@@ -188,7 +210,7 @@ interface ContentPageProps {
     lastUpdated?: string;
     children: React.ReactNode;
 }
-declare function ContentPage({ title, subtitle, lastUpdated, children }: ContentPageProps): react_jsx_runtime.JSX.Element;
+declare function ContentPage({ title, subtitle, lastUpdated, children, }: ContentPageProps): react_jsx_runtime.JSX.Element;
 
 type TerminalLine = {
     text: string;
@@ -305,6 +327,33 @@ interface FeatureShowcaseProps {
 }
 declare const FeatureShowcase: React$1.FC<FeatureShowcaseProps>;
 
+interface ListCardProps {
+    href: string;
+    title: string;
+    description: string;
+    tagline?: string;
+    thumbnail?: string;
+    tags?: string[];
+    meta?: {
+        date?: string;
+        author?: Author;
+    };
+    imageAlt?: string;
+    animationDelay?: number;
+    specialImageComponent?: boolean;
+    imageBgClass?: string;
+    imageDark?: string;
+    imageLight?: string;
+    children?: ReactNode;
+    footerSlot?: ReactNode;
+}
+/**
+ * ListCard Component
+ * Displays a card with optional image, title, description, meta, and tags
+ * Used for products, blog posts, and other list items
+ */
+declare function ListCard({ href, title, description, tagline, thumbnail, tags, meta, imageAlt, animationDelay, specialImageComponent, imageBgClass, children, imageDark, imageLight, footerSlot, }: ListCardProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Pattern Components
  */
@@ -318,6 +367,8 @@ type index_Feature = Feature;
 declare const index_FeatureShowcase: typeof FeatureShowcase;
 type index_FeatureShowcaseProps = FeatureShowcaseProps;
 declare const index_IndustryGrid: typeof IndustryGrid;
+declare const index_ListCard: typeof ListCard;
+type index_ListCardProps = ListCardProps;
 declare const index_PageHero: typeof PageHero;
 declare const index_ProcessSteps: typeof ProcessSteps;
 declare const index_ProductCard: typeof ProductCard;
@@ -334,7 +385,7 @@ declare const index_TerminalWindow: typeof TerminalWindow;
 type index_TerminalWindowProps = TerminalWindowProps;
 declare const index_VideoHero: typeof VideoHero;
 declare namespace index {
-  export { index_CTAButton as CTAButton, type index_CTAButtonProps as CTAButtonProps, index_CodeBlock as CodeBlock, type index_CodeBlockProps as CodeBlockProps, index_ContentPage as ContentPage, type index_Feature as Feature, index_FeatureShowcase as FeatureShowcase, type index_FeatureShowcaseProps as FeatureShowcaseProps, index_IndustryGrid as IndustryGrid, index_PageHero as PageHero, index_ProcessSteps as ProcessSteps, index_ProductCard as ProductCard, type index_ProductCardProps as ProductCardProps, index_ServiceSection as ServiceSection, index_StatBar as StatBar, index_TeamGrid as TeamGrid, index_TerminalChrome as TerminalChrome, type index_TerminalChromeProps as TerminalChromeProps, index_TerminalHero as TerminalHero, type index_TerminalHeroProps as TerminalHeroProps, type index_TerminalLine as TerminalLine, index_TerminalWindow as TerminalWindow, type index_TerminalWindowProps as TerminalWindowProps, index_VideoHero as VideoHero };
+  export { index_CTAButton as CTAButton, type index_CTAButtonProps as CTAButtonProps, index_CodeBlock as CodeBlock, type index_CodeBlockProps as CodeBlockProps, index_ContentPage as ContentPage, type index_Feature as Feature, index_FeatureShowcase as FeatureShowcase, type index_FeatureShowcaseProps as FeatureShowcaseProps, index_IndustryGrid as IndustryGrid, index_ListCard as ListCard, type index_ListCardProps as ListCardProps, index_PageHero as PageHero, index_ProcessSteps as ProcessSteps, index_ProductCard as ProductCard, type index_ProductCardProps as ProductCardProps, index_ServiceSection as ServiceSection, index_StatBar as StatBar, index_TeamGrid as TeamGrid, index_TerminalChrome as TerminalChrome, type index_TerminalChromeProps as TerminalChromeProps, index_TerminalHero as TerminalHero, type index_TerminalHeroProps as TerminalHeroProps, type index_TerminalLine as TerminalLine, index_TerminalWindow as TerminalWindow, type index_TerminalWindowProps as TerminalWindowProps, index_VideoHero as VideoHero };
 }
 
 /**
@@ -842,4 +893,4 @@ type Theme = 'light' | 'dark';
 type Alignment = 'left' | 'center' | 'right';
 type GridCols = 2 | 3 | 4;
 
-export { type Alignment, type BaseComponentProps, BeforeAfter, CTAButton, type CTAButtonProps, CaseStudyBreakdown, CodeBlock, type CodeBlockProps, type ColorToken, CompactContactForm, ContactForm, ContentPage, type DurationToken, type EasingToken, type Feature, FeatureShowcase, type FeatureShowcaseProps, FullWidthImage, type GridCols, ImageGrid, ImageGridModal, IndustryGrid, index$2 as Layout, type LinkLike, MainNav, PageHero, index as Patterns, ProblemStatement, ProcessSteps, ProcessTimeline, ProductCard, type ProductCardProps, RelatedProjects, type SectionPaddingToken, ServiceSection, SolutionSummary, type SpacingToken, StatBar, TeamCredits, TeamGrid, TerminalChrome, type TerminalChromeProps, TerminalHero, type TerminalHeroProps, type TerminalLine, TerminalWindow, type TerminalWindowProps, Testimonial, TextBlock, type Theme, ToastContainer as Toast, TopBanner, index$1 as UI, VideoHero, VideoSection, colors, durations, easings, sectionPadding, spacing };
+export { type Alignment, type Author, AuthorMeta, type AuthorMetaProps, type BaseComponentProps, BeforeAfter, CTAButton, type CTAButtonProps, CaseStudyBreakdown, CodeBlock, type CodeBlockProps, type ColorToken, CompactContactForm, ContactForm, ContentPage, type DurationToken, type EasingToken, type Feature, FeatureShowcase, type FeatureShowcaseProps, FullWidthImage, type GridCols, ImageGrid, ImageGridModal, IndustryGrid, index$2 as Layout, type LinkLike, ListCard, type ListCardProps, MainNav, PageHero, index as Patterns, ProblemStatement, ProcessSteps, ProcessTimeline, ProductCard, type ProductCardProps, RelatedProjects, type SectionPaddingToken, ServiceSection, SolutionSummary, type SpacingToken, StatBar, TeamCredits, TeamGrid, TerminalChrome, type TerminalChromeProps, TerminalHero, type TerminalHeroProps, type TerminalLine, TerminalWindow, type TerminalWindowProps, Testimonial, TextBlock, type Theme, ToastContainer as Toast, TopBanner, index$1 as UI, VideoHero, VideoSection, colors, durations, easings, sectionPadding, spacing };

package/dist/index.js

@@ -14,7 +14,11 @@ __export(layout_exports, {
   MainNav: () => MainNav,
   TopBanner: () => TopBanner
 });
-function MainNav({ currentPath, isPortfolioPage = false }) {
+function MainNav({
+  currentPath,
+  isPortfolioPage = false,
+  navLinks = []
+}) {
   const [theme, setTheme] = useState(() => {
     if (typeof document !== "undefined") {
       return document.documentElement.getAttribute("data-theme") || "light";
@@ -62,13 +66,6 @@ function MainNav({ currentPath, isPortfolioPage = false }) {
     document.documentElement.setAttribute("data-theme", newTheme);
     localStorage.setItem("theme", newTheme);
   }, [theme]);
-  const navLinks = [
-    { href: "/", label: "HOME" },
-    { href: "/about", label: "ABOUT" },
-    { href: "/services", label: "SERVICES" },
-    { href: "/products", label: "PRODUCTS" },
-    { href: "/contact", label: "CONTACT" }
-  ];
   const isActive = (href) => {
     if (href === "/") return currentPath === "/";
     return currentPath.startsWith(href);
@@ -170,7 +167,9 @@ function MainNav({ currentPath, isPortfolioPage = false }) {
                   "li",
                   {
                     className: `transition-all duration-300 ${isMenuOpen ? "translate-x-0 opacity-100" : "translate-x-8 opacity-0"} `,
-                    style: { transitionDelay: isMenuOpen ? `${index * 50 + 100}ms` : "0ms" },
+                    style: {
+                      transitionDelay: isMenuOpen ? `${index * 50 + 100}ms` : "0ms"
+                    },
                     children: /* @__PURE__ */ jsxs(
                       "a",
                       {
@@ -296,6 +295,7 @@ function TopBanner() {
 // src/components/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
+  AuthorMeta: () => AuthorMeta,
   Toast: () => ToastContainer
 });
 var icons = {
@@ -397,6 +397,30 @@ function ToastContainer() {
     }
   );
 }
+function AuthorMeta({ author, linkable = false }) {
+  const content = /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+    author.avatar && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: author.avatar,
+        alt: author.name,
+        className: "h-4 w-4 rounded-full object-cover"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { children: author.name })
+  ] });
+  if (linkable && author.url) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: author.url,
+        className: "flex items-center gap-1 transition-colors hover:text-[var(--color-primary)]",
+        children: content
+      }
+    );
+  }
+  return content;
+}
 
 // src/components/patterns/index.ts
 var patterns_exports = {};
@@ -406,6 +430,7 @@ __export(patterns_exports, {
   ContentPage: () => ContentPage,
   FeatureShowcase: () => FeatureShowcase,
   IndustryGrid: () => IndustryGrid,
+  ListCard: () => ListCard,
   PageHero: () => PageHero,
   ProcessSteps: () => ProcessSteps,
   ProductCard: () => ProductCard,
@@ -817,9 +842,14 @@ function IndustryGrid({ industries, title, cols = 3 }) {
     )) })
   ] }) });
 }
-function ContentPage({ title, subtitle, lastUpdated, children }) {
+function ContentPage({
+  title,
+  subtitle,
+  lastUpdated,
+  children
+}) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("section", { className: "pt-32 pb-12", children: /* @__PURE__ */ jsxs("div", { className: "container-xl container", children: [
+    /* @__PURE__ */ jsx("section", { className: "pt-32 pb-12", children: /* @__PURE__ */ jsxs("div", { className: "container-md container", children: [
       /* @__PURE__ */ jsx("h1", { className: "mb-4 text-4xl font-bold text-[var(--color-text-primary)] md:text-5xl", children: title }),
       subtitle && /* @__PURE__ */ jsx("h2", { className: "mb-2 text-xl text-[var(--color-text-secondary)]", children: subtitle }),
       lastUpdated && /* @__PURE__ */ jsxs("p", { className: "text-[var(--color-text-muted)]", children: [
@@ -827,7 +857,7 @@ function ContentPage({ title, subtitle, lastUpdated, children }) {
         lastUpdated
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx("section", { className: "py-12", children: /* @__PURE__ */ jsx("div", { className: "container-xl container", children: /* @__PURE__ */ jsx("div", { className: "prose prose-lg lg:max-w-3/4", children }) }) })
+    /* @__PURE__ */ jsx("section", { className: "py-12", children: /* @__PURE__ */ jsx("div", { className: "container-md container", children: /* @__PURE__ */ jsx("div", { className: "prose max-w-full", children }) }) })
   ] });
 }
 function useMultiLineTypewriter(lines, typingSpeed = 20, initialDelay = 800, isVisible = true) {
@@ -1361,6 +1391,87 @@ var FeatureShowcase = ({
     )) })
   ] }) });
 };
+function ListCard({
+  href,
+  title,
+  description,
+  tagline,
+  thumbnail,
+  tags,
+  meta,
+  imageAlt = "Card image",
+  animationDelay,
+  specialImageComponent = false,
+  imageBgClass = "bg-[var(--color-surface-muted)]",
+  children,
+  imageDark,
+  imageLight,
+  footerSlot
+}) {
+  const animationStyle = animationDelay ? { animationDelay: `${animationDelay}s` } : void 0;
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href,
+      className: "hero-animate group flex flex-col overflow-hidden rounded-lg border border-[var(--color-border)] bg-[var(--color-surface)] opacity-0 shadow-sm transition-all duration-300 hover:border-[var(--color-primary)] hover:shadow-lg",
+      style: animationStyle,
+      children: [
+        thumbnail && !specialImageComponent && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `relative aspect-video w-full overflow-hidden rounded-t-lg ${imageBgClass}`,
+            children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: thumbnail,
+                alt: imageAlt,
+                className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "relative flex aspect-video w-full items-center justify-center overflow-hidden rounded-t-lg bg-gradient-to-br from-[var(--color-dot-magenta)] via-[var(--color-dot-purple)] to-[var(--color-dot-turquoise)] p-12", children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: imageDark,
+              alt: title,
+              className: "dark-mode-hidden h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: imageLight,
+              alt: title,
+              className: "dark-mode-visible h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col p-6", children: [
+          meta && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs text-[var(--color-text-muted)]", children: [
+            meta.author && /* @__PURE__ */ jsx(AuthorMeta, { author: meta.author }),
+            meta.date && meta.author && /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+            meta.date && /* @__PURE__ */ jsx("span", { children: meta.date })
+          ] }),
+          /* @__PURE__ */ jsx("h3", { className: "font-heading mb-2 text-xl font-semibold text-[var(--color-text-primary)]", children: title }),
+          tagline && /* @__PURE__ */ jsx("p", { className: "mb-3 text-sm font-medium text-[var(--color-primary)]", children: tagline }),
+          /* @__PURE__ */ jsx("p", { className: "mb-4 flex-1 text-sm leading-relaxed text-[var(--color-text-secondary)]", children: description }),
+          tags && tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-wrap gap-2 pt-4", children: tags.map((tag) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "rounded-full border border-[var(--color-border)] bg-[var(--color-surface-muted)] px-3 py-1 text-xs font-medium text-[var(--color-text-secondary)]",
+              children: tag
+            },
+            tag
+          )) }),
+          children
+        ] }),
+        footerSlot
+      ]
+    }
+  );
+}
 function BeforeAfter({ data }) {
   const [sliderPosition, setSliderPosition] = useState(data.default_offset || 0.5);
   const [isDragging, setIsDragging] = useState(false);
@@ -3041,6 +3152,6 @@ var easings = {
   exit: "cubic-bezier(0.4, 0, 1, 1)"
 };
 
-export { BeforeAfter, CTAButton, CaseStudyBreakdown, CodeBlock, CompactContactForm, ContactForm, ContentPage, FeatureShowcase, FullWidthImage, ImageGrid, ImageGridModal, IndustryGrid, layout_exports as Layout, MainNav, PageHero, patterns_exports as Patterns, ProblemStatement, ProcessSteps, ProcessTimeline, ProductCard, RelatedProjects, ServiceSection, SolutionSummary, StatBar, TeamCredits, TeamGrid, TerminalChrome, TerminalHero, TerminalWindow, Testimonial, TextBlock, ToastContainer as Toast, TopBanner, ui_exports as UI, VideoHero, VideoSection, colors, durations, easings, sectionPadding, spacing };
+export { AuthorMeta, BeforeAfter, CTAButton, CaseStudyBreakdown, CodeBlock, CompactContactForm, ContactForm, ContentPage, FeatureShowcase, FullWidthImage, ImageGrid, ImageGridModal, IndustryGrid, layout_exports as Layout, ListCard, MainNav, PageHero, patterns_exports as Patterns, ProblemStatement, ProcessSteps, ProcessTimeline, ProductCard, RelatedProjects, ServiceSection, SolutionSummary, StatBar, TeamCredits, TeamGrid, TerminalChrome, TerminalHero, TerminalWindow, Testimonial, TextBlock, ToastContainer as Toast, TopBanner, ui_exports as UI, VideoHero, VideoSection, colors, durations, easings, sectionPadding, spacing };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map