dune-react 0.0.8 → 0.0.10

package/dist/components/puck-block/hero-sections/image-hero-1/index.js

@@ -1,49 +1,26 @@
-import { paddingDefaults, backgroundColor, sectionStyle, padding, backgroundImage, buttons, badge } from "../../../puck-base/core/fields.js";
+import { buttons, badge } from "../../../puck-base/core/fields.js";
 import { ImageHero } from "./image-hero.js";
+import { heroStylesDefaults, heroStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
   fields: {
     heading: { type: "text", contentEditable: true },
     description: { type: "textarea", contentEditable: true },
     badge,
     buttons,
-    backgroundImage,
-    overlay: {
-      type: "select",
-      label: "Overlay",
-      options: [
-        { label: "None", value: "none" },
-        { label: "Dark", value: "dark" },
-        { label: "Gradient", value: "gradient" }
-      ]
-    },
-    align: {
-      type: "radio",
-      label: "Alignment",
-      options: [
-        { label: "Left", value: "left" },
-        { label: "Center", value: "center" }
-      ]
-    },
-    minHeight: {
-      type: "select",
-      label: "Min Height",
-      options: [
-        { label: "Medium", value: "medium" },
-        { label: "Large", value: "large" },
-        { label: "Full Screen", value: "full" }
-      ]
+    backgroundImage: {
+      type: "text",
+      label: "Background Image URL",
+      ai: {
+        instructions: "URL for a full-width background image behind the section.",
+        stream: false
+      }
     },
-    padding,
-    sectionStyle,
-    backgroundColor
+    styles: heroStylesField
   },
   defaultProps: {
     heading: "Your Story Starts Here",
     description: "Create something extraordinary with our platform. Built for dreamers, makers, and innovators.",
     backgroundImage: "https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=1920",
-    overlay: "dark",
-    align: "center",
-    minHeight: "large",
     buttons: [
       {
         label: "Get Started",
@@ -60,7 +37,12 @@ const conf = {
         icon: "none"
       }
     ],
-    padding: paddingDefaults
+    styles: {
+      ...heroStylesDefaults,
+      overlay: "dark",
+      align: "center",
+      minHeight: "large"
+    }
   },
   render: ImageHero
 };

package/dist/components/puck-block/hero-sections/props.d.ts

@@ -0,0 +1,71 @@
+type HeroVariant = "hero-1" | "split-hero-1" | "grid-hero-1" | "image-hero-1" | "video-hero-1" | "gradient-hero-1" | "fullscreen-hero-1";
+type HeroPadding = {
+    top?: "none" | "small" | "medium" | "large";
+    bottom?: "none" | "small" | "medium" | "large";
+};
+type HeroSectionStyle = "default" | "dark" | "muted" | "inverted" | "custom";
+type HeroBadge = {
+    label: string;
+    url?: string;
+    variant?: "default" | "secondary" | "destructive" | "outline" | string;
+};
+type HeroButton = {
+    label: string;
+    url?: string;
+    variant?: "default" | "secondary" | "outline" | "ghost" | "link" | "destructive";
+    size?: "default" | "sm" | "lg" | "icon";
+    icon?: string;
+};
+type HeroFeature = {
+    icon?: string;
+    name?: string;
+    description?: string;
+};
+type HeroImage = {
+    src: string;
+    alt?: string;
+    aspectRatio?: "16x9" | "1x1";
+};
+type HeroSidebarItem = {
+    label: string;
+    value?: string;
+    description?: string;
+    url?: string;
+};
+type HeroSectionProps = {
+    variant?: HeroVariant;
+    badge?: HeroBadge;
+    heading?: string;
+    description?: string;
+    buttons?: HeroButton[];
+    features?: HeroFeature[];
+    alignContent?: "start" | "center" | "end";
+    spacing?: "tight" | "normal" | "relaxed";
+    align?: "left" | "center";
+    displaySize?: "default" | "display";
+    images?: HeroImage | HeroImage[];
+    backgroundImage?: HeroImage | string;
+    posterImage?: HeroImage;
+    videoUrl?: string;
+    adjectives?: {
+        adjective: string;
+    }[];
+    displayText?: string;
+    imageLayout?: "1x1" | "1x1-9x16-1x1" | "16x9";
+    imagePosition?: "left" | "right";
+    leftSidebarTitle?: string;
+    leftSidebar?: HeroSidebarItem[];
+    rightSidebarTitle?: string;
+    rightSidebar?: HeroSidebarItem[];
+    styles?: {
+        padding?: HeroPadding;
+        sectionStyle?: HeroSectionStyle;
+        backgroundColor?: string;
+        className?: string;
+        showGridLines?: boolean;
+        overlay?: "none" | "dark" | "gradient";
+        minHeight?: "medium" | "large" | "full";
+        gradientFrom?: string;
+        gradientTo?: string;
+    };
+};

package/dist/components/puck-block/hero-sections/split-hero-1/index.js

@@ -1,10 +1,11 @@
-import { paddingDefaults, image16x9Placeholder, padding, image, contentFields } from "../../../puck-base/core/fields.js";
+import { image16x9Placeholder, images, contentFields } from "../../../puck-base/core/fields.js";
 import { SplitHero } from "./split-hero.js";
+import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
   fields: {
     ...contentFields,
     displayText: { type: "text" },
-    image,
+    images: { ...images, max: 1 },
     imagePosition: {
       type: "radio",
       options: [
@@ -12,7 +13,7 @@ const conf = {
         { label: "Right", value: "right" }
       ]
     },
-    padding
+    styles: createStylesField()
   },
   defaultProps: {
     heading: "Launch your next big idea",
@@ -22,9 +23,9 @@ const conf = {
       { label: "Start building", icon: "move-right", variant: "default" },
       { label: "See demo", icon: "play", variant: "outline" }
     ],
-    image: image16x9Placeholder,
+    images: [image16x9Placeholder],
     imagePosition: "right",
-    padding: paddingDefaults
+    styles: createStylesDefaults()
   },
   render: SplitHero
 };

package/dist/components/puck-block/hero-sections/split-hero-1/split-hero.d.ts

@@ -1,14 +1,14 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
 import { CompoundContentProps } from "@/components/puck-base/content";
+import { CompoundImageProps } from "@/components/puck-base/image";
 export interface SplitHeroProps extends CompoundContentProps {
-    padding?: CompoundContainerProps["padding"];
-    sectionStyle?: CompoundContainerProps["sectionStyle"];
-    backgroundColor?: string;
-    image?: {
-        src: string;
-        alt: string;
-    };
+    images?: CompoundImageProps | CompoundImageProps[];
     imagePosition?: "left" | "right";
     displayText?: string;
+    styles?: {
+        padding?: CompoundContainerProps["padding"];
+        sectionStyle?: CompoundContainerProps["sectionStyle"];
+        backgroundColor?: string;
+    };
 }
-export declare const SplitHero: ({ padding, sectionStyle, backgroundColor, badge, heading, description, buttons, image, imagePosition, displayText, }: SplitHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitHero: ({ badge, heading, description, buttons, images, imagePosition, displayText, styles, }: SplitHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/hero-sections/split-hero-1/split-hero.js

@@ -4,58 +4,59 @@ import { CompoundContainer } from "../../../puck-base/container.js";
 import { CompoundContent } from "../../../puck-base/content.js";
 import { CompoundImage } from "../../../puck-base/image.js";
 const SplitHero = ({
-  padding,
-  sectionStyle,
-  backgroundColor,
   badge,
   heading,
   description,
   buttons,
-  image,
+  images,
   imagePosition = "right",
-  displayText
-}) => /* @__PURE__ */ jsx(
-  CompoundContainer,
-  {
-    padding,
-    sectionStyle,
-    backgroundColor,
-    children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "grid grid-cols-1 items-center gap-8 lg:grid-cols-2 lg:gap-16",
-          imagePosition === "left" && "lg:[direction:rtl] lg:[&>*]:[direction:ltr]"
-        ),
-        children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            displayText && /* @__PURE__ */ jsx("p", { className: "font-serif text-5xl md:text-7xl lg:text-8xl font-bold tracking-tighter mb-4", children: displayText }),
-            /* @__PURE__ */ jsx(
-              CompoundContent,
-              {
-                badge,
-                heading: displayText ? void 0 : heading,
-                description,
-                buttons
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "border-border/50 aspect-[4/3] overflow-hidden rounded-xl border bg-muted relative [&>span]:h-full [&>span]:w-full", children: [
-            !(image == null ? void 0 : image.src) && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Image" }) }),
-            /* @__PURE__ */ jsx(
-              CompoundImage,
-              {
-                src: (image == null ? void 0 : image.src) || "",
-                alt: (image == null ? void 0 : image.alt) || "",
-                className: "h-full w-full object-cover"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  }
-);
+  displayText,
+  styles
+}) => {
+  const primaryImage = Array.isArray(images) ? images[0] : images;
+  return /* @__PURE__ */ jsx(
+    CompoundContainer,
+    {
+      padding: styles == null ? void 0 : styles.padding,
+      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
+      backgroundColor: styles == null ? void 0 : styles.backgroundColor,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "grid grid-cols-1 items-center gap-8 lg:grid-cols-2 lg:gap-16",
+            imagePosition === "left" && "lg:[direction:rtl] lg:[&>*]:[direction:ltr]"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              displayText && /* @__PURE__ */ jsx("p", { className: "mb-4 font-serif text-5xl font-bold tracking-tighter md:text-7xl lg:text-8xl", children: displayText }),
+              /* @__PURE__ */ jsx(
+                CompoundContent,
+                {
+                  badge,
+                  heading: displayText ? void 0 : heading,
+                  description,
+                  buttons
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "border-border/50 relative aspect-[4/3] overflow-hidden rounded-xl border bg-muted [&>span]:h-full [&>span]:w-full", children: [
+              !(primaryImage == null ? void 0 : primaryImage.src) && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Image" }) }),
+              /* @__PURE__ */ jsx(
+                CompoundImage,
+                {
+                  src: (primaryImage == null ? void 0 : primaryImage.src) || "",
+                  alt: (primaryImage == null ? void 0 : primaryImage.alt) || "",
+                  className: "h-full w-full object-cover"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
 export {
   SplitHero
 };

package/dist/components/puck-block/hero-sections/video-hero-1/index.js

@@ -1,5 +1,6 @@
-import { paddingDefaults, image16x9Placeholder, padding, image, contentFields } from "../../../puck-base/core/fields.js";
+import { image16x9Placeholder, image, contentFields } from "../../../puck-base/core/fields.js";
 import { VideoHero } from "./video-hero.js";
+import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
   fields: {
     ...contentFields,
@@ -9,14 +10,14 @@ const conf = {
       ai: { instructions: "Direct URL to an MP4 video" }
     },
     posterImage: image,
-    padding
+    styles: createStylesField()
   },
   defaultProps: {
     heading: "See it in action",
     description: "Watch how our platform helps teams build faster.",
     buttons: [{ label: "Try it free", icon: "move-right", variant: "default" }],
     posterImage: image16x9Placeholder,
-    padding: paddingDefaults
+    styles: createStylesDefaults()
   },
   render: VideoHero
 };

package/dist/components/puck-block/hero-sections/video-hero-1/video-hero.d.ts

@@ -1,11 +1,15 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
 import { CompoundContentProps } from "@/components/puck-base/content";
 export interface VideoHeroProps extends CompoundContentProps {
-    padding?: CompoundContainerProps["padding"];
     videoUrl?: string;
     posterImage?: {
         src: string;
         alt: string;
     };
+    styles?: {
+        padding?: CompoundContainerProps["padding"];
+        sectionStyle?: CompoundContainerProps["sectionStyle"];
+        backgroundColor?: string;
+    };
 }
-export declare const VideoHero: ({ padding, badge, heading, description, buttons, videoUrl, posterImage, }: VideoHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoHero: ({ badge, heading, description, buttons, videoUrl, posterImage, styles, }: VideoHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/hero-sections/video-hero-1/video-hero.js

@@ -2,33 +2,41 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { CompoundContainer } from "../../../puck-base/container.js";
 import { CompoundContent } from "../../../puck-base/content.js";
 const VideoHero = ({
-  padding,
   badge,
   heading,
   description,
   buttons,
   videoUrl,
-  posterImage
-}) => /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle: "dark", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2", children: [
-  /* @__PURE__ */ jsx(
-    CompoundContent,
-    {
-      badge,
-      heading,
-      description,
-      buttons
-    }
-  ),
-  /* @__PURE__ */ jsx("div", { className: "border-border/20 overflow-hidden rounded-xl border bg-black/50", children: videoUrl ? /* @__PURE__ */ jsx(
-    "video",
-    {
-      src: videoUrl,
-      poster: posterImage == null ? void 0 : posterImage.src,
-      controls: true,
-      className: "aspect-video w-full object-cover"
-    }
-  ) : /* @__PURE__ */ jsx("div", { className: "flex aspect-video w-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-primary/20 flex h-16 w-16 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-primary text-2xl", children: "▶" }) }) }) })
-] }) });
+  posterImage,
+  styles
+}) => /* @__PURE__ */ jsx(
+  CompoundContainer,
+  {
+    padding: styles == null ? void 0 : styles.padding,
+    sectionStyle: (styles == null ? void 0 : styles.sectionStyle) ?? "dark",
+    backgroundColor: styles == null ? void 0 : styles.backgroundColor,
+    children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        CompoundContent,
+        {
+          badge,
+          heading,
+          description,
+          buttons
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "border-border/20 overflow-hidden rounded-xl border bg-black/50", children: videoUrl ? /* @__PURE__ */ jsx(
+        "video",
+        {
+          src: videoUrl,
+          poster: posterImage == null ? void 0 : posterImage.src,
+          controls: true,
+          className: "aspect-video w-full object-cover"
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "flex aspect-video w-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-primary/20 flex h-16 w-16 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-primary text-2xl", children: "▶" }) }) }) })
+    ] })
+  }
+);
 export {
   VideoHero
 };

