@opensite/ui 1.3.2 → 1.3.4

package/dist/pricing-addons-featured.d.cts

@@ -0,0 +1,271 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.cjs';
+import 'class-variance-authority/types';
+
+interface PricingAddonsFeaturedFeature {
+    /**
+     * Feature text
+     */
+    text?: React.ReactNode;
+    /**
+     * Optional icon element
+     */
+    icon?: React.ReactNode;
+    /**
+     * Optional icon name for DynamicIcon
+     */
+    iconName?: string;
+    /**
+     * Additional CSS classes for feature item
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for feature icon
+     */
+    iconClassName?: string;
+    /**
+     * Additional CSS classes for feature text
+     */
+    textClassName?: string;
+}
+interface PricingAddonsFeaturedCard {
+    /**
+     * Add-on name
+     */
+    name?: React.ReactNode;
+    /**
+     * Add-on description
+     */
+    description?: React.ReactNode;
+    /**
+     * Price display
+     */
+    price?: React.ReactNode;
+    /**
+     * Price description/interval
+     */
+    priceDescription?: React.ReactNode;
+    /**
+     * Feature list
+     */
+    features?: PricingAddonsFeaturedFeature[];
+    /**
+     * Custom slot for rendering features (overrides features array)
+     */
+    featuresSlot?: React.ReactNode;
+    /**
+     * Action configuration
+     */
+    action?: ActionConfig;
+    /**
+     * Custom slot for rendering action (overrides action)
+     */
+    actionSlot?: React.ReactNode;
+    /**
+     * Highlight this add-on
+     */
+    isHighlighted?: boolean;
+    /**
+     * Additional CSS classes for the card
+     */
+    className?: string;
+}
+interface PricingAddonsFeaturedAdditional {
+    /**
+     * Add-on name
+     */
+    name?: React.ReactNode;
+    /**
+     * Add-on description
+     */
+    description?: React.ReactNode;
+    /**
+     * Add-on price
+     */
+    price?: React.ReactNode;
+    /**
+     * Additional CSS classes for the item
+     */
+    className?: string;
+}
+interface PricingAddonsFeaturedProps {
+    /**
+     * Section heading
+     */
+    heading?: React.ReactNode;
+    /**
+     * Supporting subtitle
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Featured add-on cards
+     */
+    featuredAddons?: PricingAddonsFeaturedCard[];
+    /**
+     * Custom slot for rendering featured add-ons (overrides featuredAddons array)
+     */
+    featuredAddonsSlot?: React.ReactNode;
+    /**
+     * Additional add-ons list
+     */
+    additionalAddons?: PricingAddonsFeaturedAdditional[];
+    /**
+     * Custom slot for rendering additional add-ons (overrides additionalAddons array)
+     */
+    additionalAddonsSlot?: React.ReactNode;
+    /**
+     * Additional add-ons heading
+     */
+    additionalHeading?: React.ReactNode;
+    /**
+     * Default icon used for features
+     */
+    featureIcon?: React.ReactNode;
+    /**
+     * Default icon name for features
+     */
+    featureIconName?: 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;
+    /**
+     * Additional CSS classes for the pattern overlay
+     */
+    patternClassName?: string;
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the header
+     */
+    headerClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the subtitle
+     */
+    subtitleClassName?: string;
+    /**
+     * Additional CSS classes for the featured grid
+     */
+    featuredGridClassName?: string;
+    /**
+     * Additional CSS classes for featured cards
+     */
+    cardClassName?: string;
+    /**
+     * Additional CSS classes for highlighted cards
+     */
+    highlightedCardClassName?: string;
+    /**
+     * Additional CSS classes for card titles
+     */
+    cardTitleClassName?: string;
+    /**
+     * Additional CSS classes for card descriptions
+     */
+    cardDescriptionClassName?: string;
+    /**
+     * Additional CSS classes for price
+     */
+    priceClassName?: string;
+    /**
+     * Additional CSS classes for price description
+     */
+    priceDescriptionClassName?: string;
+    /**
+     * Additional CSS classes for features list
+     */
+    featuresClassName?: string;
+    /**
+     * Additional CSS classes for feature items
+     */
+    featureItemClassName?: string;
+    /**
+     * Additional CSS classes for feature icons
+     */
+    featureIconClassName?: string;
+    /**
+     * Additional CSS classes for feature text
+     */
+    featureTextClassName?: string;
+    /**
+     * Additional CSS classes for action button
+     */
+    actionClassName?: string;
+    /**
+     * Additional CSS classes for additional add-ons section
+     */
+    additionalSectionClassName?: string;
+    /**
+     * Additional CSS classes for additional heading
+     */
+    additionalHeadingClassName?: string;
+    /**
+     * Additional CSS classes for additional grid
+     */
+    additionalGridClassName?: string;
+    /**
+     * Additional CSS classes for additional item
+     */
+    additionalItemClassName?: string;
+    /**
+     * Additional CSS classes for additional item title
+     */
+    additionalItemTitleClassName?: string;
+    /**
+     * Additional CSS classes for additional item description
+     */
+    additionalItemDescriptionClassName?: string;
+    /**
+     * Additional CSS classes for additional item price
+     */
+    additionalItemPriceClassName?: string;
+}
+/**
+ * PricingAddonsFeatured displays featured add-on options with a secondary list of additional add-ons.
+ * Features 3 highlighted add-on cards with feature lists, plus a compact list of smaller add-ons below.
+ * Ideal for upselling additional features or services to existing customers.
+ *
+ * Perfect for pricing pages that want to showcase optional upgrades and add-ons.
+ *
+ * @example
+ * ```tsx
+ * <PricingAddonsFeatured
+ *   heading="Enhance Your Plan"
+ *   featuredAddons={[
+ *     { name: "Analytics", description: "Deep insights", price: "$29", features: [{ text: "Feature 1" }] }
+ *   ]}
+ *   additionalAddons={[
+ *     { name: "Extra Storage", description: "100GB more", price: "$10/month" }
+ *   ]}
+ * />
+ * ```
+ */
+declare function PricingAddonsFeatured({ heading, subtitle, featuredAddons, featuredAddonsSlot, additionalAddons, additionalAddonsSlot, additionalHeading, featureIcon, featureIconName, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, headerClassName, headingClassName, subtitleClassName, featuredGridClassName, cardClassName, highlightedCardClassName, cardTitleClassName, cardDescriptionClassName, priceClassName, priceDescriptionClassName, featuresClassName, featureItemClassName, featureIconClassName, featureTextClassName, actionClassName, additionalSectionClassName, additionalHeadingClassName, additionalGridClassName, additionalItemClassName, additionalItemTitleClassName, additionalItemDescriptionClassName, additionalItemPriceClassName, }: PricingAddonsFeaturedProps): React.JSX.Element;
+
+export { PricingAddonsFeatured, type PricingAddonsFeaturedProps };

