@opensite/ui 2.2.5 → 2.2.6

package/dist/contact-interview.js

@@ -1,9 +1,10 @@
 "use client";
+import * as React4 from 'react';
+import React4__default, { useMemo } from 'react';
 import { FormEngine } from '@page-speed/forms/integration';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
 
 // components/blocks/contact/contact-interview.tsx
 function cn(...inputs) {
@@ -41,7 +42,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React.forwardRef(
+var Container = React4__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -346,7 +347,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React.forwardRef(
+var Section = React4__default.forwardRef(
   ({
     id,
     title,
@@ -407,6 +408,38 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
+function TextInner({ as, className, children, ...props }, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props, children });
+}
+var Text = React4.forwardRef(TextInner);
+Text.displayName = "Text";
+function isContentTextItem(item) {
+  return item !== null && typeof item === "object" && !React4.isValidElement(item) && "_type" in item && item._type === "text";
+}
+var ContentGroup = React4.forwardRef(
+  ({ items, className, children, ...props }, ref) => {
+    const hasContent = items && items.length > 0;
+    if (!hasContent) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn(className), ...props, children: [
+      items.map((item, idx) => {
+        if (isContentTextItem(item)) {
+          const { _type, ...textProps } = item;
+          return /* @__PURE__ */ jsx(Text, { ...textProps }, idx);
+        }
+        const reactNode = item;
+        if (React4.isValidElement(reactNode)) {
+          return React4.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        }
+        return /* @__PURE__ */ jsx(React4.Fragment, { children: reactNode }, idx);
+      }),
+      children
+    ] });
+  }
+);
+ContentGroup.displayName = "ContentGroup";
 var DEFAULT_STYLE_RULES = {
   formContainer: "",
   fieldsContainer: "",
@@ -472,6 +505,40 @@ function ContactInterview({
   pattern,
   patternOpacity = 0.1
 }) {
+  const headerItems = useMemo(() => {
+    const items = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "mb-3 text-3xl font-bold tracking-tight text-pretty",
+            headingClassName
+          ),
+          children: heading
+        });
+      } else {
+        items.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items.push({
+          _type: "text",
+          as: "p",
+          className: cn(
+            "leading-relaxed text-balance md:text-pretty",
+            descriptionClassName
+          ),
+          children: description
+        });
+      } else {
+        items.push(description);
+      }
+    }
+    return items;
+  }, [heading, headingClassName, description, descriptionClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -481,38 +548,26 @@ function ContactInterview({
       patternOpacity,
       className: cn("py-12", className),
       containerClassName,
-      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-4xl", 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__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-full md:max-w-md", children: /* @__PURE__ */ jsx(Card, { className: cn("mx-auto max-w-xl", cardClassName), children: /* @__PURE__ */ jsxs(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: [
+        /* @__PURE__ */ jsx(
+          ContentGroup,
+          {
+            items: headerItems,
+            className: cn(
+              "flex flex-col items-start text-left pb-8 md:pb-18 max-w-full md:max-w-md",
+              headerClassName
+            )
+          }
+        ),
+        formEngineSetup ? /* @__PURE__ */ jsx(
           FormEngine,
           {
             formEngineSetup,
             defaultFields: DEFAULT_FORM_FIELDS,
             defaultStyleRules: DEFAULT_STYLE_RULES
           }
-        ) : null }) })
-      ] })
+        ) : null
+      ] }) }) })
     }
   );
 }