package/dist/components/puck-block/index.d.ts

@@ -1,6 +1,8 @@
 export { conf as AnnouncementBannerConf, type AnnouncementBannerProps } from "./banner-sections/announcement-banner-1/index.tsx";
 export { conf as MarqueeConf, type MarqueeProps } from "./banner-sections/marquee-1/index.tsx";
 export { conf as ContactUsConf, type ContactUsProps } from "./contact-sections/contact-us-1/index.tsx";
+export { conf as ContactUs2Conf, type ContactUs2Props } from "./contact-sections/contact-us-2/index.tsx";
+export { conf as ContactUs3Conf, type ContactUs3Props } from "./contact-sections/contact-us-3/index.tsx";
 export { conf as BannerCtaConf, type BannerCtaProps } from "./cta-sections/banner-cta-1/index.tsx";
 export { conf as CtaConf, type CtaProps } from "./cta-sections/cta-1/index.tsx";
 export { conf as GradientCtaConf, type GradientCtaProps } from "./cta-sections/gradient-cta-1/index.tsx";
@@ -8,6 +10,7 @@ export { conf as NewsletterSignupConf, type NewsletterSignupProps } from "./cta-
 export { conf as PromoSectionConf, type PromoSectionProps } from "./cta-sections/promo-section-1/index.tsx";
 export { conf as AccordionConf, type AccordionProps } from "./faq-sections/accordion-1/index.tsx";
 export { conf as FaqConf, type FaqProps } from "./faq-sections/faq-1/index.tsx";
