dune-react 0.0.41 → 0.0.43

package/dist/components/puck-block/contact-sections/location-cards-grid/index.d.ts

@@ -15,6 +15,153 @@ declare const conf: {
             readonly type: "textarea";
             readonly contentEditable: true;
         };
+        button: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../..").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;
+                };
+            };
+        };
+        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("../../..").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";
+            };
+        };
+        media: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        contacts: {
+            type: string;
+            arrayFields: {};
+        };
         locations: {
             type: string;
             max: number;

package/dist/components/puck-block/contact-sections/location-cards-grid/index.js

@@ -1,6 +1,6 @@
 import { LocationCardsGrid, LocationCardsGridDefaults } from "./location-cards-grid.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
-import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { buttonField, buttonsField } from "../../../puck-core/core/props/interactive.js";
 import { mediaField } from "../../../puck-core/core/props/media.js";
 import { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
@@ -9,6 +9,10 @@ const conf = {
     tagline: { type: "text" },
     heading: headingField,
     description: descriptionField,
+    button: buttonField,
+    buttons: buttonsField,
+    media: mediaField,
+    contacts: { type: "array", arrayFields: {} },
     locations: {
       type: "array",
       max: 6,

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

@@ -16,7 +16,7 @@ export interface ContactSectionStyles {
     mediaPosition?: "left" | "right";
     mediaType?: "image" | "map";
     columns?: 3 | 4;
-    hasHeader?: boolean;
+    hasHeader?: string;
     headerAlign?: "left" | "center";
     modalType?: "dialog" | "sheet-right" | "sheet-bottom";
 }

package/dist/components/puck-block/contact-sections/split-info-form/index.d.ts

@@ -79,6 +79,102 @@ declare const conf: {
                 };
             };
         };
+        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("../../..").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";
+            };
+        };
+        media: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        contacts: {
+            type: string;
+            arrayFields: {};
+        };
+        locations: {
+            type: string;
+            arrayFields: {};
+        };
         styles: {
             type: string;
             label: string;

package/dist/components/puck-block/contact-sections/split-info-form/index.js

@@ -1,6 +1,7 @@
 import { SplitInfoForm, SplitInfoFormDefaults } from "./split-info-form.js";
 import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
-import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { buttonsField, buttonField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
 import { contactStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
@@ -12,6 +13,10 @@ const conf = {
     phone: { type: "text" },
     address: { type: "text" },
     button: buttonField,
+    buttons: buttonsField,
+    media: mediaField,
+    contacts: { type: "array", arrayFields: {} },
+    locations: { type: "array", arrayFields: {} },
     styles: {
       type: "object",
       label: "Styles",

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

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "../../../shadcn/select.js";
 import { Input } from "../../../shadcn/input.js";
 import { Label } from "../../../shadcn/label.js";
 import { Textarea } from "../../../shadcn/textarea.js";
@@ -11,11 +10,25 @@ import { BiEnvelope, BiPhone, BiMap } from "../../../../node_modules/.pnpm/react
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 const SplitInfoForm = (props) => {
-  const { tagline, heading, description, email, phone, address, button, styles } = {
+  const {
+    tagline,
+    heading,
+    description,
+    email,
+    phone,
+    address,
+    button,
+    styles
+  } = {
     ...SplitInfoFormDefaults,
     ...props
   };
-  const { className: sectionClassName, style: sectionStyle, css, formType = "simple" } = styles ?? {};
+  const {
+    className: sectionClassName,
+    style: sectionStyle,
+    css,
+    formType = "simple"
+  } = styles ?? {};
   const { createSubmitHandler, submitting } = useContactForm();
   const [nameInput, setNameInput] = useState("");
   const [firstName, setFirstName] = useState("");
@@ -23,13 +36,12 @@ const SplitInfoForm = (props) => {
   const [emailInput, setEmailInput] = useState("");
   const [phoneInput, setPhoneInput] = useState("");
   const [messageInput, setMessageInput] = useState("");
-  const [topic, setTopic] = useState("");
   const handleSubmit = createSubmitHandler(
     () => ({
       name: nameInput || `${firstName} ${lastName}`.trim() || "",
       email: emailInput || "",
       phone: phoneInput || "",
-      message: [topic, messageInput].filter(Boolean).join("\n\n") || ""
+      message: messageInput || ""
     }),
     () => {
       setNameInput("");
@@ -38,21 +50,44 @@ const SplitInfoForm = (props) => {
       setEmailInput("");
       setPhoneInput("");
       setMessageInput("");
-      setTopic("");
     }
   );
   const renderSimpleFields = () => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "mb-2", children: "Name" }),
-      /* @__PURE__ */ jsx(Input, { type: "text", id: "name", value: nameInput, onChange: (e) => setNameInput(e.target.value) })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "text",
+          id: "name",
+          value: nameInput,
+          onChange: (e) => setNameInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "email", className: "mb-2", children: "Email" }),
-      /* @__PURE__ */ jsx(Input, { type: "email", id: "email", value: emailInput, onChange: (e) => setEmailInput(e.target.value) })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "email",
+          id: "email",
+          value: emailInput,
+          onChange: (e) => setEmailInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "phone", className: "mb-2", children: "Phone" }),
-      /* @__PURE__ */ jsx(Input, { type: "tel", id: "phone", value: phoneInput, onChange: (e) => setPhoneInput(e.target.value) })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "tel",
+          id: "phone",
+          value: phoneInput,
+          onChange: (e) => setPhoneInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "message", className: "mb-2", children: "Message" }),
@@ -72,30 +107,52 @@ const SplitInfoForm = (props) => {
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "firstName", className: "mb-2", children: "First name" }),
-        /* @__PURE__ */ jsx(Input, { type: "text", id: "firstName", value: firstName, onChange: (e) => setFirstName(e.target.value) })
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            id: "firstName",
+            value: firstName,
+            onChange: (e) => setFirstName(e.target.value)
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "lastName", className: "mb-2", children: "Last name" }),
-        /* @__PURE__ */ jsx(Input, { type: "text", id: "lastName", value: lastName, onChange: (e) => setLastName(e.target.value) })
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            id: "lastName",
+            value: lastName,
+            onChange: (e) => setLastName(e.target.value)
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "email", className: "mb-2", children: "Email" }),
-      /* @__PURE__ */ jsx(Input, { type: "email", id: "email", value: emailInput, onChange: (e) => setEmailInput(e.target.value) })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "email",
+          id: "email",
+          value: emailInput,
+          onChange: (e) => setEmailInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "phone", className: "mb-2", children: "Phone number" }),
-      /* @__PURE__ */ jsx(Input, { type: "tel", id: "phone", value: phoneInput, onChange: (e) => setPhoneInput(e.target.value) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "topic", className: "mb-2", children: "Choose a topic" }),
-      /* @__PURE__ */ jsxs(Select, { value: topic, onValueChange: setTopic, children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select one..." }) }),
-        /* @__PURE__ */ jsxs(SelectContent, { children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "topic-1", children: "Topic one" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "topic-2", children: "Topic two" })
-        ] })
-      ] })
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "tel",
+          id: "phone",
+          value: phoneInput,
+          onChange: (e) => setPhoneInput(e.target.value)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center", children: [
       /* @__PURE__ */ jsx(Label, { htmlFor: "message", className: "mb-2", children: "Message" }),
