dune-react 0.0.19 → 0.0.21

package/dist/components/puck-block/contact-sections/tab-locations/index.d.ts

@@ -0,0 +1,97 @@
+import { TabLocations, TabLocationsDefaults } from "./tab-locations";
+import type { TabLocationsProps } from "./tab-locations";
+export { TabLocations, TabLocationsDefaults };
+export type { TabLocationsProps };
+declare const conf: {
+    fields: {
+        tagline: {
+            type: string;
+        };
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        tabs: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                value: {
+                    type: string;
+                };
+                title: {
+                    type: string;
+                };
+                addressLine1: {
+                    type: string;
+                };
+                addressLine2: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                mapUrl: {
+                    type: string;
+                };
+                buttonLabel: {
+                    type: string;
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
+                mediaType: {
+                    readonly type: "radio";
+                    readonly label: "Media Type";
+                    readonly options: readonly [{
+                        readonly label: "Image";
+                        readonly value: "image";
+                    }, {
+                        readonly label: "Map";
+                        readonly value: "map";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").ContactSectionBaseProps;
+    render: (props: TabLocationsProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/contact-sections/tab-locations/index.js

@@ -0,0 +1,41 @@
+import { TabLocations, TabLocationsDefaults } from "./tab-locations.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { contactStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    tagline: { type: "text" },
+    heading: headingField,
+    description: descriptionField,
+    tabs: {
+      type: "array",
+      max: 6,
+      getItemSummary: (item, index = 0) => item.title || `Tab ${index + 1}`,
+      arrayFields: {
+        value: { type: "text" },
+        title: { type: "text" },
+        addressLine1: { type: "text" },
+        addressLine2: { type: "text" },
+        image: imageField,
+        mapUrl: { type: "text" },
+        buttonLabel: { type: "text" }
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        mediaType: contactStyleFields.mediaType,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: TabLocationsDefaults,
+  render: TabLocations
+};
+export {
+  TabLocations,
+  TabLocationsDefaults,
+  conf as default
+};

package/dist/components/puck-block/contact-sections/tab-locations/tab-locations.d.ts

@@ -0,0 +1,4 @@
+import type { ContactComponentProps, ContactSectionBaseProps } from "../props";
+export type TabLocationsProps = ContactComponentProps;
+export declare const TabLocations: (props: TabLocationsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabLocationsDefaults: ContactSectionBaseProps;

package/dist/components/puck-block/contact-sections/tab-locations/tab-locations.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "../../../shadcn/tabs.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { cn } from "../../../../utils/css-utils.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+const TabLocations = (props) => {
+  var _a;
+  const { tagline, heading, description, tabs, styles } = {
+    ...TabLocationsDefaults,
+    ...props
+  };
+  const { className: sectionClassName, style: sectionStyle, css, mediaType = "map" } = styles ?? {};
+  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: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-12 flex max-w-lg flex-col justify-start md:mb-18 lg:mb-20", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+      /* @__PURE__ */ jsx("h2", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
+      /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Tabs,
+      {
+        defaultValue: (_a = tabs[0]) == null ? void 0 : _a.value,
+        className: "relative grid auto-cols-fr grid-cols-1 gap-12 md:grid-cols-[.5fr_1fr] md:gap-y-16 lg:gap-x-20 lg:gap-y-16",
+        children: [
+          /* @__PURE__ */ jsx(TabsList, { className: "relative grid h-full auto-cols-fr grid-cols-1 gap-x-4 gap-y-10", children: tabs.map((tab, index) => /* @__PURE__ */ jsx(
+            TabsTrigger,
+            {
+              value: tab.value,
+              className: "items-start justify-start border-0 border-l-2 border-border-primary border-transparent px-0 py-0 pl-8 data-[state=active]:border-black data-[state=active]:bg-background-primary data-[state=active]:text-text-primary",
+              children: /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
+                /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-bold md:mb-4 md:text-2xl", children: tab.title }),
+                /* @__PURE__ */ jsxs("p", { className: "inline-block whitespace-normal", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block", children: tab.addressLine1 }),
+                  /* @__PURE__ */ jsx("span", { className: "block", children: tab.addressLine2 })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "mt-5 font-semibold md:mt-6", children: /* @__PURE__ */ jsx("p", { children: tab.buttonLabel }) })
+              ] })
+            },
+            index
+          )) }),
+          /* @__PURE__ */ jsx("div", { children: tabs.map((tab) => /* @__PURE__ */ jsx(
+            TabsContent,
+            {
+              value: tab.value,
+              className: "data-[state=active]:animate-tabs",
+              children: /* @__PURE__ */ jsx("div", { className: "relative size-full", children: mediaType === "map" ? /* @__PURE__ */ jsx("a", { href: tab.mapUrl, className: "block", children: /* @__PURE__ */ jsx(
+                CompoundImage,
+                {
+                  src: tab.image.src,
+                  alt: tab.image.alt,
+                  className: "size-full object-cover"
+                }
+              ) }) : /* @__PURE__ */ jsx(
+                CompoundImage,
+                {
+                  src: tab.image.src,
+                  alt: tab.image.alt,
+                  className: "size-full object-cover"
+                }
+              ) })
+            },
+            tab.value
+          )) })
+        ]
+      }
+    )
+  ] }) });
+};
+const TabLocationsDefaults = {
+  tagline: "Tagline",
+  heading: "Locations",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  button: { label: "Submit" },
+  buttons: [],
+  image: { src: "https://picsum.photos/seed/contact-tab/800/600", alt: "Placeholder" },
+  email: "",
+  phone: "",
+  address: "",
+  contacts: [],
+  locations: [],
+  tabs: [
+    {
+      value: "tab-1",
+      title: "Sydney",
+      addressLine1: "123 Sample St,",
+      addressLine2: "Sydney NSW 2000 AU",
+      image: {
+        src: "https://picsum.photos/seed/tab-sydney/1200/800",
+        alt: "Sydney map"
+      },
+      mapUrl: "#",
+      buttonLabel: "View Map"
+    },
+    {
+      value: "tab-2",
+      title: "New York",
+      addressLine1: "123 Sample St,",
+      addressLine2: "New York NY 10000 USA",
+      image: {
+        src: "https://picsum.photos/seed/tab-newyork/1200/800",
+        alt: "New York map"
+      },
+      mapUrl: "#",
+      buttonLabel: "View Map"
+    },
+    {
+      value: "tab-3",
+      title: "London",
+      addressLine1: "123 Sample St,",
+      addressLine2: "London W1C 1DE, United Kingdom",
+      image: {
+        src: "https://picsum.photos/seed/tab-london/1200/800",
+        alt: "London map"
+      },
+      mapUrl: "#",
+      buttonLabel: "View Map"
+    }
+  ],
+  styles: {
+    mediaType: "map"
+  }
+};
+export {
+  TabLocations,
+  TabLocationsDefaults
+};

