@opensite/ui 1.3.4 → 1.3.6

package/dist/team-testimonial-stats.d.cts

@@ -0,0 +1,158 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority';
+import './button-variants-8mtEHxev.cjs';
+import 'class-variance-authority/types';
+
+/**
+ * Stats for team member
+ */
+interface TeamTestimonialStatsStats {
+    years?: string;
+    projects?: string;
+    clients?: string;
+    awards?: string;
+}
+/**
+ * Social links for team member
+ */
+interface TeamTestimonialStatsSocialLinks {
+    twitter?: string;
+    github?: string;
+    linkedin?: string;
+}
+/**
+ * Individual team member for TeamTestimonialStats
+ */
+interface TeamTestimonialStatsMember {
+    name: string;
+    role: string;
+    testimonial: string;
+    image: string;
+    stats: TeamTestimonialStatsStats;
+    social?: TeamTestimonialStatsSocialLinks;
+}
+/**
+ * Props for TeamTestimonialStats component
+ */
+interface TeamTestimonialStatsProps {
+    /**
+     * Section heading
+     * @default "Meet our leadership"
+     */
+    heading?: React.ReactNode;
+    /**
+     * Section description
+     */
+    description?: React.ReactNode;
+    /**
+     * Array of team members to display
+     */
+    members?: TeamTestimonialStatsMember[];
+    /**
+     * Custom slot for rendering members (overrides members array)
+     */
+    membersSlot?: React.ReactNode;
+    /**
+     * Background style variant for the section
+     * @default "white"
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing/margin variant
+     * @default "lg"
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+    /**
+     * Additional CSS classes for the section wrapper
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the header wrapper
+     */
+    headerClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Additional CSS classes for the grid container
+     */
+    gridClassName?: string;
+    /**
+     * Additional CSS classes for each member card
+     */
+    memberCardClassName?: string;
+    /**
+     * Additional CSS classes for the member image
+     */
+    memberImageClassName?: string;
+    /**
+     * Additional CSS classes for the member name
+     */
+    memberNameClassName?: string;
+    /**
+     * Additional CSS classes for the member role
+     */
+    memberRoleClassName?: string;
+    /**
+     * Additional CSS classes for the stats container
+     */
+    statsClassName?: string;
+    /**
+     * Additional CSS classes for the testimonial
+     */
+    testimonialClassName?: string;
+    /**
+     * Additional CSS classes for the social links container
+     */
+    socialLinksClassName?: string;
+    /**
+     * Optional Optix Flow configuration for image optimization
+     */
+    optixFlowConfig?: OptixFlowConfig;
+}
+/**
+ * TeamTestimonialStats - Split cards with testimonials and achievement stats
+ *
+ * A premium team section featuring horizontal cards split between a large image
+ * and content area. Each card displays a full-height member photo on one side,
+ * with name, role, achievement stats (years, projects, clients, awards), a
+ * testimonial quote with quote icon, and social links on the other side.
+ * Ideal for showcasing leadership with credibility-building metrics.
+ *
+ * @example
+ * ```tsx
+ * <TeamTestimonialStats
+ *   heading="Our Leadership"
+ *   description="The talented individuals guiding our vision"
+ *   members={[
+ *     {
+ *       name: "Jane Doe",
+ *       role: "CEO",
+ *       testimonial: "Building the future of technology",
+ *       image: "/team/jane.jpg",
+ *       stats: { years: "15+", projects: "100+", clients: "50+" },
+ *       social: { linkedin: "https://linkedin.com/in/jane" }
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+declare function TeamTestimonialStats({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, statsClassName, testimonialClassName, socialLinksClassName, optixFlowConfig, }: TeamTestimonialStatsProps): React.JSX.Element;
+
+export { TeamTestimonialStats, type TeamTestimonialStatsProps };

package/dist/team-testimonial-stats.d.ts

@@ -0,0 +1,158 @@
+import * as React from 'react';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority';
+import './button-variants-8mtEHxev.js';
+import 'class-variance-authority/types';
+
+/**
+ * Stats for team member
+ */
+interface TeamTestimonialStatsStats {
+    years?: string;
+    projects?: string;
+    clients?: string;
+    awards?: string;
+}
+/**
+ * Social links for team member
+ */
+interface TeamTestimonialStatsSocialLinks {
+    twitter?: string;
+    github?: string;
+    linkedin?: string;
+}
+/**
+ * Individual team member for TeamTestimonialStats
+ */
+interface TeamTestimonialStatsMember {
+    name: string;
+    role: string;
+    testimonial: string;
+    image: string;
+    stats: TeamTestimonialStatsStats;
+    social?: TeamTestimonialStatsSocialLinks;
+}
+/**
+ * Props for TeamTestimonialStats component
+ */
+interface TeamTestimonialStatsProps {
+    /**
+     * Section heading
+     * @default "Meet our leadership"
+     */
+    heading?: React.ReactNode;
+    /**
+     * Section description
+     */
+    description?: React.ReactNode;
+    /**
+     * Array of team members to display
+     */
+    members?: TeamTestimonialStatsMember[];
+    /**
+     * Custom slot for rendering members (overrides members array)
+     */
+    membersSlot?: React.ReactNode;
+    /**
+     * Background style variant for the section
+     * @default "white"
+     */
+    background?: SectionBackground;
+    /**
+     * Vertical spacing/margin variant
+     * @default "lg"
+     */
+    spacing?: SectionSpacing;
+    /**
+     * Optional background pattern name or URL
+     */
+    pattern?: PatternName | undefined;
+    /**
+     * Pattern overlay opacity (0-1)
+     */
+    patternOpacity?: number;
+    /**
+     * Additional CSS classes for the section wrapper
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the header wrapper
+     */
+    headerClassName?: string;
+    /**
+     * Additional CSS classes for the heading
+     */
+    headingClassName?: string;
+    /**
+     * Additional CSS classes for the description
+     */
+    descriptionClassName?: string;
+    /**
+     * Additional CSS classes for the grid container
+     */
+    gridClassName?: string;
+    /**
+     * Additional CSS classes for each member card
+     */
+    memberCardClassName?: string;
+    /**
+     * Additional CSS classes for the member image
+     */
+    memberImageClassName?: string;
+    /**
+     * Additional CSS classes for the member name
+     */
+    memberNameClassName?: string;
+    /**
+     * Additional CSS classes for the member role
+     */
+    memberRoleClassName?: string;
+    /**
+     * Additional CSS classes for the stats container
+     */
+    statsClassName?: string;
+    /**
+     * Additional CSS classes for the testimonial
+     */
+    testimonialClassName?: string;
+    /**
+     * Additional CSS classes for the social links container
+     */
+    socialLinksClassName?: string;
+    /**
+     * Optional Optix Flow configuration for image optimization
+     */
+    optixFlowConfig?: OptixFlowConfig;
+}
+/**
+ * TeamTestimonialStats - Split cards with testimonials and achievement stats
+ *
+ * A premium team section featuring horizontal cards split between a large image
+ * and content area. Each card displays a full-height member photo on one side,
+ * with name, role, achievement stats (years, projects, clients, awards), a
+ * testimonial quote with quote icon, and social links on the other side.
+ * Ideal for showcasing leadership with credibility-building metrics.
+ *
+ * @example
+ * ```tsx
+ * <TeamTestimonialStats
+ *   heading="Our Leadership"
+ *   description="The talented individuals guiding our vision"
+ *   members={[
+ *     {
+ *       name: "Jane Doe",
+ *       role: "CEO",
+ *       testimonial: "Building the future of technology",
+ *       image: "/team/jane.jpg",
+ *       stats: { years: "15+", projects: "100+", clients: "50+" },
+ *       social: { linkedin: "https://linkedin.com/in/jane" }
+ *     }
+ *   ]}
+ * />
+ * ```
+ */
+declare function TeamTestimonialStats({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, statsClassName, testimonialClassName, socialLinksClassName, optixFlowConfig, }: TeamTestimonialStatsProps): React.JSX.Element;
+
+export { TeamTestimonialStats, type TeamTestimonialStatsProps };