@contentgrowth/content-widget 1.3.1 → 1.3.3

package/README.md

@@ -268,6 +268,37 @@ const widget = new ContentGrowthWidget(container, {
 />
 ```
 
+**FeaturedCard:**
+
+A compact card displaying the Featured Summary with customizable styling. Perfect for landing pages.
+
+```astro
+<FeaturedCard
+  apiKey="pk_your_key_here"
+  category="announce"
+  linkPattern="/articles/{slug}"
+  layout="horizontal"
+  borderStyle="dashed"
+  itemsBackground="#f3f4f6"
+  ctaText="Read full story"
+/>
+```
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `apiKey` | string | - | Your API key |
+| `category` | string | - | Filter by category |
+| `tags` | string[] | [] | Filter by tags |
+| `layout` | 'vertical' \| 'horizontal' | auto | Card layout (auto uses article setting) |
+| `borderStyle` | 'none' \| 'line' \| 'dashed' | 'none' | Card border style |
+| `borderColor` | string | '#e5e7eb' | Border color (CSS value) |
+| `cardBackground` | string | 'none' | Card background ('none' = transparent) |
+| `itemsBackground` | string | '#f3f4f6' | Background for list/quote section |
+| `ctaText` | string | 'Read full story' | Call-to-action text |
+| `showAuthor` | boolean | false | Show author name |
+| `showReadingTime` | boolean | false | Show reading time |
+| `linkPattern` | string | '/articles/{slug}' | URL pattern for link |
+
 ## API Client
 
 ### ContentGrowthClient

package/dist/astro/FeaturedCard.astro

@@ -0,0 +1,188 @@
+---
+import { marked } from 'marked';
+import { ContentGrowthClient } from '../core/client';
+import type { FeaturedContentProps } from '../types';
+
+interface FeaturedCardProps extends Omit<FeaturedContentProps, 'showBackButton' | 'backUrl'> {
+  /**
+   * URL pattern for the article link
+   * Supports placeholders: {uuid}, {slug}, {category}
+   * @default '/articles/{slug}'
+   */
+  linkPattern?: string;
+  
+  /**
+   * Show reading time
+   * @default false
+   */
+  showReadingTime?: boolean;
+
+  /**
+   * Show author
+   * @default false
+   */
+  showAuthor?: boolean;
+
+  /**
+   * Text for the Call to Action link
+   * @default "Read full story"
+   */
+  ctaText?: string;
+
+  /**
+   * Layout override (defaults to article settings)
+   */
+  layout?: 'vertical' | 'horizontal';
+
+  /**
+   * Border style
+   * @default 'none'
+   */
+  borderStyle?: 'none' | 'line' | 'dashed';
+
+  /**
+   * Border color (CSS color value)
+   * @default '#e5e7eb'
+   */
+  borderColor?: string;
+
+  /**
+   * Card background color (CSS color value, 'none' for transparent)
+   * @default 'none'
+   */
+  cardBackground?: string;
+
+  /**
+   * Background color for list/quote section (the items area)
+   * @default '#f3f4f6'
+   */
+  itemsBackground?: string;
+}
+
+type Props = FeaturedCardProps & { class?: string };
+
+const {
+  apiKey,
+  baseUrl,
+  tags = [],
+  category,
+  excludeTags = [],
+  showCategory = true,
+  showReadingTime = false,
+  showAuthor = false,
+  ctaText = 'Read full story',
+  linkPattern = '/articles/{slug}',
+  layout: propLayout,
+  borderStyle = 'none',
+  borderColor = '#e5e7eb',
+  cardBackground = 'none',
+  itemsBackground = '#f3f4f6',
+  class: className = ''
+} = Astro.props;
+
+// Fetch featured article
+const client = new ContentGrowthClient({ apiKey, baseUrl });
+let article = null;
+let error = null;
+
+try {
+  article = await client.getFeaturedArticle({
+    tags,
+    category,
+    excludeTags
+  });
+} catch (e) {
+  // If 404, article remains null
+  console.error('Failed to fetch featured article:', e);
+  error = e instanceof Error ? e.message : 'Failed to load featured article';
+}
+
+// Generate article URL
+const getArticleUrl = (article: any) => {
+  if (!article) return '#';
+  return linkPattern
+    .replace('{uuid}', article.uuid || '')
+    .replace('{slug}', article.slug || article.uuid || '')
+    .replace('{category}', article.category || 'uncategorized');
+};
+
+// Render featured summary (or fallback to regular summary) as HTML
+const getSummaryHtml = (article: any) => {
+  const summaryText = article.featuredSummary || article.summary;
+  if (!summaryText) return '';
+  return marked.parse(summaryText, { async: false }) as string;
+};
+
+const layout = propLayout || article?.featuredSummaryLayout || 'standard';
+const layoutClass = layout !== 'standard' ? `cg-layout-${layout}` : '';
+const borderClass = borderStyle !== 'none' ? `cg-border-${borderStyle}` : '';
+
+// Custom CSS properties for styling
+const customStyles = [
+  borderColor !== '#e5e7eb' ? `--cg-card-border-color: ${borderColor}` : '',
+  cardBackground !== 'none' ? `--cg-card-bg: ${cardBackground}` : '',
+  itemsBackground !== '#f3f4f6' ? `--cg-items-bg: ${itemsBackground}` : '',
+].filter(Boolean).join('; ');
+---
+
+{article ? (
+  <a 
+    href={getArticleUrl(article)} 
+    class={`cg-widget cg-featured-card ${className} ${layoutClass} ${borderClass}`}
+    style={customStyles || undefined}
+    data-cg-widget="featured-card"
+  >
+    <article class="cg-featured-card-inner">
+      {/* Header with category badge */}
+      {showCategory && article.category && (
+        <div class="cg-featured-card-category">
+          <span class="cg-category-badge">{article.category}</span>
+        </div>
+      )}
+      
+      {/* Title */}
+      <h3 class="cg-featured-card-title">{article.title}</h3>
+      
+      {/* Featured Summary */}
+      {(article.featuredSummary || article.summary) && (
+        <div 
+          class="cg-featured-card-summary"
+          set:html={getSummaryHtml(article)}
+        />
+      )}
+      
+      {/* Footer with meta info */}
+      {(showAuthor || showReadingTime) && (
+        <div class="cg-featured-card-footer">
+          {showAuthor && <span class="cg-featured-card-author">{article.authorName}</span>}
+          
+          {showAuthor && showReadingTime && (
+            <span class="cg-featured-card-separator">•</span>
+          )}
+          
+          {showReadingTime && (
+            <span class="cg-featured-card-reading-time">
+              {Math.ceil(article.wordCount / 200)} min read
+            </span>
+          )}
+        </div>
+      )}
+      
+      {/* Read more indicator */}
+      <div class="cg-featured-card-cta">
+        <span>{ctaText}</span>
+        <svg class="cg-featured-card-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="16" height="16">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+        </svg>
+      </div>
+    </article>
+  </a>
+) : (
+  error ? (
+    <div class={`cg-widget cg-error ${className}`}>
+      {error}
+    </div>
+  ) : null
+)}
+
+

package/dist/astro/FeaturedContent.astro

@@ -39,45 +39,49 @@ const contentHtml = article ? marked(article.content) : '';
 ---
 
 {article ? (
-  <div class={`cg-widget cg-content-viewer ${className}`}>
-    <article class="cg-article">
-      {showCategory && article.category && (
-        <div class="cg-article-category">{article.category}</div>
-      )}
-      
-      <h1 class="cg-article-title">{article.title}</h1>
-      
-      <div class="cg-article-meta">
-        <span class="cg-author">{article.authorName}</span>
-        <span class="cg-date">
-          {new Date(article.publishedAt * 1000).toLocaleDateString()}
-        </span>
-        <span class="cg-read-time">
-          {Math.ceil(article.wordCount / 200)} min read
-        </span>
-      </div>
-
-      {showAiSummary && article.summary && (
-        <div class="cg-ai-summary">
-          <div class="cg-ai-label">AI Summary</div>
-          <p>{article.summary}</p>
+  <div class={`cg-content-viewer ${className}`} data-cg-widget="post">
+    <article>
+      <header class="cg-content-header">
+        {showCategory && article.category && (
+          <div class="cg-content-category">
+            <span class="cg-category-badge">{article.category}</span>
+          </div>
+        )}
+        
+        <h1 class="cg-content-title">{article.title}</h1>
+        
+        {showAiSummary && article.summary && (
+          <div class="cg-ai-summary">
+            <div class="cg-ai-summary-header">
+              <svg class="cg-ai-summary-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+              </svg>
+              <span class="cg-ai-summary-label">AI Generated Summary</span>
+            </div>
+            <p class="cg-ai-summary-text">{article.summary}</p>
+          </div>
+        )}
+        
+        <div class="cg-content-meta">
+          <span class="cg-info-author">{article.authorName}</span>
+          <span class="cg-info-separator">•</span>
+          <time class="cg-info-date" datetime={new Date(article.publishedAt * 1000).toISOString()}>
+            {new Date(article.publishedAt * 1000).toLocaleDateString()}
+          </time>
+          <span class="cg-info-separator">•</span>
+          <span class="cg-info-reading-time">{Math.ceil(article.wordCount / 200)} min read</span>
         </div>
-      )}
-
-      {/* Content */}
-      <div 
-        class="cg-article-content"
-        set:html={contentHtml}
-      />
+        
+        {showTags && article.tags && article.tags.length > 0 && (
+          <div class="cg-content-tags">
+            {article.tags.map((tag: string) => (
+              <span class="cg-tag">{tag}</span>
+            ))}
+          </div>
+        )}
+      </header>
 
-      {/* Tags */}
-      {showTags && article.tags && article.tags.length > 0 && (
-        <div class="cg-article-tags">
-          {article.tags.map((tag: string) => (
-            <span class="cg-tag">#{tag}</span>
-          ))}
-        </div>
-      )}
+      <div class="cg-content-body" set:html={contentHtml} />
     </article>
   </div>
 ) : (

package/dist/react/FeaturedCard.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import type { FeaturedContentProps } from '../types';
+interface FeaturedCardProps extends Omit<FeaturedContentProps, 'showBackButton' | 'backUrl' | 'showAiSummary' | 'showTags'> {
+    /**
+     * URL pattern for the article link
+     * Supports placeholders: {uuid}, {slug}, {category}
+     * @default '/articles/{slug}'
+     */
+    linkPattern?: string;
+    /**
+     * Show reading time
+     * @default false
+     */
+    showReadingTime?: boolean;
+    /**
+     * Show author
+     * @default false
+     */
+    showAuthor?: boolean;
+    /**
+     * Text for the Call to Action link
+     * @default "Read full story"
+     */
+    ctaText?: string;
+    /**
+     * Link target attribute
+     * @default undefined (same tab)
+     */
+    linkTarget?: string;
+    /**
+     * Layout override
+     */
+    layout?: 'vertical' | 'horizontal';
+    /**
+     * Border style
+     * @default 'none'
+     */
+    borderStyle?: 'none' | 'line' | 'dashed';
+    /**
+     * Border color (CSS color value)
+     * @default '#e5e7eb'
+     */
+    borderColor?: string;
+    /**
+     * Card background color (CSS color value, 'none' for transparent)
+     * @default 'none'
+     */
+    cardBackground?: string;
+    /**
+     * Background color for list/quote section (the items area)
+     * @default '#f3f4f6'
+     */
+    itemsBackground?: string;
+}
+export declare const FeaturedCard: React.FC<FeaturedCardProps>;
+export {};
+//# sourceMappingURL=FeaturedCard.d.ts.map

package/dist/react/FeaturedCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedCard.d.ts","sourceRoot":"","sources":["../../src/react/FeaturedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,oBAAoB,EAAsB,MAAM,UAAU,CAAC;AAEzE,UAAU,iBAAkB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,SAAS,GAAG,eAAe,GAAG,UAAU,CAAC;IACvH;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAEnC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEzC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2IpD,CAAC"}

package/dist/react/FeaturedCard.js

@@ -0,0 +1,78 @@
+import React, { useEffect, useState } from 'react';
+import { marked } from 'marked';
+import { ContentGrowthClient } from '../core/client';
+export const FeaturedCard = ({ apiKey, baseUrl, tags = [], category, excludeTags = [], showCategory = true, showReadingTime = false, showAuthor = false, ctaText = 'Read full story', linkPattern = '/articles/{slug}', linkTarget, layout: propLayout, borderStyle = 'none', borderColor = '#e5e7eb', cardBackground = 'none', itemsBackground = '#f3f4f6', className = '' }) => {
+    const [article, setArticle] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        const fetchArticle = async () => {
+            setLoading(true);
+            try {
+                const client = new ContentGrowthClient({ apiKey, baseUrl });
+                const fetchedArticle = await client.getFeaturedArticle({
+                    tags,
+                    category,
+                    excludeTags
+                });
+                setArticle(fetchedArticle);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : 'Failed to load featured article');
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        fetchArticle();
+    }, [apiKey, baseUrl, category, JSON.stringify(tags), JSON.stringify(excludeTags)]);
+    // Generate article URL
+    const getArticleUrl = (article) => {
+        return linkPattern
+            .replace('{uuid}', article.uuid || '')
+            .replace('{slug}', article.slug || article.uuid || '')
+            .replace('{category}', article.category || 'uncategorized');
+    };
+    // Render featured summary (or fallback to regular summary) as HTML
+    const getSummaryHtml = (article) => {
+        const summaryText = article.featuredSummary || article.summary;
+        if (!summaryText)
+            return '';
+        return marked.parse(summaryText, { async: false });
+    };
+    if (loading) {
+        return (React.createElement("div", { className: `cg-widget cg-loading ${className}` },
+            React.createElement("div", { className: "cg-spinner" })));
+    }
+    if (error || !article) {
+        return (React.createElement("div", { className: `cg-widget cg-error ${className}` }, error || 'No featured content found'));
+    }
+    const summaryHtml = getSummaryHtml(article);
+    // Explicitly use any to access dynamic properties until types are fully updated
+    const layout = propLayout || article.featuredSummaryLayout || 'standard';
+    const readingTime = Math.ceil(article.wordCount / 200);
+    const borderClass = borderStyle !== 'none' ? `cg-border-${borderStyle}` : '';
+    const customStyles = {};
+    if (borderColor !== '#e5e7eb')
+        customStyles['--cg-card-border-color'] = borderColor;
+    if (cardBackground !== 'none')
+        customStyles['--cg-card-bg'] = cardBackground;
+    if (itemsBackground !== '#f3f4f6')
+        customStyles['--cg-items-bg'] = itemsBackground;
+    return (React.createElement("a", { href: getArticleUrl(article), className: `cg-widget cg-featured-card ${className} ${layout !== 'standard' ? `cg-layout-${layout}` : ''} ${borderClass}`, style: Object.keys(customStyles).length > 0 ? customStyles : undefined, "data-cg-widget": "featured-card", target: linkTarget, rel: linkTarget === '_blank' ? 'noopener noreferrer' : undefined },
+        React.createElement("article", { className: "cg-featured-card-inner" },
+            showCategory && article.category && (React.createElement("div", { className: "cg-featured-card-category" },
+                React.createElement("span", { className: "cg-category-badge" }, article.category))),
+            React.createElement("h3", { className: "cg-featured-card-title" }, article.title),
+            summaryHtml && (React.createElement("div", { className: "cg-featured-card-summary", dangerouslySetInnerHTML: { __html: summaryHtml } })),
+            (showAuthor || showReadingTime) && (React.createElement("div", { className: "cg-featured-card-footer" },
+                showAuthor && React.createElement("span", { className: "cg-featured-card-author" }, article.authorName),
+                showAuthor && showReadingTime && (React.createElement("span", { className: "cg-featured-card-separator" }, "\u2022")),
+                showReadingTime && (React.createElement("span", { className: "cg-featured-card-reading-time" },
+                    readingTime,
+                    " min read")))),
+            React.createElement("div", { className: "cg-featured-card-cta" },
+                React.createElement("span", null, ctaText),
+                React.createElement("svg", { className: "cg-featured-card-arrow", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", width: "16", height: "16" },
+                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 5l7 7-7 7" }))))));
+};

package/dist/react/FeaturedContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeaturedContent.d.ts","sourceRoot":"","sources":["../../src/react/FeaturedContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,oBAAoB,EAAsB,MAAM,UAAU,CAAC;AAEzE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsG1D,CAAC"}
+{"version":3,"file":"FeaturedContent.d.ts","sourceRoot":"","sources":["../../src/react/FeaturedContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,oBAAoB,EAAsB,MAAM,UAAU,CAAC;AAEzE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+G1D,CAAC"}

package/dist/react/FeaturedContent.js

@@ -40,21 +40,26 @@ export const FeaturedContent = ({ apiKey, baseUrl, tags = [], category, excludeT
         // For now render standard error container
         return (React.createElement("div", { className: `cg-widget cg-error ${className}` }, error || 'No featured content found'));
     }
-    return (React.createElement("div", { className: `cg-widget cg-content-viewer ${className}` },
-        React.createElement("article", { className: "cg-article" },
-            showCategory && article.category && (React.createElement("div", { className: "cg-article-category" }, article.category)),
-            React.createElement("h1", { className: "cg-article-title" }, article.title),
-            React.createElement("div", { className: "cg-article-meta" },
-                React.createElement("span", { className: "cg-author" }, article.authorName),
-                React.createElement("span", { className: "cg-date" }, new Date(article.publishedAt * 1000).toLocaleDateString()),
-                React.createElement("span", { className: "cg-read-time" },
-                    Math.ceil(article.wordCount / 200),
-                    " min read")),
+    const contentHtml = marked(article.content);
+    const publishedDate = new Date(article.publishedAt * 1000).toLocaleDateString();
+    const readingTime = `${Math.ceil(article.wordCount / 200)} min read`;
+    return (React.createElement("article", { className: `cg-content-viewer ${className}`, "data-cg-widget": "post" },
+        React.createElement("header", { className: "cg-content-header" },
+            showCategory && article.category && (React.createElement("div", { className: "cg-content-category" },
+                React.createElement("span", { className: "cg-category-badge" }, article.category))),
+            React.createElement("h1", { className: "cg-content-title" }, article.title),
             showAiSummary && article.summary && (React.createElement("div", { className: "cg-ai-summary" },
-                React.createElement("div", { className: "cg-ai-label" }, "AI Summary"),
-                React.createElement("p", null, article.summary))),
-            React.createElement("div", { className: "cg-article-content", dangerouslySetInnerHTML: { __html: marked(article.content) } }),
-            showTags && article.tags && article.tags.length > 0 && (React.createElement("div", { className: "cg-article-tags" }, article.tags.map(tag => (React.createElement("span", { key: tag, className: "cg-tag" },
-                "#",
-                tag))))))));
+                React.createElement("div", { className: "cg-ai-summary-header" },
+                    React.createElement("svg", { className: "cg-ai-summary-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M13 10V3L4 14h7v7l9-11h-7z" })),
+                    React.createElement("span", { className: "cg-ai-summary-label" }, "AI Generated Summary")),
+                React.createElement("p", { className: "cg-ai-summary-text" }, article.summary))),
+            React.createElement("div", { className: "cg-content-meta" },
+                React.createElement("span", { className: "cg-info-author" }, article.authorName),
+                React.createElement("span", { className: "cg-info-separator" }, "\u2022"),
+                React.createElement("time", { className: "cg-info-date", dateTime: new Date(article.publishedAt * 1000).toISOString() }, publishedDate),
+                React.createElement("span", { className: "cg-info-separator" }, "\u2022"),
+                React.createElement("span", { className: "cg-info-reading-time" }, readingTime)),
+            showTags && article.tags && article.tags.length > 0 && (React.createElement("div", { className: "cg-content-tags" }, article.tags.map(tag => (React.createElement("span", { key: tag, className: "cg-tag" }, tag)))))),
+        React.createElement("div", { className: "cg-content-body", dangerouslySetInnerHTML: { __html: contentHtml } })));
 };

package/dist/react/index.d.ts

@@ -4,6 +4,7 @@
 export { ContentList } from './ContentList.js';
 export { ContentViewer } from './ContentViewer.js';
 export { FeaturedContent } from './FeaturedContent.js';
+export { FeaturedCard } from './FeaturedCard.js';
 export * from './hooks.js';
 export type { ReactContentListProps } from './ContentList.js';
 export type { ReactContentViewerProps } from './ContentViewer.js';

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC9D,YAAY,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC9D,YAAY,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/react/index.js

@@ -4,4 +4,5 @@
 export { ContentList } from './ContentList.js';
 export { ContentViewer } from './ContentViewer.js';
 export { FeaturedContent } from './FeaturedContent.js';
+export { FeaturedCard } from './FeaturedCard.js';
 export * from './hooks.js';