@opensite/ui 0.5.3 → 0.5.5

package/dist/comparison-ai-models.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 { 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';
@@ -95,23 +98,38 @@ interface ComparisonAiModelsProps {
      * Additional CSS classes for the analysis section
      */
     analysisClassName?: string;
+    /**
+     * 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;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
 }
 /**
- * ComparisonAiModels - AI model comparison table with hover effects
+ * ComparisonAiModels - Multi-option comparison table with hover effects
  *
- * Displays a detailed comparison table for AI models with interactive hover
- * effects. Each column represents a model with its icon, and cells are
+ * Displays a detailed comparison table with interactive hover
+ * effects. Each column represents an option with its icon, and cells are
  * color-coded based on performance (best/worst/neutral). Includes a technical
- * analysis section below that highlights on hover. Designed for comparing
- * LLM capabilities, pricing, and performance metrics.
+ * analysis section below that highlights on hover.
  *
- * Best for: AI/ML model comparisons, API pricing comparisons, technical
+ * Best for: Model comparisons, API pricing comparisons, technical
  * specification matrices, performance benchmarks.
  */
-declare function ComparisonAiModels({ heading, description, models, comparisonData, tableSlot, analysisSlot, className, containerClassName, headingClassName, descriptionClassName, tableWrapperClassName, tableClassName, analysisClassName, optixFlowConfig, }: ComparisonAiModelsProps): React.JSX.Element;
+declare function ComparisonAiModels({ heading, description, models, comparisonData, tableSlot, analysisSlot, className, containerClassName, headingClassName, descriptionClassName, tableWrapperClassName, tableClassName, analysisClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ComparisonAiModelsProps): React.JSX.Element;
 
 export { ComparisonAiModels, type ComparisonAiModelsProps };

package/dist/comparison-ai-models.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 { 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';
@@ -95,23 +98,38 @@ interface ComparisonAiModelsProps {
      * Additional CSS classes for the analysis section
      */
     analysisClassName?: string;
+    /**
+     * 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;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
 }
 /**
- * ComparisonAiModels - AI model comparison table with hover effects
+ * ComparisonAiModels - Multi-option comparison table with hover effects
  *
- * Displays a detailed comparison table for AI models with interactive hover
- * effects. Each column represents a model with its icon, and cells are
+ * Displays a detailed comparison table with interactive hover
+ * effects. Each column represents an option with its icon, and cells are
  * color-coded based on performance (best/worst/neutral). Includes a technical
- * analysis section below that highlights on hover. Designed for comparing
- * LLM capabilities, pricing, and performance metrics.
+ * analysis section below that highlights on hover.
  *
- * Best for: AI/ML model comparisons, API pricing comparisons, technical
+ * Best for: Model comparisons, API pricing comparisons, technical
  * specification matrices, performance benchmarks.
  */
-declare function ComparisonAiModels({ heading, description, models, comparisonData, tableSlot, analysisSlot, className, containerClassName, headingClassName, descriptionClassName, tableWrapperClassName, tableClassName, analysisClassName, optixFlowConfig, }: ComparisonAiModelsProps): React.JSX.Element;
+declare function ComparisonAiModels({ heading, description, models, comparisonData, tableSlot, analysisSlot, className, containerClassName, headingClassName, descriptionClassName, tableWrapperClassName, tableClassName, analysisClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ComparisonAiModelsProps): React.JSX.Element;
 
 export { ComparisonAiModels, type ComparisonAiModelsProps };