+export { conf as Faq2Conf, type Faq2Props } from "./faq-sections/faq-2/index.tsx";
 export { conf as BentoConf, type BentoProps } from "./feature-sections/bento-1/index.tsx";
 export { conf as FeatureCardsConf, type FeatureCardsProps } from "./feature-sections/feature-cards-1/index.tsx";
 export { conf as FeatureShowcaseConf, type FeatureShowcaseProps } from "./feature-sections/feature-showcase-1/index.tsx";
@@ -15,6 +18,8 @@ export { conf as IconGridConf, type IconGridProps } from "./feature-sections/ico
 export { conf as ProductFeaturesConf, type ProductFeaturesProps } from "./feature-sections/product-features-1/index.tsx";
 export { conf as FooterConf, type FooterProps } from "./footer-sections/footer-1/index.tsx";
 export { conf as GalleryConf, type GalleryProps } from "./gallery-sections/gallery-1/index.tsx";
+export { conf as Gallery2Conf, type Gallery2Props } from "./gallery-sections/gallery-2/index.tsx";
+export { conf as Gallery3Conf, type Gallery3Props } from "./gallery-sections/gallery-3/index.tsx";
 export { default as HeaderConf, type HeaderProps } from "./header-sections/header-1/index.tsx";
 export { conf as StickyNavConf, type StickyNavProps } from "./header-sections/sticky-nav-1/index.tsx";
 export { conf as FullscreenHeroConf, type FullscreenHeroProps } from "./hero-sections/fullscreen-hero-1/index.tsx";
