@opensite/ui 2.2.2 → 2.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -896,8 +896,6 @@ var DEFAULT_FORM_FIELDS = [
896
896
  function ContactCard({
897
897
  heading = "Get In Touch",
898
898
  description = "We'd love to hear from you. Send us a message and we'll respond as soon as possible.",
899
- buttonText = "Send Message",
900
- buttonIcon,
901
899
  contactOptions,
902
900
  contactOptionsSlot,
903
901
  socialLinks,
@@ -982,20 +980,7 @@ function ContactCard({
982
980
  /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("order-2 lg:order-1 pt-0 pb-0", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
983
981
  integration.FormEngine,
984
982
  {
985
- formEngineSetup: {
986
- ...formEngineSetup,
987
- formLayoutSettings: {
988
- ...formEngineSetup.formLayoutSettings,
989
- formLayout: "standard",
990
- submitButtonSetup: {
991
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
992
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
993
- buttonIcon,
994
- buttonText
995
- ] })
996
- }
997
- }
998
- },
983
+ formEngineSetup,
999
984
  defaultFields: DEFAULT_FORM_FIELDS,
1000
985
  defaultStyleRules: DEFAULT_STYLE_RULES
1001
986
  }
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { FormEngineProps } from '@page-speed/forms/integration';
3
3
  import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
4
- import { C as ContactDarkSocialLink } from './contact-dark-VpMwwNkH.cjs';
4
+ import { C as ContactDarkSocialLink } from './contact-dark-BCQefo1j.cjs';
5
5
  import 'react/jsx-runtime';
6
6
  import './blocks-Cohq4eio.cjs';
7
7
  import 'class-variance-authority';
@@ -31,14 +31,6 @@ interface ContactCardProps {
31
31
  * Description text below the heading
32
32
  */
33
33
  description?: React.ReactNode;
34
- /**
35
- * Submit button text
36
- */
37
- buttonText?: string;
38
- /**
39
- * Submit button icon (displayed before text)
40
- */
41
- buttonIcon?: React.ReactNode;
42
34
  /**
43
35
  * Contact options to display with icons
44
36
  */
@@ -135,6 +127,6 @@ interface ContactCardProps {
135
127
  * />
136
128
  * ```
137
129
  */
138
- declare function ContactCard({ heading, description, buttonText, buttonIcon, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, containerClassName, cardClassName, cardContentClassName, infoPanelClassName, headingClassName, descriptionClassName, contactOptionsClassName, socialLinksClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactCardProps): React.JSX.Element;
130
+ declare function ContactCard({ heading, description, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, containerClassName, cardClassName, cardContentClassName, infoPanelClassName, headingClassName, descriptionClassName, contactOptionsClassName, socialLinksClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactCardProps): React.JSX.Element;
139
131
 
140
132
  export { ContactCard, type ContactCardProps };
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { FormEngineProps } from '@page-speed/forms/integration';
3
3
  import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
4
- import { C as ContactDarkSocialLink } from './contact-dark-tweUQnN1.js';
4
+ import { C as ContactDarkSocialLink } from './contact-dark-0gEH_OJl.js';
5
5
  import 'react/jsx-runtime';
6
6
  import './blocks-k17uluAz.js';
7
7
  import 'class-variance-authority';
@@ -31,14 +31,6 @@ interface ContactCardProps {
31
31
  * Description text below the heading
32
32
  */
33
33
  description?: React.ReactNode;
34
- /**
35
- * Submit button text
36
- */
37
- buttonText?: string;
38
- /**
39
- * Submit button icon (displayed before text)
40
- */
41
- buttonIcon?: React.ReactNode;
42
34
  /**
43
35
  * Contact options to display with icons
44
36
  */
@@ -135,6 +127,6 @@ interface ContactCardProps {
135
127
  * />
136
128
  * ```
137
129
  */
138
- declare function ContactCard({ heading, description, buttonText, buttonIcon, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, containerClassName, cardClassName, cardContentClassName, infoPanelClassName, headingClassName, descriptionClassName, contactOptionsClassName, socialLinksClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactCardProps): React.JSX.Element;
130
+ declare function ContactCard({ heading, description, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, containerClassName, cardClassName, cardContentClassName, infoPanelClassName, headingClassName, descriptionClassName, contactOptionsClassName, socialLinksClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactCardProps): React.JSX.Element;
139
131
 
140
132
  export { ContactCard, type ContactCardProps };
@@ -5,7 +5,7 @@ import { FormEngine } from '@page-speed/forms/integration';
5
5
  import { clsx } from 'clsx';
6
6
  import { twMerge } from 'tailwind-merge';
7
7
  import { cva } from 'class-variance-authority';
8
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
8
+ import { jsx, jsxs } from 'react/jsx-runtime';
9
9
  import { Icon } from '@page-speed/icon';
10
10
 
11
11
  // components/blocks/contact/contact-card.tsx
@@ -875,8 +875,6 @@ var DEFAULT_FORM_FIELDS = [
875
875
  function ContactCard({
876
876
  heading = "Get In Touch",
877
877
  description = "We'd love to hear from you. Send us a message and we'll respond as soon as possible.",
878
- buttonText = "Send Message",
879
- buttonIcon,
880
878
  contactOptions,
881
879
  contactOptionsSlot,
882
880
  socialLinks,
@@ -961,20 +959,7 @@ function ContactCard({
961
959
  /* @__PURE__ */ jsx(Card, { className: cn("order-2 lg:order-1 pt-0 pb-0", cardClassName), children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
962
960
  FormEngine,
963
961
  {
964
- formEngineSetup: {
965
- ...formEngineSetup,
966
- formLayoutSettings: {
967
- ...formEngineSetup.formLayoutSettings,
968
- formLayout: "standard",
969
- submitButtonSetup: {
970
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
971
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
972
- buttonIcon,
973
- buttonText
974
- ] })
975
- }
976
- }
977
- },
962
+ formEngineSetup,
978
963
  defaultFields: DEFAULT_FORM_FIELDS,
979
964
  defaultStyleRules: DEFAULT_STYLE_RULES
980
965
  }
@@ -47,14 +47,6 @@ interface ContactDarkProps {
47
47
  * Contact information description
48
48
  */
49
49
  contactDescription?: React.ReactNode;
50
- /**
51
- * Submit button text
52
- */
53
- buttonText?: string;
54
- /**
55
- * Submit button icon (displayed before text)
56
- */
57
- buttonIcon?: React.ReactNode;
58
50
  /**
59
51
  * Contact options to display
60
52
  */
@@ -142,11 +134,10 @@ interface ContactDarkProps {
142
134
  * <ContactDark
143
135
  * heading="Contact Us"
144
136
  * description="Any questions or remarks? Just write us a message!"
145
- * buttonText="Send Message"
146
137
  * formEngineSetup={{ formConfig: { endpoint: "/api/contact", format: "json" } }}
147
138
  * />
148
139
  * ```
149
140
  */
150
- declare function ContactDark({ heading, description, contactHeading, contactDescription, buttonText, buttonIcon, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;
141
+ declare function ContactDark({ heading, description, contactHeading, contactDescription, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;
151
142
 
152
143
  export { type ContactDarkSocialLink as C, ContactDark as a, type ContactDarkProps as b };
@@ -47,14 +47,6 @@ interface ContactDarkProps {
47
47
  * Contact information description
48
48
  */
49
49
  contactDescription?: React.ReactNode;
50
- /**
51
- * Submit button text
52
- */
53
- buttonText?: string;
54
- /**
55
- * Submit button icon (displayed before text)
56
- */
57
- buttonIcon?: React.ReactNode;
58
50
  /**
59
51
  * Contact options to display
60
52
  */
@@ -142,11 +134,10 @@ interface ContactDarkProps {
142
134
  * <ContactDark
143
135
  * heading="Contact Us"
144
136
  * description="Any questions or remarks? Just write us a message!"
145
- * buttonText="Send Message"
146
137
  * formEngineSetup={{ formConfig: { endpoint: "/api/contact", format: "json" } }}
147
138
  * />
148
139
  * ```
149
140
  */
150
- declare function ContactDark({ heading, description, contactHeading, contactDescription, buttonText, buttonIcon, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;
141
+ declare function ContactDark({ heading, description, contactHeading, contactDescription, contactOptions, contactOptionsSlot, socialLinks, socialLinksSlot, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, cardClassName, formPanelClassName, infoPanelClassName, contactOptionsClassName, socialLinksClassName, background, spacing, containerClassName, pattern, patternOpacity, }: ContactDarkProps): React.JSX.Element;
151
142
 
152
143
  export { type ContactDarkSocialLink as C, ContactDark as a, type ContactDarkProps as b };
@@ -889,8 +889,6 @@ function ContactDark({
889
889
  description,
890
890
  contactHeading = "Contact Information",
891
891
  contactDescription = "Fill up the form and our team will get back to you within 24 hours.",
892
- buttonText = "Submit",
893
- buttonIcon,
894
892
  contactOptions,
895
893
  contactOptionsSlot,
896
894
  socialLinks,
@@ -976,20 +974,7 @@ function ContactDark({
976
974
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
977
975
  integration.FormEngine,
978
976
  {
979
- formEngineSetup: {
980
- ...formEngineSetup,
981
- formLayoutSettings: {
982
- ...formEngineSetup.formLayoutSettings,
983
- formLayout: "standard",
984
- submitButtonSetup: {
985
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
986
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
987
- buttonIcon,
988
- buttonText
989
- ] })
990
- }
991
- }
992
- },
977
+ formEngineSetup,
993
978
  defaultFields: DEFAULT_FORM_FIELDS,
994
979
  defaultStyleRules: DEFAULT_STYLE_RULES
995
980
  }
@@ -1,4 +1,4 @@
1
- export { a as ContactDark, b as ContactDarkProps } from './contact-dark-VpMwwNkH.cjs';
1
+ export { a as ContactDark, b as ContactDarkProps } from './contact-dark-BCQefo1j.cjs';
2
2
  import 'react';
3
3
  import '@page-speed/forms/integration';
4
4
  import './community-initiatives-Bz_A5vLU.cjs';
@@ -1,4 +1,4 @@
1
- export { a as ContactDark, b as ContactDarkProps } from './contact-dark-tweUQnN1.js';
1
+ export { a as ContactDark, b as ContactDarkProps } from './contact-dark-0gEH_OJl.js';
2
2
  import 'react';
3
3
  import '@page-speed/forms/integration';
4
4
  import './community-initiatives-Bi_ClKrO.js';
@@ -5,7 +5,7 @@ import { FormEngine } from '@page-speed/forms/integration';
5
5
  import { clsx } from 'clsx';
6
6
  import { twMerge } from 'tailwind-merge';
7
7
  import { cva } from 'class-variance-authority';
8
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
8
+ import { jsx, jsxs } from 'react/jsx-runtime';
9
9
  import { Icon } from '@page-speed/icon';
10
10
 
11
11
  // components/blocks/contact/contact-dark.tsx
@@ -868,8 +868,6 @@ function ContactDark({
868
868
  description,
869
869
  contactHeading = "Contact Information",
870
870
  contactDescription = "Fill up the form and our team will get back to you within 24 hours.",
871
- buttonText = "Submit",
872
- buttonIcon,
873
871
  contactOptions,
874
872
  contactOptionsSlot,
875
873
  socialLinks,
@@ -955,20 +953,7 @@ function ContactDark({
955
953
  /* @__PURE__ */ jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
956
954
  FormEngine,
957
955
  {
958
- formEngineSetup: {
959
- ...formEngineSetup,
960
- formLayoutSettings: {
961
- ...formEngineSetup.formLayoutSettings,
962
- formLayout: "standard",
963
- submitButtonSetup: {
964
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
965
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
966
- buttonIcon,
967
- buttonText
968
- ] })
969
- }
970
- }
971
- },
956
+ formEngineSetup,
972
957
  defaultFields: DEFAULT_FORM_FIELDS,
973
958
  defaultStyleRules: DEFAULT_STYLE_RULES
974
959
  }
@@ -911,8 +911,6 @@ function ContactEmergency({
911
911
  heading,
912
912
  description,
913
913
  contactItems,
914
- buttonText = "Submit Emergency Request",
915
- buttonIcon,
916
914
  formEngineSetup,
917
915
  className,
918
916
  headerClassName,
@@ -997,20 +995,7 @@ function ContactEmergency({
997
995
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
998
996
  integration.FormEngine,
999
997
  {
1000
- formEngineSetup: {
1001
- ...formEngineSetup,
1002
- formLayoutSettings: {
1003
- ...formEngineSetup.formLayoutSettings,
1004
- formLayout: "standard",
1005
- submitButtonSetup: {
1006
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
1007
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1008
- buttonIcon,
1009
- buttonText
1010
- ] })
1011
- }
1012
- }
1013
- },
998
+ formEngineSetup,
1014
999
  defaultFields: DEFAULT_FORM_FIELDS,
1015
1000
  defaultStyleRules: DEFAULT_STYLE_RULES
1016
1001
  }
@@ -50,14 +50,6 @@ interface ContactEmergencyProps {
50
50
  * Array of emergency contact info items to display in the grid
51
51
  */
52
52
  contactItems?: ContactInfoItem[];
53
- /**
54
- * Submit button text
55
- */
56
- buttonText?: string;
57
- /**
58
- * Icon to display in submit button
59
- */
60
- buttonIcon?: React.ReactNode;
61
53
  /**
62
54
  * Full form engine setup and props
63
55
  */
@@ -111,6 +103,6 @@ interface ContactEmergencyProps {
111
103
  * />
112
104
  * ```
113
105
  */
114
- declare function ContactEmergency({ heading, description, contactItems, buttonText, buttonIcon, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, spacing, containerClassName, background, pattern, patternOpacity, }: ContactEmergencyProps): React.JSX.Element;
106
+ declare function ContactEmergency({ heading, description, contactItems, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, spacing, containerClassName, background, pattern, patternOpacity, }: ContactEmergencyProps): React.JSX.Element;
115
107
 
116
108
  export { ContactEmergency, type ContactEmergencyProps };
@@ -50,14 +50,6 @@ interface ContactEmergencyProps {
50
50
  * Array of emergency contact info items to display in the grid
51
51
  */
52
52
  contactItems?: ContactInfoItem[];
53
- /**
54
- * Submit button text
55
- */
56
- buttonText?: string;
57
- /**
58
- * Icon to display in submit button
59
- */
60
- buttonIcon?: React.ReactNode;
61
53
  /**
62
54
  * Full form engine setup and props
63
55
  */
@@ -111,6 +103,6 @@ interface ContactEmergencyProps {
111
103
  * />
112
104
  * ```
113
105
  */
114
- declare function ContactEmergency({ heading, description, contactItems, buttonText, buttonIcon, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, spacing, containerClassName, background, pattern, patternOpacity, }: ContactEmergencyProps): React.JSX.Element;
106
+ declare function ContactEmergency({ heading, description, contactItems, formEngineSetup, className, headerClassName, headingClassName, descriptionClassName, spacing, containerClassName, background, pattern, patternOpacity, }: ContactEmergencyProps): React.JSX.Element;
115
107
 
116
108
  export { ContactEmergency, type ContactEmergencyProps };
@@ -5,7 +5,7 @@ import { twMerge } from 'tailwind-merge';
5
5
  import * as React from 'react';
6
6
  import React__default from 'react';
7
7
  import { cva } from 'class-variance-authority';
8
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
8
+ import { jsx, jsxs } from 'react/jsx-runtime';
9
9
  import { Icon } from '@page-speed/icon';
10
10
 
11
11
  // components/blocks/contact/contact-emergency.tsx
@@ -890,8 +890,6 @@ function ContactEmergency({
890
890
  heading,
891
891
  description,
892
892
  contactItems,
893
- buttonText = "Submit Emergency Request",
894
- buttonIcon,
895
893
  formEngineSetup,
896
894
  className,
897
895
  headerClassName,
@@ -976,20 +974,7 @@ function ContactEmergency({
976
974
  /* @__PURE__ */ jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsx(
977
975
  FormEngine,
978
976
  {
979
- formEngineSetup: {
980
- ...formEngineSetup,
981
- formLayoutSettings: {
982
- ...formEngineSetup.formLayoutSettings,
983
- formLayout: "standard",
984
- submitButtonSetup: {
985
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
986
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
987
- buttonIcon,
988
- buttonText
989
- ] })
990
- }
991
- }
992
- },
977
+ formEngineSetup,
993
978
  defaultFields: DEFAULT_FORM_FIELDS,
994
979
  defaultStyleRules: DEFAULT_STYLE_RULES
995
980
  }
@@ -543,8 +543,6 @@ function ContactFaq({
543
543
  heading,
544
544
  description,
545
545
  formHeading,
546
- buttonText = "Submit",
547
- buttonIcon,
548
546
  items,
549
547
  itemsSlot,
550
548
  faqHeading,
@@ -666,20 +664,7 @@ function ContactFaq({
666
664
  formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
667
665
  integration.FormEngine,
668
666
  {
669
- formEngineSetup: {
670
- ...formEngineSetup,
671
- formLayoutSettings: {
672
- ...formEngineSetup.formLayoutSettings,
673
- formLayout: "standard",
674
- submitButtonSetup: {
675
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
676
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
677
- buttonIcon,
678
- buttonText
679
- ] })
680
- }
681
- }
682
- },
667
+ formEngineSetup,
683
668
  defaultFields: DEFAULT_FORM_FIELDS,
684
669
  defaultStyleRules: DEFAULT_STYLE_RULES
685
670
  }
@@ -25,14 +25,6 @@ interface ContactFaqProps {
25
25
  * Form section heading
26
26
  */
27
27
  formHeading?: React.ReactNode;
28
- /**
29
- * Submit button text
30
- */
31
- buttonText?: string;
32
- /**
33
- * Icon to display in submit button
34
- */
35
- buttonIcon?: React.ReactNode;
36
28
  /**
37
29
  * Array of FAQ items to display alongside the contact form
38
30
  */
@@ -129,6 +121,6 @@ interface ContactFaqProps {
129
121
  /**
130
122
  * ContactFaq - FAQ contact form with flexible field configuration
131
123
  */
132
- declare function ContactFaq({ heading, description, formHeading, buttonText, buttonIcon, items, itemsSlot, faqHeading, formEngineSetup, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactFaqProps): React.JSX.Element;
124
+ declare function ContactFaq({ heading, description, formHeading, items, itemsSlot, faqHeading, formEngineSetup, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactFaqProps): React.JSX.Element;
133
125
 
134
126
  export { ContactFaq, type ContactFaqProps, type FaqItem };
@@ -25,14 +25,6 @@ interface ContactFaqProps {
25
25
  * Form section heading
26
26
  */
27
27
  formHeading?: React.ReactNode;
28
- /**
29
- * Submit button text
30
- */
31
- buttonText?: string;
32
- /**
33
- * Icon to display in submit button
34
- */
35
- buttonIcon?: React.ReactNode;
36
28
  /**
37
29
  * Array of FAQ items to display alongside the contact form
38
30
  */
@@ -129,6 +121,6 @@ interface ContactFaqProps {
129
121
  /**
130
122
  * ContactFaq - FAQ contact form with flexible field configuration
131
123
  */
132
- declare function ContactFaq({ heading, description, formHeading, buttonText, buttonIcon, items, itemsSlot, faqHeading, formEngineSetup, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactFaqProps): React.JSX.Element;
124
+ declare function ContactFaq({ heading, description, formHeading, items, itemsSlot, faqHeading, formEngineSetup, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, formHeadingClassName, faqHeadingClassName, faqContainerClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, gridClassName, background, spacing, pattern, patternOpacity, }: ContactFaqProps): React.JSX.Element;
133
125
 
134
126
  export { ContactFaq, type ContactFaqProps, type FaqItem };
@@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
3
3
  import { FormEngine } from '@page-speed/forms/integration';
4
4
  import { clsx } from 'clsx';
5
5
  import { twMerge } from 'tailwind-merge';
6
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
+ import { jsx, jsxs } from 'react/jsx-runtime';
7
7
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
8
8
  import { Icon } from '@page-speed/icon';
9
9
 
@@ -518,8 +518,6 @@ function ContactFaq({
518
518
  heading,
519
519
  description,
520
520
  formHeading,
521
- buttonText = "Submit",
522
- buttonIcon,
523
521
  items,
524
522
  itemsSlot,
525
523
  faqHeading,
@@ -641,20 +639,7 @@ function ContactFaq({
641
639
  formEngineSetup ? /* @__PURE__ */ jsx(
642
640
  FormEngine,
643
641
  {
644
- formEngineSetup: {
645
- ...formEngineSetup,
646
- formLayoutSettings: {
647
- ...formEngineSetup.formLayoutSettings,
648
- formLayout: "standard",
649
- submitButtonSetup: {
650
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
651
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
652
- buttonIcon,
653
- buttonText
654
- ] })
655
- }
656
- }
657
- },
642
+ formEngineSetup,
658
643
  defaultFields: DEFAULT_FORM_FIELDS,
659
644
  defaultStyleRules: DEFAULT_STYLE_RULES
660
645
  }
@@ -466,8 +466,6 @@ function ContactImage({
466
466
  eyebrow,
467
467
  heading,
468
468
  description,
469
- buttonText = "Send Message",
470
- buttonIcon,
471
469
  image,
472
470
  contactOverlays,
473
471
  contactOverlaysSlot,
@@ -605,20 +603,7 @@ function ContactImage({
605
603
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8", children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
606
604
  integration.FormEngine,
607
605
  {
608
- formEngineSetup: {
609
- ...formEngineSetup,
610
- formLayoutSettings: {
611
- ...formEngineSetup.formLayoutSettings,
612
- formLayout: "standard",
613
- submitButtonSetup: {
614
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
615
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
616
- buttonIcon,
617
- buttonText
618
- ] })
619
- }
620
- }
621
- },
606
+ formEngineSetup,
622
607
  defaultFields: DEFAULT_FORM_FIELDS,
623
608
  defaultStyleRules: DEFAULT_STYLE_RULES
624
609
  }
@@ -49,14 +49,6 @@ interface ContactImageProps {
49
49
  * Description text below heading
50
50
  */
51
51
  description?: React.ReactNode;
52
- /**
53
- * Submit button text
54
- */
55
- buttonText?: string;
56
- /**
57
- * Icon to display in submit button
58
- */
59
- buttonIcon?: React.ReactNode;
60
52
  /**
61
53
  * Image configuration for the left panel
62
54
  */
@@ -148,6 +140,6 @@ interface ContactImageProps {
148
140
  * />
149
141
  * ```
150
142
  */
151
- declare function ContactImage({ eyebrow, heading, description, buttonText, buttonIcon, image, contactOverlays, contactOverlaysSlot, formEngineSetup, className, containerClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, imageClassName, contactOverlaysClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ContactImageProps): React.JSX.Element;
143
+ declare function ContactImage({ eyebrow, heading, description, image, contactOverlays, contactOverlaysSlot, formEngineSetup, className, containerClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, imageClassName, contactOverlaysClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ContactImageProps): React.JSX.Element;
152
144
 
153
145
  export { ContactImage, type ContactImageProps, type ContactOverlayItem };
@@ -49,14 +49,6 @@ interface ContactImageProps {
49
49
  * Description text below heading
50
50
  */
51
51
  description?: React.ReactNode;
52
- /**
53
- * Submit button text
54
- */
55
- buttonText?: string;
56
- /**
57
- * Icon to display in submit button
58
- */
59
- buttonIcon?: React.ReactNode;
60
52
  /**
61
53
  * Image configuration for the left panel
62
54
  */
@@ -148,6 +140,6 @@ interface ContactImageProps {
148
140
  * />
149
141
  * ```
150
142
  */
151
- declare function ContactImage({ eyebrow, heading, description, buttonText, buttonIcon, image, contactOverlays, contactOverlaysSlot, formEngineSetup, className, containerClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, imageClassName, contactOverlaysClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ContactImageProps): React.JSX.Element;
143
+ declare function ContactImage({ eyebrow, heading, description, image, contactOverlays, contactOverlaysSlot, formEngineSetup, className, containerClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, imageClassName, contactOverlaysClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ContactImageProps): React.JSX.Element;
152
144
 
153
145
  export { ContactImage, type ContactImageProps, type ContactOverlayItem };
@@ -7,7 +7,7 @@ import { clsx } from 'clsx';
7
7
  import { twMerge } from 'tailwind-merge';
8
8
  import { Img } from '@page-speed/img';
9
9
  import { Icon } from '@page-speed/icon';
10
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
10
+ import { jsx, jsxs } from 'react/jsx-runtime';
11
11
 
12
12
  // components/blocks/contact/contact-image.tsx
13
13
  function cn(...inputs) {
@@ -445,8 +445,6 @@ function ContactImage({
445
445
  eyebrow,
446
446
  heading,
447
447
  description,
448
- buttonText = "Send Message",
449
- buttonIcon,
450
448
  image,
451
449
  contactOverlays,
452
450
  contactOverlaysSlot,
@@ -584,20 +582,7 @@ function ContactImage({
584
582
  /* @__PURE__ */ jsx("div", { className: "mt-8", children: formEngineSetup ? /* @__PURE__ */ jsx(
585
583
  FormEngine,
586
584
  {
587
- formEngineSetup: {
588
- ...formEngineSetup,
589
- formLayoutSettings: {
590
- ...formEngineSetup.formLayoutSettings,
591
- formLayout: "standard",
592
- submitButtonSetup: {
593
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
594
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
595
- buttonIcon,
596
- buttonText
597
- ] })
598
- }
599
- }
600
- },
585
+ formEngineSetup,
601
586
  defaultFields: DEFAULT_FORM_FIELDS,
602
587
  defaultStyleRules: DEFAULT_STYLE_RULES
603
588
  }
package/dist/registry.cjs CHANGED
@@ -13775,8 +13775,6 @@ var DEFAULT_FORM_FIELDS3 = [
13775
13775
  function ContactCard({
13776
13776
  heading = "Get In Touch",
13777
13777
  description = "We'd love to hear from you. Send us a message and we'll respond as soon as possible.",
13778
- buttonText = "Send Message",
13779
- buttonIcon,
13780
13778
  contactOptions,
13781
13779
  contactOptionsSlot,
13782
13780
  socialLinks,
@@ -13861,20 +13859,7 @@ function ContactCard({
13861
13859
  /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("order-2 lg:order-1 pt-0 pb-0", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
13862
13860
  integration.FormEngine,
13863
13861
  {
13864
- formEngineSetup: {
13865
- ...formEngineSetup,
13866
- formLayoutSettings: {
13867
- ...formEngineSetup.formLayoutSettings,
13868
- formLayout: "standard",
13869
- submitButtonSetup: {
13870
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
13871
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
13872
- buttonIcon,
13873
- buttonText
13874
- ] })
13875
- }
13876
- }
13877
- },
13862
+ formEngineSetup,
13878
13863
  defaultFields: DEFAULT_FORM_FIELDS3,
13879
13864
  defaultStyleRules: DEFAULT_STYLE_RULES
13880
13865
  }
@@ -14795,8 +14780,6 @@ function ContactDark({
14795
14780
  description,
14796
14781
  contactHeading = "Contact Information",
14797
14782
  contactDescription = "Fill up the form and our team will get back to you within 24 hours.",
14798
- buttonText = "Submit",
14799
- buttonIcon,
14800
14783
  contactOptions,
14801
14784
  contactOptionsSlot,
14802
14785
  socialLinks,
@@ -14882,20 +14865,7 @@ function ContactDark({
14882
14865
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
14883
14866
  integration.FormEngine,
14884
14867
  {
14885
- formEngineSetup: {
14886
- ...formEngineSetup,
14887
- formLayoutSettings: {
14888
- ...formEngineSetup.formLayoutSettings,
14889
- formLayout: "standard",
14890
- submitButtonSetup: {
14891
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
14892
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
14893
- buttonIcon,
14894
- buttonText
14895
- ] })
14896
- }
14897
- }
14898
- },
14868
+ formEngineSetup,
14899
14869
  defaultFields: DEFAULT_FORM_FIELDS7,
14900
14870
  defaultStyleRules: DEFAULT_STYLE_RULES2
14901
14871
  }
@@ -15398,8 +15368,6 @@ function ContactEmergency({
15398
15368
  heading,
15399
15369
  description,
15400
15370
  contactItems,
15401
- buttonText = "Submit Emergency Request",
15402
- buttonIcon,
15403
15371
  formEngineSetup,
15404
15372
  className,
15405
15373
  headerClassName,
@@ -15484,20 +15452,7 @@ function ContactEmergency({
15484
15452
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
15485
15453
  integration.FormEngine,
15486
15454
  {
15487
- formEngineSetup: {
15488
- ...formEngineSetup,
15489
- formLayoutSettings: {
15490
- ...formEngineSetup.formLayoutSettings,
15491
- formLayout: "standard",
15492
- submitButtonSetup: {
15493
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
15494
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
15495
- buttonIcon,
15496
- buttonText
15497
- ] })
15498
- }
15499
- }
15500
- },
15455
+ formEngineSetup,
15501
15456
  defaultFields: DEFAULT_FORM_FIELDS9,
15502
15457
  defaultStyleRules: DEFAULT_STYLE_RULES3
15503
15458
  }
@@ -15827,8 +15782,6 @@ function ContactFaq({
15827
15782
  heading,
15828
15783
  description,
15829
15784
  formHeading,
15830
- buttonText = "Submit",
15831
- buttonIcon,
15832
15785
  items,
15833
15786
  itemsSlot,
15834
15787
  faqHeading,
@@ -15950,20 +15903,7 @@ function ContactFaq({
15950
15903
  formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
15951
15904
  integration.FormEngine,
15952
15905
  {
15953
- formEngineSetup: {
15954
- ...formEngineSetup,
15955
- formLayoutSettings: {
15956
- ...formEngineSetup.formLayoutSettings,
15957
- formLayout: "standard",
15958
- submitButtonSetup: {
15959
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
15960
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
15961
- buttonIcon,
15962
- buttonText
15963
- ] })
15964
- }
15965
- }
15966
- },
15906
+ formEngineSetup,
15967
15907
  defaultFields: DEFAULT_FORM_FIELDS11,
15968
15908
  defaultStyleRules: DEFAULT_STYLE_RULES4
15969
15909
  }
@@ -16690,8 +16630,6 @@ function ContactImage({
16690
16630
  eyebrow,
16691
16631
  heading,
16692
16632
  description,
16693
- buttonText = "Send Message",
16694
- buttonIcon,
16695
16633
  image,
16696
16634
  contactOverlays,
16697
16635
  contactOverlaysSlot,
@@ -16829,20 +16767,7 @@ function ContactImage({
16829
16767
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8", children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
16830
16768
  integration.FormEngine,
16831
16769
  {
16832
- formEngineSetup: {
16833
- ...formEngineSetup,
16834
- formLayoutSettings: {
16835
- ...formEngineSetup.formLayoutSettings,
16836
- formLayout: "standard",
16837
- submitButtonSetup: {
16838
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
16839
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
16840
- buttonIcon,
16841
- buttonText
16842
- ] })
16843
- }
16844
- }
16845
- },
16770
+ formEngineSetup,
16846
16771
  defaultFields: DEFAULT_FORM_FIELDS15,
16847
16772
  defaultStyleRules: DEFAULT_STYLE_RULES5
16848
16773
  }
package/dist/registry.js CHANGED
@@ -13735,8 +13735,6 @@ var DEFAULT_FORM_FIELDS3 = [
13735
13735
  function ContactCard({
13736
13736
  heading = "Get In Touch",
13737
13737
  description = "We'd love to hear from you. Send us a message and we'll respond as soon as possible.",
13738
- buttonText = "Send Message",
13739
- buttonIcon,
13740
13738
  contactOptions,
13741
13739
  contactOptionsSlot,
13742
13740
  socialLinks,
@@ -13821,20 +13819,7 @@ function ContactCard({
13821
13819
  /* @__PURE__ */ jsx(Card, { className: cn("order-2 lg:order-1 pt-0 pb-0", cardClassName), children: /* @__PURE__ */ jsx(CardContent, { className: cn("p-6 lg:p-8", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
13822
13820
  FormEngine,
13823
13821
  {
13824
- formEngineSetup: {
13825
- ...formEngineSetup,
13826
- formLayoutSettings: {
13827
- ...formEngineSetup.formLayoutSettings,
13828
- formLayout: "standard",
13829
- submitButtonSetup: {
13830
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
13831
- submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
13832
- buttonIcon,
13833
- buttonText
13834
- ] })
13835
- }
13836
- }
13837
- },
13822
+ formEngineSetup,
13838
13823
  defaultFields: DEFAULT_FORM_FIELDS3,
13839
13824
  defaultStyleRules: DEFAULT_STYLE_RULES
13840
13825
  }
@@ -14755,8 +14740,6 @@ function ContactDark({
14755
14740
  description,
14756
14741
  contactHeading = "Contact Information",
14757
14742
  contactDescription = "Fill up the form and our team will get back to you within 24 hours.",
14758
- buttonText = "Submit",
14759
- buttonIcon,
14760
14743
  contactOptions,
14761
14744
  contactOptionsSlot,
14762
14745
  socialLinks,
@@ -14842,20 +14825,7 @@ function ContactDark({
14842
14825
  /* @__PURE__ */ jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
14843
14826
  FormEngine,
14844
14827
  {
14845
- formEngineSetup: {
14846
- ...formEngineSetup,
14847
- formLayoutSettings: {
14848
- ...formEngineSetup.formLayoutSettings,
14849
- formLayout: "standard",
14850
- submitButtonSetup: {
14851
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
14852
- submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
14853
- buttonIcon,
14854
- buttonText
14855
- ] })
14856
- }
14857
- }
14858
- },
14828
+ formEngineSetup,
14859
14829
  defaultFields: DEFAULT_FORM_FIELDS7,
14860
14830
  defaultStyleRules: DEFAULT_STYLE_RULES2
14861
14831
  }
@@ -15358,8 +15328,6 @@ function ContactEmergency({
15358
15328
  heading,
15359
15329
  description,
15360
15330
  contactItems,
15361
- buttonText = "Submit Emergency Request",
15362
- buttonIcon,
15363
15331
  formEngineSetup,
15364
15332
  className,
15365
15333
  headerClassName,
@@ -15444,20 +15412,7 @@ function ContactEmergency({
15444
15412
  /* @__PURE__ */ jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsx(
15445
15413
  FormEngine,
15446
15414
  {
15447
- formEngineSetup: {
15448
- ...formEngineSetup,
15449
- formLayoutSettings: {
15450
- ...formEngineSetup.formLayoutSettings,
15451
- formLayout: "standard",
15452
- submitButtonSetup: {
15453
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
15454
- submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
15455
- buttonIcon,
15456
- buttonText
15457
- ] })
15458
- }
15459
- }
15460
- },
15415
+ formEngineSetup,
15461
15416
  defaultFields: DEFAULT_FORM_FIELDS9,
15462
15417
  defaultStyleRules: DEFAULT_STYLE_RULES3
15463
15418
  }
@@ -15787,8 +15742,6 @@ function ContactFaq({
15787
15742
  heading,
15788
15743
  description,
15789
15744
  formHeading,
15790
- buttonText = "Submit",
15791
- buttonIcon,
15792
15745
  items,
15793
15746
  itemsSlot,
15794
15747
  faqHeading,
@@ -15910,20 +15863,7 @@ function ContactFaq({
15910
15863
  formEngineSetup ? /* @__PURE__ */ jsx(
15911
15864
  FormEngine,
15912
15865
  {
15913
- formEngineSetup: {
15914
- ...formEngineSetup,
15915
- formLayoutSettings: {
15916
- ...formEngineSetup.formLayoutSettings,
15917
- formLayout: "standard",
15918
- submitButtonSetup: {
15919
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
15920
- submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
15921
- buttonIcon,
15922
- buttonText
15923
- ] })
15924
- }
15925
- }
15926
- },
15866
+ formEngineSetup,
15927
15867
  defaultFields: DEFAULT_FORM_FIELDS11,
15928
15868
  defaultStyleRules: DEFAULT_STYLE_RULES4
15929
15869
  }
@@ -16650,8 +16590,6 @@ function ContactImage({
16650
16590
  eyebrow,
16651
16591
  heading,
16652
16592
  description,
16653
- buttonText = "Send Message",
16654
- buttonIcon,
16655
16593
  image,
16656
16594
  contactOverlays,
16657
16595
  contactOverlaysSlot,
@@ -16789,20 +16727,7 @@ function ContactImage({
16789
16727
  /* @__PURE__ */ jsx("div", { className: "mt-8", children: formEngineSetup ? /* @__PURE__ */ jsx(
16790
16728
  FormEngine,
16791
16729
  {
16792
- formEngineSetup: {
16793
- ...formEngineSetup,
16794
- formLayoutSettings: {
16795
- ...formEngineSetup.formLayoutSettings,
16796
- formLayout: "standard",
16797
- submitButtonSetup: {
16798
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
16799
- submitLabel: /* @__PURE__ */ jsxs(Fragment$1, { children: [
16800
- buttonIcon,
16801
- buttonText
16802
- ] })
16803
- }
16804
- }
16805
- },
16730
+ formEngineSetup,
16806
16731
  defaultFields: DEFAULT_FORM_FIELDS15,
16807
16732
  defaultStyleRules: DEFAULT_STYLE_RULES5
16808
16733
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.2.2",
3
+ "version": "2.2.3",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",