@shipsite.dev/components 0.2.13 → 0.2.15

package/src/blog/BlogArticle.tsx

@@ -1,14 +1,24 @@
 import React from 'react';
+import { BlogArticleClient } from './BlogArticleClient';
+
+interface BlogArticleAuthor {
+  name: string;
+  role: string;
+  image: string;
+}
 
 interface BlogArticleProps {
   children: React.ReactNode;
   contentFolder?: string;
+  date?: string;
+  readingTime?: number;
+  author?: BlogArticleAuthor;
 }
 
-export function BlogArticle({ children }: BlogArticleProps) {
+export function BlogArticle({ children, author, date, readingTime }: BlogArticleProps) {
   return (
-    <article className="py-12 md:py-20">
-      <div className="container-main max-w-3xl">{children}</div>
-    </article>
+    <BlogArticleClient author={author} date={date} readingTime={readingTime}>
+      {children}
+    </BlogArticleClient>
   );
 }

package/src/blog/BlogArticleClient.tsx

@@ -0,0 +1,212 @@
+'use client';
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { cn } from '../lib/utils';
+
+interface TocItem {
+  id: string;
+  title: string;
+  level: number;
+}
+
+interface BlogArticleAuthor {
+  name: string;
+  role: string;
+  image: string;
+}
+
+interface BlogArticleClientProps {
+  children: React.ReactNode;
+  author?: BlogArticleAuthor;
+  date?: string;
+  readingTime?: number;
+}
+
+export function BlogArticleClient({
+  children,
+  author,
+  date,
+  readingTime,
+}: BlogArticleClientProps) {
+  const contentRef = useRef<HTMLDivElement>(null);
+  const [tocItems, setTocItems] = useState<TocItem[]>([]);
+  const [activeId, setActiveId] = useState('');
+  const [activeH2Id, setActiveH2Id] = useState('');
+
+  // Extract headings from rendered content
+  useEffect(() => {
+    const el = contentRef.current;
+    if (!el) return;
+    const rafId = requestAnimationFrame(() => {
+      const headings = el.querySelectorAll('h2, h3');
+      const items: TocItem[] = [];
+      headings.forEach((heading) => {
+        const title = heading.textContent?.trim() || '';
+        if (!title || heading.hasAttribute('data-toc-exclude')) return;
+        if (!heading.id) {
+          heading.id =
+            title
+              .toLowerCase()
+              .replace(/[^a-z0-9]+/g, '-')
+              .replace(/(^-|-$)/g, '') || '';
+        }
+        items.push({
+          id: heading.id,
+          title,
+          level: heading.tagName === 'H2' ? 2 : 3,
+        });
+      });
+      setTocItems(items);
+    });
+    return () => cancelAnimationFrame(rafId);
+  }, [children]);
+
+  // IntersectionObserver for active heading tracking
+  useEffect(() => {
+    const el = contentRef.current;
+    if (!el || tocItems.length === 0) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            const id = entry.target.id;
+            setActiveId(id);
+            const tocItem = tocItems.find((t) => t.id === id);
+            if (tocItem?.level === 2) {
+              setActiveH2Id(id);
+            } else if (tocItem?.level === 3) {
+              const idx = tocItems.indexOf(tocItem);
+              for (let i = idx - 1; i >= 0; i--) {
+                if (tocItems[i].level === 2) {
+                  setActiveH2Id(tocItems[i].id);
+                  break;
+                }
+              }
+            }
+          }
+        }
+      },
+      { rootMargin: '-80px 0px -60% 0px', threshold: 0.1 },
+    );
+    tocItems.forEach((item) => {
+      const h = document.getElementById(item.id);
+      if (h) observer.observe(h);
+    });
+    return () => observer.disconnect();
+  }, [tocItems]);
+
+  // Smooth scroll to heading
+  const scrollToHeading = useCallback((id: string) => {
+    const el = document.getElementById(id);
+    if (el) {
+      const top = el.getBoundingClientRect().top + window.scrollY - 100;
+      window.scrollTo({ top, behavior: 'smooth' });
+    }
+  }, []);
+
+  const formattedDate = date
+    ? new Date(date + 'T00:00:00').toLocaleDateString(undefined, {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+      })
+    : '';
+
+  return (
+    <article className="py-12 md:py-20">
+      <div className="mx-auto w-full max-w-[76rem] px-[clamp(1rem,3vw,3rem)]">
+        <div className="flex gap-10 lg:gap-16">
+          {/* Main content */}
+          <div ref={contentRef} className="blog-content min-w-0 flex-1 max-w-3xl">
+            {children}
+          </div>
+
+          {/* Sidebar */}
+          <aside className="hidden lg:block w-64 shrink-0">
+            <div className="sticky top-24 flex flex-col gap-6">
+              {/* TOC */}
+              {tocItems.length > 0 && (
+                <nav>
+                  <ul className="flex flex-col">
+                    {tocItems.map((item) => {
+                      const isActive = activeId === item.id;
+                      if (item.level === 3) {
+                        const idx = tocItems.indexOf(item);
+                        let parentH2Id = '';
+                        for (let i = idx - 1; i >= 0; i--) {
+                          if (tocItems[i].level === 2) {
+                            parentH2Id = tocItems[i].id;
+                            break;
+                          }
+                        }
+                        if (parentH2Id !== activeH2Id) return null;
+                      }
+                      return (
+                        <li key={item.id} className={item.level === 3 ? 'pl-3' : ''}>
+                          <button
+                            onClick={() => scrollToHeading(item.id)}
+                            className={cn(
+                              'my-0.5 flex items-center gap-2 w-full cursor-pointer text-left',
+                              isActive
+                                ? 'text-foreground font-medium'
+                                : 'text-muted-foreground hover:text-foreground',
+                            )}
+                          >
+                            <span
+                              className={cn(
+                                'w-3 h-px shrink-0 transition-colors',
+                                isActive ? 'bg-primary' : 'bg-border',
+                              )}
+                            />
+                            <span className="text-sm leading-snug line-clamp-1">
+                              {item.title}
+                            </span>
+                          </button>
+                        </li>
+                      );
+                    })}
+                  </ul>
+                </nav>
+              )}
+
+              {/* Author */}
+              {author && (
+                <>
+                  {tocItems.length > 0 && <hr className="border-border" />}
+                  <div className="flex flex-col gap-3">
+                    {author.image && (
+                      <img
+                        src={author.image}
+                        alt={author.name}
+                        className="w-12 h-12 rounded-full object-cover"
+                      />
+                    )}
+                    <div>
+                      <p className="text-sm font-medium text-foreground">{author.name}</p>
+                      {author.role && (
+                        <p className="text-xs text-muted-foreground">{author.role}</p>
+                      )}
+                    </div>
+                  </div>
+                </>
+              )}
+
+              {/* Meta */}
+              {(formattedDate || readingTime) && (
+                <>
+                  {(tocItems.length > 0 || author) && !author && (
+                    <hr className="border-border" />
+                  )}
+                  <div className="flex flex-col gap-1 text-xs text-muted-foreground">
+                    {formattedDate && <span>{formattedDate}</span>}
+                    {readingTime ? <span>{readingTime} min read</span> : null}
+                  </div>
+                </>
+              )}
+            </div>
+          </aside>
+        </div>
+      </div>
+    </article>
+  );
+}