@@ -24,15 +29,25 @@ export { conf as HeroConf, type HeroProps } from "./hero-sections/hero-1/index.t
 export { conf as ImageHeroConf, type ImageHeroProps } from "./hero-sections/image-hero-1/index.tsx";
 export { conf as SplitHeroConf, type SplitHeroProps } from "./hero-sections/split-hero-1/index.tsx";
 export { conf as VideoHeroConf, type VideoHeroProps } from "./hero-sections/video-hero-1/index.tsx";
+export { conf as LocationConf, type LocationSectionProps as LocationProps } from "./location-sections/location-1/index.tsx";
+export { conf as Location2Conf, type Location2Props } from "./location-sections/location-2/index.tsx";
+export { conf as Location3Conf, type Location3Props } from "./location-sections/location-3/index.tsx";
 export { conf as StatsConf, type StatsProps } from "./metrics-sections/stats-1/index.tsx";
+export { conf as Stats2Conf, type Stats2Props } from "./metrics-sections/stats-2/index.tsx";
+export { conf as Stats3Conf, type Stats3Props } from "./metrics-sections/stats-3/index.tsx";
 export { conf as ComparisonConf, type ComparisonProps } from "./pricing-sections/comparison-1/index.tsx";
 export { conf as PricingConf, type PricingProps } from "./pricing-sections/pricing-1/index.tsx";
