dune-react 0.0.40 → 0.0.42

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 (158) hide show
  1. package/dist/components/puck-block/contact-sections/centered-form/index.d.ts +96 -0
  2. package/dist/components/puck-block/contact-sections/centered-form/index.js +6 -1
  3. package/dist/components/puck-block/contact-sections/contact-cards-grid/contact-cards-grid.js +3 -3
  4. package/dist/components/puck-block/contact-sections/contact-cards-grid/index.d.ts +159 -0
  5. package/dist/components/puck-block/contact-sections/contact-cards-grid/index.js +14 -1
  6. package/dist/components/puck-block/contact-sections/contact-modal/index.d.ts +99 -0
  7. package/dist/components/puck-block/contact-sections/contact-modal/index.js +7 -1
  8. package/dist/components/puck-block/contact-sections/form-with-media/index.d.ts +87 -0
  9. package/dist/components/puck-block/contact-sections/form-with-media/index.js +4 -1
  10. package/dist/components/puck-block/contact-sections/header-form-cards/index.d.ts +104 -0
  11. package/dist/components/puck-block/contact-sections/header-form-cards/index.js +13 -2
  12. package/dist/components/puck-block/contact-sections/header-info-fullwidth/index.d.ts +150 -0
  13. package/dist/components/puck-block/contact-sections/header-info-fullwidth/index.js +12 -1
  14. package/dist/components/puck-block/contact-sections/info-cards-media/index.d.ts +150 -0
  15. package/dist/components/puck-block/contact-sections/info-cards-media/index.js +12 -1
  16. package/dist/components/puck-block/contact-sections/location-cards-grid/index.d.ts +147 -0
  17. package/dist/components/puck-block/contact-sections/location-cards-grid/index.js +5 -1
  18. package/dist/components/puck-block/contact-sections/props.d.ts +1 -1
  19. package/dist/components/puck-block/contact-sections/split-info-form/index.d.ts +96 -0
  20. package/dist/components/puck-block/contact-sections/split-info-form/index.js +6 -1
  21. package/dist/components/puck-block/contact-sections/tab-locations/index.d.ts +147 -0
  22. package/dist/components/puck-block/contact-sections/tab-locations/index.js +5 -1
  23. package/dist/components/puck-block/cta-sections/props.d.ts +1 -1
  24. package/dist/components/puck-block/cta-sections/props.js +8 -0
  25. package/dist/components/puck-block/cta-sections/side-media-cta/index.d.ts +75 -0
  26. package/dist/components/puck-block/cta-sections/side-media-cta/index.js +6 -6
  27. package/dist/components/puck-block/cta-sections/side-media-cta/side-media-cta.js +3 -3
  28. package/dist/components/puck-block/cta-sections/text-block-cta/text-block-cta.js +3 -3
  29. package/dist/components/puck-block/faq-sections/dual-column-accordion-faq/dual-column-accordion-faq.js +2 -2
  30. package/dist/components/puck-block/faq-sections/props.d.ts +2 -2
  31. package/dist/components/puck-block/faq-sections/stacked-accordion-faq/stacked-accordion-faq.js +5 -5
  32. package/dist/components/puck-block/faq-sections/stacked-static-faq/stacked-static-faq.js +3 -3
  33. package/dist/components/puck-block/faq-sections/two-column-accordion-faq/index.d.ts +6 -0
  34. package/dist/components/puck-block/faq-sections/two-column-accordion-faq/index.js +2 -0
  35. package/dist/components/puck-block/faq-sections/two-column-accordion-faq/two-column-accordion-faq.js +2 -2
  36. package/dist/components/puck-block/faq-sections/two-column-static-faq/index.d.ts +6 -0
  37. package/dist/components/puck-block/faq-sections/two-column-static-faq/index.js +2 -0
  38. package/dist/components/puck-block/feature-sections/props.d.ts +3 -3
  39. package/dist/components/puck-block/feature-sections/text-media-split/component.js +6 -6
  40. package/dist/components/puck-block/feature-sections/text-only-section/component.js +8 -8
  41. package/dist/components/puck-block/footer-sections/centered-minimal-footer/index.d.ts +226 -2
  42. package/dist/components/puck-block/footer-sections/centered-minimal-footer/index.js +34 -1
  43. package/dist/components/puck-block/footer-sections/contact-links-footer/contact-links-footer.js +2 -2
  44. package/dist/components/puck-block/footer-sections/contact-links-footer/index.d.ts +159 -2
  45. package/dist/components/puck-block/footer-sections/contact-links-footer/index.js +32 -2
  46. package/dist/components/puck-block/footer-sections/cta-links-footer/cta-links-footer.js +2 -2
  47. package/dist/components/puck-block/footer-sections/cta-links-footer/index.d.ts +114 -2
  48. package/dist/components/puck-block/footer-sections/cta-links-footer/index.js +44 -2
  49. package/dist/components/puck-block/footer-sections/props.d.ts +2 -2
  50. package/dist/components/puck-block/gallery-sections/asymmetric-grid/index.d.ts +145 -0
  51. package/dist/components/puck-block/gallery-sections/asymmetric-grid/index.js +6 -0
  52. package/dist/components/puck-block/gallery-sections/fullscreen-portfolio/index.d.ts +169 -0
  53. package/dist/components/puck-block/gallery-sections/fullscreen-portfolio/index.js +11 -2
  54. package/dist/components/puck-block/gallery-sections/image-carousel/image-carousel.js +6 -6
  55. package/dist/components/puck-block/gallery-sections/image-carousel/index.d.ts +145 -0
  56. package/dist/components/puck-block/gallery-sections/image-carousel/index.js +6 -0
  57. package/dist/components/puck-block/gallery-sections/interactive-portfolio/index.d.ts +163 -0
  58. package/dist/components/puck-block/gallery-sections/interactive-portfolio/index.js +9 -1
  59. package/dist/components/puck-block/gallery-sections/masonry-grid/index.d.ts +145 -0
  60. package/dist/components/puck-block/gallery-sections/masonry-grid/index.js +6 -0
  61. package/dist/components/puck-block/gallery-sections/portfolio-cards/index.d.ts +104 -0
  62. package/dist/components/puck-block/gallery-sections/portfolio-cards/index.js +7 -3
  63. package/dist/components/puck-block/gallery-sections/portfolio-cards/portfolio-cards.js +3 -3
  64. package/dist/components/puck-block/gallery-sections/portfolio-divider/index.d.ts +104 -0
  65. package/dist/components/puck-block/gallery-sections/portfolio-divider/index.js +7 -3
  66. package/dist/components/puck-block/gallery-sections/props.d.ts +3 -3
  67. package/dist/components/puck-block/gallery-sections/scroll-parallax/index.d.ts +145 -0
  68. package/dist/components/puck-block/gallery-sections/scroll-parallax/index.js +7 -1
  69. package/dist/components/puck-block/gallery-sections/scroll-parallax-portfolio/index.d.ts +228 -0
  70. package/dist/components/puck-block/gallery-sections/scroll-parallax-portfolio/index.js +13 -1
  71. package/dist/components/puck-block/gallery-sections/split-carousel/index.d.ts +145 -0
  72. package/dist/components/puck-block/gallery-sections/split-carousel/index.js +6 -0
  73. package/dist/components/puck-block/gallery-sections/static-grid/index.d.ts +145 -0
  74. package/dist/components/puck-block/gallery-sections/static-grid/index.js +6 -0
  75. package/dist/components/puck-block/header-sections/centered-navbar/index.d.ts +5 -2
  76. package/dist/components/puck-block/header-sections/centered-navbar/index.js +8 -1
  77. package/dist/components/puck-block/header-sections/drawer-navbar/index.d.ts +5 -2
  78. package/dist/components/puck-block/header-sections/drawer-navbar/index.js +1 -1
  79. package/dist/components/puck-block/header-sections/floating-bordered-navbar/index.d.ts +5 -2
  80. package/dist/components/puck-block/header-sections/floating-bordered-navbar/index.js +1 -1
  81. package/dist/components/puck-block/header-sections/fullscreen-overlay-navbar/index.d.ts +5 -2
  82. package/dist/components/puck-block/header-sections/fullscreen-overlay-navbar/index.js +1 -1
  83. package/dist/components/puck-block/header-sections/mega-menu-navbar/index.d.ts +5 -2
  84. package/dist/components/puck-block/header-sections/mega-menu-navbar/index.js +1 -1
  85. package/dist/components/puck-block/header-sections/standard-navbar/index.d.ts +5 -2
  86. package/dist/components/puck-block/header-sections/standard-navbar/index.js +8 -1
  87. package/dist/components/puck-block/hero-sections/carousel-hero/component.d.ts +1 -6
  88. package/dist/components/puck-block/hero-sections/carousel-hero/component.js +24 -36
  89. package/dist/components/puck-block/hero-sections/carousel-hero/index.d.ts +0 -6
  90. package/dist/components/puck-block/hero-sections/carousel-hero/index.js +1 -3
  91. package/dist/components/puck-block/hero-sections/props.d.ts +2 -2
  92. package/dist/components/puck-block/hero-sections/three-image-parallax-hero/component.js +5 -5
  93. package/dist/components/puck-block/metrics-sections/center-media-stats/index.d.ts +79 -0
  94. package/dist/components/puck-block/metrics-sections/center-media-stats/index.js +2 -0
  95. package/dist/components/puck-block/metrics-sections/header-stats-row/header-stats-row.js +6 -1
  96. package/dist/components/puck-block/pricing-sections/pricing-card-grid/index.d.ts +55 -0
  97. package/dist/components/puck-block/pricing-sections/pricing-card-grid/index.js +3 -1
  98. package/dist/components/puck-block/pricing-sections/pricing-comparison-table/component.js +7 -7
  99. package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.d.ts +55 -0
  100. package/dist/components/puck-block/pricing-sections/pricing-comparison-table/index.js +3 -1
  101. package/dist/components/puck-block/pricing-sections/props.d.ts +2 -2
  102. package/dist/components/puck-block/pricing-sections/single-pricing-card/index.d.ts +64 -0
  103. package/dist/components/puck-block/pricing-sections/single-pricing-card/index.js +5 -1
  104. package/dist/components/puck-block/pricing-sections/split-pricing/index.d.ts +70 -0
  105. package/dist/components/puck-block/pricing-sections/split-pricing/index.js +7 -2
  106. package/dist/components/puck-block/pricing-sections/tab-pricing-grid/index.d.ts +78 -0
  107. package/dist/components/puck-block/pricing-sections/tab-pricing-grid/index.js +13 -1
  108. package/dist/components/puck-block/pricing-sections/tab-single-pricing/index.d.ts +23 -0
  109. package/dist/components/puck-block/pricing-sections/tab-single-pricing/index.js +10 -1
  110. package/dist/components/puck-block/registry.generated.d.ts +5734 -2060
  111. package/dist/components/puck-block/registry.generated.js +14 -14
  112. package/dist/components/puck-block/showcase-sections/compact-timeline/component.js +3 -3
  113. package/dist/components/puck-block/showcase-sections/horizontal-timeline/component.js +3 -3
  114. package/dist/components/puck-block/showcase-sections/props.d.ts +2 -2
  115. package/dist/components/puck-block/showcase-sections/single-column-timeline/component.js +6 -6
  116. package/dist/components/puck-block/showcase-sections/sticky-scroll-timeline/component.js +6 -6
  117. package/dist/components/puck-block/showcase-sections/zigzag-timeline/component.js +6 -6
  118. package/dist/components/puck-block/team-sections/props.d.ts +1 -1
  119. package/dist/components/puck-block/team-sections/team-carousel/index.d.ts +25 -0
  120. package/dist/components/puck-block/team-sections/team-carousel/index.js +22 -1
  121. package/dist/components/puck-block/team-sections/team-grid/component.js +3 -3
  122. package/dist/components/puck-block/team-sections/team-grid/index.d.ts +25 -0
  123. package/dist/components/puck-block/team-sections/team-grid/index.js +22 -1
  124. package/dist/components/puck-block/team-sections/team-inline-card/index.d.ts +25 -0
  125. package/dist/components/puck-block/team-sections/team-inline-card/index.js +22 -1
  126. package/dist/components/puck-block/team-sections/team-sticky-scatter/index.d.ts +25 -0
  127. package/dist/components/puck-block/team-sections/team-sticky-scatter/index.js +22 -1
  128. package/dist/components/puck-block/team-sections/team-two-column/index.d.ts +25 -0
  129. package/dist/components/puck-block/team-sections/team-two-column/index.js +22 -1
  130. package/dist/components/puck-block/testimonial-sections/bento-testimonial/component.js +2 -2
  131. package/dist/components/puck-block/testimonial-sections/bento-testimonial/index.d.ts +3 -0
  132. package/dist/components/puck-block/testimonial-sections/bento-testimonial/index.js +6 -1
  133. package/dist/components/puck-block/testimonial-sections/halfscreen-testimonial-carousel/component.js +3 -3
  134. package/dist/components/puck-block/testimonial-sections/halfscreen-testimonial-carousel/index.d.ts +9 -0
  135. package/dist/components/puck-block/testimonial-sections/halfscreen-testimonial-carousel/index.js +3 -1
  136. package/dist/components/puck-block/testimonial-sections/marquee-testimonial/index.d.ts +9 -0
  137. package/dist/components/puck-block/testimonial-sections/marquee-testimonial/index.js +3 -1
  138. package/dist/components/puck-block/testimonial-sections/masonry-testimonial/index.d.ts +9 -0
  139. package/dist/components/puck-block/testimonial-sections/masonry-testimonial/index.js +3 -1
  140. package/dist/components/puck-block/testimonial-sections/props.d.ts +5 -5
  141. package/dist/components/puck-block/testimonial-sections/sticky-testimonial/index.d.ts +9 -0
  142. package/dist/components/puck-block/testimonial-sections/sticky-testimonial/index.js +3 -1
  143. package/dist/components/puck-block/testimonial-sections/tab-testimonial/component.js +7 -7
  144. package/dist/components/puck-block/testimonial-sections/tab-testimonial/index.d.ts +47 -0
  145. package/dist/components/puck-block/testimonial-sections/tab-testimonial/index.js +5 -1
  146. package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/component.js +6 -6
  147. package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/index.d.ts +30 -0
  148. package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/index.js +6 -1
  149. package/dist/components/puck-block/testimonial-sections/testimonial-carousel/component.js +9 -9
  150. package/dist/components/puck-block/testimonial-sections/testimonial-carousel/index.d.ts +21 -0
  151. package/dist/components/puck-block/testimonial-sections/testimonial-carousel/index.js +5 -1
  152. package/dist/components/puck-block/text-sections/blog-article/component.js +3 -3
  153. package/dist/components/puck-block/text-sections/props.d.ts +3 -3
  154. package/dist/components/puck-block/text-sections/prose-content/component.js +3 -3
  155. package/dist/components/puck-core/core/props/index.js +7 -0
  156. package/dist/components/puck-core/core/puck-fields-to-zod.d.ts +1 -0
  157. package/dist/components/puck-core/core/puck-fields-to-zod.js +21 -10
  158. package/package.json +1 -1
