@opensite/ui 2.8.3 → 2.8.5

package/dist/testimonials-twitter-cards.cjs

@@ -1,13 +1,14 @@
 "use client";
 'use strict';
 
-var React2 = require('react');
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var icon = require('@page-speed/icon');
-var jsxRuntime = require('react/jsx-runtime');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
+var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
+var icon = require('@page-speed/icon');
+var usePlatformFromUrl = require('@opensite/hooks/usePlatformFromUrl');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -27,21 +28,13 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
 // components/blocks/testimonials/testimonials-twitter-cards.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-var DynamicIcon = React2__namespace.memo(function DynamicIcon2({
-  apiKey,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-});
-DynamicIcon.displayName = "DynamicIcon";
 function Avatar({
   className,
   ...props
@@ -87,19 +80,6 @@ function AvatarFallback({
     }
   );
 }
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
 function CardContent({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -185,7 +165,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React2__namespace.useMemo(() => {
+  const linkType = React__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -206,7 +186,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React2__namespace.useMemo(() => {
+  const normalizedHref = React__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -224,7 +204,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React2__namespace.useMemo(() => {
+  const target = React__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -237,7 +217,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React2__namespace.useMemo(() => {
+  const rel = React__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -246,7 +226,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React2__namespace.useCallback(
+  const handleClick = React__namespace.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -430,7 +410,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React2__namespace.forwardRef(
+var Pressable = React__namespace.forwardRef(
   ({
     children,
     className,
@@ -537,7 +517,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React2__namespace.default.forwardRef(
+var Container = React__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -843,7 +823,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React2__namespace.default.forwardRef(
+var Section = React__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -904,6 +884,95 @@ var Section = React2__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
+var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
+var DynamicIcon = React__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
+});
+DynamicIcon.displayName = "DynamicIcon";
+var platformIconMap = {
+  instagram: "cib/instagram",
+  linkedin: "cib/linkedin",
+  google: "cib/google",
+  facebook: "cib/facebook",
+  tiktok: "cib/tiktok",
+  youtube: "cib/youtube",
+  yelp: "cib/yelp",
+  spotify: "cib/spotify",
+  apple: "cib/apple",
+  x: "prime/twitter",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
+  behance: "cib/behance",
+  dribbble: "cib/dribbble",
+  unknown: "icon-park-solid/circular-connection"
+};
+var SocialLinkIcon = React__namespace.forwardRef(
+  ({
+    platformName,
+    label,
+    iconSize = 20,
+    iconColor,
+    href,
+    iconClassName,
+    className,
+    iconNameOverride,
+    ...pressableProps
+  }, ref) => {
+    const platform = usePlatformFromUrl.usePlatformFromUrl(href);
+    const smartPlatformName = React__namespace.useMemo(() => {
+      return platform || platformName;
+    }, [platform, platformName]);
+    const iconName = React__namespace.useMemo(() => {
+      return iconNameOverride || platformIconMap[smartPlatformName];
+    }, [iconNameOverride, smartPlatformName]);
+    const accessibleLabel = React__namespace.useMemo(() => {
+      return label || platformName;
+    }, [label, platformName]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        ref,
+        href,
+        "aria-label": accessibleLabel,
+        className: cn(
+          "inline-flex items-center justify-center transition-colors",
+          className
+        ),
+        ...pressableProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          DynamicIcon,
+          {
+            name: iconName,
+            size: iconSize,
+            color: iconColor,
+            className: iconClassName,
+            alt: accessibleLabel
+          }
+        )
+      }
+    );
+  }
+);
+SocialLinkIcon.displayName = "SocialLinkIcon";
 function TestimonialsTwitterCards({
   testimonials,
   testimonialsSlot,
@@ -918,72 +987,103 @@ function TestimonialsTwitterCards({
   cardContentClassName,
   authorClassName,
   background,
-  spacing,
+  spacing = "lg",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity
 }) {
-  const getAuthorName = React2.useCallback((testimonial) => {
-    if (typeof testimonial.author === "string") return testimonial.author;
-    return "";
-  }, []);
-  const getInitials = React2.useCallback((name) => {
+  const getAuthorName = React.useCallback(
+    (testimonial) => {
+      if (typeof testimonial.author === "string") return testimonial.author;
+      return "";
+    },
+    []
+  );
+  const getInitials = React.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
-  const renderedTestimonials = React2.useMemo(() => {
+  const renderedTestimonials = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: cn(
-          "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+          "grid gap-4 md:gap-6 lg:gap-8 md:grid-cols-2 lg:grid-cols-3",
           gridClassName
         ),
         children: testimonials.map((testimonial, index) => {
           const authorName = getAuthorName(testimonial);
-          return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("group", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: cn("p-6", cardContentClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: cn(
-                  "mb-4 flex items-start justify-between",
-                  authorClassName
-                ),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        AvatarImage,
-                        {
-                          src: testimonial.avatarSrc,
-                          alt: authorName
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium leading-none", children: testimonial.author }) : testimonial.author),
-                      testimonial.handle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: testimonial.handle })
-                    ] })
-                  ] }),
-                  testimonial.twitterUrl && /* @__PURE__ */ jsxRuntime.jsx(
-                    Pressable,
-                    {
-                      href: testimonial.twitterUrl,
-                      className: "text-muted-foreground transition-colors hover:text-foreground",
-                      "aria-label": "View on Twitter",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "simple-icons/x", size: 18 })
-                    }
-                  )
-                ]
-              }
-            ),
-            testimonial.content && (typeof testimonial.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: testimonial.content }) : testimonial.content)
-          ] }) }, index);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Pressable,
+            {
+              href: testimonial.linkConfig?.href,
+              className: cn(
+                "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-xl group hover:bg-primary hover:text-primary-foreground transition-all duration-500",
+                cardClassName
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                CardContent,
+                {
+                  className: cn(
+                    "px-6 h-full flex flex-col-reverse items-stretch justify-between",
+                    cardContentClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
+                      {
+                        className: cn(
+                          "flex items-center justify-between",
+                          authorClassName
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "relative flex shrink-0 overflow-hidden rounded-full size-12 ring-4 ring-primary shadow-lg", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                AvatarImage,
+                                {
+                                  src: testimonial.avatarSrc,
+                                  alt: authorName
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                              testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium leading-none", children: testimonial.author }) : testimonial.author),
+                              testimonial.handle ? testimonial.handle : null
+                            ] })
+                          ] }),
+                          testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
+                            SocialLinkIcon,
+                            {
+                              href: testimonial.linkConfig.href,
+                              iconSize: 18
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    testimonial.content && (typeof testimonial.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: testimonial.content }) : testimonial.content)
+                  ]
+                }
+              )
+            },
+            index
+          );
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardContentClassName, authorClassName, getAuthorName, getInitials]);
+  }, [
+    testimonialsSlot,
+    gridClassName,
+    testimonials,
+    cardClassName,
+    cardContentClassName,
+    authorClassName,
+    getAuthorName,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -992,32 +1092,34 @@ function TestimonialsTwitterCards({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            className: cn(
+              "mx-auto mb-12 max-w-full md:max-w-2xl text-center",
+              headerClassName
+            ),
             children: [
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",
                 {
                   className: cn(
-                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    "text-pretty text-3xl md:text-4xl lg:text-6xl",
+                    "font-semibold tracking-tight",
                     headingClassName
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
-                  className: cn(
-                    "mt-4 text-lg text-muted-foreground",
-                    descriptionClassName
-                  ),
+                  className: cn("mt-4 text-lg text-balance", descriptionClassName),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+              ) : description)
             ]
           }
         ),

package/dist/testimonials-twitter-cards.d.cts

@@ -1,18 +1,17 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
-import './blocks-U7wOoE0O.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import './blocks-D1hqLk46.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';
 
-/**
- * Twitter/X testimonial item interface
- */
-interface TwitterTestimonialItem {
+interface TwitterTestimonialItem extends SocialTestimonialItem {
+}
+interface SocialTestimonialItem {
     /**
-     * Tweet/post content
+     * post content
      */
     content: React.ReactNode;
     /**
@@ -20,7 +19,7 @@ interface TwitterTestimonialItem {
      */
     author?: React.ReactNode;
     /**
-     * Twitter/X handle (e.g., "@username")
+     * social handle (e.g., "@username")
      */
     handle?: string;
     /**
@@ -28,15 +27,19 @@ interface TwitterTestimonialItem {
      */
     avatarSrc?: string;
     /**
-     * Link to the original tweet/post
+     * Link to the original post
      */
-    twitterUrl?: string;
+    linkConfig?: {
+        label: React.ReactNode;
+        href: string;
+        className?: string;
+    };
 }
 interface TestimonialsTwitterCardsProps {
     /**
-     * Array of Twitter testimonials to display
+     * Array of social testimonials to display
      */
-    testimonials?: TwitterTestimonialItem[];
+    testimonials?: SocialTestimonialItem[];
     /**
      * Custom slot for rendering testimonials (overrides testimonials array)
      */
@@ -97,11 +100,15 @@ interface TestimonialsTwitterCardsProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
- * TestimonialsTwitterCards - A grid of Twitter/X-style testimonial cards featuring
- * user content, profile avatars, handles, and links to original tweets. Each card
- * displays the Twitter/X logo and links to the author's profile. Ideal for showcasing
+ * TestimonialsTwitterCards - A grid of social testimonial cards featuring
+ * user content, profile avatars, handles, and links to original posts. Each card
+ * displays the social platforms logo and links to the author's profile. Ideal for showcasing
  * social proof from real social media posts and building credibility through authentic
  * user endorsements.
  *
@@ -116,7 +123,20 @@ interface TestimonialsTwitterCardsProps {
  *       author: "John Doe",
  *       handle: "@johndoe",
  *       avatarSrc: "/avatars/john.jpg",
- *       twitterUrl: "https://twitter.com/johndoe/status/123"
+ *       linkConfig: {
+ *         label: "Read on Twitter",
+ *         href: "https://twitter.com/johndoe/status/123",
+ *       }
+ *     },
+ *     {
+ *       content: "So Good!!",
+ *       author: "Jon Snow",
+ *       handle: "@jonsnow",
+ *       avatarSrc: "/avatars/jon.jpg",
+ *       linkConfig: {
+ *         label: "See on Instagram",
+ *         href: "https://instagram.com/jonsnow/status/123",
+ *       }
  *     }
  *   ]}
  *   background="gray"
@@ -124,6 +144,6 @@ interface TestimonialsTwitterCardsProps {
  * />
  * ```
  */
-declare function TestimonialsTwitterCards({ testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, cardContentClassName, authorClassName, background, spacing, pattern, patternOpacity, }: TestimonialsTwitterCardsProps): React.JSX.Element;
+declare function TestimonialsTwitterCards({ testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, cardContentClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, }: TestimonialsTwitterCardsProps): React.JSX.Element;
 
 export { TestimonialsTwitterCards, type TestimonialsTwitterCardsProps, type TwitterTestimonialItem };

package/dist/testimonials-twitter-cards.d.ts

@@ -1,18 +1,17 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
-import './blocks-DmMuCMEh.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import './blocks-kcru1Ogu.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';
 
-/**
- * Twitter/X testimonial item interface
- */
-interface TwitterTestimonialItem {
+interface TwitterTestimonialItem extends SocialTestimonialItem {
+}
+interface SocialTestimonialItem {
     /**
-     * Tweet/post content
+     * post content
      */
     content: React.ReactNode;
     /**
@@ -20,7 +19,7 @@ interface TwitterTestimonialItem {
      */
     author?: React.ReactNode;
     /**
-     * Twitter/X handle (e.g., "@username")
+     * social handle (e.g., "@username")
      */
     handle?: string;
     /**
@@ -28,15 +27,19 @@ interface TwitterTestimonialItem {
      */
     avatarSrc?: string;
     /**
-     * Link to the original tweet/post
+     * Link to the original post
      */
-    twitterUrl?: string;
+    linkConfig?: {
+        label: React.ReactNode;
+        href: string;
+        className?: string;
+    };
 }
 interface TestimonialsTwitterCardsProps {
     /**
-     * Array of Twitter testimonials to display
+     * Array of social testimonials to display
      */
-    testimonials?: TwitterTestimonialItem[];
+    testimonials?: SocialTestimonialItem[];
     /**
      * Custom slot for rendering testimonials (overrides testimonials array)
      */
@@ -97,11 +100,15 @@ interface TestimonialsTwitterCardsProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
- * TestimonialsTwitterCards - A grid of Twitter/X-style testimonial cards featuring
- * user content, profile avatars, handles, and links to original tweets. Each card
- * displays the Twitter/X logo and links to the author's profile. Ideal for showcasing
+ * TestimonialsTwitterCards - A grid of social testimonial cards featuring
+ * user content, profile avatars, handles, and links to original posts. Each card
+ * displays the social platforms logo and links to the author's profile. Ideal for showcasing
  * social proof from real social media posts and building credibility through authentic
  * user endorsements.
  *
@@ -116,7 +123,20 @@ interface TestimonialsTwitterCardsProps {
  *       author: "John Doe",
  *       handle: "@johndoe",
  *       avatarSrc: "/avatars/john.jpg",
- *       twitterUrl: "https://twitter.com/johndoe/status/123"
+ *       linkConfig: {
+ *         label: "Read on Twitter",
+ *         href: "https://twitter.com/johndoe/status/123",
+ *       }
+ *     },
+ *     {
+ *       content: "So Good!!",
+ *       author: "Jon Snow",
+ *       handle: "@jonsnow",
+ *       avatarSrc: "/avatars/jon.jpg",
+ *       linkConfig: {
+ *         label: "See on Instagram",
+ *         href: "https://instagram.com/jonsnow/status/123",
+ *       }
  *     }
  *   ]}
  *   background="gray"
@@ -124,6 +144,6 @@ interface TestimonialsTwitterCardsProps {
  * />
  * ```
  */
-declare function TestimonialsTwitterCards({ testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, cardContentClassName, authorClassName, background, spacing, pattern, patternOpacity, }: TestimonialsTwitterCardsProps): React.JSX.Element;
+declare function TestimonialsTwitterCards({ testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, gridClassName, cardClassName, cardContentClassName, authorClassName, background, spacing, containerClassName, pattern, patternOpacity, }: TestimonialsTwitterCardsProps): React.JSX.Element;
 
 export { TestimonialsTwitterCards, type TestimonialsTwitterCardsProps, type TwitterTestimonialItem };