+export { conf as Pricing2Conf, type Pricing2Props } from "./pricing-sections/pricing-2/index.tsx";
+export { conf as BeforeAfterConf, type BeforeAfterProps } from "./showcase-sections/before-after-1/index.tsx";
 export { conf as CaseStudyConf, type CaseStudyProps } from "./showcase-sections/case-study-1/index.tsx";
 export { conf as StepByStepConf, type StepByStepProps } from "./showcase-sections/step-by-step-1/index.tsx";
 export { conf as TeamGridConf, type TeamGridProps } from "./team-sections/team-grid-1/index.tsx";
+export { conf as TeamGrid2Conf, type TeamGrid2Props } from "./team-sections/team-grid-2/index.tsx";
+export { conf as TeamProfilesConf, type TeamProfilesProps } from "./team-sections/team-profiles-1/index.tsx";
 export { conf as CustomersConf, type CustomersProps } from "./testimonial-sections/customers-1/index.tsx";
 export { conf as LogoMarqueeConf, type LogoMarqueeProps } from "./testimonial-sections/logo-marquee-1/index.tsx";
 export { conf as ReviewSectionConf, type ReviewSectionProps } from "./testimonial-sections/review-section-1/index.tsx";
+export { conf as LogoWallConf, type LogoWall1Props as LogoWallProps } from "./testimonial-sections/logo-wall-1/index.tsx";
 export { conf as TestimonialsConf, type TestimonialsProps } from "./testimonial-sections/testimonials-1/index.tsx";
 export { conf as ArticlesConf, type ArticlesProps } from "./text-sections/articles-1/index.tsx";
 export { conf as ContentSectionConf, type ContentSectionProps } from "./text-sections/content-section-1/index.tsx";

package/dist/components/puck-block/location-sections/location-1/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentConfig } from "@puckeditor/core";
+import { LocationSectionProps } from "./location";
+export type { LocationSectionProps };
+export declare const conf: ComponentConfig<LocationSectionProps>;
+export default conf;

package/dist/components/puck-block/location-sections/location-1/index.js