@@ -1,6 +1,7 @@
1
1
  import { TeamTwoColumn, TeamTwoColumnDefaults } from "./component.js";
2
2
  import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
3
3
  import { buttonField } from "../../../puck-core/core/props/interactive.js";
4
+ import { mediaField } from "../../../puck-core/core/props/media.js";
4
5
  import { teamStyleFields } from "../props.js";
5
6
  import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
6
7
  const conf = {
@@ -15,7 +16,27 @@ const conf = {
15
16
  arrayFields: {
16
17
  name: { type: "text" },
17
18
  jobTitle: { type: "text" },
18
- description: { type: "textarea" }
19
+ description: { type: "textarea" },
20
+ media: mediaField,
21
+ socialLinks: {
22
+ type: "array",
23
+ arrayFields: {
24
+ platform: {
25
+ type: "select",
26
+ options: [
27
+ { label: "Twitter / X", value: "twitter" },
28
+ { label: "Facebook", value: "facebook" },
29
+ { label: "Instagram", value: "instagram" },
30
+ { label: "LinkedIn", value: "linkedin" },
31
+ { label: "YouTube", value: "youtube" },
32
+ { label: "GitHub", value: "github" },
33
+ { label: "TikTok", value: "tiktok" },
34
+ { label: "Discord", value: "discord" }
35
+ ]
36
+ },
37
+ url: { type: "text", label: "URL" }
38
+ }
39
+ }
19
40
  }
20
41
  },
21
42
  styles: {
@@ -13,7 +13,7 @@ const BentoTestimonial = (props) => {
13
13
  className: sectionClassName,
14
14
  style: sectionStyle,
15
15
  css,
16
- hasBackgroundCards = true,
16
+ hasBackgroundCards = "true",
17
17
  gridLayout = "4x2"
18
18
  } = styles ?? {};
19
19
  let logoCardCount = 0;
@@ -246,7 +246,7 @@ const BentoTestimonialDefaults = {
246
246
  }
247
247
  ],
248
248
  styles: {
249
- hasBackgroundCards: true,
249
+ hasBackgroundCards: "true",
250
250
  gridLayout: "4x2"
251
251
  }
252
252
  };