package/dist/contact-locations.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ContactLocationsProps {

package/dist/contact-locations.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ContactLocationsProps {

package/dist/contact-maintenance.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ContactMaintenanceProps {

package/dist/contact-maintenance.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ContactMaintenanceProps {

package/dist/contact-map.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ContactMapProps {

package/dist/contact-map.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ContactMapProps {

package/dist/contact-minimal.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ContactMinimalProps {

package/dist/contact-minimal.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ContactMinimalProps {

package/dist/contact-moving.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ContactMovingProps {

package/dist/contact-moving.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ContactMovingProps {

package/dist/contact-multistep.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ContactMultistepProps {

package/dist/contact-multistep.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ContactMultistepProps {

package/dist/contact-partnership.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ContactPartnershipProps {

package/dist/contact-partnership.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ContactPartnershipProps {

package/dist/contact-photography.cjs

@@ -1,16 +1,32 @@
 "use client";
 'use strict';
 
+var React4 = require('react');
 var integration = require('@page-speed/forms/integration');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
-var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 
 // components/blocks/contact/contact-photography.tsx
 function cn(...inputs) {
@@ -25,7 +41,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React__default.default.forwardRef(
+var Container = React4__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -330,7 +346,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React__default.default.forwardRef(
+var Section = React4__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -391,6 +407,38 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
+function TextInner({ as, className, children, ...props }, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cn(className), ...props, children });
+}
+var Text = React4__namespace.forwardRef(TextInner);
+Text.displayName = "Text";
+function isContentTextItem(item) {
+  return item !== null && typeof item === "object" && !React4__namespace.isValidElement(item) && "_type" in item && item._type === "text";
+}
+var ContentGroup = React4__namespace.forwardRef(
+  ({ items, className, children, ...props }, ref) => {
+    const hasContent = items && items.length > 0;
+    if (!hasContent) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn(className), ...props, children: [
+      items.map((item, idx) => {
+        if (isContentTextItem(item)) {
+          const { _type, ...textProps } = item;
+          return /* @__PURE__ */ jsxRuntime.jsx(Text, { ...textProps }, idx);
+        }
+        const reactNode = item;
+        if (React4__namespace.isValidElement(reactNode)) {
+          return React4__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(React4__namespace.Fragment, { children: reactNode }, idx);
+      }),
+      children
+    ] });
+  }
+);
+ContentGroup.displayName = "ContentGroup";
 var DEFAULT_STYLE_RULES = {
   formContainer: "",
   fieldsContainer: "",
@@ -452,15 +500,66 @@ function ContactPhotography({
   background,
   pattern,
   patternOpacity,
-  imageSrc,
-  imageAlt,
+  image,
   imageClassName,
   optixFlowConfig,
   directionConfig = { desktop: "mediaRight", mobile: "mediaTop" },
   formEngineSetup
 }) {
-  const desktopOrder = directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";
-  const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col" : "flex-col-reverse";
+  const headerItems = React4.useMemo(() => {
+    const items = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "text-3xl font-bold leading-tight tracking-tight sm:text-4xl lg:text-5xl",
+            headingClassName
+          ),
+          children: heading
+        });
+      } else {
+        items.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items.push({
+          _type: "text",
+          as: "p",
+          className: cn(
+            "text-base leading-relaxed opacity-90 sm:text-lg",
+            descriptionClassName
+          ),
+          children: description
+        });
+      } else {
+        items.push(description);
+      }
+    }
+    return items;
+  }, [heading, headingClassName, description, descriptionClassName]);
+  const desktopOrder = React4__namespace.useMemo(() => {
+    return directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";
+  }, [directionConfig?.desktop]);
+  const mobileOrder = React4__namespace.useMemo(() => {
+    return directionConfig?.mobile === "mediaTop" ? "flex-col" : "flex-col-reverse";
+  }, [directionConfig?.mobile]);
+  const imageArea = React4__namespace.useMemo(() => {
+    if (!image?.src) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-64 w-full sm:h-96 lg:h-auto lg:w-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(
+      img.Img,
+      {
+        src: image?.src,
+        alt: image?.alt || "Contact Photo Banner",
+        className: cn("h-full w-full object-cover", imageClassName),
+        optixFlowConfig
+      }
+    ) });
+  }, [image, imageClassName, optixFlowConfig]);
   const contentArea = /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -469,26 +568,7 @@ function ContactPhotography({
         contentClassName
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 w-full px-8 py-16 sm:px-12 sm:py-20 lg:px-16 lg:py-24 xl:px-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-xl space-y-8", children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "h2",
-          {
-            className: cn(
-              "text-3xl font-bold leading-tight tracking-tight sm:text-4xl lg:text-5xl",
-              headingClassName
-            ),
-            children: heading
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-        description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
-          {
-            className: cn(
-              "text-base leading-relaxed opacity-90 sm:text-lg",
-              descriptionClassName
-            ),
-            children: description
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+        /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { items: headerItems, className: "space-y-8" }),
         formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
           integration.FormEngine,
           {
@@ -500,15 +580,6 @@ function ContactPhotography({
       ] }) })
     }
   );
-  const imageArea = imageSrc ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-64 w-full sm:h-96 lg:h-auto lg:w-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(
-    img.Img,
-    {
-      src: imageSrc,
-      alt: imageAlt || "",
-      className: cn("h-full w-full object-cover", imageClassName),
-      optixFlowConfig
-    }
-  ) }) : null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {

package/dist/contact-photography.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, t as PatternName, g as SectionSpacing } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, t as PatternName, g as SectionSpacing } from './community-initiatives-r_NhxVet.cjs';
+import { O as OptixFlowConfig } from './blocks-DP3Vofl4.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 DirectionConfig {
@@ -38,10 +38,13 @@ interface ContactPhotographyProps {
     spacing?: SectionSpacing;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
-    /** Image source URL */
-    imageSrc?: string;
-    /** Image alt text */
-    imageAlt?: string;
+    /**
+     * Image configuration for the left panel
+     */
+    image?: {
+        src: string;
+        alt: string;
+    };
     /** Additional CSS classes for the image */
     imageClassName?: string;
     /** Optional Optix Flow configuration for image optimization */
@@ -65,6 +68,6 @@ interface ContactPhotographyProps {
  * Key features: Pattern background support, edge-to-edge design, no card wrapping.
  * Best for: Photography studios, creative services, visual-first contact pages.
  */
-declare function ContactPhotography({ heading, description, containerClassName, className, headingClassName, descriptionClassName, contentClassName, spacing, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formEngineSetup, }: ContactPhotographyProps): React.JSX.Element;
+declare function ContactPhotography({ heading, description, containerClassName, className, headingClassName, descriptionClassName, contentClassName, spacing, background, pattern, patternOpacity, image, imageClassName, optixFlowConfig, directionConfig, formEngineSetup, }: ContactPhotographyProps): React.JSX.Element;
 
 export { ContactPhotography, type ContactPhotographyProps, type DirectionConfig };

package/dist/contact-photography.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { FormEngineProps } from '@page-speed/forms/integration';
-import { f as SectionBackground, t as PatternName, g as SectionSpacing } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, t as PatternName, g as SectionSpacing } from './community-initiatives-DmVsuoHE.js';
+import { O as OptixFlowConfig } from './blocks-XLPGq8A5.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 DirectionConfig {
@@ -38,10 +38,13 @@ interface ContactPhotographyProps {
     spacing?: SectionSpacing;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
-    /** Image source URL */
-    imageSrc?: string;
-    /** Image alt text */
-    imageAlt?: string;
+    /**
+     * Image configuration for the left panel
+     */
+    image?: {
+        src: string;
+        alt: string;
+    };
     /** Additional CSS classes for the image */
     imageClassName?: string;
     /** Optional Optix Flow configuration for image optimization */
@@ -65,6 +68,6 @@ interface ContactPhotographyProps {
  * Key features: Pattern background support, edge-to-edge design, no card wrapping.
  * Best for: Photography studios, creative services, visual-first contact pages.
  */
-declare function ContactPhotography({ heading, description, containerClassName, className, headingClassName, descriptionClassName, contentClassName, spacing, background, pattern, patternOpacity, imageSrc, imageAlt, imageClassName, optixFlowConfig, directionConfig, formEngineSetup, }: ContactPhotographyProps): React.JSX.Element;
+declare function ContactPhotography({ heading, description, containerClassName, className, headingClassName, descriptionClassName, contentClassName, spacing, background, pattern, patternOpacity, image, imageClassName, optixFlowConfig, directionConfig, formEngineSetup, }: ContactPhotographyProps): React.JSX.Element;
 
 export { ContactPhotography, type ContactPhotographyProps, type DirectionConfig };