@opensite/ui 2.2.1 → 2.2.2

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.
Files changed (19) hide show
  1. package/dist/contact-card.cjs +15 -29
  2. package/dist/contact-card.js +15 -29
  3. package/dist/contact-dark.cjs +15 -29
  4. package/dist/contact-dark.js +15 -29
  5. package/dist/contact-emergency.cjs +16 -30
  6. package/dist/contact-emergency.js +17 -31
  7. package/dist/contact-faq.cjs +22 -35
  8. package/dist/contact-faq.js +18 -34
  9. package/dist/contact-image.cjs +20 -34
  10. package/dist/contact-image.js +20 -34
  11. package/dist/contact-vendor.cjs +8 -44
  12. package/dist/contact-vendor.js +6 -27
  13. package/dist/hero-image-slider.cjs +15 -30
  14. package/dist/hero-image-slider.js +15 -30
  15. package/dist/hero-newsletter-minimal.cjs +17 -34
  16. package/dist/hero-newsletter-minimal.js +17 -34
  17. package/dist/registry.cjs +1773 -1896
  18. package/dist/registry.js +531 -654
  19. package/package.json +2 -2
package/dist/contact-card.cjs CHANGED
@@ -918,22 +918,6 @@ function ContactCard({
918
918
  pattern,
919
919
  patternOpacity
920
920
  }) {
921
- const formStyleRules = React__namespace.useMemo(() => {
922
- return {
923
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
924
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
925
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
926
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
927
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
928
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
929
- };
930
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
931
- const formFields = React__namespace.useMemo(() => {
932
- if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
933
- return formEngineSetup.fields;
934
- }
935
- return DEFAULT_FORM_FIELDS;
936
- }, [formEngineSetup?.fields]);
937
921
  const contactOptionsContent = React__namespace.useMemo(() => {
938
922
  if (contactOptionsSlot) return contactOptionsSlot;
939
923
  if (contactOptions && contactOptions.length > 0) {
@@ -998,20 +982,22 @@ function ContactCard({
998
982
  /* @__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(
999
983
  integration.FormEngine,
1000
984
  {
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
- styleRules: formStyleRules
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
+ }
1013
998
  },
1014
- fields: formFields
999
+ defaultFields: DEFAULT_FORM_FIELDS,
1000
+ defaultStyleRules: DEFAULT_STYLE_RULES
1015
1001
  }
1016
1002
  ) : null }) }),
1017
1003
  /* @__PURE__ */ jsxRuntime.jsxs(
package/dist/contact-card.js CHANGED
@@ -897,22 +897,6 @@ function ContactCard({
897
897
  pattern,
898
898
  patternOpacity
899
899
  }) {
900
- const formStyleRules = React.useMemo(() => {
901
- return {
902
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
903
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
904
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
905
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
906
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
907
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
908
- };
909
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
910
- const formFields = React.useMemo(() => {
911
- if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
912
- return formEngineSetup.fields;
913
- }
914
- return DEFAULT_FORM_FIELDS;
915
- }, [formEngineSetup?.fields]);
916
900
  const contactOptionsContent = React.useMemo(() => {
917
901
  if (contactOptionsSlot) return contactOptionsSlot;
918
902
  if (contactOptions && contactOptions.length > 0) {
@@ -977,20 +961,22 @@ function ContactCard({
977
961
  /* @__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(
978
962
  FormEngine,
979
963
  {
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
- styleRules: formStyleRules
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
+ }
992
977
  },
993
- fields: formFields
978
+ defaultFields: DEFAULT_FORM_FIELDS,
979
+ defaultStyleRules: DEFAULT_STYLE_RULES
994
980
  }
995
981
  ) : null }) }),
996
982
  /* @__PURE__ */ jsxs(
package/dist/contact-dark.cjs CHANGED
@@ -911,22 +911,6 @@ function ContactDark({
911
911
  pattern,
912
912
  patternOpacity
913
913
  }) {
914
- const formStyleRules = React__namespace.useMemo(() => {
915
- return {
916
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
917
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
918
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
919
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
920
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
921
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
922
- };
923
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
924
- const formFields = React__namespace.useMemo(() => {
925
- if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
926
- return formEngineSetup.fields;
927
- }
928
- return DEFAULT_FORM_FIELDS;
929
- }, [formEngineSetup?.fields]);
930
914
  const contactOptionsContent = React__namespace.useMemo(() => {
931
915
  if (contactOptionsSlot) return contactOptionsSlot;
932
916
  if (contactOptions && contactOptions.length > 0) {
@@ -992,20 +976,22 @@ function ContactDark({
992
976
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
993
977
  integration.FormEngine,
994
978
  {
995
- ...formEngineSetup,
996
- formLayoutSettings: {
997
- ...formEngineSetup.formLayoutSettings,
998
- formLayout: "standard",
999
- submitButtonSetup: {
1000
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
1001
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1002
- buttonIcon,
1003
- buttonText
1004
- ] })
1005
- },
1006
- styleRules: formStyleRules
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
+ }
1007
992
  },
1008
- fields: formFields
993
+ defaultFields: DEFAULT_FORM_FIELDS,
994
+ defaultStyleRules: DEFAULT_STYLE_RULES
1009
995
  }
1010
996
  ) : null }),
1011
997
  /* @__PURE__ */ jsxRuntime.jsxs(
package/dist/contact-dark.js CHANGED
@@ -890,22 +890,6 @@ function ContactDark({
890
890
  pattern,
891
891
  patternOpacity
892
892
  }) {
893
- const formStyleRules = React.useMemo(() => {
894
- return {
895
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
896
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
897
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
898
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
899
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
900
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
901
- };
902
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
903
- const formFields = React.useMemo(() => {
904
- if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
905
- return formEngineSetup.fields;
906
- }
907
- return DEFAULT_FORM_FIELDS;
908
- }, [formEngineSetup?.fields]);
909
893
  const contactOptionsContent = React.useMemo(() => {
910
894
  if (contactOptionsSlot) return contactOptionsSlot;
911
895
  if (contactOptions && contactOptions.length > 0) {
@@ -971,20 +955,22 @@ function ContactDark({
971
955
  /* @__PURE__ */ jsx("div", { className: cn("p-6 lg:p-12", formPanelClassName), children: formEngineSetup ? /* @__PURE__ */ jsx(
972
956
  FormEngine,
973
957
  {
974
- ...formEngineSetup,
975
- formLayoutSettings: {
976
- ...formEngineSetup.formLayoutSettings,
977
- formLayout: "standard",
978
- submitButtonSetup: {
979
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
980
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
981
- buttonIcon,
982
- buttonText
983
- ] })
984
- },
985
- styleRules: formStyleRules
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
+ }
986
971
  },
987
- fields: formFields
972
+ defaultFields: DEFAULT_FORM_FIELDS,
973
+ defaultStyleRules: DEFAULT_STYLE_RULES
988
974
  }
989
975
  ) : null }),
990
976
  /* @__PURE__ */ jsxs(
package/dist/contact-emergency.cjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var React = require('react');
5
4
  var integration = require('@page-speed/forms/integration');
6
5
  var clsx = require('clsx');
7
6
  var tailwindMerge = require('tailwind-merge');
7
+ var React = require('react');
8
8
  var classVarianceAuthority = require('class-variance-authority');
9
9
  var jsxRuntime = require('react/jsx-runtime');
10
10
  var icon = require('@page-speed/icon');
@@ -924,22 +924,6 @@ function ContactEmergency({
924
924
  pattern,
925
925
  patternOpacity
926
926
  }) {
927
- const formStyleRules = React__namespace.useMemo(() => {
928
- return {
929
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
930
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
931
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
932
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
933
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
934
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
935
- };
936
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
937
- const formFields = React__namespace.useMemo(() => {
938
- if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
939
- return formEngineSetup.fields;
940
- }
941
- return DEFAULT_FORM_FIELDS;
942
- }, [formEngineSetup?.fields]);
943
927
  return /* @__PURE__ */ jsxRuntime.jsx(
944
928
  Section,
945
929
  {
@@ -1013,20 +997,22 @@ function ContactEmergency({
1013
997
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
1014
998
  integration.FormEngine,
1015
999
  {
1016
- ...formEngineSetup,
1017
- formLayoutSettings: {
1018
- ...formEngineSetup.formLayoutSettings,
1019
- formLayout: "standard",
1020
- submitButtonSetup: {
1021
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
1022
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1023
- buttonIcon,
1024
- buttonText
1025
- ] })
1026
- },
1027
- styleRules: formStyleRules
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
+ }
1028
1013
  },
1029
- fields: formFields
1014
+ defaultFields: DEFAULT_FORM_FIELDS,
1015
+ defaultStyleRules: DEFAULT_STYLE_RULES
1030
1016
  }
1031
1017
  ) : null })
1032
1018
  ] })
package/dist/contact-emergency.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client";
2
- import * as React from 'react';
3
- import React__default from 'react';
4
2
  import { FormEngine } from '@page-speed/forms/integration';
5
3
  import { clsx } from 'clsx';
6
4
  import { twMerge } from 'tailwind-merge';
5
+ import * as React from 'react';
6
+ import React__default from 'react';
7
7
  import { cva } from 'class-variance-authority';
8
8
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
9
9
  import { Icon } from '@page-speed/icon';
@@ -903,22 +903,6 @@ function ContactEmergency({
903
903
  pattern,
904
904
  patternOpacity
905
905
  }) {
906
- const formStyleRules = React.useMemo(() => {
907
- return {
908
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
909
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
910
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
911
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
912
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
913
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
914
- };
915
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
916
- const formFields = React.useMemo(() => {
917
- if (formEngineSetup?.fields && formEngineSetup.fields.length > 0) {
918
- return formEngineSetup.fields;
919
- }
920
- return DEFAULT_FORM_FIELDS;
921
- }, [formEngineSetup?.fields]);
922
906
  return /* @__PURE__ */ jsx(
923
907
  Section,
924
908
  {
@@ -992,20 +976,22 @@ function ContactEmergency({
992
976
  /* @__PURE__ */ jsx("div", { className: "p-6", children: formEngineSetup ? /* @__PURE__ */ jsx(
993
977
  FormEngine,
994
978
  {
995
- ...formEngineSetup,
996
- formLayoutSettings: {
997
- ...formEngineSetup.formLayoutSettings,
998
- formLayout: "standard",
999
- submitButtonSetup: {
1000
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
1001
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
1002
- buttonIcon,
1003
- buttonText
1004
- ] })
1005
- },
1006
- styleRules: formStyleRules
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
+ }
1007
992
  },
1008
- fields: formFields
993
+ defaultFields: DEFAULT_FORM_FIELDS,
994
+ defaultStyleRules: DEFAULT_STYLE_RULES
1009
995
  }
1010
996
  ) : null })
1011
997
  ] })
package/dist/contact-faq.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var React3 = require('react');
4
+ var React = require('react');
5
5
  var integration = require('@page-speed/forms/integration');
6
6
  var clsx = require('clsx');
7
7
  var tailwindMerge = require('tailwind-merge');
@@ -9,6 +9,8 @@ var jsxRuntime = require('react/jsx-runtime');
9
9
  var AccordionPrimitive = require('@radix-ui/react-accordion');
10
10
  var icon = require('@page-speed/icon');
11
11
 
12
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
13
+
12
14
  function _interopNamespace(e) {
13
15
  if (e && e.__esModule) return e;
14
16
  var n = Object.create(null);
@@ -27,7 +29,7 @@ function _interopNamespace(e) {
27
29
  return Object.freeze(n);
28
30
  }
29
31
 
30
- var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
32
+ var React__default = /*#__PURE__*/_interopDefault(React);
31
33
  var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
32
34
 
33
35
  // components/blocks/contact/contact-faq.tsx
@@ -130,7 +132,7 @@ var maxWidthStyles = {
130
132
  "4xl": "max-w-[1536px]",
131
133
  full: "max-w-full"
132
134
  };
133
- var Container = React3__namespace.default.forwardRef(
135
+ var Container = React__default.default.forwardRef(
134
136
  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
135
137
  const Component = as;
136
138
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -435,7 +437,7 @@ var spacingStyles = {
435
437
  };
436
438
  var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
437
439
  var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
438
- var Section = React3__namespace.default.forwardRef(
440
+ var Section = React__default.default.forwardRef(
439
441
  ({
440
442
  id,
441
443
  title,
@@ -567,25 +569,8 @@ function ContactFaq({
567
569
  pattern,
568
570
  patternOpacity
569
571
  }) {
570
- const formStyleRules = React3__namespace.useMemo(() => {
571
- return {
572
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
573
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
574
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
575
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
576
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
577
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
578
- };
579
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
580
- const formFields = React3__namespace.useMemo(() => {
581
- if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
582
- return formEngineSetup.fields;
583
- } else {
584
- return DEFAULT_FORM_FIELDS;
585
- }
586
- }, [formEngineSetup?.fields]);
587
572
  const hasFaqItems = itemsSlot || items && items.length > 0;
588
- const faqContent = React3.useMemo(() => {
573
+ const faqContent = React.useMemo(() => {
589
574
  if (itemsSlot) return itemsSlot;
590
575
  if (!items || items.length === 0) return null;
591
576
  return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -681,20 +666,22 @@ function ContactFaq({
681
666
  formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
682
667
  integration.FormEngine,
683
668
  {
684
- ...formEngineSetup,
685
- formLayoutSettings: {
686
- ...formEngineSetup.formLayoutSettings,
687
- formLayout: "standard",
688
- submitButtonSetup: {
689
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
690
- submitLabel: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
691
- buttonIcon,
692
- buttonText
693
- ] })
694
- },
695
- styleRules: formStyleRules
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
+ }
696
682
  },
697
- fields: formFields
683
+ defaultFields: DEFAULT_FORM_FIELDS,
684
+ defaultStyleRules: DEFAULT_STYLE_RULES
698
685
  }
699
686
  ) : null
700
687
  ] }) }),
package/dist/contact-faq.js CHANGED
@@ -1,6 +1,5 @@
1
1
  "use client";
2
- import * as React3 from 'react';
3
- import React3__default, { useMemo } from 'react';
2
+ import React, { useMemo } from 'react';
4
3
  import { FormEngine } from '@page-speed/forms/integration';
5
4
  import { clsx } from 'clsx';
6
5
  import { twMerge } from 'tailwind-merge';
@@ -108,7 +107,7 @@ var maxWidthStyles = {
108
107
  "4xl": "max-w-[1536px]",
109
108
  full: "max-w-full"
110
109
  };
111
- var Container = React3__default.forwardRef(
110
+ var Container = React.forwardRef(
112
111
  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
113
112
  const Component = as;
114
113
  return /* @__PURE__ */ jsx(
@@ -413,7 +412,7 @@ var spacingStyles = {
413
412
  };
414
413
  var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
415
414
  var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
416
- var Section = React3__default.forwardRef(
415
+ var Section = React.forwardRef(
417
416
  ({
418
417
  id,
419
418
  title,
@@ -545,23 +544,6 @@ function ContactFaq({
545
544
  pattern,
546
545
  patternOpacity
547
546
  }) {
548
- const formStyleRules = React3.useMemo(() => {
549
- return {
550
- formContainer: formEngineSetup?.formLayoutSettings?.styleRules?.formContainer ?? DEFAULT_STYLE_RULES.formContainer,
551
- fieldsContainer: formEngineSetup?.formLayoutSettings?.styleRules?.fieldsContainer ?? DEFAULT_STYLE_RULES.fieldsContainer,
552
- fieldClassName: formEngineSetup?.formLayoutSettings?.styleRules?.fieldClassName ?? DEFAULT_STYLE_RULES.fieldClassName,
553
- formClassName: formEngineSetup?.formLayoutSettings?.styleRules?.formClassName ?? DEFAULT_STYLE_RULES.formClassName,
554
- successMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.successMessageClassName ?? DEFAULT_STYLE_RULES.successMessageClassName,
555
- errorMessageClassName: formEngineSetup?.formLayoutSettings?.styleRules?.errorMessageClassName ?? DEFAULT_STYLE_RULES.errorMessageClassName
556
- };
557
- }, [formEngineSetup?.formLayoutSettings?.styleRules]);
558
- const formFields = React3.useMemo(() => {
559
- if (formEngineSetup && formEngineSetup?.fields && formEngineSetup?.fields?.length > 0) {
560
- return formEngineSetup.fields;
561
- } else {
562
- return DEFAULT_FORM_FIELDS;
563
- }
564
- }, [formEngineSetup?.fields]);
565
547
  const hasFaqItems = itemsSlot || items && items.length > 0;
566
548
  const faqContent = useMemo(() => {
567
549
  if (itemsSlot) return itemsSlot;
@@ -659,20 +641,22 @@ function ContactFaq({
659
641
  formEngineSetup ? /* @__PURE__ */ jsx(
660
642
  FormEngine,
661
643
  {
662
- ...formEngineSetup,
663
- formLayoutSettings: {
664
- ...formEngineSetup.formLayoutSettings,
665
- formLayout: "standard",
666
- submitButtonSetup: {
667
- ...formEngineSetup.formLayoutSettings?.submitButtonSetup,
668
- submitLabel: /* @__PURE__ */ jsxs(Fragment, { children: [
669
- buttonIcon,
670
- buttonText
671
- ] })
672
- },
673
- styleRules: formStyleRules
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
+ }
674
657
  },
675
- fields: formFields
658
+ defaultFields: DEFAULT_FORM_FIELDS,
659
+ defaultStyleRules: DEFAULT_STYLE_RULES
676
660
  }
677
661
  ) : null
678
662
  ] }) }),