@@ -30,6 +30,9 @@ declare const conf: {
30
30
  label: string;
31
31
  objectFields: {
32
32
  media: {
33
+ ai: {
34
+ instructions: string;
35
+ };
33
36
  type: "object";
34
37
  objectFields: {
35
38
  src: import("@puckeditor/core").Field<string>;
@@ -25,7 +25,12 @@ const conf = {
25
25
  label: "Props",
26
26
  objectFields: {
27
27
  // Shared media field (BackgroundImageCard / LogoCard / QuoteCard)
28
- media: mediaField,
28
+ media: {
29
+ ...mediaField,
30
+ ai: {
31
+ instructions: "Image/media for this card. Usage depends on component type: 'background' → full-bleed background image, 'logo' → company logo, 'quote' → avatar/profile photo of the person."
32
+ }
33
+ },
29
34
  // BackgroundImageCard
30
35
  heading: { type: "text" },
31
36
  button: buttonField,
@@ -17,7 +17,7 @@ const HalfscreenTestimonialCarousel = (props) => {
17
17
  style: sectionStyle,
18
18
  css,
19
19
  ratingType = "stars",
20
- hasButton = false,
20
+ hasButton = "false",
21
21
  overflow = "halfscreen"
22
22
  } = styles ?? {};
23
23
  const [api, setApi] = useState();
@@ -67,7 +67,7 @@ const HalfscreenTestimonialCarousel = (props) => {
67
67
  ] })
68
68
  ] })
69
69
  ] }),