package/dist/components/puck-block/contact-sections/use-contact-form.d.ts

@@ -0,0 +1,20 @@
+import { FormEvent } from "react";
+export interface ContactFormValues {
+    name: string;
+    email: string;
+    phone: string;
+    message: string;
+}
+/**
+ * 联系表单共享逻辑。
+ *
+ * 封装：editorContext 获取、submitting 状态、submitFormLead 调用、toast 反馈。
+ * 各 contact-us 变体只需关注表单 UI 渲染。
+ */
+export declare function useContactForm(): {
+    submit: (values: ContactFormValues) => Promise<boolean>;
+    createSubmitHandler: (getValues: () => ContactFormValues, onSuccess?: () => void) => (e: FormEvent<HTMLFormElement>) => Promise<void>;
+    submitting: boolean;
+    isEditor: boolean;
+    EMPTY: ContactFormValues;
+};

package/dist/components/puck-block/contact-sections/use-contact-form.js

@@ -0,0 +1,41 @@
+"use client";
+import { useState } from "react";
+import { toast } from "sonner";
+import { useEditorContext } from "../../puck-core/core/context/editor-context.js";
+import { submitFormLead } from "./api/form-leads.js";
+const EMPTY = { name: "", email: "", phone: "", message: "" };
+function useContactForm() {
+  const { isEditor, siteId, domain } = useEditorContext();
+  const [submitting, setSubmitting] = useState(false);
+  const submit = async (values) => {
+    if (isEditor) return false;
+    setSubmitting(true);
+    try {
+      await submitFormLead(domain, {
+        site_id: siteId,
+        name: values.name || "",
+        email: values.email || "",
+        phone: values.phone || "",
+        message: values.message || "",
+        source_page: typeof window !== "undefined" ? window.location.pathname : ""
+      });
+      toast.success("Message sent successfully!");
+      return true;
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Failed to send message";
+      toast.error(msg);
+      return false;
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const createSubmitHandler = (getValues, onSuccess) => async (e) => {
+    e.preventDefault();
+    const ok = await submit(getValues());
+    if (ok) onSuccess == null ? void 0 : onSuccess();
+  };
+  return { submit, createSubmitHandler, submitting, isEditor, EMPTY };
+}
+export {
+  useContactForm
+};

package/dist/components/puck-block/cta-sections/feature-card-cta/feature-card-cta.d.ts

@@ -0,0 +1,13 @@
+import type { CtaComponentProps, BaseButton, BaseImage } from "../props";
+type FeatureCard = {
+    icon: BaseImage;
+    heading: string;
+    description: string;
+    buttons: BaseButton[];
+};
+export type FeatureCardCtaProps = CtaComponentProps<{
+    featureSections: FeatureCard[];
+}>;
+export declare const FeatureCardCta: (props: FeatureCardCtaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FeatureCardCtaDefaults: FeatureCardCtaProps;
+export {};

package/dist/components/puck-block/cta-sections/feature-card-cta/feature-card-cta.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../utils/css-utils.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+const FeatureCardCta = (props) => {
+  const { featureSections = [], styles } = {
+    ...FeatureCardCtaDefaults,
+    ...props
+  };
+  const { className: sectionClassName, style: sectionStyle, css, textAlign = "left" } = styles ?? {};
+  const isCenter = textAlign === "center";
+  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__ */ jsx("div", { className: "grid auto-cols-fr grid-cols-1 gap-x-8 gap-y-12 md:grid-cols-2 lg:gap-x-16", children: featureSections.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: cn({ "text-center": isCenter }), children: [
+    /* @__PURE__ */ jsx(
+      CompoundImage,
+      {
+        src: feature.icon.src,
+        className: cn("mb-5 size-12 md:mb-6", { "mx-auto": isCenter }),
+        alt: feature.icon.alt
+      }
+    ),
+    /* @__PURE__ */ jsx("h2", { className: "rb-5 mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: feature.heading }),
+    /* @__PURE__ */ jsx("p", { children: feature.description }),
+    /* @__PURE__ */ jsx("div", { className: cn("mt-6 flex flex-wrap gap-4 md:mt-8", { "justify-center": isCenter }), children: feature.buttons.map((button, btnIndex) => /* @__PURE__ */ jsx(CompoundButton, { label: button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon }, btnIndex)) })
+  ] }, index)) }) }) });
+};
+const FeatureCardCtaDefaults = {
+  featureSections: [
+    {
+      icon: {
+        src: "https://picsum.photos/seed/cta-icon1/48/48",
+        alt: "Feature icon 1"
+      },
+      heading: "Short heading here",
+      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+      buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }]
+    },
+    {
+      icon: {
+        src: "https://picsum.photos/seed/cta-icon2/48/48",
+        alt: "Feature icon 2"
+      },
+      heading: "Short heading here",
+      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+      buttons: [{ label: "Button" }, { label: "Button", variant: "secondary" }]
+    }
+  ],
+  styles: {
+    textAlign: "left"
+  }
+};
+export {
+  FeatureCardCta,
+  FeatureCardCtaDefaults
+};