package/src/{legal/LegalPage.tsx → content/ContentPage.tsx}

@@ -1,11 +1,11 @@
 import React from 'react';
 
-interface LegalSectionProps {
+interface ContentSectionProps {
   title: string;
   children: React.ReactNode;
 }
 
-export function LegalSection({ title, children }: LegalSectionProps) {
+export function ContentSection({ title, children }: ContentSectionProps) {
   return (
     <div className="mb-8">
       <h2 className="text-xl font-bold text-foreground mb-4">{title}</h2>
@@ -16,13 +16,13 @@ export function LegalSection({ title, children }: LegalSectionProps) {
   );
 }
 
-interface LegalPageProps {
+interface ContentPageProps {
   title: string;
   lastUpdated?: string;
   children: React.ReactNode;
 }
 
-export function LegalPage({ title, lastUpdated, children }: LegalPageProps) {
+export function ContentPage({ title, lastUpdated, children }: ContentPageProps) {
   return (
     <section className="py-12 md:py-20">
       <div className="container-main max-w-3xl">

package/src/index.ts

@@ -51,13 +51,6 @@ export { TabsSection, TabItem } from './marketing/TabsSection';
 // Blog
 export { BlogArticle } from './blog/BlogArticle';
 export { BlogIndex } from './blog/BlogIndex';
-export { BlogCTA } from './blog/BlogCTA';
-export { BlogCTABanner } from './blog/BlogCTABanner';
-export { BlogFAQ } from './blog/BlogFAQ';
-export { BlogIntro } from './blog/BlogIntro';
-export { BlogTable } from './blog/BlogTable';
-export { BlogTip } from './blog/BlogTip';
-export { StartFreeNowCTA } from './blog/StartFreeNowCTA';
 
 // UI primitives
 export {
@@ -71,5 +64,8 @@ export {
   TableCaption,
 } from './ui/table';
 
-// Legal
-export { LegalPage, LegalSection } from './legal/LegalPage';
+// Prose (Markdown element overrides)
+export { ProseH2, ProseH3, ProseH4, ProseP, ProseA, ProseUl, ProseOl, ProseLi, ProseBlockquote, ProsePre, ProseCode, ProseHr, ProseImg } from './ui/prose';
+
+// Content
+export { ContentPage, ContentSection } from './content/ContentPage';

package/src/marketing/CalloutCard.tsx

@@ -10,16 +10,18 @@ interface CalloutCardProps {
 
 export function CalloutCard({ title, description, variant = 'info', children }: CalloutCardProps) {
   const variantStyles = {
-    info: 'bg-primary/5 border-primary/20',
-    success: 'bg-emerald-50 border-emerald-200',
-    warning: 'bg-amber-50 border-amber-200',
+    info: 'bg-primary/5 border-primary/20 dark:bg-primary/10',
+    success: 'bg-emerald-500/10 border-emerald-500/20',
+    warning: 'bg-amber-500/10 border-amber-500/20',
   };
 
   return (
-    <div className={cn('rounded-xl border p-6 my-8', variantStyles[variant])}>
+    <div className={cn('mx-auto w-full max-w-[76rem] px-[clamp(1rem,3vw,3rem)] my-8')}>
+    <div className={cn('rounded-xl border p-6', variantStyles[variant])}>
       <h3 className="font-semibold text-foreground mb-2">{title}</h3>
       <p className="text-sm text-muted-foreground">{description}</p>
       {children}
     </div>
+    </div>
   );
 }

package/src/marketing/CardGrid.tsx

@@ -10,9 +10,9 @@ interface CardGridItemProps {
 export function CardGridItem({ title, description, icon, href }: CardGridItemProps) {
   const Wrapper = href ? 'a' : 'div';
   return (
-    <Wrapper {...(href ? { href } : {})} className="block p-6 rounded-xl glass-1 hover:glass-2 transition-all">
+    <Wrapper {...(href ? { href } : {})} className="block p-6 rounded-xl glass-1 hover:glass-2 transition-all focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring">
       {icon && <div className="mb-3 text-primary">{icon}</div>}
-      <h3 className="font-semibold text-foreground mb-2">{title}</h3>
+      <h3 className="font-semibold tracking-tight text-foreground mb-2">{title}</h3>
       <p className="text-sm text-muted-foreground">{description}</p>
     </Wrapper>
   );
@@ -25,5 +25,9 @@ interface CardGridProps {
 
 export function CardGrid({ columns = 3, children }: CardGridProps) {
   const gridCols = { 2: 'md:grid-cols-2', 3: 'md:grid-cols-3', 4: 'md:grid-cols-2 lg:grid-cols-4' };
-  return <div className={`grid grid-cols-1 ${gridCols[columns]} gap-6 py-8`}>{children}</div>;
+  return (
+    <div className="mx-auto w-full max-w-[76rem] px-[clamp(1rem,3vw,3rem)] py-8">
+      <div className={`grid grid-cols-1 ${gridCols[columns]} gap-6`}>{children}</div>
+    </div>
+  );
 }

package/src/ui/prose.tsx

@@ -0,0 +1,201 @@
+import * as React from "react";
+
+import { cn } from "../lib/utils";
+
+const container = "prose-container mx-auto w-full max-w-[76rem] px-[clamp(1rem,3vw,3rem)]";
+
+function ProseH2({ className, ...props }: React.ComponentProps<"h2">) {
+  return (
+    <h2
+      data-slot="prose-h2"
+      className={cn(
+        container,
+        "mt-10 mb-4 text-[clamp(1.375rem,1.1rem+1.2vw,2.25rem)] font-semibold tracking-tight",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseH3({ className, ...props }: React.ComponentProps<"h3">) {
+  return (
+    <h3
+      data-slot="prose-h3"
+      className={cn(
+        container,
+        "mt-6 mb-3 text-[clamp(1.125rem,1rem+0.6vw,1.5rem)] font-semibold tracking-tight",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseH4({ className, ...props }: React.ComponentProps<"h4">) {
+  return (
+    <h4
+      data-slot="prose-h4"
+      className={cn(
+        container,
+        "mt-4 mb-2 text-lg font-semibold",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseP({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="prose-p"
+      className={cn(
+        container,
+        "my-2 text-base leading-relaxed",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseA({ className, ...props }: React.ComponentProps<"a">) {
+  return (
+    <a
+      data-slot="prose-a"
+      className={cn(
+        "text-primary font-medium underline hover:no-underline",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseUl({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="prose-ul"
+      className={cn(
+        container,
+        "my-3 list-disc pl-7 [&_ul]:my-1 [&_ul]:max-w-none [&_ul]:px-0 [&_ol]:my-1 [&_ol]:max-w-none [&_ol]:px-0",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseOl({ className, ...props }: React.ComponentProps<"ol">) {
+  return (
+    <ol
+      data-slot="prose-ol"
+      className={cn(
+        container,
+        "my-3 list-decimal pl-7 [&_ul]:my-1 [&_ul]:max-w-none [&_ul]:px-0 [&_ol]:my-1 [&_ol]:max-w-none [&_ol]:px-0",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseLi({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="prose-li"
+      className={cn("mt-1 leading-relaxed", className)}
+      {...props}
+    />
+  );
+}
+
+function ProseBlockquote({ className, ...props }: React.ComponentProps<"blockquote">) {
+  return (
+    <div className={container}>
+      <blockquote
+        data-slot="prose-blockquote"
+        className={cn(
+          "my-6 rounded-xl border-l-4 border-primary bg-muted/50 px-6 py-4 [&>p]:max-w-none [&>p]:px-0 [&>p]:my-1",
+          className,
+        )}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function ProsePre({ className, ...props }: React.ComponentProps<"pre">) {
+  return (
+    <div className={container}>
+      <pre
+        data-slot="prose-pre"
+        className={cn(
+          "my-6 overflow-x-auto rounded-xl border border-border bg-card p-4 shadow-sm",
+          className,
+        )}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function ProseCode({ className, ...props }: React.ComponentProps<"code">) {
+  return (
+    <code
+      data-slot="prose-code"
+      className={cn(
+        "rounded-md bg-muted px-1.5 py-0.5 font-mono text-[0.875em] [[data-slot=prose-pre]_&]:bg-transparent [[data-slot=prose-pre]_&]:p-0",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseHr({ className, ...props }: React.ComponentProps<"hr">) {
+  return (
+    <hr
+      data-slot="prose-hr"
+      className={cn(
+        container,
+        "my-8 border-border",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ProseImg({ className, alt, ...props }: React.ComponentProps<"img">) {
+  return (
+    <div className={container}>
+      <img
+        data-slot="prose-img"
+        className={cn(
+          "my-6 rounded-xl border border-border shadow-sm",
+          className,
+        )}
+        alt={alt}
+        {...props}
+      />
+    </div>
+  );
+}
+
+export {
+  ProseH2,
+  ProseH3,
+  ProseH4,
+  ProseP,
+  ProseA,
+  ProseUl,
+  ProseOl,
+  ProseLi,
+  ProseBlockquote,
+  ProsePre,
+  ProseCode,
+  ProseHr,
+  ProseImg,
+};

package/src/ui/table.tsx

@@ -4,7 +4,7 @@ import { cn } from "../lib/utils";
 
 function Table({ className, ...props }: React.ComponentProps<"table">) {
   return (
-    <div data-slot="table-container" className="my-8 mx-auto w-full max-w-[76rem] px-[clamp(1rem,3vw,3rem)] overflow-x-auto">
+    <div data-slot="table-container" className="prose-container my-8 mx-auto w-full max-w-[76rem] px-[clamp(1rem,3vw,3rem)] overflow-x-auto">
       <div className="rounded-xl border border-border bg-card shadow-sm">
         <table
           data-slot="table"

package/dist/blog/BlogCTA.d.ts

@@ -1,8 +0,0 @@
-interface BlogCTAProps {
-    title: string;
-    buttonText: string;
-    buttonHref: string;
-}
-export declare function BlogCTA({ title, buttonText, buttonHref }: BlogCTAProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BlogCTA.d.ts.map

package/dist/blog/BlogCTA.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogCTA.d.ts","sourceRoot":"","sources":["../../src/blog/BlogCTA.tsx"],"names":[],"mappings":"AAGA,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,YAAY,2CAStE"}

package/dist/blog/BlogCTA.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../ui/button';
-export function BlogCTA({ title, buttonText, buttonHref }) {
-    return (_jsxs("div", { className: "my-10 p-8 rounded-2xl glass-1 text-center", children: [_jsx("h3", { className: "text-xl font-bold text-foreground mb-4", children: title }), _jsx(Button, { asChild: true, children: _jsx("a", { href: buttonHref, children: buttonText }) })] }));
-}
-//# sourceMappingURL=BlogCTA.js.map

package/dist/blog/BlogCTA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogCTA.js","sourceRoot":"","sources":["../../src/blog/BlogCTA.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAQtC,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAgB;IACrE,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACxD,aAAI,SAAS,EAAC,wCAAwC,YAAE,KAAK,GAAM,EACnE,KAAC,MAAM,IAAC,OAAO,kBACb,YAAG,IAAI,EAAE,UAAU,YAAG,UAAU,GAAK,GAC9B,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/blog/BlogCTABanner.d.ts

@@ -1,9 +0,0 @@
-interface BlogCTABannerProps {
-    title: string;
-    description: string;
-    buttonText: string;
-    buttonLink: string;
-}
-export declare function BlogCTABanner({ title, description, buttonText, buttonLink }: BlogCTABannerProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BlogCTABanner.d.ts.map

package/dist/blog/BlogCTABanner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogCTABanner.d.ts","sourceRoot":"","sources":["../../src/blog/BlogCTABanner.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CAa/F"}

package/dist/blog/BlogCTABanner.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../ui/button';
-import Glow from '../ui/glow';
-export function BlogCTABanner({ title, description, buttonText, buttonLink }) {
-    return (_jsxs("div", { className: "my-12 rounded-2xl glass-4 p-10 text-center relative overflow-hidden", children: [_jsx(Glow, { variant: "center" }), _jsxs("div", { className: "relative z-10", children: [_jsx("h3", { className: "text-2xl font-bold text-foreground mb-3", children: title }), _jsx("p", { className: "text-muted-foreground mb-6 max-w-lg mx-auto", children: description }), _jsx(Button, { asChild: true, children: _jsx("a", { href: buttonLink, children: buttonText }) })] })] }));
-}
-//# sourceMappingURL=BlogCTABanner.js.map

package/dist/blog/BlogCTABanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogCTABanner.js","sourceRoot":"","sources":["../../src/blog/BlogCTABanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,YAAY,CAAC;AAS9B,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAsB;IAC9F,OAAO,CACL,eAAK,SAAS,EAAC,qEAAqE,aAClF,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,GAAG,EACzB,eAAK,SAAS,EAAC,eAAe,aAC5B,aAAI,SAAS,EAAC,yCAAyC,YAAE,KAAK,GAAM,EACpE,YAAG,SAAS,EAAC,6CAA6C,YAAE,WAAW,GAAK,EAC5E,KAAC,MAAM,IAAC,OAAO,kBACb,YAAG,IAAI,EAAE,UAAU,YAAG,UAAU,GAAK,GAC9B,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/blog/BlogFAQ.d.ts

@@ -1,10 +0,0 @@
-interface BlogFAQProps {
-    title: string;
-    items: Array<{
-        question: string;
-        answer: string;
-    }>;
-}
-export declare function BlogFAQ({ title, items }: BlogFAQProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BlogFAQ.d.ts.map

package/dist/blog/BlogFAQ.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogFAQ.d.ts","sourceRoot":"","sources":["../../src/blog/BlogFAQ.tsx"],"names":[],"mappings":"AAUA,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,2CAgBrD"}

package/dist/blog/BlogFAQ.js

@@ -1,7 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from '../ui/accordion';
-export function BlogFAQ({ title, items }) {
-    return (_jsxs("div", { className: "my-12", children: [_jsx("h2", { className: "text-2xl font-bold text-foreground mb-6", children: title }), _jsx(Accordion, { type: "single", collapsible: true, children: items.map((item, i) => (_jsxs(AccordionItem, { value: `faq-${i}`, children: [_jsx(AccordionTrigger, { children: item.question }), _jsx(AccordionContent, { children: _jsx("div", { className: "text-muted-foreground leading-relaxed", children: item.answer }) })] }, i))) })] }));
-}
-//# sourceMappingURL=BlogFAQ.js.map

package/dist/blog/BlogFAQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogFAQ.js","sourceRoot":"","sources":["../../src/blog/BlogFAQ.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAgB;IACpD,OAAO,CACL,eAAK,SAAS,EAAC,OAAO,aACpB,aAAI,SAAS,EAAC,yCAAyC,YAAE,KAAK,GAAM,EACpE,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,kBACjC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,MAAC,aAAa,IAAS,KAAK,EAAE,OAAO,CAAC,EAAE,aACtC,KAAC,gBAAgB,cAAE,IAAI,CAAC,QAAQ,GAAoB,EACpD,KAAC,gBAAgB,cACf,cAAK,SAAS,EAAC,uCAAuC,YAAE,IAAI,CAAC,MAAM,GAAO,GACzD,KAJD,CAAC,CAKL,CACjB,CAAC,GACQ,IACR,CACP,CAAC;AACJ,CAAC"}

package/dist/blog/BlogIntro.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare function BlogIntro({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BlogIntro.d.ts.map

package/dist/blog/BlogIntro.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogIntro.d.ts","sourceRoot":"","sources":["../../src/blog/BlogIntro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAMpE"}

package/dist/blog/BlogIntro.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function BlogIntro({ children }) {
-    return (_jsx("div", { className: "text-lg text-muted-foreground leading-relaxed mb-8 [&>p]:mb-4", children: children }));
-}
-//# sourceMappingURL=BlogIntro.js.map

package/dist/blog/BlogIntro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogIntro.js","sourceRoot":"","sources":["../../src/blog/BlogIntro.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAiC;IACnE,OAAO,CACL,cAAK,SAAS,EAAC,+DAA+D,YAC3E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/blog/BlogTable.d.ts

@@ -1,7 +0,0 @@
-interface BlogTableProps {
-    headers: string[];
-    rows: string[][];
-}
-export declare function BlogTable({ headers, rows }: BlogTableProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BlogTable.d.ts.map

package/dist/blog/BlogTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlogTable.d.ts","sourceRoot":"","sources":["../../src/blog/BlogTable.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,cAAc,2CAmB1D"}