@opensite/ui 1.7.6 → 1.7.8

package/dist/hero-tech-carousel.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import { O as OptixFlowConfig } from './blocks-C4XplutK.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface TechnologyItem {

package/dist/hero-testimonial-image-grid.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/hero-testimonial-image-grid.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/hero-therapy-testimonial-grid.d.cts

@@ -1,9 +1,9 @@
 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, I as ImageItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-CBlMqazU.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface TestimonialConfig {

package/dist/hero-therapy-testimonial-grid.d.ts

@@ -1,9 +1,9 @@
 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, I as ImageItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-C4XplutK.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface TestimonialConfig {

package/dist/hero-ui-library-showcase.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-CBlMqazU.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface HeroUiLibraryShowcaseProps {

package/dist/hero-ui-library-showcase.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-C4XplutK.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface HeroUiLibraryShowcaseProps {

package/dist/hero-video-background-dark.d.cts

@@ -1,9 +1,9 @@
 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 { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import { A as ActionConfig } from './blocks-CBlMqazU.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface HeroVideoBackgroundDarkProps {

package/dist/hero-video-background-dark.d.ts

@@ -1,9 +1,9 @@
 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 { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import { A as ActionConfig } from './blocks-C4XplutK.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface HeroVideoBackgroundDarkProps {

package/dist/hero-video-dialog-gradient.d.cts

@@ -1,9 +1,9 @@
 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, I as ImageItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-CBlMqazU.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface VideoDialogConfig {

package/dist/hero-video-dialog-gradient.d.ts

@@ -1,9 +1,9 @@
 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, I as ImageItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-C4XplutK.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface VideoDialogConfig {

package/dist/hero-video-overlay-stars.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/hero-video-overlay-stars.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/hero-welcome-asymmetric-images.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { A as ActionConfig, I as ImageItem } from './blocks-Cohq4eio.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { A as ActionConfig, I as ImageItem } from './blocks-CBlMqazU.cjs';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-8fmUivQe.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import 'react/jsx-runtime';
 

package/dist/hero-welcome-asymmetric-images.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { A as ActionConfig, I as ImageItem } from './blocks-k17uluAz.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { A as ActionConfig, I as ImageItem } from './blocks-C4XplutK.js';
+import { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CQv-6Tit.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import 'react/jsx-runtime';
 

package/dist/image-slider.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-CBlMqazU.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 type ImageSliderDirection = "up" | "down";

package/dist/image-slider.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-C4XplutK.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 type ImageSliderDirection = "up" | "down";

package/dist/index.cjs

@@ -5269,6 +5269,197 @@ function FooterAnimatedSocial({
   );
 }
 var TextInput = inputs.TextInput;
+function useFileUpload(options) {
+  const [uploadTokens, setUploadTokens] = React4.useState([]);
+  const [uploadProgress, setUploadProgress] = React4.useState({});
+  const [isUploading, setIsUploading] = React4.useState(false);
+  const endpoint = options?.endpoint || "https://api.dashtrack.com/contacts/_/contact_form_uploads";
+  const uploadFiles = React4.useCallback(
+    async (files) => {
+      if (files.length === 0) return;
+      setIsUploading(true);
+      try {
+        const tokens = [];
+        for (const file of files) {
+          const formData = new FormData();
+          formData.append("contact_form_upload[file_upload]", file);
+          formData.append("contact_form_upload[title]", file.name);
+          formData.append("contact_form_upload[file_name]", file.name);
+          formData.append("contact_form_upload[file_size]", String(file.size));
+          const response = await fetch(endpoint, {
+            method: "POST",
+            body: formData
+          });
+          if (!response.ok) {
+            throw new Error(`Upload failed: ${response.statusText}`);
+          }
+          const data = await response.json();
+          if (data.contact_form_upload?.token) {
+            tokens.push(`upload_${data.contact_form_upload.token}`);
+          }
+          setUploadProgress((prev) => ({
+            ...prev,
+            [file.name]: 100
+          }));
+        }
+        setUploadTokens(tokens);
+      } catch (error) {
+        console.error("File upload error:", error);
+        options?.onError?.(error);
+      } finally {
+        setIsUploading(false);
+      }
+    },
+    [endpoint, options]
+  );
+  const removeFile = React4.useCallback((file, index) => {
+    setUploadTokens((prev) => prev.filter((_, i) => i !== index));
+    setUploadProgress((prev) => {
+      const newProgress = { ...prev };
+      delete newProgress[file.name];
+      return newProgress;
+    });
+  }, []);
+  const resetUpload = React4.useCallback(() => {
+    setUploadTokens([]);
+    setUploadProgress({});
+  }, []);
+  return {
+    uploadTokens,
+    uploadProgress,
+    isUploading,
+    uploadFiles,
+    removeFile,
+    resetUpload
+  };
+}
+
+// lib/form-field-types.ts
+function generateInitialValues(fields) {
+  return fields.reduce(
+    (acc, field) => {
+      if (field.type === "checkbox") {
+        acc[field.name] = false;
+      } else if (field.type === "checkbox-group" || field.type === "multi-select") {
+        acc[field.name] = [];
+      } else if (field.type === "file") {
+        acc[field.name] = [];
+      } else if (field.type === "date-range") {
+        acc[field.name] = { start: null, end: null };
+      } else {
+        acc[field.name] = "";
+      }
+      return acc;
+    },
+    {}
+  );
+}
+function generateValidationSchema(fields) {
+  return fields.reduce(
+    (acc, field) => {
+      acc[field.name] = (value, allValues) => {
+        if (field.required) {
+          if (!value || typeof value === "string" && !value.trim()) {
+            return `${field.label} is required`;
+          }
+        }
+        if (field.type === "email" && value) {
+          if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+            return "Please enter a valid email address";
+          }
+        }
+        if (field.type === "url" && value) {
+          try {
+            new URL(value);
+          } catch {
+            return "Please enter a valid URL";
+          }
+        }
+        if (field.validator) {
+          return field.validator(value, allValues);
+        }
+        return void 0;
+      };
+      return acc;
+    },
+    {}
+  );
+}
+function getColumnSpanClass(span) {
+  if (!span || span === 12) return "col-span-12";
+  return `col-span-12 sm:col-span-${Math.min(span, 12)}`;
+}
+
+// lib/forms/use-contact-form.ts
+function useContactForm(options) {
+  const {
+    formFields,
+    formConfig,
+    onSubmit,
+    onSuccess,
+    onError,
+    resetOnSuccess = true,
+    uploadTokens = []
+  } = options;
+  const [isSubmitted, setIsSubmitted] = React4.useState(false);
+  const [submissionError, setSubmissionError] = React4.useState(null);
+  const form = forms.useForm({
+    initialValues: React4.useMemo(
+      () => generateInitialValues(formFields),
+      [formFields]
+    ),
+    validationSchema: React4.useMemo(
+      () => generateValidationSchema(formFields),
+      [formFields]
+    ),
+    onSubmit: async (values, helpers) => {
+      setSubmissionError(null);
+      const shouldAutoSubmit = Boolean(formConfig?.endpoint);
+      if (!shouldAutoSubmit && !onSubmit) {
+        return;
+      }
+      try {
+        let result;
+        const submissionValues = {
+          ...values,
+          ...uploadTokens.length > 0 && {
+            contact_form_upload_tokens: uploadTokens
+          }
+        };
+        if (shouldAutoSubmit) {
+          result = await submitPageSpeedForm(submissionValues, formConfig);
+        }
+        if (onSubmit) {
+          await onSubmit(submissionValues);
+        }
+        if (shouldAutoSubmit || onSubmit) {
+          setIsSubmitted(true);
+          if (resetOnSuccess) {
+            helpers.resetForm();
+          }
+          onSuccess?.(result);
+          setTimeout(() => setIsSubmitted(false), 1e4);
+        }
+      } catch (error) {
+        if (error instanceof PageSpeedFormSubmissionError && error.formErrors) {
+          helpers.setErrors(error.formErrors);
+        }
+        const errorMessage = error instanceof Error ? error.message : "Form submission failed";
+        setSubmissionError(errorMessage);
+        onError?.(error);
+      }
+    }
+  });
+  const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
+  return {
+    form,
+    isSubmitted,
+    submissionError,
+    formMethod
+  };
+}
+
+// lib/forms.ts
 var PageSpeedFormSubmissionError = class extends Error {
   constructor(message, options = {}) {
     super(message);
@@ -6060,6 +6251,7 @@ exports.FooterSocialNewsletter = FooterSocialNewsletter;
 exports.ImageSlider = ImageSlider;
 exports.MediaHoverCtas = MediaHoverCtas;
 exports.PageHeroBanner = PageHeroBanner;
+exports.PageSpeedFormSubmissionError = PageSpeedFormSubmissionError;
 exports.PaymentPlatformIcon = PaymentPlatformIcon;
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
@@ -6068,9 +6260,16 @@ exports.Pressable = Pressable;
 exports.Section = Section;
 exports.SocialLinkIcon = SocialLinkIcon;
 exports.cn = cn;
+exports.generateInitialValues = generateInitialValues;
+exports.generateValidationSchema = generateValidationSchema;
 exports.getAccentColor = getAccentColor;
 exports.getBorderColor = getBorderColor;
+exports.getColumnSpanClass = getColumnSpanClass;
 exports.getNestedCardBg = getNestedCardBg;
 exports.getNestedCardTextColor = getNestedCardTextColor;
 exports.getTextColor = getTextColor;
+exports.isValidEmail = isValidEmail;
+exports.submitPageSpeedForm = submitPageSpeedForm;
+exports.useContactForm = useContactForm;
+exports.useFileUpload = useFileUpload;
 exports.useNavigation = useNavigation;

package/dist/index.d.cts

@@ -13,7 +13,7 @@ export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps } f
 export { PaymentPlatformIcon, PaymentPlatformIconProps, PaymentPlatformName } from './payment-platform-icon.cjs';
 export { Pressable, PressableProps } from './pressable.cjs';
 export { AlternatingBlocks } from './alternating-blocks.cjs';
-export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, D as DirectionConfig, F as FeatureShowcaseItem, s as FeatureShowcaseProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-Bz_A5vLU.cjs';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, D as DirectionConfig, t as FeatureShowcaseItem, F as FeatureShowcaseProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-8fmUivQe.cjs';
 export { MediaHoverCtas } from './media-hover-ctas.cjs';
 export { FooterLinksGrid } from './footer-links-grid.cjs';
 export { FooterSocialNewsletter } from './footer-social-newsletter.cjs';
@@ -30,14 +30,106 @@ export { FooterCtaSocial } from './footer-cta-social.cjs';
 export { FooterNavSocial } from './footer-nav-social.cjs';
 export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from './use-navigation.cjs';
 export { BorderColorVariant, NestedCardBgOptions, NestedCardVariant, TextColorVariant, cn, getAccentColor, getBorderColor, getNestedCardBg, getNestedCardTextColor, getTextColor } from './utils.cjs';
+import { F as FormFieldConfig } from './form-field-types-1zE7Be71.cjs';
+export { c as FormFieldType, S as SelectOption, g as generateInitialValues, a as generateValidationSchema, b as getColumnSpanClass } from './form-field-types-1zE7Be71.cjs';
+import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.cjs';
+export { b as PageSpeedFormMethod, a as PageSpeedFormSubmissionError, c as PageSpeedFormSubmissionFormat, i as isValidEmail, s as submitPageSpeedForm } from './forms-nGgHUTBw.cjs';
+import { useForm } from '@page-speed/forms';
 export { SocialPlatformName } from '@opensite/hooks/usePlatformFromUrl';
-export { A as ActionConfig, h as AuthorInfo, c as BlockActionProps, B as BlockBaseProps, f as BlockBlogProps, b as BlockContentProps, d as BlockLogoProps, e as BlogPostItem, g as BreadcrumbItem, D as DetailItem, F as FeatureItem, I as ImageItem, L as LogoItem, N as NavLinkItem, O as OptixFlowConfig, j as OutcomeItem, i as SectionItem, a as SocialLinkItem, S as StatItem, T as TestimonialItem } from './blocks-Cohq4eio.cjs';
+export { A as ActionConfig, c as AuthorInfo, h as BlockActionProps, f as BlockBaseProps, j as BlockBlogProps, g as BlockContentProps, i as BlockLogoProps, B as BlogPostItem, b as BreadcrumbItem, D as DetailItem, F as FeatureItem, I as ImageItem, L as LogoItem, N as NavLinkItem, O as OptixFlowConfig, d as OutcomeItem, e as SectionItem, a as SocialLinkItem, S as StatItem, T as TestimonialItem } from './blocks-CBlMqazU.cjs';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import './types-Cs1jk79n.cjs';
-import './forms-BCcwNFhk.cjs';
 import 'clsx';
+import '@page-speed/forms/integration';
+
+interface FileUploadProgress {
+    [fileName: string]: number;
+}
+interface UseFileUploadReturn {
+    uploadTokens: string[];
+    uploadProgress: FileUploadProgress;
+    isUploading: boolean;
+    uploadFiles: (files: File[]) => Promise<void>;
+    removeFile: (file: File, index: number) => void;
+    resetUpload: () => void;
+}
+/**
+ * Hook for handling file uploads to DashTrack API
+ *
+ * @example
+ * ```tsx
+ * const { uploadTokens, uploadProgress, isUploading, uploadFiles, removeFile } = useFileUpload({
+ *   onError: (error) => console.error(error)
+ * });
+ * ```
+ */
+declare function useFileUpload(options?: {
+    onError?: (error: Error) => void;
+    endpoint?: string;
+}): UseFileUploadReturn;
+
+interface UseContactFormOptions {
+    /**
+     * Form field configurations
+     */
+    formFields: FormFieldConfig[];
+    /**
+     * PageSpeed form configuration for API submission
+     */
+    formConfig?: PageSpeedFormConfig;
+    /**
+     * Custom submit handler
+     */
+    onSubmit?: (values: Record<string, any>) => void | Promise<void>;
+    /**
+     * Success callback
+     */
+    onSuccess?: (data: unknown) => void;
+    /**
+     * Error callback
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Reset form on successful submission
+     * @default true
+     */
+    resetOnSuccess?: boolean;
+    /**
+     * File upload tokens to include in submission
+     */
+    uploadTokens?: string[];
+}
+interface UseContactFormReturn {
+    form: ReturnType<typeof useForm>;
+    isSubmitted: boolean;
+    submissionError: string | null;
+    formMethod: "get" | "post";
+}
+/**
+ * Hook for managing contact form state and submission
+ *
+ * Handles:
+ * - Form initialization with dynamic fields
+ * - Validation schema generation
+ * - Form submission to PageSpeed API
+ * - Success/error state management
+ * - File upload token integration
+ *
+ * @example
+ * ```tsx
+ * const { form, isSubmitted, submissionError, formMethod } = useContactForm({
+ *   formFields: myFormFields,
+ *   formConfig: demoFormConfig,
+ *   uploadTokens: fileUploadTokens,
+ *   onSuccess: () => console.log('Success!'),
+ * });
+ * ```
+ */
+declare function useContactForm(options: UseContactFormOptions): UseContactFormReturn;
+
+export { type FileUploadProgress, FormFieldConfig, PageSpeedFormConfig, type UseContactFormOptions, type UseContactFormReturn, type UseFileUploadReturn, useContactForm, useFileUpload };