@opensite/ui 0.5.3 → 0.5.5

package/dist/blog-filtered-results.d.cts

@@ -1,5 +1,8 @@
 import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import { SectionBackground, SectionSpacing } from './types.cjs';
 import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -28,9 +31,9 @@ interface BlogFilteredResultsProps {
      */
     description?: React.ReactNode;
     /**
-     * Title for the "All Blogs" section
+     * Title for the secondary content section
      */
-    allBlogsHeading?: React.ReactNode;
+    allContentHeading?: React.ReactNode;
     /**
      * Breadcrumb navigation items
      */
@@ -40,19 +43,19 @@ interface BlogFilteredResultsProps {
      */
     breadcrumbSlot?: React.ReactNode;
     /**
-     * Primary/featured post configuration
+     * Primary/featured item configuration
      */
     primaryPost?: BlogPostItem;
     /**
-     * Custom slot for rendering primary post (overrides primaryPost)
+     * Custom slot for rendering primary item (overrides primaryPost)
      */
     primaryPostSlot?: React.ReactNode;
     /**
-     * Array of blog post configurations
+     * Array of content item configurations
      */
     posts?: BlogPostItem[];
     /**
-     * Custom slot for rendering posts (overrides posts array)
+     * Custom slot for rendering content items (overrides posts array)
      */
     postsSlot?: React.ReactNode;
     /**
@@ -64,15 +67,15 @@ interface BlogFilteredResultsProps {
      */
     categoriesSlot?: React.ReactNode;
     /**
-     * Number of posts to show per page
+     * Number of items to show per page
      */
     postsPerPage?: number;
     /**
-     * Action configuration for the "Load More" button
+     * Action configuration for the pagination button
      */
     loadMoreAction?: ActionConfig;
     /**
-     * Custom slot for rendering the load more action (overrides loadMoreAction)
+     * Custom slot for rendering the pagination action (overrides loadMoreAction)
      */
     loadMoreSlot?: React.ReactNode;
     /**
@@ -92,38 +95,54 @@ interface BlogFilteredResultsProps {
      */
     descriptionClassName?: string;
     /**
-     * Additional CSS classes for the primary post container
+     * Additional CSS classes for the primary item container
      */
     primaryPostClassName?: string;
     /**
-     * Additional CSS classes for the all blogs section
+     * Additional CSS classes for the secondary content section
      */
-    allBlogsClassName?: string;
+    allContentClassName?: string;
     /**
-     * Additional CSS classes for the all blogs heading
+     * Additional CSS classes for the secondary content heading
      */
-    allBlogsHeadingClassName?: string;
+    allContentHeadingClassName?: string;
     /**
      * Additional CSS classes for the categories filter
      */
     categoriesClassName?: string;
     /**
-     * Additional CSS classes for the posts grid
+     * Additional CSS classes for the content grid
      */
     postsClassName?: string;
     /**
-     * Additional CSS classes for individual post cards
+     * Additional CSS classes for individual item cards
      */
     postCardClassName?: string;
     /**
-     * Additional CSS classes for the load more container
+     * Additional CSS classes for the pagination container
      */
     loadMoreClassName?: string;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
 }
-declare function BlogFilteredResults({ heading, description, allBlogsHeading, breadcrumb, breadcrumbSlot, primaryPost, primaryPostSlot, posts, postsSlot, categories, categoriesSlot, postsPerPage, loadMoreAction, loadMoreSlot, className, heroClassName, headingClassName, descriptionClassName, primaryPostClassName, allBlogsClassName, allBlogsHeadingClassName, categoriesClassName, postsClassName, postCardClassName, loadMoreClassName, optixFlowConfig, }: BlogFilteredResultsProps): React.JSX.Element;
+declare function BlogFilteredResultsComponent({ heading, description, allContentHeading, breadcrumb, breadcrumbSlot, primaryPost, primaryPostSlot, posts, postsSlot, categories, categoriesSlot, postsPerPage, loadMoreAction, loadMoreSlot, className, heroClassName, headingClassName, descriptionClassName, primaryPostClassName, allContentClassName, allContentHeadingClassName, categoriesClassName, postsClassName, postCardClassName, loadMoreClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFilteredResultsProps): React.JSX.Element;
 
-export { BlogFilteredResults, type BlogFilteredResultsProps, type BreadcrumbItemType, type CategoryFilter };
+export { BlogFilteredResultsComponent as BlogFilteredResults, type BlogFilteredResultsProps, type BreadcrumbItemType, type CategoryFilter };

package/dist/blog-filtered-results.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import { SectionBackground, SectionSpacing } from './types.js';
 import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -28,9 +31,9 @@ interface BlogFilteredResultsProps {
      */
     description?: React.ReactNode;
     /**
-     * Title for the "All Blogs" section
+     * Title for the secondary content section
      */
-    allBlogsHeading?: React.ReactNode;
+    allContentHeading?: React.ReactNode;
     /**
      * Breadcrumb navigation items
      */
@@ -40,19 +43,19 @@ interface BlogFilteredResultsProps {
      */
     breadcrumbSlot?: React.ReactNode;
     /**
-     * Primary/featured post configuration
+     * Primary/featured item configuration
      */
     primaryPost?: BlogPostItem;
     /**
-     * Custom slot for rendering primary post (overrides primaryPost)
+     * Custom slot for rendering primary item (overrides primaryPost)
      */
     primaryPostSlot?: React.ReactNode;
     /**
-     * Array of blog post configurations
+     * Array of content item configurations
      */
     posts?: BlogPostItem[];
     /**
-     * Custom slot for rendering posts (overrides posts array)
+     * Custom slot for rendering content items (overrides posts array)
      */
     postsSlot?: React.ReactNode;
     /**
@@ -64,15 +67,15 @@ interface BlogFilteredResultsProps {
      */
     categoriesSlot?: React.ReactNode;
     /**
-     * Number of posts to show per page
+     * Number of items to show per page
      */
     postsPerPage?: number;
     /**
-     * Action configuration for the "Load More" button
+     * Action configuration for the pagination button
      */
     loadMoreAction?: ActionConfig;
     /**
-     * Custom slot for rendering the load more action (overrides loadMoreAction)
+     * Custom slot for rendering the pagination action (overrides loadMoreAction)
      */
     loadMoreSlot?: React.ReactNode;
     /**
@@ -92,38 +95,54 @@ interface BlogFilteredResultsProps {
      */
     descriptionClassName?: string;
     /**
-     * Additional CSS classes for the primary post container
+     * Additional CSS classes for the primary item container
      */
     primaryPostClassName?: string;
     /**
-     * Additional CSS classes for the all blogs section
+     * Additional CSS classes for the secondary content section
      */
-    allBlogsClassName?: string;
+    allContentClassName?: string;
     /**
-     * Additional CSS classes for the all blogs heading
+     * Additional CSS classes for the secondary content heading
      */
-    allBlogsHeadingClassName?: string;
+    allContentHeadingClassName?: string;
     /**
      * Additional CSS classes for the categories filter
      */
     categoriesClassName?: string;
     /**
-     * Additional CSS classes for the posts grid
+     * Additional CSS classes for the content grid
      */
     postsClassName?: string;
     /**
-     * Additional CSS classes for individual post cards
+     * Additional CSS classes for individual item cards
      */
     postCardClassName?: string;
     /**
-     * Additional CSS classes for the load more container
+     * Additional CSS classes for the pagination container
      */
     loadMoreClassName?: string;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Background style for the section
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing for the section
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
 }
-declare function BlogFilteredResults({ heading, description, allBlogsHeading, breadcrumb, breadcrumbSlot, primaryPost, primaryPostSlot, posts, postsSlot, categories, categoriesSlot, postsPerPage, loadMoreAction, loadMoreSlot, className, heroClassName, headingClassName, descriptionClassName, primaryPostClassName, allBlogsClassName, allBlogsHeadingClassName, categoriesClassName, postsClassName, postCardClassName, loadMoreClassName, optixFlowConfig, }: BlogFilteredResultsProps): React.JSX.Element;
+declare function BlogFilteredResultsComponent({ heading, description, allContentHeading, breadcrumb, breadcrumbSlot, primaryPost, primaryPostSlot, posts, postsSlot, categories, categoriesSlot, postsPerPage, loadMoreAction, loadMoreSlot, className, heroClassName, headingClassName, descriptionClassName, primaryPostClassName, allContentClassName, allContentHeadingClassName, categoriesClassName, postsClassName, postCardClassName, loadMoreClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: BlogFilteredResultsProps): React.JSX.Element;
 
-export { BlogFilteredResults, type BlogFilteredResultsProps, type BreadcrumbItemType, type CategoryFilter };
+export { BlogFilteredResultsComponent as BlogFilteredResults, type BlogFilteredResultsProps, type BreadcrumbItemType, type CategoryFilter };