dune-react 0.0.8 → 0.0.9

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,103 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding, button } from "../../../puck-base/core/fields.js";
+import { LocationSection } from "./location.js";
+const locationButtonField = {
+  type: "object",
+  objectFields: {
+    ...button.objectFields,
+    colorMode: {
+      type: "select",
+      options: [
+        { label: "Theme", value: "theme" },
+        { label: "Custom", value: "custom" }
+      ]
+    },
+    backgroundColor: { type: "text" },
+    textColor: { type: "text" }
+  }
+};
+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
+    },
+    primaryButton: {
+      ...locationButtonField,
+      label: "Primary Button"
+    },
+    secondaryButton: {
+      ...locationButtonField,
+      label: "Secondary Button"
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  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,
+    primaryButton: {
+      label: "Call to visit",
+      url: "tel:+12345678900",
+      variant: "default",
+      size: "default",
+      icon: "none",
+      colorMode: "theme"
+    },
+    secondaryButton: {
+      label: "Get directions",
+      url: "mailto:email@mybusiness.com",
+      variant: "secondary",
+      size: "default",
+      icon: "none",
+      colorMode: "theme"
+    },
+    padding: paddingDefaults
+  },
+  render: LocationSection
+};
+export {
+  conf
+};

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

@@ -0,0 +1,27 @@
+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 {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    heading?: string;
+    description?: string;
+    contentAlign?: "left" | "right";
+    contentPosition?: "left" | "right";
+    mapEmbedUrl?: string;
+    mapTitle?: string;
+    mapFilter?: string;
+    mapTintMode?: "theme" | "custom" | "none";
+    mapTintColor?: string;
+    mapTintOpacity?: number;
+    primaryButton?: LocationButton;
+    secondaryButton?: LocationButton;
+}
+export declare const LocationSection: ({ padding, sectionStyle, backgroundColor, heading, description, contentAlign, contentPosition, mapEmbedUrl, mapTitle, mapFilter, mapTintMode, mapTintColor, mapTintOpacity, primaryButton, secondaryButton, }: LocationSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,143 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { cn } from "../../../../utils/css-utils.js";
+const LocationActionButton = ({
+  label,
+  url,
+  action,
+  variant = "default",
+  size = "default",
+  icon = "none",
+  colorMode = "theme",
+  backgroundColor,
+  textColor
+}) => {
+  if (!label) return null;
+  const useCustomColors = colorMode === "custom";
+  const styleVars = {
+    ...useCustomColors && backgroundColor ? { "--location-btn-bg": backgroundColor } : {},
+    ...useCustomColors && textColor ? { "--location-btn-text": textColor } : {}
+  };
+  return /* @__PURE__ */ jsx("span", { style: Object.keys(styleVars).length ? styleVars : void 0, children: /* @__PURE__ */ jsx(
+    CompoundButton,
+    {
+      label,
+      url,
+      action,
+      variant,
+      size,
+      icon,
+      className: cn(
+        "rounded-3xl !h-auto !px-5 !py-2.5 !text-sm !font-medium transition-opacity hover:opacity-90",
+        useCustomColors && backgroundColor && "!border-[var(--location-btn-bg)] !bg-[var(--location-btn-bg)] hover:!bg-[var(--location-btn-bg)]",
+        useCustomColors && textColor && "!text-[var(--location-btn-text)]"
+      )
+    }
+  ) });
+};
+const LocationSection = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  contentAlign = "left",
+  contentPosition = "left",
+  mapEmbedUrl,
+  mapTitle = "Google Maps",
+  mapFilter,
+  mapTintMode = "theme",
+  mapTintColor,
+  mapTintOpacity = 0.2,
+  primaryButton,
+  secondaryButton
+}) => {
+  const isTextRight = contentAlign === "right";
+  const isContentRight = contentPosition === "right";
+  const showMapTint = mapTintMode !== "none" && mapTintOpacity > 0;
+  const mapTintBackgroundColor = mapTintMode === "custom" ? mapTintColor || void 0 : void 0;
+  return /* @__PURE__ */ jsx(
+    CompoundContainer,
+    {
+      padding,
+      sectionStyle,
+      backgroundColor,
+      className: "relative overflow-hidden",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "grid grid-cols-1 items-center gap-10 lg:grid-cols-2 lg:gap-12",
+            isContentRight && "lg:[direction:rtl] lg:[&>*]:[direction:ltr]"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex w-full", children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex w-full min-w-0 flex-col justify-center gap-6",
+                  isTextRight ? "items-end text-right" : "items-start text-left"
+                ),
+                children: [
+                  heading && /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-3", children: /* @__PURE__ */ jsx("h2", { className: "text-foreground whitespace-pre-line font-serif text-4xl leading-tight tracking-tighter md:text-6xl", children: heading }) }),
+                  description ? /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "text-muted-foreground max-w-xl text-lg leading-relaxed tracking-tight",
+                        isTextRight && "ml-auto"
+                      ),
+                      children: description
+                    }
+                  ) : null,
+                  ((primaryButton == null ? void 0 : primaryButton.label) || (secondaryButton == null ? void 0 : secondaryButton.label)) && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "grid grid-cols-1 gap-4 sm:flex sm:flex-row",
+                        isTextRight ? "items-end sm:justify-end" : "items-start sm:justify-start"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(LocationActionButton, { ...primaryButton }),
+                        /* @__PURE__ */ jsx(LocationActionButton, { ...secondaryButton })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "h-[320px] w-full overflow-hidden md:h-[400px] lg:h-[460px]", children: /* @__PURE__ */ jsxs("div", { className: "relative h-full w-full overflow-hidden rounded-3xl", children: [
+              mapEmbedUrl ? /* @__PURE__ */ jsx(
+                "iframe",
+                {
+                  src: mapEmbedUrl,
+                  title: mapTitle,
+                  className: "h-full w-full border-0",
+                  loading: "lazy",
+                  referrerPolicy: "no-referrer-when-downgrade",
+                  allowFullScreen: true,
+                  style: { filter: mapFilter }
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: "地图地址未配置" }),
+              showMapTint ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "bg-primary pointer-events-none absolute inset-0",
+                  style: {
+                    backgroundColor: mapTintBackgroundColor,
+                    opacity: mapTintOpacity,
+                    mixBlendMode: "color"
+                  }
+                }
+              ) : null
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  LocationSection
+};

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

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

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

