@opensite/ui 1.7.3 → 1.7.5

package/dist/contact-faq.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig } from './blocks-DRE-f6cS.js';
+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-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ContactFaqFormValues {
@@ -13,6 +13,11 @@ interface ContactFaqFormValues {
     subject: string;
     message: string;
 }
+interface FaqItem {
+    id: string;
+    question: React.ReactNode;
+    answer: React.ReactNode;
+}
 interface ContactFaqProps {
     /**
      * Main heading text
@@ -42,6 +47,18 @@ interface ContactFaqProps {
      * Custom slot for rendering actions (overrides actions array)
      */
     actionsSlot?: React.ReactNode;
+    /**
+     * Array of FAQ items to display alongside the contact form
+     */
+    items?: FaqItem[];
+    /**
+     * Custom slot for rendering FAQ items (overrides items array)
+     */
+    itemsSlot?: React.ReactNode;
+    /**
+     * Heading for the FAQ section
+     */
+    faqHeading?: React.ReactNode;
     /**
      * Additional CSS classes for the section
      */
@@ -81,7 +98,36 @@ interface ContactFaqProps {
     /**
      * Additional CSS classes for the submit button
      */
-    submitClassName?: string; /**
+    submitClassName?: string;
+    /**
+     * Additional CSS classes for the FAQ heading
+     */
+    faqHeadingClassName?: string;
+    /**
+     * Additional CSS classes for the FAQ container
+     */
+    faqContainerClassName?: string;
+    /**
+     * Additional CSS classes for the accordion
+     */
+    accordionClassName?: string;
+    /**
+     * Additional CSS classes for accordion items
+     */
+    accordionItemClassName?: string;
+    /**
+     * Additional CSS classes for accordion triggers
+     */
+    accordionTriggerClassName?: string;
+    /**
+     * Additional CSS classes for accordion content
+     */
+    accordionContentClassName?: string;
+    /**
+     * Additional CSS classes for the two-column grid wrapper
+     */
+    gridClassName?: string;
+    /**
      * Background style for the section
      */
     background?: SectionBackground;
@@ -125,6 +171,6 @@ interface ContactFaqProps {
  * />
  * ```
  */
-declare function ContactFaq({ heading, description, formHeading, buttonText, buttonIcon, actions, actionsSlot, className, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, formClassName, submitClassName, background, spacing, containerClassName, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactFaqProps): React.JSX.Element;
+declare function ContactFaq({ heading, description, formHeading, buttonText, buttonIcon, actions, actionsSlot, items, itemsSlot, faqHeading, className, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, formClassName, submitClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, background, spacing, containerClassName, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactFaqProps): React.JSX.Element;
 
-export { ContactFaq, type ContactFaqProps };
+export { ContactFaq, type ContactFaqProps, type FaqItem };

package/dist/contact-faq.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { useMemo } from 'react';
 import { useForm, Form, Field } from '@page-speed/forms';
 import { TextInput, TextArea } from '@page-speed/forms/inputs';
 import { clsx } from 'clsx';
@@ -8,6 +8,7 @@ import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { serializeForRails, deserializeErrors } from '@page-speed/forms/integration';
 
 // components/blocks/contact/contact-faq.tsx
@@ -471,6 +472,171 @@ function Label({
     }
   );
 }
+var svgCache = /* @__PURE__ */ new Map();
+function DynamicIcon({
+  name,
+  size = 28,
+  color,
+  className,
+  alt
+}) {
+  const [svgContent, setSvgContent] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const { url, iconName } = React.useMemo(() => {
+    const separator = name.includes("/") ? "/" : ":";
+    const [prefix, iconName2] = name.split(separator);
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
+    return {
+      url: baseUrl,
+      iconName: iconName2
+    };
+  }, [name, size]);
+  React.useEffect(() => {
+    let isMounted = true;
+    const fetchSvg = async () => {
+      const cached = svgCache.get(url);
+      if (cached) {
+        if (isMounted) {
+          setSvgContent(cached);
+          setIsLoading(false);
+        }
+        return;
+      }
+      try {
+        setIsLoading(true);
+        setError(null);
+        const response = await fetch(url);
+        if (!response.ok) {
+          throw new Error(`Failed to fetch icon: ${response.status}`);
+        }
+        let svg = await response.text();
+        svg = processSvgForCurrentColor(svg);
+        svgCache.set(url, svg);
+        if (isMounted) {
+          setSvgContent(svg);
+          setIsLoading(false);
+        }
+      } catch (err) {
+        if (isMounted) {
+          setError(err instanceof Error ? err.message : "Failed to load icon");
+          setIsLoading(false);
+        }
+      }
+    };
+    fetchSvg();
+    return () => {
+      isMounted = false;
+    };
+  }, [url]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("inline-block", className),
+        style: { width: size, height: size },
+        "aria-hidden": "true"
+      }
+    );
+  }
+  if (error || !svgContent) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("inline-block", className),
+        style: { width: size, height: size },
+        role: "img",
+        "aria-label": alt || iconName
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("inline-flex items-center justify-center", className),
+      style: {
+        width: size,
+        height: size,
+        color: color || "inherit"
+      },
+      role: "img",
+      "aria-label": alt || iconName,
+      dangerouslySetInnerHTML: { __html: svgContent }
+    }
+  );
+}
+function processSvgForCurrentColor(svg) {
+  let processed = svg;
+  processed = processed.replace(
+    /stroke=["'](#000000|#000|black)["']/gi,
+    'stroke="currentColor"'
+  );
+  processed = processed.replace(
+    /fill=["'](#000000|#000|black)["']/gi,
+    'fill="currentColor"'
+  );
+  return processed;
+}
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b ", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          DynamicIcon,
+          {
+            name: "lucide/chevron-down",
+            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
 var PageSpeedFormSubmissionError = class extends Error {
   constructor(message, options = {}) {
     super(message);
@@ -969,6 +1135,9 @@ function ContactFaq({
   buttonIcon,
   actions,
   actionsSlot,
+  items,
+  itemsSlot,
+  faqHeading,
   className,
   headerClassName,
   headingClassName,
@@ -978,6 +1147,13 @@ function ContactFaq({
   formHeadingClassName,
   formClassName,
   submitClassName,
+  faqHeadingClassName,
+  faqContainerClassName,
+  accordionClassName,
+  accordionItemClassName,
+  accordionTriggerClassName,
+  accordionContentClassName,
+  gridClassName,
   background,
   spacing = "py-8 md:py-32",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
@@ -1065,6 +1241,40 @@ function ContactFaq({
     }
     return null;
   }, [actionsSlot, actions]);
+  const hasFaqItems = itemsSlot || items && items.length > 0;
+  const faqContent = useMemo(() => {
+    if (itemsSlot) return itemsSlot;
+    if (!items || items.length === 0) return null;
+    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxs(
+      AccordionItem,
+      {
+        value: item.id,
+        className: accordionItemClassName,
+        children: [
+          /* @__PURE__ */ jsx(
+            AccordionTrigger,
+            {
+              className: cn(
+                "font-semibold hover:no-underline",
+                accordionTriggerClassName
+              ),
+              children: item.question
+            }
+          ),
+          /* @__PURE__ */ jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
+        ]
+      },
+      item.id
+    )) });
+  }, [
+    itemsSlot,
+    items,
+    accordionClassName,
+    accordionItemClassName,
+    accordionTriggerClassName,
+    accordionContentClassName,
+    background
+  ]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1075,122 +1285,156 @@ function ContactFaq({
       className,
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-            "h2",
-            {
-              className: cn(
-                "mb-3 text-3xl font-bold tracking-tight text-balance",
-                headingClassName
-              ),
-              children: heading
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: cn(
-                "leading-relaxed text-balance",
-                descriptionClassName
-              ),
-              children: description
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
-        ] }),
-        /* @__PURE__ */ jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsxs(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: [
-          formHeading && (typeof formHeading === "string" ? /* @__PURE__ */ jsx(
-            "h3",
-            {
-              className: cn(
-                "mb-6 text-xl font-semibold",
-                formHeadingClassName
-              ),
-              children: formHeading
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: formHeadingClassName, children: formHeading })),
-          /* @__PURE__ */ jsxs(
-            Form,
-            {
-              form,
-              action: formConfig?.endpoint,
-              method: formMethod,
-              className: cn("space-y-4", formClassName),
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-                  /* @__PURE__ */ jsx(Field, { name: "name", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "Name" }),
-                    /* @__PURE__ */ jsx(
-                      TextInput,
-                      {
-                        ...field,
-                        id: "name",
-                        placeholder: "John Doe",
-                        error: meta.touched && !!meta.error,
-                        "aria-label": "Name"
-                      }
-                    )
-                  ] }) }),
-                  /* @__PURE__ */ jsx(Field, { name: "email", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
-                    /* @__PURE__ */ jsx(
-                      TextInput,
-                      {
-                        ...field,
-                        id: "email",
-                        type: "email",
-                        placeholder: "john@example.com",
-                        error: meta.touched && !!meta.error,
-                        "aria-label": "Email"
-                      }
-                    )
-                  ] }) })
-                ] }),
-                /* @__PURE__ */ jsx(Field, { name: "subject", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "subject", children: "Subject" }),
-                  /* @__PURE__ */ jsx(
-                    TextInput,
-                    {
-                      ...field,
-                      id: "subject",
-                      placeholder: "What is this regarding?",
-                      error: meta.touched && !!meta.error,
-                      "aria-label": "Subject"
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ jsx(Field, { name: "message", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "message", children: "Message" }),
-                  /* @__PURE__ */ jsx(
-                    TextArea,
-                    {
-                      ...field,
-                      id: "message",
-                      placeholder: "Your question...",
-                      rows: 4,
-                      error: meta.touched && !!meta.error,
-                      "aria-label": "Message"
-                    }
-                  )
-                ] }) }),
-                actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxs(
-                  Pressable,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mb-10 md:mb-16 text-left max-w-full md:max-w-md",
+              headerClassName
+            ),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-3 text-3xl md:text-5xl font-bold tracking-tight text-balance",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "leading-relaxed text-balance",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "w-full mx-auto grid gap-10 grid-cols-1",
+              hasFaqItems ? "lg:grid-cols-2" : "lg:grid-cols-1",
+              gridClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Card, { className: cn("w-full pt-0 pb-0", cardClassName), children: /* @__PURE__ */ jsxs(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: [
+                formHeading && (typeof formHeading === "string" ? /* @__PURE__ */ jsx(
+                  "h3",
+                  {
+                    className: cn(
+                      "mb-6 text-xl font-semibold",
+                      formHeadingClassName
+                    ),
+                    children: formHeading
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: formHeadingClassName, children: formHeading })),
+                /* @__PURE__ */ jsxs(
+                  Form,
                   {
-                    componentType: "button",
-                    type: "submit",
-                    className: cn("w-full", submitClassName),
-                    size: "lg",
-                    asButton: true,
-                    disabled: form.isSubmitting,
+                    form,
+                    action: formConfig?.endpoint,
+                    method: formMethod,
+                    className: cn("space-y-4", formClassName),
                     children: [
-                      buttonIcon,
-                      buttonText
+                      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+                        /* @__PURE__ */ jsx(Field, { name: "name", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "Name" }),
+                          /* @__PURE__ */ jsx(
+                            TextInput,
+                            {
+                              ...field,
+                              id: "name",
+                              placeholder: "John Doe",
+                              error: meta.touched && !!meta.error,
+                              "aria-label": "Name"
+                            }
+                          )
+                        ] }) }),
+                        /* @__PURE__ */ jsx(Field, { name: "email", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                          /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+                          /* @__PURE__ */ jsx(
+                            TextInput,
+                            {
+                              ...field,
+                              id: "email",
+                              type: "email",
+                              placeholder: "john@example.com",
+                              error: meta.touched && !!meta.error,
+                              "aria-label": "Email"
+                            }
+                          )
+                        ] }) })
+                      ] }),
+                      /* @__PURE__ */ jsx(Field, { name: "subject", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                        /* @__PURE__ */ jsx(Label, { htmlFor: "subject", children: "Subject" }),
+                        /* @__PURE__ */ jsx(
+                          TextInput,
+                          {
+                            ...field,
+                            id: "subject",
+                            placeholder: "What is this regarding?",
+                            error: meta.touched && !!meta.error,
+                            "aria-label": "Subject"
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ jsx(Field, { name: "message", children: ({ field, meta }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                        /* @__PURE__ */ jsx(Label, { htmlFor: "message", children: "Message" }),
+                        /* @__PURE__ */ jsx(
+                          TextArea,
+                          {
+                            ...field,
+                            id: "message",
+                            placeholder: "Your question...",
+                            rows: 4,
+                            error: meta.touched && !!meta.error,
+                            "aria-label": "Message"
+                          }
+                        )
+                      ] }) }),
+                      actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxs(
+                        Pressable,
+                        {
+                          componentType: "button",
+                          type: "submit",
+                          className: cn("w-full", submitClassName),
+                          size: "lg",
+                          asButton: true,
+                          disabled: form.isSubmitting,
+                          children: [
+                            buttonIcon,
+                            buttonText
+                          ]
+                        }
+                      )
                     ]
                   }
                 )
-              ]
-            }
-          )
-        ] }) })
+              ] }) }),
+              hasFaqItems && /* @__PURE__ */ jsxs("div", { className: cn("relative", faqContainerClassName), children: [
+                faqHeading && (typeof faqHeading === "string" ? /* @__PURE__ */ jsx(
+                  "h3",
+                  {
+                    className: cn(
+                      "mb-6 text-xl font-semibold",
+                      faqHeadingClassName
+                    ),
+                    children: faqHeading
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: faqHeadingClassName, children: faqHeading })),
+                faqContent
+              ] })
+            ]
+          }
+        )
       ] })
     }
   );

package/dist/contact-feedback.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig } from './blocks-tmd_MRJv.cjs';
+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-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ContactFeedbackFormValues {

package/dist/contact-feedback.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig } from './blocks-DRE-f6cS.js';
+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-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ContactFeedbackFormValues {

package/dist/contact-fitness.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig } from './blocks-tmd_MRJv.cjs';
+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-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ContactFitnessFormValues {

package/dist/contact-fitness.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig } from './blocks-DRE-f6cS.js';
+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-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ContactFitnessFormValues {