@opensite/ui 1.7.8 → 1.8.0

package/dist/contact-consultation.js

@@ -17,36 +17,6 @@ var TextArea = TextArea$1;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getNestedCardBg(parentBg, variant = "muted", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "muted":
-        return "bg-background";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-background/50";
-    }
-  } else {
-    switch (variant) {
-      case "muted":
-        return "bg-muted";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-muted/50";
-    }
-  }
-}
-function getNestedCardTextColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-foreground" : "";
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -1148,7 +1118,6 @@ function ContactConsultation({
   actions,
   actionsSlot,
   className,
-  containerClassName,
   headerClassName,
   headingClassName,
   descriptionClassName,
@@ -1156,10 +1125,11 @@ function ContactConsultation({
   cardContentClassName,
   formClassName,
   submitClassName,
-  background = "white",
-  spacing = "xl",
+  spacing = "py-8 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  background,
   pattern,
-  patternOpacity = 0.1,
+  patternOpacity,
   formConfig,
   onSubmit,
   onSuccess,
@@ -1223,7 +1193,14 @@ function ContactConsultation({
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
-        const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+        const {
+          label,
+          icon,
+          iconAfter,
+          children,
+          className: actionClassName,
+          ...pressableProps
+        } = action;
         return /* @__PURE__ */ jsx(
           Pressable,
           {
@@ -1249,11 +1226,30 @@ function ContactConsultation({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("py-12", className),
-      children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto w-full max-w-4xl px-4", containerClassName), children: [
+      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", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+          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: cardClassName, children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxs(
           Form,
@@ -1402,20 +1398,6 @@ function ContactConsultation({
                   )
                 ] }) })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: cn("rounded-lg border p-4", getNestedCardBg(background, "subtle"), getNestedCardTextColor(background)), children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-                /* @__PURE__ */ jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/info",
-                    size: 20,
-                    className: "mt-0.5 text-muted-foreground"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "What happens next?" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "We'll review your request and contact you within 24 hours to schedule your consultation at a time that works for you." })
-                ] })
-              ] }) }),
               actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxs(
                 Pressable,
                 {
@@ -1425,7 +1407,14 @@ function ContactConsultation({
                   asButton: true,
                   disabled: form.isSubmitting,
                   children: [
-                    buttonIcon ?? /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/calendar-check", size: 16, className: "mr-2" }),
+                    buttonIcon ?? /* @__PURE__ */ jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/calendar-check",
+                        size: 16,
+                        className: "mr-2"
+                      }
+                    ),
                     buttonText
                   ]
                 }

package/dist/contact-dark.cjs

@@ -1714,7 +1714,7 @@ function ContactDark({
                     method: formMethod,
                     className: cn("space-y-6", formClassName),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
                         "div",
                         {
                           className: getColumnSpanClass(field.columnSpan),

package/dist/contact-dark.d.cts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { F as FormFieldConfig } from './form-field-types-1zE7Be71.cjs';
+import { F as FormFieldConfig } from './form-field-types-BfKIzipA.cjs';
 import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.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 { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-Bs7X576B.cjs';
+import { A as ActionConfig } from './blocks-DyVWHMtH.cjs';
 import '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface ContactDarkOption {

package/dist/contact-dark.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import { F as FormFieldConfig } from './form-field-types-1zE7Be71.js';
+import { F as FormFieldConfig } from './form-field-types-BfKIzipA.js';
 import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.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 { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CxYoHqdn.js';
+import { A as ActionConfig } from './blocks-S9tBV7Wg.js';
 import '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface ContactDarkOption {

package/dist/contact-dark.js

@@ -1692,7 +1692,7 @@ function ContactDark({
                     method: formMethod,
                     className: cn("space-y-6", formClassName),
                     children: [
-                      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-4", children: formFields.map((field) => /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-6", children: formFields.map((field) => /* @__PURE__ */ jsx(
                         "div",
                         {
                           className: getColumnSpanClass(field.columnSpan),

package/dist/contact-demo.cjs

@@ -1139,7 +1139,11 @@ var Section = React__namespace.default.forwardRef(
 Section.displayName = "Section";
 var USE_CASES = [
   { value: "automation", label: "Workflow Automation", icon: "lucide/zap" },
-  { value: "analytics", label: "Analytics & Reporting", icon: "lucide/bar-chart-3" },
+  {
+    value: "analytics",
+    label: "Analytics & Reporting",
+    icon: "lucide/bar-chart-3"
+  },
   { value: "collaboration", label: "Team Collaboration", icon: "lucide/users" }
 ];
 var TEAM_SIZES = [
@@ -1163,7 +1167,6 @@ function ContactDemo({
   actions,
   actionsSlot,
   className,
-  containerClassName,
   headerClassName,
   headingClassName,
   descriptionClassName,
@@ -1171,10 +1174,11 @@ function ContactDemo({
   cardContentClassName,
   formClassName,
   submitClassName,
-  background = "white",
-  spacing = "xl",
+  spacing = "py-8 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  background,
   pattern,
-  patternOpacity = 0.1,
+  patternOpacity,
   formConfig,
   onSubmit,
   onSuccess,
@@ -1239,7 +1243,14 @@ function ContactDemo({
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
-        const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+        const {
+          label,
+          icon,
+          iconAfter,
+          children,
+          className: actionClassName,
+          ...pressableProps
+        } = action;
         return /* @__PURE__ */ jsxRuntime.jsx(
           Pressable,
           {
@@ -1265,11 +1276,21 @@ function ContactDemo({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("py-12", className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto w-full max-w-4xl px-4", containerClassName), children: [
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              className: cn(
+                "mb-3 text-3xl font-bold tracking-tight",
+                headingClassName
+              ),
+              children: heading
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
           forms.Form,
@@ -1431,12 +1452,18 @@ function ContactDemo({
                   asButton: true,
                   disabled: form.isSubmitting,
                   children: [
-                    buttonIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/calendar", size: 16, className: "mr-2" }),
+                    buttonIcon ?? /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/calendar",
+                        size: 16,
+                        className: "mr-2"
+                      }
+                    ),
                     buttonText
                   ]
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-xs text-muted-foreground", children: "We'll contact you within 24 hours to schedule your personalized demo." })
+              )
             ]
           }
         ) }) })

package/dist/contact-demo.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.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 { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-Bs7X576B.cjs';
+import { A as ActionConfig } from './blocks-DyVWHMtH.cjs';
 import '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface DemoFormValues {
@@ -164,6 +164,6 @@ interface ContactDemoProps {
  * />
  * ```
  */
-declare function ContactDemo({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactDemoProps): React.JSX.Element;
+declare function ContactDemo({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, spacing, containerClassName, background, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactDemoProps): React.JSX.Element;
 
 export { ContactDemo, type ContactDemoProps };

package/dist/contact-demo.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.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 { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CxYoHqdn.js';
+import { A as ActionConfig } from './blocks-S9tBV7Wg.js';
 import '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface DemoFormValues {
@@ -164,6 +164,6 @@ interface ContactDemoProps {
  * />
  * ```
  */
-declare function ContactDemo({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactDemoProps): React.JSX.Element;
+declare function ContactDemo({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, spacing, containerClassName, background, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactDemoProps): React.JSX.Element;
 
 export { ContactDemo, type ContactDemoProps };

package/dist/contact-demo.js

@@ -1115,7 +1115,11 @@ var Section = React__default.forwardRef(
 Section.displayName = "Section";
 var USE_CASES = [
   { value: "automation", label: "Workflow Automation", icon: "lucide/zap" },
-  { value: "analytics", label: "Analytics & Reporting", icon: "lucide/bar-chart-3" },
+  {
+    value: "analytics",
+    label: "Analytics & Reporting",
+    icon: "lucide/bar-chart-3"
+  },
   { value: "collaboration", label: "Team Collaboration", icon: "lucide/users" }
 ];
 var TEAM_SIZES = [
@@ -1139,7 +1143,6 @@ function ContactDemo({
   actions,
   actionsSlot,
   className,
-  containerClassName,
   headerClassName,
   headingClassName,
   descriptionClassName,
@@ -1147,10 +1150,11 @@ function ContactDemo({
   cardContentClassName,
   formClassName,
   submitClassName,
-  background = "white",
-  spacing = "xl",
+  spacing = "py-8 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  background,
   pattern,
-  patternOpacity = 0.1,
+  patternOpacity,
   formConfig,
   onSubmit,
   onSuccess,
@@ -1215,7 +1219,14 @@ function ContactDemo({
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
-        const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+        const {
+          label,
+          icon,
+          iconAfter,
+          children,
+          className: actionClassName,
+          ...pressableProps
+        } = action;
         return /* @__PURE__ */ jsx(
           Pressable,
           {
@@ -1241,11 +1252,21 @@ function ContactDemo({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("py-12", className),
-      children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto w-full max-w-4xl px-4", containerClassName), children: [
+      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", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: cn(
+                "mb-3 text-3xl font-bold tracking-tight",
+                headingClassName
+              ),
+              children: heading
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
         ] }),
         /* @__PURE__ */ jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: /* @__PURE__ */ jsxs(
           Form,
@@ -1407,12 +1428,18 @@ function ContactDemo({
                   asButton: true,
                   disabled: form.isSubmitting,
                   children: [
-                    buttonIcon ?? /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/calendar", size: 16, className: "mr-2" }),
+                    buttonIcon ?? /* @__PURE__ */ jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/calendar",
+                        size: 16,
+                        className: "mr-2"
+                      }
+                    ),
                     buttonText
                   ]
                 }
-              ),
-              /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-muted-foreground", children: "We'll contact you within 24 hours to schedule your personalized demo." })
+              )
             ]
           }
         ) }) })

package/dist/contact-emergency.cjs

@@ -1173,7 +1173,6 @@ function ContactEmergency({
   actions,
   actionsSlot,
   className,
-  containerClassName,
   headerClassName,
   headingClassName,
   descriptionClassName,
@@ -1181,10 +1180,11 @@ function ContactEmergency({
   cardContentClassName,
   formClassName,
   submitClassName,
-  background = "white",
-  spacing = "xl",
+  spacing = "py-8 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  background,
   pattern,
-  patternOpacity = 0.1,
+  patternOpacity,
   formConfig,
   onSubmit,
   onSuccess,
@@ -1240,14 +1240,21 @@ function ContactEmergency({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const selectedPriority = PRIORITIES.find(
+  PRIORITIES.find(
     (p) => p.value === form.values.priority
   );
   const actionsContent = React__namespace.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
-        const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+        const {
+          label,
+          icon,
+          iconAfter,
+          children,
+          className: actionClassName,
+          ...pressableProps
+        } = action;
         return /* @__PURE__ */ jsxRuntime.jsx(
           Pressable,
           {
@@ -1273,11 +1280,21 @@ function ContactEmergency({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("py-12", className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto w-full max-w-4xl px-4", containerClassName), children: [
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-3 text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              className: cn(
+                "mb-3 text-3xl font-bold tracking-tight",
+                headingClassName
+              ),
+              children: heading
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("leading-relaxed", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-0", cardContentClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
           forms.Form,
@@ -1289,14 +1306,7 @@ function ContactEmergency({
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid md:grid-cols-2", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b p-6 md:border-b-0 md:border-r", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    DynamicIcon,
-                    {
-                      name: "lucide/alert-triangle",
-                      size: 20,
-                      className: "text-muted-foreground"
-                    }
-                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/alert-triangle", size: 20 }),
                   /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: "Priority Level" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "priority", children: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: PRIORITIES.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1344,32 +1354,18 @@ function ContactEmergency({
                 /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-6" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border p-4", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      DynamicIcon,
-                      {
-                        name: "lucide/phone",
-                        size: 20,
-                        className: "text-muted-foreground"
-                      }
-                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/phone", size: 20 }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: "Call for Critical Issues" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "+1 (555) 911-0000" })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm ", children: "+1 (555) 911-0000" })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Available 24/7 for critical emergencies only" })
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs", children: "Available 24/7 for critical emergencies only" })
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    DynamicIcon,
-                    {
-                      name: "lucide/send",
-                      size: 20,
-                      className: "text-muted-foreground"
-                    }
-                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/send", size: 20 }),
                   /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: "Describe Your Issue" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -1444,10 +1440,6 @@ function ContactEmergency({
                     )
                   ] }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Expected response:" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: selectedPriority?.response })
-                  ] }),
                   actionsSlot || actions && actions.length > 0 ? actionsContent : /* @__PURE__ */ jsxRuntime.jsxs(
                     Pressable,
                     {

package/dist/contact-emergency.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.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 { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-Bs7X576B.cjs';
+import { A as ActionConfig } from './blocks-DyVWHMtH.cjs';
 import '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface EmergencyFormValues {
@@ -121,6 +121,6 @@ interface ContactEmergencyProps {
  * />
  * ```
  */
-declare function ContactEmergency({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactEmergencyProps): React.JSX.Element;
+declare function ContactEmergency({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, spacing, containerClassName, background, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactEmergencyProps): React.JSX.Element;
 
 export { ContactEmergency, type ContactEmergencyProps };

package/dist/contact-emergency.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-nGgHUTBw.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 { f as SectionBackground, g as SectionSpacing, s as PatternName } from './community-initiatives-CxYoHqdn.js';
+import { A as ActionConfig } from './blocks-S9tBV7Wg.js';
 import '@page-speed/forms/integration';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface EmergencyFormValues {
@@ -121,6 +121,6 @@ interface ContactEmergencyProps {
  * />
  * ```
  */
-declare function ContactEmergency({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, background, spacing, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactEmergencyProps): React.JSX.Element;
+declare function ContactEmergency({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formClassName, submitClassName, spacing, containerClassName, background, pattern, patternOpacity, formConfig, onSubmit, onSuccess, onError, }: ContactEmergencyProps): React.JSX.Element;
 
 export { ContactEmergency, type ContactEmergencyProps };