@@ -0,0 +1,111 @@
+import { button } from "../../../puck-base/core/fields.js";
+import { Location2 } from "./location.js";
+const locationButtonField = {
+  type: "object",
+  objectFields: {
+    ...button.objectFields,
+    colorMode: {
+      type: "select",
+      options: [
+        { label: "Theme", value: "theme" },
+        { label: "Custom", value: "custom" }
+      ]
+    },
+    backgroundColor: { type: "text" },
+    textColor: { type: "text" }
+  }
+};
+const conf = {
+  fields: {
+    heading: { type: "textarea", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    address: { type: "textarea", label: "Address", contentEditable: true },
+    cardPosition: {
+      type: "radio",
+      label: "Card Position",
+      options: [
+        { label: "Left", value: "left" },
+        { label: "Right", value: "right" }
+      ]
+    },
+    cardStyle: {
+      type: "radio",
+      label: "Card Style",
+      options: [
+        { label: "Solid", value: "solid" },
+        { label: "Glass", value: "glass" }
+      ]
+    },
+    sectionHeight: {
+      type: "radio",
+      label: "Section Height",
+      options: [
+        { label: "Compact", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Tall", value: "lg" }
+      ]
+    },
+    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",
+      options: [
+        { label: "None", value: "none" },
+        { label: "Theme", value: "theme" },
+        { label: "Custom", value: "custom" }
+      ]
+    },
+    mapTintColor: { type: "text", label: "Map Tint Color" },
+    mapTintOpacity: {
+      type: "number",
+      label: "Map Tint Opacity",
+      min: 0,
+      max: 1,
+      step: 0.01
+    },
+    primaryButton: {
+      ...locationButtonField,
+      label: "Primary Button"
+    },
+    secondaryButton: {
+      ...locationButtonField,
+      label: "Secondary Button"
+    }
+  },
+  defaultProps: {
+    heading: "Come visit\nus today",
+    description: "We're in the heart of the city, easy to reach by public transport or car. Drop by any time.",
+    address: "123 Main Street\nNew York, NY 10001",
+    cardPosition: "left",
+    cardStyle: "solid",
+    sectionHeight: "md",
+    mapEmbedUrl: "https://maps.google.com/maps?q=New%20York%2C%20NY%2C%20United%20States&z=13&t=m&output=embed",
+    mapTitle: "Google Maps",
+    mapFilter: "grayscale(40%) contrast(1.05) brightness(1.0) saturate(0.85)",
+    mapTintMode: "none",
+    mapTintColor: "var(--primary)",
+    mapTintOpacity: 0.15,
+    primaryButton: {
+      label: "Get Directions",
+      url: "https://maps.google.com",
+      variant: "default",
+      size: "default",
+      icon: "none",
+      colorMode: "theme"
+    },
+    secondaryButton: {
+      label: "Call Us",
+      url: "tel:+12345678900",
+      variant: "outline",
+      size: "default",
+      icon: "none",
+      colorMode: "theme"
+    }
+  },
+  render: Location2
+};
+export {
+  conf
+};

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

@@ -0,0 +1,25 @@
+import { CompoundButtonProps } from "@/components/puck-base/button";
+interface LocationButton extends Omit<CompoundButtonProps, "label"> {
+    label?: string;
+    colorMode?: "theme" | "custom";
+    backgroundColor?: string;
+    textColor?: string;
+}
+export interface Location2Props {
+    heading?: string;
+    description?: string;
+    address?: string;
+    cardPosition?: "left" | "right";
+    cardStyle?: "solid" | "glass";
+    sectionHeight?: "sm" | "md" | "lg";
+    mapEmbedUrl?: string;
+    mapTitle?: string;
+    mapFilter?: string;
+    mapTintMode?: "none" | "theme" | "custom";
+    mapTintColor?: string;
+    mapTintOpacity?: number;
+    primaryButton?: LocationButton;
+    secondaryButton?: LocationButton;
+}
+export declare const Location2: ({ heading, description, address, cardPosition, cardStyle, sectionHeight, mapEmbedUrl, mapTitle, mapFilter, mapTintMode, mapTintColor, mapTintOpacity, primaryButton, secondaryButton, }: Location2Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/puck-block/location-sections/location-2/location.js

@@ -0,0 +1,136 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { cn } from "../../../../utils/css-utils.js";
+const ActionButton = ({
+  label,
+  url,
+  action,
+  variant = "default",
+  size = "default",
+  icon = "none",
+  colorMode = "theme",
+  backgroundColor,
+  textColor
+}) => {
+  if (!label) return null;
+  const useCustomColors = colorMode === "custom";
+  const styleVars = {
+    ...useCustomColors && backgroundColor ? { "--loc2-btn-bg": backgroundColor } : {},
+    ...useCustomColors && textColor ? { "--loc2-btn-text": textColor } : {}
+  };
+  return /* @__PURE__ */ jsx("span", { style: Object.keys(styleVars).length ? styleVars : void 0, children: /* @__PURE__ */ jsx(
+    CompoundButton,
+    {
+      label,
+      url,
+      action,
+      variant,
+      size,
+      icon,
+      className: cn(
+        "transition-opacity hover:opacity-90",
+        useCustomColors && backgroundColor && "!border-[var(--loc2-btn-bg)] !bg-[var(--loc2-btn-bg)] hover:!bg-[var(--loc2-btn-bg)]",
+        useCustomColors && textColor && "!text-[var(--loc2-btn-text)]"
+      )
+    }
+  ) });
+};
+const Location2 = ({
+  heading,
+  description,
+  address,
+  cardPosition = "left",
+  cardStyle = "solid",
+  sectionHeight = "md",
+  mapEmbedUrl,
+  mapTitle = "Google Maps",
+  mapFilter,
+  mapTintMode = "none",
+  mapTintColor,
+  mapTintOpacity = 0.15,
+  primaryButton,
+  secondaryButton
+}) => {
+  const isRight = cardPosition === "right";
+  const isGlass = cardStyle === "glass";
+  const showMapTint = mapTintMode !== "none" && mapTintOpacity > 0;
+  const tintColor = mapTintMode === "custom" ? mapTintColor || void 0 : void 0;
+  const heightClass = sectionHeight === "sm" ? "h-[480px]" : sectionHeight === "lg" ? "h-[75vh] min-h-[520px]" : "h-[600px]";
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full overflow-hidden", heightClass), children: [
+    /* @__PURE__ */ jsxs("div", { className: "absolute inset-0", children: [
+      mapEmbedUrl ? /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: mapEmbedUrl,
+          title: mapTitle,
+          className: "h-full w-full border-0",
+          loading: "lazy",
+          referrerPolicy: "no-referrer-when-downgrade",
+          allowFullScreen: true,
+          style: { filter: mapFilter }
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "bg-muted text-muted-foreground flex h-full w-full items-center justify-center text-sm", children: "地图地址未配置" }),
+      showMapTint && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "bg-primary pointer-events-none absolute inset-0",
+          style: {
+            backgroundColor: tintColor,
+            opacity: mapTintOpacity,
+            mixBlendMode: "color"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "relative z-10 flex h-full w-full items-center px-6 md:px-12 lg:px-16", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "w-full max-w-sm lg:max-w-md xl:max-w-lg",
+          isRight && "ml-auto"
+        ),
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "rounded-2xl p-8 shadow-xl",
+              isGlass ? "border border-white/20 bg-background/75 backdrop-blur-md backdrop-saturate-150" : "bg-background"
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+              heading && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx("h2", { className: "text-foreground whitespace-pre-line font-serif text-3xl leading-tight tracking-tighter md:text-4xl", children: heading }) }),
+              description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm leading-relaxed", children: description }),
+              address && /* @__PURE__ */ jsxs("div", { className: "text-foreground flex items-start gap-2 text-sm", children: [
+                /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    className: "text-primary mt-0.5 shrink-0",
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: address })
+              ] }),
+              ((primaryButton == null ? void 0 : primaryButton.label) || (secondaryButton == null ? void 0 : secondaryButton.label)) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3 pt-1", children: [
+                /* @__PURE__ */ jsx(ActionButton, { ...primaryButton }),
+                /* @__PURE__ */ jsx(ActionButton, { ...secondaryButton })
+              ] })
+            ] })
+          }
+        )
+      }
+    ) })
+  ] });
+};
+export {
+  Location2
+};

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

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