@@ -111,33 +168,58 @@ const SplitInfoForm = (props) => {
       )
     ] })
   ] });
-  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: "grid grid-cols-1 items-start gap-y-12 md:grid-flow-row md:grid-cols-2 md:gap-x-12 lg:grid-flow-col lg:gap-x-20 lg:gap-y-16", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
-      /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
-        /* @__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("div", { className: "grid grid-cols-1 gap-4 py-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx(BiEnvelope, { className: "size-6 flex-none" }),
-          /* @__PURE__ */ jsx("p", { children: email })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx(BiPhone, { className: "size-6 flex-none" }),
-          /* @__PURE__ */ jsx("p", { children: phone })
+  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: "grid grid-cols-1 items-start gap-y-12 md:grid-flow-row md:grid-cols-2 md:gap-x-12 lg:grid-flow-col lg:gap-x-20 lg:gap-y-16", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-3 font-semibold md:mb-4", children: tagline }),
+          /* @__PURE__ */ jsxs("div", { className: "mb-6 md:mb-8", children: [
+            /* @__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("div", { className: "grid grid-cols-1 gap-4 py-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ jsx(BiEnvelope, { className: "size-6 flex-none" }),
+              /* @__PURE__ */ jsx("p", { children: email })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ jsx(BiPhone, { className: "size-6 flex-none" }),
+              /* @__PURE__ */ jsx("p", { children: phone })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ jsx(BiMap, { className: "size-6 flex-none" }),
+              /* @__PURE__ */ jsx("p", { children: address })
+            ] })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx(BiMap, { className: "size-6 flex-none" }),
-          /* @__PURE__ */ jsx("p", { children: address })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("form", { className: "grid grid-cols-1 grid-rows-[auto_auto] gap-6", onSubmit: handleSubmit, children: [
-      formType === "advanced" ? renderAdvancedFields() : renderSimpleFields(),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundButton, { label: submitting ? "Submitting..." : button.label, variant: button.variant, size: button.size, action: button.action, icon: button.icon, disabled: submitting }) })
-    ] })
-  ] }) }) });
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "grid grid-cols-1 grid-rows-[auto_auto] gap-6",
+            onSubmit: handleSubmit,
+            children: [
+              formType === "advanced" ? renderAdvancedFields() : renderSimpleFields(),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                CompoundButton,
+                {
+                  type: "submit",
+                  label: submitting ? "Submitting..." : button.label,
+                  variant: button.variant,
+                  size: button.size,
+                  icon: button.icon,
+                  disabled: submitting
+                }
+              ) })
+            ]
+          }
+        )
+      ] }) })
+    }
+  );
 };
 const SplitInfoFormDefaults = {
   tagline: "Tagline",
@@ -145,7 +227,10 @@ const SplitInfoFormDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   button: { label: "Submit" },
   buttons: [],
-  media: { src: "https://picsum.photos/seed/contact-split/800/600", alt: "Placeholder" },
+  media: {
+    src: "https://picsum.photos/seed/contact-split/800/600",
+    alt: "Placeholder"
+  },
   email: "hello@example.com",
   phone: "+1 (555) 000-0000",
   address: "123 Sample St, Sydney NSW 2000 AU",