@contentgrowth/content-widget 1.3.3 → 1.3.5

package/README.md

@@ -268,25 +268,81 @@ const widget = new ContentGrowthWidget(container, {
 />
 ```
 
+**ContentCard:**
+
+A standalone article card component. Use it to display individual articles outside of ContentList.
+
+```astro
+<!-- Load by slug -->
+<ContentCard
+  apiKey="pk_your_key_here"
+  slug="my-article-slug"
+  linkPattern="/articles/{slug}"
+/>
+
+<!-- Load by UUID -->
+<ContentCard
+  apiKey="pk_your_key_here"
+  uuid="article-uuid"
+/>
+
+<!-- Use pre-loaded article data -->
+<ContentCard
+  article={articleData}
+  linkPattern="/articles/{slug}"
+  showSummary={true}
+  showTags={true}
+/>
+```
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `apiKey` | string | - | Your API key (required unless `article` is provided) |
+| `article` | Article | - | Pre-loaded article data (skips API fetch) |
+| `slug` | string | - | Load specific article by slug |
+| `uuid` | string | - | Load specific article by UUID |
+| `linkPattern` | string | '/articles/{slug}' | URL pattern for link |
+| `linkTarget` | string | - | Link target attribute |
+| `showSummary` | boolean | true | Show article summary |
+| `summaryMaxLength` | number | - | Truncate summary at length |
+| `showTags` | boolean | false | Show article tags |
+| `showCategory` | boolean | true | Show category badge |
+
 **FeaturedCard:**
 
 A compact card displaying the Featured Summary with customizable styling. Perfect for landing pages.
 
 ```astro
+<!-- Find latest article in category -->
 <FeaturedCard
   apiKey="pk_your_key_here"
   category="announce"
   linkPattern="/articles/{slug}"
   layout="horizontal"
   borderStyle="dashed"
-  itemsBackground="#f3f4f6"
   ctaText="Read full story"
 />
+
+<!-- Load specific article by slug -->
+<FeaturedCard
+  apiKey="pk_your_key_here"
+  slug="my-article-slug"
+  linkPattern="/articles/{slug}"
+/>
+
+<!-- Use pre-loaded article data (for lists) -->
+<FeaturedCard
+  article={articleData}
+  linkPattern="/articles/{slug}"
+/>
 ```
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `apiKey` | string | - | Your API key |
+| `apiKey` | string | - | Your API key (required unless `article` is provided) |
+| `article` | Article | - | Pre-loaded article data (skips API fetch) |
+| `slug` | string | - | Load specific article by slug |
+| `uuid` | string | - | Load specific article by UUID |
 | `category` | string | - | Filter by category |
 | `tags` | string[] | [] | Filter by tags |
 | `layout` | 'vertical' \| 'horizontal' | auto | Card layout (auto uses article setting) |
@@ -299,6 +355,24 @@ A compact card displaying the Featured Summary with customizable styling. Perfec
 | `showReadingTime` | boolean | false | Show reading time |
 | `linkPattern` | string | '/articles/{slug}' | URL pattern for link |
 
+**Featured Cards List:**
+
+Display all articles as FeaturedCards in a grid using `displayAs`:
+
+```astro
+<ContentList
+  apiKey="pk_your_key_here"
+  displayAs="featured-cards"
+  linkPattern="/articles/{slug}"
+  pageSize={12}
+/>
+```
+
+| displayAs Value | Description |
+|-----------------|-------------|
+| `'default'` | Standard card/row layout |
+| `'featured-cards'` | Renders each article as a FeaturedCard |
+
 ## API Client
 
 ### ContentGrowthClient

package/dist/astro/ContentCard.astro

@@ -0,0 +1,170 @@
+---
+import { marked } from 'marked';
+import { ContentGrowthClient } from '../core/client';
+import { formatDate, calculateReadingTime } from '../core/utils';
+import type { Article, ArticleWithContent } from '../types';
+
+interface ContentCardProps {
+  /**
+   * Pre-loaded article data (bypasses API fetch)
+   */
+  article?: Article | ArticleWithContent;
+
+  /**
+   * Load specific article by slug
+   */
+  slug?: string;
+
+  /**
+   * Load specific article by UUID
+   */
+  uuid?: string;
+
+  /**
+   * API key (required if fetching article)
+   */
+  apiKey?: string;
+
+  /**
+   * API base URL
+   */
+  baseUrl?: string;
+
+  /**
+   * URL pattern for the article link
+   * Supports placeholders: {uuid}, {slug}, {category}
+   * @default '/articles/{slug}'
+   */
+  linkPattern?: string;
+
+  /**
+   * Link target attribute
+   */
+  linkTarget?: string;
+
+  /**
+   * Show article summary
+   * @default true
+   */
+  showSummary?: boolean;
+
+  /**
+   * Maximum length of summary text
+   */
+  summaryMaxLength?: number;
+
+  /**
+   * Show article tags
+   * @default false
+   */
+  showTags?: boolean;
+
+  /**
+   * Show article category
+   * @default true
+   */
+  showCategory?: boolean;
+}
+
+type Props = ContentCardProps & { class?: string };
+
+const {
+  apiKey,
+  baseUrl,
+  article: providedArticle,
+  slug,
+  uuid,
+  linkPattern = '/articles/{slug}',
+  linkTarget,
+  showSummary = true,
+  summaryMaxLength,
+  showTags = false,
+  showCategory = true,
+  class: className = ''
+} = Astro.props;
+
+// Determine article source
+let article: Article | ArticleWithContent | null = null;
+let error: string | null = null;
+
+if (providedArticle) {
+  // Mode 1: Article provided directly
+  article = providedArticle;
+} else if (apiKey) {
+  // Need to fetch article from API
+  const client = new ContentGrowthClient({ apiKey, baseUrl });
+  
+  try {
+    if (uuid) {
+      // Mode 2: Load by UUID
+      article = await client.getArticle(uuid);
+    } else if (slug) {
+      // Mode 3: Load by slug
+      article = await client.getArticleBySlug(slug);
+    }
+  } catch (e) {
+    console.error('Failed to fetch article:', e);
+    error = e instanceof Error ? e.message : 'Failed to load 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');
+};
+
+// Truncate summary text
+const truncateSummary = (text: string | null, maxLength?: number): string => {
+  if (!text) return '';
+  if (!maxLength || text.length <= maxLength) return text;
+  return text.substring(0, maxLength).trim() + '...';
+};
+---
+
+{article ? (
+  <article class={`cg-article-card ${className}`}>
+    <a href={getArticleUrl(article)} target={linkTarget} class="cg-card-link">
+      <div class="cg-card-content">
+        {showCategory && article.category && (
+          <div class="cg-card-category">
+            <span class="cg-category-badge">{article.category}</span>
+          </div>
+        )}
+        
+        <h2 class="cg-card-title">{article.title}</h2>
+        
+        {showSummary && article.summary && (
+          <p class="cg-card-summary">{truncateSummary(article.summary, summaryMaxLength)}</p>
+        )}
+        
+        <div class="cg-card-meta">
+          <span class="cg-meta-author">{article.authorName}</span>
+          <span class="cg-meta-separator">•</span>
+          <time class="cg-meta-date" datetime={new Date(article.publishedAt * 1000).toISOString()}>
+            {formatDate(article.publishedAt)}
+          </time>
+          <span class="cg-meta-separator">•</span>
+          <span class="cg-meta-reading-time">{calculateReadingTime(article.wordCount)}</span>
+        </div>
+        
+        {showTags && article.tags && article.tags.length > 0 && (
+          <div class="cg-card-tags">
+            {article.tags.map((tag) => (
+              <span class="cg-tag">{tag}</span>
+            ))}
+          </div>
+        )}
+      </div>
+    </a>
+  </article>
+) : (
+  error ? (
+    <div class={`cg-widget cg-error ${className}`}>
+      {error}
+    </div>
+  ) : null
+)}

package/dist/astro/ContentList.astro

@@ -5,7 +5,8 @@
  */
 import type { ContentListProps } from '../types/index.js';
 import { ContentGrowthClient } from '../core/client.js';
-import { formatDate, calculateReadingTime } from '../core/utils.js';
+import FeaturedCard from './FeaturedCard.astro';
+import ContentCard from './ContentCard.astro';
 
 interface Props extends ContentListProps {}
 
@@ -14,6 +15,7 @@ const {
   baseUrl,
   layout = 'cards',
   displayMode = 'comfortable',
+  displayAs = 'default',
   theme = 'light',
   pageSize = 12,
   tags = [],
@@ -67,10 +69,13 @@ function truncateSummary(text: string | null, maxLength?: number): string {
   if (!maxLength || text.length <= maxLength) return text;
   return text.substring(0, maxLength).trim() + '...';
 }
+
+// Check if we're in featured-cards mode
+const isFeaturedCardsMode = displayAs === 'featured-cards';
 ---
 
 <div 
-  class={`cg-content-list cg-layout-${layout} cg-display-${displayMode} cg-theme-${theme} ${className}`}
+  class={`cg-content-list cg-layout-${layout} cg-display-${displayMode} cg-theme-${theme} ${isFeaturedCardsMode ? 'cg-featured-cards-list' : ''} ${className}`}
   data-cg-widget="list"
 >
   {articles.length === 0 ? (
@@ -79,60 +84,38 @@ function truncateSummary(text: string | null, maxLength?: number): string {
     </div>
   ) : (
     <>
-      <div class={`cg-articles-grid ${layout === 'cards' ? 'cg-grid' : 'cg-list'}`}>
+      <div class={`cg-articles-grid ${isFeaturedCardsMode ? 'cg-featured-cards-grid' : (layout === 'cards' ? 'cg-grid' : 'cg-list')}`}>
         {articles.map((article) => {
-          // Build article URL from pattern
-          const articleUrl = linkPattern
-            .replace('{uuid}', article.uuid)
-            .replace('{slug}', article.slug)
-            .replace('{category}', article.category || '');
-          
           // Build link target from pattern
           const articleTarget = linkTarget
             ? linkTarget
                 .replace('{uuid}', article.uuid)
                 .replace('{id}', article.uuid)
             : undefined;
-          
-          const readingTime = calculateReadingTime(article.wordCount);
-          const publishedDate = formatDate(article.publishedAt);
 
+          // Featured Cards Mode - Use FeaturedCard component
+          if (isFeaturedCardsMode) {
+            return (
+              <FeaturedCard
+                article={article}
+                linkPattern={linkPattern}
+                linkTarget={articleTarget}
+                showCategory={true}
+              />
+            );
+          }
+
+          // Default Card Mode - Use ContentCard component
           return (
-            <article class="cg-article-card">
-              <a href={articleUrl} target={articleTarget} class="cg-card-link">
-                <div class="cg-card-content">
-                  {article.category && (
-                    <div class="cg-card-category">
-                      <span class="cg-category-badge">{article.category}</span>
-                    </div>
-                  )}
-                  
-                  <h2 class="cg-card-title">{article.title}</h2>
-                  
-                  {showAiSummary && article.summary && (
-                    <p class="cg-card-summary">{truncateSummary(article.summary, summaryMaxLength)}</p>
-                  )}
-                  
-                  <div class="cg-card-meta">
-                    <span class="cg-meta-author">{article.authorName}</span>
-                    <span class="cg-meta-separator">•</span>
-                    <time class="cg-meta-date" datetime={new Date(article.publishedAt * 1000).toISOString()}>
-                      {publishedDate}
-                    </time>
-                    <span class="cg-meta-separator">•</span>
-                    <span class="cg-meta-reading-time">{readingTime}</span>
-                  </div>
-                  
-                  {showTags && article.tags && article.tags.length > 0 && (
-                    <div class="cg-card-tags">
-                      {article.tags.map((tag) => (
-                        <span class="cg-tag">{tag}</span>
-                      ))}
-                    </div>
-                  )}
-                </div>
-              </a>
-            </article>
+            <ContentCard
+              article={article}
+              linkPattern={linkPattern}
+              linkTarget={articleTarget}
+              showSummary={showAiSummary}
+              summaryMaxLength={summaryMaxLength}
+              showTags={showTags}
+              showCategory={true}
+            />
           );
         })}
       </div>

package/dist/astro/FeaturedCard.astro

@@ -1,9 +1,24 @@
 ---
 import { marked } from 'marked';
 import { ContentGrowthClient } from '../core/client';
-import type { FeaturedContentProps } from '../types';
+import type { FeaturedContentProps, Article, ArticleWithContent } from '../types';
 
 interface FeaturedCardProps extends Omit<FeaturedContentProps, 'showBackButton' | 'backUrl'> {
+  /**
+   * Pre-loaded article data (bypasses API fetch - used by ContentList)
+   */
+  article?: Article | ArticleWithContent;
+
+  /**
+   * Load specific article by slug (bypasses category/tags search)
+   */
+  slug?: string;
+
+  /**
+   * Load specific article by UUID (bypasses category/tags search)
+   */
+  uuid?: string;
+
   /**
    * URL pattern for the article link
    * Supports placeholders: {uuid}, {slug}, {category}
@@ -57,6 +72,12 @@ interface FeaturedCardProps extends Omit<FeaturedContentProps, 'showBackButton'
    * @default '#f3f4f6'
    */
   itemsBackground?: string;
+
+  /**
+   * Link target attribute
+   * @default undefined (same tab)
+   */
+  linkTarget?: string;
 }
 
 type Props = FeaturedCardProps & { class?: string };
@@ -64,14 +85,18 @@ type Props = FeaturedCardProps & { class?: string };
 const {
   apiKey,
   baseUrl,
+  article: providedArticle,
+  slug,
+  uuid,
   tags = [],
   category,
   excludeTags = [],
   showCategory = true,
   showReadingTime = false,
   showAuthor = false,
-  ctaText = 'Read full story',
+  ctaText: propCtaText,
   linkPattern = '/articles/{slug}',
+  linkTarget,
   layout: propLayout,
   borderStyle = 'none',
   borderColor = '#e5e7eb',
@@ -80,21 +105,36 @@ const {
   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';
+// Determine article source
+let article: Article | ArticleWithContent | null = null;
+let error: string | null = null;
+
+if (providedArticle) {
+  // Mode 1: Article provided directly (from ContentList)
+  article = providedArticle;
+} else if (apiKey) {
+  // Need to fetch article from API
+  const client = new ContentGrowthClient({ apiKey, baseUrl });
+  
+  try {
+    if (uuid) {
+      // Mode 2: Load by UUID
+      article = await client.getArticle(uuid, { excludeTags });
+    } else if (slug) {
+      // Mode 3: Load by slug
+      article = await client.getArticleBySlug(slug, { excludeTags });
+    } else {
+      // Mode 4: Find featured article by category/tags (original behavior)
+      article = await client.getFeaturedArticle({
+        tags,
+        category,
+        excludeTags
+      });
+    }
+  } catch (e) {
+    console.error('Failed to fetch article:', e);
+    error = e instanceof Error ? e.message : 'Failed to load article';
+  }
 }
 
 // Generate article URL
@@ -113,10 +153,13 @@ const getSummaryHtml = (article: any) => {
   return marked.parse(summaryText, { async: false }) as string;
 };
 
-const layout = propLayout || article?.featuredSummaryLayout || 'standard';
-const layoutClass = layout !== 'standard' ? `cg-layout-${layout}` : '';
+const layout = propLayout || (article as any)?.featuredSummaryLayout || 'vertical';
+const layoutClass = layout !== 'vertical' ? `cg-layout-${layout}` : '';
 const borderClass = borderStyle !== 'none' ? `cg-border-${borderStyle}` : '';
 
+// Use ctaText from prop, or from article data, or fallback to default
+const ctaText = propCtaText || (article as any)?.featuredCtaText || 'Read full story';
+
 // Custom CSS properties for styling
 const customStyles = [
   borderColor !== '#e5e7eb' ? `--cg-card-border-color: ${borderColor}` : '',
@@ -131,6 +174,8 @@ const customStyles = [
     class={`cg-widget cg-featured-card ${className} ${layoutClass} ${borderClass}`}
     style={customStyles || undefined}
     data-cg-widget="featured-card"
+    target={linkTarget}
+    rel={linkTarget === '_blank' ? 'noopener noreferrer' : undefined}
   >
     <article class="cg-featured-card-inner">
       {/* Header with category badge */}
@@ -184,5 +229,3 @@ const customStyles = [
     </div>
   ) : null
 )}
-
-

package/dist/react/ContentCard.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { Article, ArticleWithContent } from '../types';
+export interface ContentCardProps {
+    /**
+     * Pre-loaded article data (bypasses API fetch)
+     */
+    article?: Article | ArticleWithContent;
+    /**
+     * Load specific article by slug
+     */
+    slug?: string;
+    /**
+     * Load specific article by UUID
+     */
+    uuid?: string;
+    /**
+     * API key (required if fetching article)
+     */
+    apiKey?: string;
+    /**
+     * API base URL
+     */
+    baseUrl?: string;
+    /**
+     * URL pattern for the article link
+     * @default '/articles/{slug}'
+     */
+    linkPattern?: string;
+    /**
+     * Link target attribute
+     */
+    linkTarget?: string;
+    /**
+     * Show article summary
+     * @default true
+     */
+    showSummary?: boolean;
+    /**
+     * Maximum length of summary text
+     */
+    summaryMaxLength?: number;
+    /**
+     * Show article tags
+     * @default false
+     */
+    showTags?: boolean;
+    /**
+     * Show article category
+     * @default true
+     */
+    showCategory?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+export declare const ContentCard: React.FC<ContentCardProps>;
+export default ContentCard;
+//# sourceMappingURL=ContentCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentCard.d.ts","sourceRoot":"","sources":["../../src/react/ContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IAEvC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgIlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/react/ContentCard.js

@@ -0,0 +1,84 @@
+import React, { useEffect, useState } from 'react';
+import { ContentGrowthClient } from '../core/client';
+import { formatDate, calculateReadingTime } from '../core/utils';
+export const ContentCard = ({ apiKey, baseUrl, article: providedArticle, slug, uuid, linkPattern = '/articles/{slug}', linkTarget, showSummary = true, summaryMaxLength, showTags = false, showCategory = true, className = '' }) => {
+    const [article, setArticle] = useState(providedArticle || null);
+    const [loading, setLoading] = useState(!providedArticle && !!(apiKey && (slug || uuid)));
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        // If article is provided, use it directly
+        if (providedArticle) {
+            setArticle(providedArticle);
+            setLoading(false);
+            return;
+        }
+        // Need API key and identifier to fetch
+        if (!apiKey || (!slug && !uuid)) {
+            setLoading(false);
+            return;
+        }
+        const fetchArticle = async () => {
+            setLoading(true);
+            try {
+                const client = new ContentGrowthClient({ apiKey, baseUrl });
+                if (uuid) {
+                    const fetchedArticle = await client.getArticle(uuid);
+                    setArticle(fetchedArticle);
+                }
+                else if (slug) {
+                    const fetchedArticle = await client.getArticleBySlug(slug);
+                    setArticle(fetchedArticle);
+                }
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : 'Failed to load article');
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        fetchArticle();
+    }, [apiKey, baseUrl, providedArticle, uuid, slug]);
+    // Generate article URL
+    const getArticleUrl = (article) => {
+        return linkPattern
+            .replace('{uuid}', article.uuid || '')
+            .replace('{slug}', article.slug || article.uuid || '')
+            .replace('{category}', article.category || 'uncategorized');
+    };
+    // Truncate summary text
+    const truncateSummary = (text, maxLength) => {
+        if (!text)
+            return '';
+        if (!maxLength || text.length <= maxLength)
+            return text;
+        return text.substring(0, maxLength).trim() + '...';
+    };
+    if (loading) {
+        return (React.createElement("div", { className: `cg-widget cg-loading ${className}` },
+            React.createElement("div", { className: "cg-spinner" })));
+    }
+    if (error || !article) {
+        if (error) {
+            return (React.createElement("div", { className: `cg-widget cg-error ${className}` }, error));
+        }
+        return null;
+    }
+    const readingTime = calculateReadingTime(article.wordCount);
+    const publishedDate = formatDate(article.publishedAt);
+    return (React.createElement("article", { className: `cg-article-card ${className}` },
+        React.createElement("a", { href: getArticleUrl(article), target: linkTarget, className: "cg-card-link" },
+            React.createElement("div", { className: "cg-card-content" },
+                showCategory && article.category && (React.createElement("div", { className: "cg-card-category" },
+                    React.createElement("span", { className: "cg-category-badge" }, article.category))),
+                React.createElement("h2", { className: "cg-card-title" }, article.title),
+                showSummary && article.summary && (React.createElement("p", { className: "cg-card-summary" }, truncateSummary(article.summary, summaryMaxLength))),
+                React.createElement("div", { className: "cg-card-meta" },
+                    React.createElement("span", { className: "cg-meta-author" }, article.authorName),
+                    React.createElement("span", { className: "cg-meta-separator" }, "\u2022"),
+                    React.createElement("time", { className: "cg-meta-date", dateTime: new Date(article.publishedAt * 1000).toISOString() }, publishedDate),
+                    React.createElement("span", { className: "cg-meta-separator" }, "\u2022"),
+                    React.createElement("span", { className: "cg-meta-reading-time" }, readingTime)),
+                showTags && article.tags && article.tags.length > 0 && (React.createElement("div", { className: "cg-card-tags" }, article.tags.map((tag) => (React.createElement("span", { key: tag, className: "cg-tag" }, tag)))))))));
+};
+export default ContentCard;

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

@@ -1 +1 @@
-{"version":3,"file":"ContentList.d.ts","sourceRoot":"","sources":["../../src/react/ContentList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,mBAAmB,CAAC;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiLvD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ContentList.d.ts","sourceRoot":"","sources":["../../src/react/ContentList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,mBAAmB,CAAC;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsKvD,CAAC;AAEF,eAAe,WAAW,CAAC"}