package/dist/pricing-addons-featured.d.ts

@@ -0,0 +1,271 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { A as ActionConfig } from './blocks-k17uluAz.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority';
+import './button-variants-lRElsmTc.js';
+import 'class-variance-authority/types';
+
+interface PricingAddonsFeaturedFeature {
+    /**
+     * Feature text
+     */
+    text?: React.ReactNode;
+    /**
+     * Optional icon element
+     */
+    icon?: React.ReactNode;
+    /**
+     * Optional icon name for DynamicIcon
+     */
+    iconName?: string;
+    /**
+     * Additional CSS classes for feature item
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for feature icon
+     */
+    iconClassName?: string;
+    /**
+     * Additional CSS classes for feature text
+     */
+    textClassName?: string;
+}
+interface PricingAddonsFeaturedCard {
+    /**
+     * Add-on name
+     */
+    name?: React.ReactNode;
+    /**
+     * Add-on description
+     */
+    description?: React.ReactNode;
+    /**
+     * Price display
+     */
+    price?: React.ReactNode;
+    /**
+     * Price description/interval
+     */
+    priceDescription?: React.ReactNode;
+    /**
+     * Feature list
+     */
+    features?: PricingAddonsFeaturedFeature[];
+    /**
+     * Custom slot for rendering features (overrides features array)
+     */
+    featuresSlot?: React.ReactNode;
+    /**
+     * Action configuration
+     */
+    action?: ActionConfig;
+    /**
+     * Custom slot for rendering action (overrides action)
+     */
+    actionSlot?: React.ReactNode;
+    /**
+     * Highlight this add-on
+     */
+    isHighlighted?: boolean;
+    /**
+     * Additional CSS classes for the card
+     */
+    className?: string;
+}
+interface PricingAddonsFeaturedAdditional {
+    /**
+     * Add-on name
+     */
+    name?: React.ReactNode;
+    /**
+     * Add-on description
+     */
+    description?: React.ReactNode;
+    /**
+     * Add-on price
+     */
+    price?: React.ReactNode;
+    /**
+     * Additional CSS classes for the item
+     */
+    className?: string;
+}
+interface PricingAddonsFeaturedProps {
+    /**
+     * Section heading
+     */
+    heading?: React.ReactNode;
+    /**
+     * Supporting subtitle
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Featured add-on cards
+     */
+    featuredAddons?: PricingAddonsFeaturedCard[];
+    /**
+     * Custom slot for rendering featured add-ons (overrides featuredAddons array)
+     */
+    featuredAddonsSlot?: React.ReactNode;
+    /**
+     * Additional add-ons list
+     */
+    additionalAddons?: PricingAddonsFeaturedAdditional[];
+    /**
+     * Custom slot for rendering additional add-ons (overrides additionalAddons array)
+     */
+    additionalAddonsSlot?: React.ReactNode;
+    /**
+     * Additional add-ons heading
+     */
+    additionalHeading?: React.ReactNode;
+    /**
+     * Default icon used for features
+     */
+    featureIcon?: React.ReactNode;
+    /**
+     * Default icon name for features
+     */
+    featureIconName?: 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;
+    /**
+     * Additional CSS classes for the pattern overlay
+     */
+    patternClassName?: string;
+    /**
+     * Additional CSS classes for the section
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
+    /**
+     * Additional CSS classes for the header
+     */
+    headerClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the subtitle
+     */
+    subtitleClassName?: string;
+    /**
+     * Additional CSS classes for the featured grid
+     */
+    featuredGridClassName?: string;
+    /**
+     * Additional CSS classes for featured cards
+     */
+    cardClassName?: string;
+    /**
+     * Additional CSS classes for highlighted cards
+     */
+    highlightedCardClassName?: string;
+    /**
+     * Additional CSS classes for card titles
+     */
+    cardTitleClassName?: string;
+    /**
+     * Additional CSS classes for card descriptions
+     */
+    cardDescriptionClassName?: string;
+    /**
+     * Additional CSS classes for price
+     */
+    priceClassName?: string;
+    /**
+     * Additional CSS classes for price description
+     */
+    priceDescriptionClassName?: string;
+    /**
+     * Additional CSS classes for features list
+     */
+    featuresClassName?: string;
+    /**
+     * Additional CSS classes for feature items
+     */
+    featureItemClassName?: string;
+    /**
+     * Additional CSS classes for feature icons
+     */
+    featureIconClassName?: string;
+    /**
+     * Additional CSS classes for feature text
+     */
+    featureTextClassName?: string;
+    /**
+     * Additional CSS classes for action button
+     */
+    actionClassName?: string;
+    /**
+     * Additional CSS classes for additional add-ons section
+     */
+    additionalSectionClassName?: string;
+    /**
+     * Additional CSS classes for additional heading
+     */
+    additionalHeadingClassName?: string;
+    /**
+     * Additional CSS classes for additional grid
+     */
+    additionalGridClassName?: string;
+    /**
+     * Additional CSS classes for additional item
+     */
+    additionalItemClassName?: string;
+    /**
+     * Additional CSS classes for additional item title
+     */
+    additionalItemTitleClassName?: string;
+    /**
+     * Additional CSS classes for additional item description
+     */
+    additionalItemDescriptionClassName?: string;
+    /**
+     * Additional CSS classes for additional item price
+     */
+    additionalItemPriceClassName?: string;
+}
+/**
+ * PricingAddonsFeatured displays featured add-on options with a secondary list of additional add-ons.
+ * Features 3 highlighted add-on cards with feature lists, plus a compact list of smaller add-ons below.
+ * Ideal for upselling additional features or services to existing customers.
+ *
+ * Perfect for pricing pages that want to showcase optional upgrades and add-ons.
+ *
+ * @example
+ * ```tsx
+ * <PricingAddonsFeatured
+ *   heading="Enhance Your Plan"
+ *   featuredAddons={[
+ *     { name: "Analytics", description: "Deep insights", price: "$29", features: [{ text: "Feature 1" }] }
+ *   ]}
+ *   additionalAddons={[
+ *     { name: "Extra Storage", description: "100GB more", price: "$10/month" }
+ *   ]}
+ * />
+ * ```
+ */
+declare function PricingAddonsFeatured({ heading, subtitle, featuredAddons, featuredAddonsSlot, additionalAddons, additionalAddonsSlot, additionalHeading, featureIcon, featureIconName, background, spacing, pattern, patternOpacity, patternClassName, className, containerClassName, headerClassName, headingClassName, subtitleClassName, featuredGridClassName, cardClassName, highlightedCardClassName, cardTitleClassName, cardDescriptionClassName, priceClassName, priceDescriptionClassName, featuresClassName, featureItemClassName, featureIconClassName, featureTextClassName, actionClassName, additionalSectionClassName, additionalHeadingClassName, additionalGridClassName, additionalItemClassName, additionalItemTitleClassName, additionalItemDescriptionClassName, additionalItemPriceClassName, }: PricingAddonsFeaturedProps): React.JSX.Element;
+
+export { PricingAddonsFeatured, type PricingAddonsFeaturedProps };