@@ -0,0 +1,108 @@
+import { button } from "../../../puck-base/core/fields.js";
+import { LocationSection } from "./location.js";
+import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
+const locationButtonFields = {
+  ...button.objectFields,
+  colorMode: {
+    type: "select",
+    options: [
+      { label: "Theme", value: "theme" },
+      { label: "Custom", value: "custom" }
+    ]
+  },
+  backgroundColor: { type: "text" },
+  textColor: { type: "text" }
+};
+const locationButtonDefaults = {
+  label: "Button",
+  url: "",
+  variant: "default",
+  size: "default",
+  icon: "none",
+  colorMode: "theme"
+};
+const conf = {
+  fields: {
+    heading: { type: "textarea", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    contentAlign: {
+      type: "radio",
+      label: "Text Align",
+      options: [
+        { label: "Left", value: "left" },
+        { label: "Right", value: "right" }
+      ]
+    },
+    contentPosition: {
+      type: "radio",
+      label: "Layout",
+      options: [
+        { label: "Text Left / Map Right", value: "left" },
+        { label: "Map Left / Text Right", value: "right" }
+      ]
+    },
+    mapEmbedUrl: { type: "text", label: "Google Map Embed URL" },
+    mapTitle: { type: "text", label: "Map Title" },
+    mapFilter: { type: "text", label: "Map Filter (CSS)" },
+    mapTintMode: {
+      type: "select",
+      label: "Map Tint Mode",
+      options: [
+        { label: "Theme", value: "theme" },
+        { label: "Custom", value: "custom" },
+        { label: "None", value: "none" }
+      ]
+    },
+    mapTintColor: { type: "text", label: "Map Tint Color" },
+    mapTintOpacity: {
+      type: "number",
+      label: "Map Tint Opacity",
+      min: 0,
+      max: 1,
+      step: 0.01
+    },
+    buttons: {
+      type: "array",
+      max: 3,
+      getItemSummary: (item, index = 0) => item.label || `Button ${index + 1}`,
+      arrayFields: locationButtonFields,
+      defaultItemProps: locationButtonDefaults
+    },
+    styles: createStylesField()
+  },
+  defaultProps: {
+    heading: "Find us in\nLos Angeles",
+    description: "Located in the heart of Los Angeles, bblopo is easy to reach. Stop by to meet Yanxin and start your fitness journey today.",
+    contentAlign: "left",
+    contentPosition: "left",
+    mapEmbedUrl: "https://maps.google.com/maps?q=Los%20Angeles%2C%20California%2C%20United%20States&z=13&t=m&output=embed",
+    mapTitle: "Google Maps",
+    mapFilter: "grayscale(45%) contrast(1.06) brightness(0.98) saturate(0.9)",
+    mapTintMode: "theme",
+    mapTintColor: "var(--primary)",
+    mapTintOpacity: 0.21,
+    buttons: [
+      {
+        label: "Call to visit",
+        url: "tel:+12345678900",
+        variant: "default",
+        size: "default",
+        icon: "none",
+        colorMode: "theme"
+      },
+      {
+        label: "Get directions",
+        url: "mailto:email@mybusiness.com",
+        variant: "secondary",
+        size: "default",
+        icon: "none",
+        colorMode: "theme"
+      }
+    ],
+    styles: createStylesDefaults()
+  },
+  render: LocationSection
+};
+export {
+  conf
+};

package/dist/components/puck-block/location-sections/location-1/location.d.ts

@@ -0,0 +1,28 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundButtonProps } from "@/components/puck-base/button";
+interface LocationButton extends Omit<CompoundButtonProps, "label"> {
+    label?: string;
+    colorMode?: "theme" | "custom";
+    backgroundColor?: string;
+    textColor?: string;
+}
+export interface LocationSectionProps {
+    heading?: string;
+    description?: string;
+    contentAlign?: "left" | "right";
+    contentPosition?: "left" | "right";
+    mapEmbedUrl?: string;
+    mapTitle?: string;
+    mapFilter?: string;
+    mapTintMode?: "theme" | "custom" | "none";
+    mapTintColor?: string;
+    mapTintOpacity?: number;
+    buttons?: LocationButton[];
+    styles?: {
+        padding?: CompoundContainerProps["padding"];
+        sectionStyle?: CompoundContainerProps["sectionStyle"];
+        backgroundColor?: string;
+    };
+}
+export declare const LocationSection: ({ heading, description, contentAlign, contentPosition, mapEmbedUrl, mapTitle, mapFilter, mapTintMode, mapTintColor, mapTintOpacity, buttons, styles, }: LocationSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};