dune-react 0.0.19 → 0.0.21

package/dist/components/puck-block/contact-sections/contact-us-1/contact-us.js

@@ -1,169 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { toast } from "sonner";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundContent } from "../../../puck-base/content.js";
-import { CompoundButton } from "../../../puck-base/button.js";
-import { Input } from "../../../shadcn/input.js";
-import { Label } from "../../../shadcn/label.js";
-import { Textarea } from "../../../shadcn/textarea.js";
-import { useEditorContext } from "../../../puck-base/editor-context.js";
-import { submitFormLead } from "../api/form-leads.js";
-const DEFAULT_FIELDS = [
-  { label: "Name", name: "name", type: "text", required: true },
-  { label: "Email", name: "email", type: "email", required: true },
-  { label: "Phone", name: "phone", type: "tel" },
-  { label: "Company", name: "company", type: "text" },
-  { label: "Message", name: "message", type: "textarea", required: true }
-];
-const ContactUs = (props) => {
-  var _a, _b, _c, _d;
-  const { isEditor: isEditorMode, siteId, domain } = useEditorContext();
-  const formFields = ((_a = props.fields) == null ? void 0 : _a.length) ? props.fields : DEFAULT_FIELDS;
-  const [values, setValues] = useState({});
-  const [submitting, setSubmitting] = useState(false);
-  const setValue = (name, value) => setValues((prev) => ({ ...prev, [name]: value }));
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (isEditorMode) return;
-    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!");
-      setValues({});
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : "Failed to send message";
-      toast.error(msg);
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  const submitLabel = props.submitLabel ?? "Send Message";
-  const submitIcon = props.submitIcon ?? "send";
-  return /* @__PURE__ */ jsx(
-    CompoundContainer,
-    {
-      padding: (_b = props.styles) == null ? void 0 : _b.padding,
-      sectionStyle: (_c = props.styles) == null ? void 0 : _c.sectionStyle,
-      backgroundColor: (_d = props.styles) == null ? void 0 : _d.backgroundColor,
-      className: props.className,
-      children: /* @__PURE__ */ jsxs("div", { className: "grid lg:grid-cols-2 gap-10", children: [
-        /* @__PURE__ */ jsx(
-          CompoundContent,
-          {
-            badge: props.badge,
-            heading: props.heading,
-            description: props.description,
-            features: props.features,
-            buttons: props.buttons,
-            alignContent: "start",
-            spacing: "normal"
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "justify-center flex items-center", children: /* @__PURE__ */ jsxs(
-          "form",
-          {
-            className: "rounded-md max-w-md w-full flex flex-col border p-8 gap-4",
-            onSubmit: handleSubmit,
-            children: [
-              formFields.reduce((rows, field, i) => {
-                var _a2, _b2, _c2;
-                const fieldEl = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsxs(Label, { htmlFor: `contact-${field.name}`, children: [
-                    field.label,
-                    field.required ? " *" : ""
-                  ] }),
-                  field.type === "textarea" ? /* @__PURE__ */ jsx(
-                    Textarea,
-                    {
-                      id: `contact-${field.name}`,
-                      value: values[field.name] ?? "",
-                      onChange: (e) => setValue(field.name, e.target.value),
-                      rows: 4,
-                      required: field.required
-                    }
-                  ) : field.type === "select" ? /* @__PURE__ */ jsxs(
-                    "select",
-                    {
-                      id: `contact-${field.name}`,
-                      value: values[field.name] ?? "",
-                      onChange: (e) => setValue(field.name, e.target.value),
-                      className: "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-                      required: field.required,
-                      children: [
-                        /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
-                        (_a2 = field.options) == null ? void 0 : _a2.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt))
-                      ]
-                    }
-                  ) : /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: `contact-${field.name}`,
-                      type: field.type,
-                      value: values[field.name] ?? "",
-                      onChange: (e) => setValue(field.name, e.target.value),
-                      required: field.required
-                    }
-                  )
-                ] }, field.name);
-                if (field.half && ((_b2 = formFields[i + 1]) == null ? void 0 : _b2.half)) {
-                  return rows;
-                }
-                if (field.half && i > 0 && ((_c2 = formFields[i - 1]) == null ? void 0 : _c2.half)) {
-                  const prevField = formFields[i - 1];
-                  const prevEl = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                    /* @__PURE__ */ jsxs(Label, { htmlFor: `contact-${prevField.name}`, children: [
-                      prevField.label,
-                      prevField.required ? " *" : ""
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      Input,
-                      {
-                        id: `contact-${prevField.name}`,
-                        type: prevField.type,
-                        value: values[prevField.name] ?? "",
-                        onChange: (e) => setValue(prevField.name, e.target.value),
-                        required: prevField.required
-                      }
-                    )
-                  ] }, prevField.name);
-                  rows.push(
-                    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-                      prevEl,
-                      fieldEl
-                    ] }, `row-${prevField.name}-${field.name}`)
-                  );
-                  return rows;
-                }
-                rows.push(fieldEl);
-                return rows;
-              }, []),
-              /* @__PURE__ */ jsx(
-                CompoundButton,
-                {
-                  label: submitting ? "Sending..." : submitLabel,
-                  variant: props.submitVariant ?? "default",
-                  size: props.submitSize ?? "default",
-                  icon: submitting ? "loader" : submitIcon,
-                  type: "submit",
-                  disabled: submitting
-                }
-              )
-            ]
-          }
-        ) })
-      ] })
-    }
-  );
-};
-export {
-  ContactUs
-};

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