70
- hasButton && testimonial2.button && /* @__PURE__ */ jsx("div", { className: "mt-5 md:mt-6", children: /* @__PURE__ */ jsx(Button, { variant: testimonial2.button.variant, size: testimonial2.button.size, children: testimonial2.button.label }) })
70
+ hasButton === "true" && testimonial2.button && /* @__PURE__ */ jsx("div", { className: "mt-5 md:mt-6", children: /* @__PURE__ */ jsx(Button, { variant: testimonial2.button.variant, size: testimonial2.button.size, children: testimonial2.button.label }) })
71
71
  ] })
72
72
  },
73
73
  index
@@ -108,7 +108,7 @@ const HalfscreenTestimonialCarouselDefaults = {
108
108
  testimonials: [testimonial, testimonial, testimonial, testimonial, testimonial, testimonial, testimonial],
109
109
  styles: {
110
110
  ratingType: "stars",
111
- hasButton: false,
111
+ hasButton: "false",
112
112
  overflow: "halfscreen"
113
113
  }
114
114
  };
@@ -33,6 +33,15 @@ declare const conf: {
33
33
  numberOfStars: {
34
34
  type: string;
35
35
  };
36
+ avatar: {
37
+ type: "object";
38
+ objectFields: {
39
+ src: import("@puckeditor/core").Field<string>;
40
+ alt: {
41
+ type: "text";
42
+ };
43
+ };
44
+ };
36
45
  };
37
46
  };
38
47
  styles: {
@@ -1,5 +1,6 @@
1
1
  import { HalfscreenTestimonialCarousel, HalfscreenTestimonialCarouselDefaults } from "./component.js";
2
2
  import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
3
+ import { mediaField } from "../../../puck-core/core/props/media.js";
3
4
  import { testimonialStyleFields } from "../props.js";
4
5
  import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
5
6
  const conf = {
@@ -14,7 +15,8 @@ const conf = {
14
15
  name: { type: "text" },
15
16
  position: { type: "text" },
16
17
  companyName: { type: "text" },
17
- numberOfStars: { type: "number" }
18
+ numberOfStars: { type: "number" },
19
+ avatar: mediaField
18
20
  }
19
21
  },
20
22
  styles: {
@@ -33,6 +33,15 @@ declare const conf: {
33
33
  numberOfStars: {
34
34
  type: string;
35
35
  };
36
+ avatar: {
37
+ type: "object";
38
+ objectFields: {
39
+ src: import("@puckeditor/core").Field<string>;
40
+ alt: {
41
+ type: "text";
42
+ };
43
+ };
44
+ };
36
45
  };
37
46
  };
38
47
  };
