@opensite/ui 1.3.2 → 1.3.4

package/dist/pricing-split-layout.d.cts

@@ -0,0 +1,44 @@
+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 PricingSplitLayoutProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    price?: string;
+    priceDescription?: string;
+    features?: string[];
+    buttonText?: string;
+    buttonHref?: string;
+    secondaryButtonText?: string;
+    secondaryButtonHref?: string;
+    background?: SectionBackground;
+}
+/**
+ * PricingSplitLayout displays a split layout with marketing content on the left and pricing card on the right.
+ * Features a compelling headline, description, and feature list alongside a prominent pricing display.
+ * Ideal for landing pages that want to combine marketing copy with pricing information.
+ *
+ * Perfect for conversion-focused pricing sections.
+ *
+ * @example
+ * ```tsx
+ * <PricingSplitLayout
+ *   title="Start Building Today"
+ *   subtitle="Simple, transparent pricing"
+ *   description="Get access to all features"
+ *   price="$49"
+ *   features={["Feature 1", "Feature 2"]}
+ *   buttonText="Get Started"
+ * />
+ * ```
+ */
+declare function PricingSplitLayout({ className, title, subtitle, description, price, priceDescription, features, buttonText, buttonHref, secondaryButtonText, secondaryButtonHref, background, }: PricingSplitLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { PricingSplitLayout, type PricingSplitLayoutProps };

package/dist/pricing-split-layout.d.ts

@@ -0,0 +1,44 @@
+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 PricingSplitLayoutProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    price?: string;
+    priceDescription?: string;
+    features?: string[];
+    buttonText?: string;
+    buttonHref?: string;
+    secondaryButtonText?: string;
+    secondaryButtonHref?: string;
+    background?: SectionBackground;
+}
+/**
+ * PricingSplitLayout displays a split layout with marketing content on the left and pricing card on the right.
+ * Features a compelling headline, description, and feature list alongside a prominent pricing display.
+ * Ideal for landing pages that want to combine marketing copy with pricing information.
+ *
+ * Perfect for conversion-focused pricing sections.
+ *
+ * @example
+ * ```tsx
+ * <PricingSplitLayout
+ *   title="Start Building Today"
+ *   subtitle="Simple, transparent pricing"
+ *   description="Get access to all features"
+ *   price="$49"
+ *   features={["Feature 1", "Feature 2"]}
+ *   buttonText="Get Started"
+ * />
+ * ```
+ */
+declare function PricingSplitLayout({ className, title, subtitle, description, price, priceDescription, features, buttonText, buttonHref, secondaryButtonText, secondaryButtonHref, background, }: PricingSplitLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { PricingSplitLayout, type PricingSplitLayoutProps };