@@ -1,124 +0,0 @@
-import { icon, contentFieldsWithFeatures } from "../../../puck-base/core/fields.js";
-import { ContactUs } from "./contact-us.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const fieldTypeOptions = [
-  "text",
-  "email",
-  "tel",
-  "number",
-  "date",
-  "url",
-  "file",
-  "textarea",
-  "select"
-].map((t) => ({ label: t, value: t }));
-const conf = {
-  fields: {
-    ...contentFieldsWithFeatures,
-    formTitle: { type: "text", contentEditable: true },
-    fields: {
-      type: "array",
-      max: 10,
-      getItemSummary: (item, i = 0) => item.label || `Field ${i + 1}`,
-      arrayFields: {
-        label: { type: "text", contentEditable: true },
-        name: { type: "text" },
-        type: { type: "select", options: fieldTypeOptions },
-        required: {
-          type: "radio",
-          options: [
-            { label: "Yes", value: true },
-            { label: "No", value: false }
-          ]
-        },
-        half: {
-          type: "radio",
-          options: [
-            { label: "Yes", value: true },
-            { label: "No", value: false }
-          ]
-        }
-      },
-      defaultItemProps: {
-        label: "Field",
-        name: "field",
-        type: "text"
-      }
-    },
-    action: { type: "text", label: "Submit URL" },
-    method: {
-      type: "select",
-      label: "Submit Method",
-      options: [
-        { label: "GET", value: "get" },
-        { label: "POST", value: "post" },
-        { label: "Dialog", value: "dialog" }
-      ]
-    },
-    submitLabel: { type: "text" },
-    submitVariant: {
-      type: "select",
-      options: [
-        { label: "Primary", value: "default" },
-        { label: "Secondary", value: "secondary" },
-        { label: "Outline", value: "outline" },
-        { label: "Ghost", value: "ghost" },
-        { label: "Link", value: "link" },
-        { label: "Destructive", value: "destructive" }
-      ]
-    },
-    submitSize: {
-      type: "select",
-      options: [
-        { label: "Default", value: "default" },
-        { label: "Small", value: "sm" },
-        { label: "Large", value: "lg" }
-      ]
-    },
-    submitIcon: icon,
-    styles: createStylesField()
-  },
-  defaultProps: {
-    badge: {
-      label: "Contact",
-      url: "",
-      variant: "default"
-    },
-    heading: "Get in Touch",
-    description: "Have a question or need a demo? We'd love to hear from you.",
-    buttons: [],
-    features: [
-      {
-        icon: "check",
-        name: "Easy to use",
-        description: "Intuitive interface that requires no training."
-      },
-      {
-        icon: "check",
-        name: "Fast and reliable",
-        description: "99.9% uptime with sub-second response times."
-      },
-      {
-        icon: "check",
-        name: "Beautiful and modern",
-        description: "Clean, developer-friendly design built with modern standards."
-      }
-    ],
-    fields: [
-      { label: "Name", name: "name", type: "text", required: true },
-      { label: "Email", name: "email", type: "email", required: true },
-      { label: "Phone", name: "phone", type: "tel" },
-      { label: "Company", name: "company", type: "text" },
-      { label: "Message", name: "message", type: "textarea", required: true }
-    ],
-    submitLabel: "Send Message",
-    submitVariant: "default",
-    submitSize: "default",
-    submitIcon: "send",
-    styles: createStylesDefaults()
-  },
-  render: ContactUs
-};
-export {
-  conf
-};

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

