@opensite/ui 1.3.2 → 1.3.4

package/dist/pricing-feature-matrix.d.cts

@@ -0,0 +1,56 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { f as SectionBackground } from './community-initiatives-Bz_A5vLU.cjs';
+import 'react';
+import './blocks-Cohq4eio.cjs';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.cjs';
+import 'class-variance-authority/types';
+
+interface FeatureCategory {
+    name: string;
+    features: {
+        name: string;
+        tooltip?: string;
+        starter: boolean | string;
+        professional: boolean | string;
+        enterprise: boolean | string;
+    }[];
+}
+interface PricingPlan {
+    name: string;
+    monthlyPrice: number;
+    yearlyPrice: number;
+    description?: string;
+    buttonText: string;
+    buttonHref?: string;
+    isPopular?: boolean;
+}
+interface PricingFeatureMatrixProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    plans?: PricingPlan[];
+    featureCategories?: FeatureCategory[];
+    background?: SectionBackground;
+}
+/**
+ * PricingFeatureMatrix displays a comprehensive pricing comparison with collapsible feature categories.
+ * Features a tabs-based monthly/yearly toggle, tooltips for feature explanations, and organized feature groups.
+ * Each category can be expanded/collapsed to show detailed feature comparisons.
+ *
+ * Ideal for products with extensive feature sets that need organized, detailed comparison.
+ *
+ * @example
+ * ```tsx
+ * <PricingFeatureMatrix
+ *   title="Compare Plans"
+ *   plans={[{ name: "Starter", monthlyPrice: 19, yearlyPrice: 190, buttonText: "Get Started" }]}
+ *   featureCategories={[
+ *     { name: "Core", features: [{ name: "Projects", starter: "5", professional: "Unlimited", enterprise: "Unlimited" }] }
+ *   ]}
+ * />
+ * ```
+ */
+declare function PricingFeatureMatrix({ className, title, subtitle, plans, featureCategories, background, }: PricingFeatureMatrixProps): react_jsx_runtime.JSX.Element;
+
+export { PricingFeatureMatrix, type PricingFeatureMatrixProps };

package/dist/pricing-feature-matrix.d.ts

@@ -0,0 +1,56 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { f as SectionBackground } from './community-initiatives-Bi_ClKrO.js';
+import 'react';
+import './blocks-k17uluAz.js';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.js';
+import 'class-variance-authority/types';
+
+interface FeatureCategory {
+    name: string;
+    features: {
+        name: string;
+        tooltip?: string;
+        starter: boolean | string;
+        professional: boolean | string;
+        enterprise: boolean | string;
+    }[];
+}
+interface PricingPlan {
+    name: string;
+    monthlyPrice: number;
+    yearlyPrice: number;
+    description?: string;
+    buttonText: string;
+    buttonHref?: string;
+    isPopular?: boolean;
+}
+interface PricingFeatureMatrixProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    plans?: PricingPlan[];
+    featureCategories?: FeatureCategory[];
+    background?: SectionBackground;
+}
+/**
+ * PricingFeatureMatrix displays a comprehensive pricing comparison with collapsible feature categories.
+ * Features a tabs-based monthly/yearly toggle, tooltips for feature explanations, and organized feature groups.
+ * Each category can be expanded/collapsed to show detailed feature comparisons.
+ *
+ * Ideal for products with extensive feature sets that need organized, detailed comparison.
+ *
+ * @example
+ * ```tsx
+ * <PricingFeatureMatrix
+ *   title="Compare Plans"
+ *   plans={[{ name: "Starter", monthlyPrice: 19, yearlyPrice: 190, buttonText: "Get Started" }]}
+ *   featureCategories={[
+ *     { name: "Core", features: [{ name: "Projects", starter: "5", professional: "Unlimited", enterprise: "Unlimited" }] }
+ *   ]}
+ * />
+ * ```
+ */
+declare function PricingFeatureMatrix({ className, title, subtitle, plans, featureCategories, background, }: PricingFeatureMatrixProps): react_jsx_runtime.JSX.Element;
+
+export { PricingFeatureMatrix, type PricingFeatureMatrixProps };