@@ -1,5 +1,6 @@
1
1
  import { MarqueeTestimonial, MarqueeTestimonialDefaults } from "./component.js";
2
2
  import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
3
+ import { mediaField } from "../../../puck-core/core/props/media.js";
3
4
  const conf = {
4
5
  fields: {
5
6
  heading: headingField,
@@ -12,7 +13,8 @@ const conf = {
12
13
  name: { type: "text" },
13
14
  position: { type: "text" },
14
15
  companyName: { type: "text" },
15
- numberOfStars: { type: "number" }
16
+ numberOfStars: { type: "number" },
17
+ avatar: mediaField
16
18
  }
17
19
  }
18
20
  },
@@ -33,6 +33,15 @@ declare const conf: {
33
33
  numberOfStars: {
34
34
  type: string;
35
35
  };
36
+ avatar: {
37
+ type: "object";
38
+ objectFields: {
39
+ src: import("@puckeditor/core").Field<string>;
40
+ alt: {
41
+ type: "text";
42
+ };
43
+ };
44
+ };
36
45
  };
37
46
  };
38
47
  styles: {
@@ -1,5 +1,6 @@
1
1
  import { MasonryTestimonial, MasonryTestimonialDefaults } from "./component.js";
2
2
  import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
3
+ import { mediaField } from "../../../puck-core/core/props/media.js";
3
4
  import { testimonialStyleFields } from "../props.js";
4
5
  import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
5
6
  const conf = {
@@ -14,7 +15,8 @@ const conf = {
14
15
  name: { type: "text" },
15
16
  position: { type: "text" },
16
17
  companyName: { type: "text" },
17
- numberOfStars: { type: "number" }
18
+ numberOfStars: { type: "number" },
19
+ avatar: mediaField
18
20
  }
19
21
  },
20
22
  styles: {
@@ -17,11 +17,11 @@ export interface TestimonialSectionStyles {
17
17
  gridColumns?: "2" | "3";
18
18
  carouselColumns?: "1" | "2" | "3";
19
19
  masonryColumns?: "2" | "3";
20
- bordered?: boolean;
21
- hasHeading?: boolean;
22
- hasButton?: boolean;
23
- hasImage?: boolean;
24
- hasBackgroundCards?: boolean;
20
+ bordered?: string;
21
+ hasHeading?: string;
22
+ hasButton?: string;
23
+ hasImage?: string;
24
+ hasBackgroundCards?: string;
25
25
  mediaType?: "image" | "video";
26
26
  animation?: "stickyStack" | "parallaxScroll";
27
27
  overflow?: "halfscreen" | "contained";
@@ -112,6 +112,15 @@ declare const conf: {
112
112
  numberOfStars: {
113
113
  type: string;
114
114
  };
115
+ avatar: {
116
+ type: "object";
117
+ objectFields: {
118
+ src: import("@puckeditor/core").Field<string>;
119
+ alt: {
120
+ type: "text";
121
+ };
122
+ };
123
+ };
115
124
  };
116
125
  };
117
126
  styles: {
@@ -1,6 +1,7 @@
1
1
  import { StickyTestimonial, StickyTestimonialDefaults } from "./component.js";
2
2
  import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
3
3
  import { buttonsField } from "../../../puck-core/core/props/interactive.js";
4
+ import { mediaField } from "../../../puck-core/core/props/media.js";
4
5
  import { testimonialStyleFields } from "../props.js";
5
6
  import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
6
7
  const conf = {
@@ -16,7 +17,8 @@ const conf = {
16
17
  name: { type: "text" },
17
18
  position: { type: "text" },
18
19
  companyName: { type: "text" },
19
- numberOfStars: { type: "number" }
20
+ numberOfStars: { type: "number" },
21
+ avatar: mediaField
20
22
  }
21
23
  },
22
24
  styles: {
@@ -13,7 +13,7 @@ const TabTestimonial = (props) => {
13
13
  className: sectionClassName,
14
14
  style: sectionStyle,
15
15
  css,
16
- hasImage = false
16
+ hasImage = "false"
17
17
  } = styles ?? {};
18
18
  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
19
19
  /* @__PURE__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-lg text-center", children: [
@@ -26,14 +26,14 @@ const TabTestimonial = (props) => {
26
26
  {
27
27
  value: tab2.value,
28
28
  className: "animate-tabs",
29
- children: /* @__PURE__ */ jsxs("div", { className: `flex w-full items-center ${hasImage ? "flex-col md:flex-row" : "justify-center"} px-6 pb-10 pt-6 md:p-8 lg:px-12 lg:py-16`, children: [
30
- hasImage && tab2.media && /* @__PURE__ */ jsx("div", { className: "mb-6 w-full md:mb-0 md:w-1/2 md:pr-8", children: /* @__PURE__ */ jsx(CompoundMedia, { src: tab2.media.src, alt: tab2.media.alt, className: "aspect-square w-full object-cover" }) }),
31
- /* @__PURE__ */ jsxs("div", { className: `${hasImage ? "w-full md:w-1/2" : "mx-auto w-full max-w-lg text-center"}`, children: [
29
+ children: /* @__PURE__ */ jsxs("div", { className: `flex w-full items-center ${hasImage === "true" ? "flex-col md:flex-row" : "justify-center"} px-6 pb-10 pt-6 md:p-8 lg:px-12 lg:py-16`, children: [
30
+ hasImage === "true" && tab2.media && /* @__PURE__ */ jsx("div", { className: "mb-6 w-full md:mb-0 md:w-1/2 md:pr-8", children: /* @__PURE__ */ jsx(CompoundMedia, { src: tab2.media.src, alt: tab2.media.alt, className: "aspect-square w-full object-cover" }) }),
31
+ /* @__PURE__ */ jsxs("div", { className: `${hasImage === "true" ? "w-full md:w-1/2" : "mx-auto w-full max-w-lg text-center"}`, children: [
32
32
  /* @__PURE__ */ jsxs("div", { className: "rb-5 mb-5 md:mb-6", children: [
33
- /* @__PURE__ */ jsx("div", { className: `mb-6 flex items-center md:mb-8 ${hasImage ? "" : "justify-center"}`, children: Array(tab2.content.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
33
+ /* @__PURE__ */ jsx("div", { className: `mb-6 flex items-center md:mb-8 ${hasImage === "true" ? "" : "justify-center"}`, children: Array(tab2.content.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
34
34
  /* @__PURE__ */ jsx("blockquote", { className: "text-xl font-bold md:text-2xl", children: tab2.content.quote })
35
35
  ] }),
36
- /* @__PURE__ */ jsxs("div", { className: `mt-6 flex flex-col flex-nowrap gap-4 md:mt-8 ${hasImage ? "items-start" : "items-center"}`, children: [
36
+ /* @__PURE__ */ jsxs("div", { className: `mt-6 flex flex-col flex-nowrap gap-4 md:mt-8 ${hasImage === "true" ? "items-start" : "items-center"}`, children: [
37
37
  /* @__PURE__ */ jsx(
38
38
  CompoundMedia,
39
39
  {
@@ -98,7 +98,7 @@ const TabTestimonialDefaults = {
98
98
  { ...tab, value: "tab-4", trigger: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo" } }
99
99
  ],
100
100
  styles: {
101
- hasImage: false
101
+ hasImage: "false"
102
102
  }
103
103
  };
104
104
  export {
@@ -21,6 +21,53 @@ declare const conf: {
21
21
  value: {
22
22
  type: string;
23
23
  };
24
+ trigger: {
25
+ type: "object";
26
+ objectFields: {
27
+ src: import("@puckeditor/core").Field<string>;
28
+ alt: {
29
+ type: "text";
30
+ };
31
+ };
32
+ };
33
+ content: {
34
+ type: string;
35
+ objectFields: {
36
+ quote: {
37
+ type: string;
38
+ };
39
+ name: {
40
+ type: string;
41
+ };
42
+ position: {
43
+ type: string;
44
+ };
45
+ companyName: {
46
+ type: string;
47
+ };
48
+ numberOfStars: {
49
+ type: string;
50
+ };
51
+ avatar: {
52
+ type: "object";
53
+ objectFields: {
54
+ src: import("@puckeditor/core").Field<string>;
55
+ alt: {
56
+ type: "text";
57
+ };
58
+ };
59
+ };
60
+ };
61
+ };
62
+ media: {
63
+ type: "object";
64
+ objectFields: {
65
+ src: import("@puckeditor/core").Field<string>;
66
+ alt: {
67
+ type: "text";
68
+ };
69
+ };
70
+ };
24
71
  };
25
72
  };
26
73
  styles: {
@@ -1,5 +1,6 @@
1
1
  import { TabTestimonial, TabTestimonialDefaults } from "./component.js";
2
2
  import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
3
+ import { mediaField } from "../../../puck-core/core/props/media.js";
3
4
  import { testimonialStyleFields } from "../props.js";
4
5
  import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
5
6
  const conf = {
@@ -10,7 +11,10 @@ const conf = {
10
11
  type: "array",
11
12
  getItemSummary: (item, index = 0) => item.value || `Tab ${index + 1}`,
12
13
  arrayFields: {
13
- value: { type: "text" }
14
+ value: { type: "text" },
15
+ trigger: mediaField,
16
+ content: { type: "object", objectFields: { quote: { type: "textarea" }, name: { type: "text" }, position: { type: "text" }, companyName: { type: "text" }, numberOfStars: { type: "number" }, avatar: mediaField } },
17
+ media: mediaField
14
18
  }
15
19
  },
16
20
  styles: {
@@ -21,8 +21,8 @@ const TestimonialCardGrid = (props) => {
21
21
  textAlign = "center",
22
22
  gridColumns = "2",
23
23
  ratingType = "logo",
24
- bordered = false,
25
- hasButton = false
24
+ bordered = "false",
25
+ hasButton = "false"
26
26
  } = styles ?? {};
27
27
  const gridColsClass = gridColumns === "3" ? "md:grid-cols-2 lg:grid-cols-3" : "md:grid-cols-2";
28
28
  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
@@ -33,7 +33,7 @@ const TestimonialCardGrid = (props) => {
33
33
  /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-y-12 md:gap-x-8 lg:gap-16 ${gridColsClass}`, children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxs(
34
34
  "div",
35
35
  {
36
- className: `flex flex-col items-center justify-center text-center ${bordered ? "border border-border-primary p-6 md:p-8" : ""}`,
36
+ className: `flex flex-col items-center justify-center text-center ${bordered === "true" ? "border border-border-primary p-6 md:p-8" : ""}`,
37
37
  children: [
38
38
  ratingType === "logo" && testimonial.media && /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx(CompoundMedia, { src: testimonial.media.src, alt: testimonial.media.alt, className: "max-h-14" }) }),
39
39
  ratingType === "stars" && /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(testimonial.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
@@ -50,7 +50,7 @@ const TestimonialCardGrid = (props) => {
50
50
  /* @__PURE__ */ jsx("p", { className: "font-semibold", children: testimonial.name }),
51
51
  /* @__PURE__ */ jsx("p", { children: testimonial.position })
52
52
  ] }),
53
- hasButton && testimonial.logo && /* @__PURE__ */ jsxs("div", { className: "mt-5 flex items-center gap-4 md:mt-6", children: [
53
+ hasButton === "true" && testimonial.logo && /* @__PURE__ */ jsxs("div", { className: "mt-5 flex items-center gap-4 md:mt-6", children: [
54
54
  /* @__PURE__ */ jsx(CompoundMedia, { src: testimonial.logo.src, alt: testimonial.logo.alt, className: "max-h-12" }),
55
55
  testimonial.button && /* @__PURE__ */ jsx(Button, { variant: testimonial.button.variant, size: testimonial.button.size, children: testimonial.button.label })
56
56
  ] })
@@ -85,8 +85,8 @@ const TestimonialCardGridDefaults = {
85
85
  textAlign: "center",
86
86
  gridColumns: "2",
87
87
  ratingType: "logo",
88
- bordered: false,
89
- hasButton: false
88
+ bordered: "false",
89
+ hasButton: "false"
90
90
  }
91
91
  };
92
92
  export {
@@ -27,6 +27,36 @@ declare const conf: {
27
27
  position: {
28
28
  type: string;
29
29
  };
30
+ avatar: {
31
+ type: "object";
32
+ objectFields: {
33
+ src: import("@puckeditor/core").Field<string>;
34
+ alt: {
35
+ type: "text";
36
+ };
37
+ };
38
+ };
39
+ media: {
40
+ type: "object";
41
+ objectFields: {
42
+ src: import("@puckeditor/core").Field<string>;
43
+ alt: {
44
+ type: "text";
45
+ };
46
+ };
47
+ };
48
+ numberOfStars: {
49
+ type: string;
50
+ };
51
+ logo: {
52
+ type: "object";
53
+ objectFields: {
54
+ src: import("@puckeditor/core").Field<string>;
55
+ alt: {
56
+ type: "text";
57
+ };
58
+ };
59
+ };
30
60
  };
31
61
  };
32
62
  styles: {
@@ -1,5 +1,6 @@
1
1
  import { TestimonialCardGrid, TestimonialCardGridDefaults } from "./component.js";
2
2
  import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
3
+ import { mediaField } from "../../../puck-core/core/props/media.js";
3
4
  import { testimonialStyleFields } from "../props.js";
4
5
  import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
5
6
  const conf = {
@@ -12,7 +13,11 @@ const conf = {
12
13
  arrayFields: {
13
14
  quote: { type: "textarea" },
14
15
  name: { type: "text" },
15
- position: { type: "text" }
16
+ position: { type: "text" },
17
+ avatar: mediaField,
18
+ media: mediaField,
19
+ numberOfStars: { type: "number" },
20
+ logo: mediaField
16
21
  }
17
22
  },
18
23
  styles: {
@@ -22,11 +22,11 @@ const TestimonialCarousel = (props) => {
22
22
  style: sectionStyle,
23
23
  css,
24
24
  ratingType = "logo",
25
- hasHeading = false,
25
+ hasHeading = "false",
26
26
  textAlign = "center",
27
27
  carouselColumns = "1",
28
- bordered = false,
29
- hasButton = false
28
+ bordered = "false",
29
+ hasButton = "false"
30
30
  } = styles ?? {};
31
31
  const [api, setApi] = useState();
32
32
  const [current, setCurrent] = useState(0);
@@ -39,7 +39,7 @@ const TestimonialCarousel = (props) => {
39
39
  }, [api]);
40
40
  const basisClass = carouselColumns === "3" ? "md:basis-1/2 lg:basis-1/3" : carouselColumns === "2" ? "md:basis-1/2" : "md:basis-full";
41
41
  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("overflow-hidden px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
42
- hasHeading && /* @__PURE__ */ jsxs("div", { className: `mb-12 w-full max-w-lg md:mb-18 lg:mb-20 ${textAlign === "center" ? "mx-auto text-center" : ""}`, children: [
42
+ hasHeading === "true" && /* @__PURE__ */ jsxs("div", { className: `mb-12 w-full max-w-lg md:mb-18 lg:mb-20 ${textAlign === "center" ? "mx-auto text-center" : ""}`, children: [
43
43
  /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
44
44
  /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
45
45
  ] }),
@@ -55,7 +55,7 @@ const TestimonialCarousel = (props) => {
55
55
  CarouselItem,
56
56
  {
57
57
  className: `pl-0 ${carouselColumns === "1" ? "md:px-16" : "pr-6 md:pr-8"} ${basisClass}`,
58
- children: /* @__PURE__ */ jsxs("div", { className: `mx-auto flex w-full max-w-lg flex-col items-center text-center ${bordered ? "border border-border-primary p-6 md:p-8" : ""}`, children: [
58
+ children: /* @__PURE__ */ jsxs("div", { className: `mx-auto flex w-full max-w-lg flex-col items-center text-center ${bordered === "true" ? "border border-border-primary p-6 md:p-8" : ""}`, children: [
59
59
  ratingType === "logo" && testimonial2.logo && /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx(CompoundMedia, { src: testimonial2.logo.src, alt: testimonial2.logo.alt, className: "max-h-14" }) }),
60
60
  ratingType === "stars" && /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(testimonial2.numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
61
61
  /* @__PURE__ */ jsx("blockquote", { className: `font-bold ${carouselColumns === "1" ? "text-xl md:text-2xl" : "text-md leading-[1.4] md:text-xl"}`, children: testimonial2.quote }),
@@ -71,7 +71,7 @@ const TestimonialCarousel = (props) => {
71
71
  /* @__PURE__ */ jsx("p", { className: "font-semibold", children: testimonial2.name }),
72
72
  /* @__PURE__ */ jsx("p", { children: testimonial2.position })
73
73
  ] }),
74
- hasButton && testimonial2.button && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Button, { variant: testimonial2.button.variant, size: testimonial2.button.size, children: testimonial2.button.label }) })
74
+ hasButton === "true" && testimonial2.button && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Button, { variant: testimonial2.button.variant, size: testimonial2.button.size, children: testimonial2.button.label }) })
75
75
  ] })
76
76
  },
77
77
  index
@@ -109,11 +109,11 @@ const TestimonialCarouselDefaults = {
109
109
  testimonials: [testimonial, testimonial, testimonial],
110
110
  styles: {
111
111
  ratingType: "logo",
112
- hasHeading: false,
112
+ hasHeading: "false",
113
113
  textAlign: "center",
114
114
  carouselColumns: "1",
115
- bordered: false,
116
- hasButton: false
115
+ bordered: "false",
116
+ hasButton: "false"
117
117
  }
118
118
  };
119
119
  export {
@@ -27,6 +27,27 @@ declare const conf: {
27
27
  position: {
28
28
  type: string;
29
29
  };
30
+ avatar: {
31
+ type: "object";
32
+ objectFields: {
33
+ src: import("@puckeditor/core").Field<string>;
34
+ alt: {
35
+ type: "text";
36
+ };
37
+ };
38
+ };
39
+ logo: {
40
+ type: "object";
41
+ objectFields: {
42
+ src: import("@puckeditor/core").Field<string>;
43
+ alt: {
44
+ type: "text";
45
+ };
46
+ };
47
+ };
48
+ numberOfStars: {
49
+ type: string;
50
+ };
30
51
  };
31
52
  };
32
53
  styles: {
@@ -1,5 +1,6 @@
1
1
  import { TestimonialCarousel, TestimonialCarouselDefaults } from "./component.js";
2
2
  import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
3
+ import { mediaField } from "../../../puck-core/core/props/media.js";
3
4
  import { testimonialStyleFields } from "../props.js";
4
5
  import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
5
6
  const conf = {
@@ -12,7 +13,10 @@ const conf = {
12
13
  arrayFields: {
13
14
  quote: { type: "textarea" },
14
15
  name: { type: "text" },
15
- position: { type: "text" }
16
+ position: { type: "text" },
17
+ avatar: mediaField,
18
+ logo: mediaField,
19
+ numberOfStars: { type: "number" }
16
20
  }
17
21
  },
18
22
  styles: {
@@ -20,10 +20,10 @@ const BlogArticle = (props) => {
20
20
  className: sectionClassName,
21
21
  style: sectionStyle,
22
22
  css,
23
- hasBreadcrumbs = false
23
+ hasBreadcrumbs = "false"
24
24
  } = styles ?? {};
25
25
  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg", children: [
26
- hasBreadcrumbs && breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx("nav", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-2 text-sm", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
26
+ hasBreadcrumbs === "true" && breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx("nav", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-2 text-sm", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
27
27
  index > 0 && /* @__PURE__ */ jsx("span", { children: "/" }),
28
28
  /* @__PURE__ */ jsx("a", { href: crumb.url, className: "hover:underline", children: crumb.label })
29
29
  ] }, index)) }) }),
@@ -79,7 +79,7 @@ const BlogArticleDefaults = {
79
79
  { label: "Article", url: "#" }
80
80
  ],
81
81
  styles: {
82
- hasBreadcrumbs: false
82
+ hasBreadcrumbs: "false"
83
83
  }
84
84
  };
85
85
  export {
@@ -18,9 +18,9 @@ export interface TextSectionStyles {
18
18
  mediaPosition?: "left" | "right" | "top" | "bottom";
19
19
  contentPosition?: "left" | "right";
20
20
  asidePosition?: "left" | "right";
21
- hasTagline?: boolean;
22
- hasMetatags?: boolean;
23
- hasBreadcrumbs?: boolean;
21
+ hasTagline?: string;
22
+ hasMetatags?: string;
23
+ hasBreadcrumbs?: string;
24
24
  sidebarType?: "subscribe" | "full";
25
25
  }
26
26
  export interface TextSectionBaseProps {