package/dist/components/puck-block/cta-sections/feature-card-cta/index.d.ts

@@ -0,0 +1,155 @@
+import { FeatureCardCta, FeatureCardCtaDefaults } from "./feature-card-cta";
+import type { FeatureCardCtaProps } from "./feature-card-cta";
+export { FeatureCardCta, FeatureCardCtaDefaults };
+export type { FeatureCardCtaProps };
+declare const conf: {
+    fields: {
+        featureSections: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                heading?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                icon: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+                heading: {
+                    readonly type: "text";
+                    readonly contentEditable: true;
+                };
+                description: {
+                    readonly type: "textarea";
+                    readonly contentEditable: true;
+                };
+                buttons: {
+                    readonly type: "array";
+                    readonly max: 3;
+                    readonly getItemSummary: (item: {
+                        label?: string;
+                    }, index?: number) => string;
+                    readonly arrayFields: {
+                        readonly label: {
+                            readonly type: "text";
+                        };
+                        readonly action: {
+                            type: "custom";
+                            label: string;
+                            render: typeof import("../../../puck-core").ActionField;
+                        };
+                        readonly variant: {
+                            readonly type: "select";
+                            readonly options: readonly [{
+                                readonly label: "primary";
+                                readonly value: "default";
+                            }, {
+                                readonly label: "secondary";
+                                readonly value: "secondary";
+                            }, {
+                                readonly label: "outline";
+                                readonly value: "outline";
+                            }, {
+                                readonly label: "ghost";
+                                readonly value: "ghost";
+                            }, {
+                                readonly label: "link";
+                                readonly value: "link";
+                            }, {
+                                readonly label: "destructive";
+                                readonly value: "destructive";
+                            }];
+                        };
+                        readonly size: {
+                            readonly type: "select";
+                            readonly options: readonly [{
+                                readonly label: "default";
+                                readonly value: "default";
+                            }, {
+                                readonly label: "sm";
+                                readonly value: "sm";
+                            }, {
+                                readonly label: "lg";
+                                readonly value: "lg";
+                            }, {
+                                readonly label: "icon";
+                                readonly value: "icon";
+                            }];
+                        };
+                        readonly icon: {
+                            type: "custom";
+                            render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                        };
+                    };
+                    readonly defaultItemProps: {
+                        readonly label: "Button";
+                        readonly action: {
+                            readonly type: "page";
+                            readonly pageUrl: "";
+                            readonly externalUrl: "";
+                            readonly openInNewTab: "false";
+                            readonly email: "";
+                            readonly subject: "";
+                            readonly phone: "";
+                            readonly sectionId: "";
+                            readonly downloadUrl: "";
+                        };
+                        readonly variant: "default";
+                        readonly size: "default";
+                        readonly icon: "none";
+                    };
+                    readonly ai: {
+                        readonly instructions: "Buttons must use the same size";
+                    };
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
+                textAlign: {
+                    readonly type: "radio";
+                    readonly label: "Text Align";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Center";
+                        readonly value: "center";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: FeatureCardCtaProps;
+    render: (props: FeatureCardCtaProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/cta-sections/feature-card-cta/index.js

@@ -0,0 +1,36 @@
+import { FeatureCardCta, FeatureCardCtaDefaults } from "./feature-card-cta.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { ctaStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
+const conf = {
+  fields: {
+    featureSections: {
+      type: "array",
+      max: 4,
+      getItemSummary: (item, index = 0) => item.heading || `Feature ${index + 1}`,
+      arrayFields: {
+        icon: imageField,
+        heading: headingField,
+        description: descriptionField,
+        buttons: buttonsField
+      }
+    },
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        textAlign: ctaStyleFields.textAlign,
+        ...sectionWrapperFields
+      }
+    }
+  },
+  defaultProps: FeatureCardCtaDefaults,
+  render: FeatureCardCta
+};
+export {
+  FeatureCardCta,
+  FeatureCardCtaDefaults,
+  conf as default
+};

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

@@ -0,0 +1,2 @@
+export { default as FeatureCardCtaConf } from "./feature-card-cta";
+export { default as MouseTrackCtaConf } from "./mouse-track-cta";