@@ -1,30 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface ContactUs2Button {
-    label: string;
-    variant?: string;
-    size?: string;
-    icon?: string;
-}
-export interface ContactUs2Props {
-    heading?: string;
-    description?: string;
-    fields?: Array<{
-        label: string;
-        name: string;
-    }>;
-    submitLabel?: string;
-    submitVariant?: string;
-    submitSize?: string;
-    submitIcon?: string;
-    image?: {
-        src: string;
-        alt: string;
-    };
-    styles?: {
-        imagePosition?: "start" | "end";
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const ContactUs2: ({ heading, description, fields, submitLabel, submitVariant, submitSize, submitIcon, image, styles, }: ContactUs2Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/contact-sections/contact-us-2/contact-us-2.js

@@ -1,234 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { toast } from "sonner";
-import { cn } from "../../../../utils/css-utils.js";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-import { CompoundButton } from "../../../puck-base/button.js";
-import { Input } from "../../../shadcn/input.js";
-import { Label } from "../../../shadcn/label.js";
-import { Textarea } from "../../../shadcn/textarea.js";
-import { useEditorContext } from "../../../puck-base/editor-context.js";
-import { submitFormLead } from "../api/form-leads.js";
-const ContactUs2 = ({
-  heading,
-  description,
-  fields = [],
-  submitLabel,
-  submitVariant,
-  submitSize,
-  submitIcon,
-  image,
-  styles
-}) => {
-  var _a, _b, _c, _d, _e;
-  const labels = {
-    name: ((_a = fields.find((field) => field.name === "name")) == null ? void 0 : _a.label) ?? "Your Name",
-    email: ((_b = fields.find((field) => field.name === "email")) == null ? void 0 : _b.label) ?? "Email Address",
-    phone: ((_c = fields.find((field) => field.name === "phone")) == null ? void 0 : _c.label) ?? "Phone",
-    company: ((_d = fields.find((field) => field.name === "company")) == null ? void 0 : _d.label) ?? "Company",
-    message: ((_e = fields.find((field) => field.name === "message")) == null ? void 0 : _e.label) ?? "Tell us about your project"
-  };
-  const imagePosition = (styles == null ? void 0 : styles.imagePosition) ?? "end";
-  const { isEditor: isEditorMode, siteId, domain } = useEditorContext();
-  const [name, setName] = useState("");
-  const [email, setEmail] = useState("");
-  const [phone, setPhone] = useState("");
-  const [company, setCompany] = useState("");
-  const [message, setMessage] = useState("");
-  const [submitting, setSubmitting] = useState(false);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (isEditorMode) return;
-    setSubmitting(true);
-    try {
-      await submitFormLead(domain, {
-        site_id: siteId,
-        name: name || "",
-        email: email || "",
-        phone: phone || "",
-        message: message || "",
-        source_page: typeof window !== "undefined" ? window.location.pathname : ""
-      });
-      toast.success("Message sent successfully!");
-      setName("");
-      setEmail("");
-      setPhone("");
-      setCompany("");
-      setMessage("");
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : "Failed to send message";
-      toast.error(msg);
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  const contentCol = /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col justify-center lg:basis-1/2", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-      heading && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold leading-tight text-foreground lg:text-4xl", children: heading }),
-      description && /* @__PURE__ */ jsx("p", { className: "text-base text-muted-foreground", children: description })
-    ] }),
-    /* @__PURE__ */ jsxs("form", { className: "w-full space-y-4", onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx(
-          Label,
-          {
-            htmlFor: "contact2-name",
-            className: "text-sm font-medium text-foreground",
-            children: labels.name
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "contact2-name",
-            type: "text",
-            name: "name",
-            required: true,
-            className: "rounded-3xl",
-            value: name,
-            onChange: (e) => setName(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx(
-          Label,
-          {
-            htmlFor: "contact2-email",
-            className: "text-sm font-medium text-foreground",
-            children: labels.email
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "contact2-email",
-            type: "email",
-            name: "email",
-            required: true,
-            className: "rounded-3xl",
-            value: email,
-            onChange: (e) => setEmail(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx(
-          Label,
-          {
-            htmlFor: "contact2-phone",
-            className: "text-sm font-medium text-foreground",
-            children: labels.phone
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "contact2-phone",
-            type: "tel",
-            name: "phone",
-            className: "rounded-3xl",
-            value: phone,
-            onChange: (e) => setPhone(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx(
-          Label,
-          {
-            htmlFor: "contact2-company",
-            className: "text-sm font-medium text-foreground",
-            children: labels.company
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "contact2-company",
-            type: "text",
-            name: "company",
-            className: "rounded-3xl",
-            value: company,
-            onChange: (e) => setCompany(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx(
-          Label,
-          {
-            htmlFor: "contact2-message",
-            className: "text-sm font-medium text-foreground",
-            children: labels.message
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            id: "contact2-message",
-            name: "message",
-            required: true,
-            className: "min-h-40 resize-y rounded-3xl",
-            value: message,
-            onChange: (e) => setMessage(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        CompoundButton,
-        {
-          label: submitting ? "Sending..." : submitLabel ?? "Send Message",
-          variant: submitVariant ?? "default",
-          size: submitSize ?? "default",
-          icon: submitting ? "loader" : submitIcon ?? "none",
-          type: "submit",
-          disabled: submitting
-        }
-      )
-    ] })
-  ] }) });
-  const imageCol = /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "relative w-full overflow-hidden rounded-3xl lg:basis-1/2 lg:self-stretch",
-        "aspect-square lg:aspect-auto"
-      ),
-      children: (image == null ? void 0 : image.src) ? /* @__PURE__ */ jsx(
-        CompoundImage,
-        {
-          src: image.src,
-          alt: image.alt ?? "",
-          className: "absolute inset-0 h-full w-full object-cover"
-        }
-      ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-muted", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Image" }) })
-    }
-  );
-  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("flex flex-col gap-12 lg:items-stretch", {
-            "lg:flex-row": imagePosition === "end",
-            "lg:flex-row-reverse": imagePosition === "start"
-          }),
-          children: [
-            contentCol,
-            imageCol
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  ContactUs2
-};

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

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

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

@@ -1,74 +0,0 @@
-import { image, icon } from "../../../puck-base/core/fields.js";
-import { ContactUs2 } from "./contact-us-2.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const contactUs2StylesField = createStylesField({
-  imagePosition: {
-    type: "radio",
-    label: "Image Position",
-    options: [
-      { label: "Image Right", value: "end" },
-      { label: "Image Left", value: "start" }
-    ]
-  }
-});
-const conf = {
-  fields: {
-    heading: { type: "text", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    fields: {
-      type: "array",
-      max: 10,
-      getItemSummary: (item, i = 0) => item.label || `Field ${i + 1}`,
-      arrayFields: {
-        label: { type: "text", contentEditable: true },
-        name: { type: "text" }
-      },
-      defaultItemProps: { label: "Field", name: "field" }
-    },
-    submitLabel: { type: "text" },
-    submitVariant: {
-      type: "select",
-      options: [
-        { label: "Primary", value: "default" },
-        { label: "Secondary", value: "secondary" },
-        { label: "Outline", value: "outline" },
-        { label: "Ghost", value: "ghost" }
-      ]
-    },
-    submitSize: {
-      type: "select",
-      options: [
-        { label: "Default", value: "default" },
-        { label: "Small", value: "sm" },
-        { label: "Large", value: "lg" }
-      ]
-    },
-    submitIcon: icon,
-    image,
-    styles: contactUs2StylesField
-  },
-  defaultProps: {
-    heading: "Let's talk about your project",
-    description: "Tell us about your needs and our team will get back to you within 24 hours.",
-    fields: [
-      { label: "Name", name: "name" },
-      { label: "Email", name: "email" },
-      { label: "Phone", name: "phone" },
-      { label: "Company", name: "company" },
-      { label: "Tell us about your project", name: "message" }
-    ],
-    submitLabel: "Send Message",
-    submitVariant: "default",
-    submitSize: "default",
-    submitIcon: "none",
-    image: { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Modern developer workspace with laptop displaying code" },
-    styles: {
-      ...createStylesDefaults(),
-      imagePosition: "end"
-    }
-  },
-  render: ContactUs2
-};
-export {
-  conf
-};

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

@@ -1,32 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface ContactUs3Button {
-    label: string;
-    variant?: string;
-    size?: string;
-    icon?: string;
-}
-export interface ContactInfoItem {
-    icon: "phone" | "mail" | "map-pin" | "clock";
-    label: string;
-    value: string;
-}
-export interface ContactUs3Props {
-    heading?: string;
-    description?: string;
-    infoItems?: ContactInfoItem[];
-    fields?: Array<{
-        label: string;
-        name: string;
-    }>;
-    submitLabel?: string;
-    submitVariant?: string;
-    submitSize?: string;
-    submitIcon?: string;
-    styles?: {
-        panelStyle?: "dark" | "primary" | "muted";
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const ContactUs3: ({ heading, description, infoItems, fields, submitLabel, submitVariant, submitSize, submitIcon, styles, }: ContactUs3Props) => import("react/jsx-runtime").JSX.Element;