@opensite/ui 1.3.2 → 1.3.4

package/dist/pricing-responsive-table.d.cts

@@ -0,0 +1,55 @@
+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 PlanFeature {
+    name: string;
+    tooltip?: string;
+    free: boolean | string;
+    pro: boolean | string;
+    enterprise: boolean | string;
+}
+interface PricingPlan {
+    name: string;
+    monthlyPrice: number;
+    yearlyPrice: number;
+    description?: string;
+    buttonText: string;
+    buttonHref?: string;
+    isPopular?: boolean;
+}
+interface PricingResponsiveTableProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    plans?: PricingPlan[];
+    features?: PlanFeature[];
+    background?: SectionBackground;
+}
+/**
+ * PricingResponsiveTable displays a comprehensive pricing comparison with mobile and desktop views.
+ * Features a monthly/yearly toggle, tooltips for feature explanations, and responsive card/table layouts.
+ * Mobile view shows individual plan cards, while desktop shows a full comparison table.
+ *
+ * Ideal for products with multiple tiers that need detailed feature comparison.
+ *
+ * @example
+ * ```tsx
+ * <PricingResponsiveTable
+ *   title="Compare Plans"
+ *   plans={[
+ *     { name: "Free", monthlyPrice: 0, yearlyPrice: 0, buttonText: "Get Started" }
+ *   ]}
+ *   features={[
+ *     { name: "Projects", free: "3", pro: "Unlimited", enterprise: "Unlimited" }
+ *   ]}
+ * />
+ * ```
+ */
+declare function PricingResponsiveTable({ className, title, subtitle, plans, features, background, }: PricingResponsiveTableProps): react_jsx_runtime.JSX.Element;
+
+export { PricingResponsiveTable, type PricingResponsiveTableProps };

package/dist/pricing-responsive-table.d.ts

@@ -0,0 +1,55 @@
+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 PlanFeature {
+    name: string;
+    tooltip?: string;
+    free: boolean | string;
+    pro: boolean | string;
+    enterprise: boolean | string;
+}
+interface PricingPlan {
+    name: string;
+    monthlyPrice: number;
+    yearlyPrice: number;
+    description?: string;
+    buttonText: string;
+    buttonHref?: string;
+    isPopular?: boolean;
+}
+interface PricingResponsiveTableProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    plans?: PricingPlan[];
+    features?: PlanFeature[];
+    background?: SectionBackground;
+}
+/**
+ * PricingResponsiveTable displays a comprehensive pricing comparison with mobile and desktop views.
+ * Features a monthly/yearly toggle, tooltips for feature explanations, and responsive card/table layouts.
+ * Mobile view shows individual plan cards, while desktop shows a full comparison table.
+ *
+ * Ideal for products with multiple tiers that need detailed feature comparison.
+ *
+ * @example
+ * ```tsx
+ * <PricingResponsiveTable
+ *   title="Compare Plans"
+ *   plans={[
+ *     { name: "Free", monthlyPrice: 0, yearlyPrice: 0, buttonText: "Get Started" }
+ *   ]}
+ *   features={[
+ *     { name: "Projects", free: "3", pro: "Unlimited", enterprise: "Unlimited" }
+ *   ]}
+ * />
+ * ```
+ */
+declare function PricingResponsiveTable({ className, title, subtitle, plans, features, background, }: PricingResponsiveTableProps): react_jsx_runtime.JSX.Element;
+
+export { PricingResponsiveTable, type PricingResponsiveTableProps };