dune-react 0.0.8 → 0.0.10

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

@@ -9,6 +9,7 @@ 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 },
@@ -17,9 +18,9 @@ const DEFAULT_FIELDS = [
   { label: "Message", name: "message", type: "textarea", required: true }
 ];
 const ContactUs = (props) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d;
   const { isEditor: isEditorMode, siteId, domain } = useEditorContext();
-  const formFields = ((_b = (_a = props.form) == null ? void 0 : _a.fields) == null ? void 0 : _b.length) ? props.form.fields : DEFAULT_FIELDS;
+  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 }));
@@ -28,23 +29,14 @@ const ContactUs = (props) => {
     if (isEditorMode) return;
     setSubmitting(true);
     try {
-      const baseUrl = (domain || "").replace(/\/$/, "");
-      const res = await fetch(`${baseUrl}/api/form-leads`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          site_id: siteId,
-          name: values.name || "",
-          email: values.email || "",
-          phone: values.phone || "",
-          message: values.message || "",
-          source_page: typeof window !== "undefined" ? window.location.pathname : ""
-        })
+      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 : ""
       });
-      const data = await res.json().catch(() => null);
-      if (!res.ok || !(data == null ? void 0 : data.success)) {
-        throw new Error((data == null ? void 0 : data.errMsg) || `HTTP ${res.status}`);
-      }
       toast.success("Message sent successfully!");
       setValues({});
     } catch (err) {
@@ -54,114 +46,123 @@ const ContactUs = (props) => {
       setSubmitting(false);
     }
   };
-  const submitLabel = ((_d = (_c = props.form) == null ? void 0 : _c.button) == null ? void 0 : _d.label) ?? "Send Message";
-  const submitIcon = ((_f = (_e = props.form) == null ? void 0 : _e.button) == null ? void 0 : _f.icon) ?? "send";
-  return /* @__PURE__ */ jsx(CompoundContainer, { padding: props.padding, sectionStyle: props.sectionStyle, backgroundColor: props.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
+  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;
                 }
-              ) : 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))
-                  ]
+                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;
                 }
-              ) : /* @__PURE__ */ jsx(
-                Input,
+                rows.push(fieldEl);
+                return rows;
+              }, []),
+              /* @__PURE__ */ jsx(
+                CompoundButton,
                 {
-                  id: `contact-${field.name}`,
-                  type: field.type,
-                  value: values[field.name] ?? "",
-                  onChange: (e) => setValue(field.name, e.target.value),
-                  required: field.required
+                  label: submitting ? "Sending..." : submitLabel,
+                  variant: props.submitVariant ?? "default",
+                  size: props.submitSize ?? "default",
+                  icon: submitting ? "loader" : submitIcon,
+                  type: "submit",
+                  disabled: submitting
                 }
               )
-            ] }, 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: "default",
-              size: "default",
-              icon: submitting ? "loader" : submitIcon,
-              type: "submit",
-              disabled: submitting
-            }
-          )
-        ]
-      }
-    ) })
-  ] }) });
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
 };
 export {
   ContactUs

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

@@ -1,12 +1,82 @@
-import { paddingDefaults, formDefaults, backgroundColor, sectionStyle, padding, form, contentFieldsWithFeatures } from "../../../puck-base/core/fields.js";
+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,
-    form,
-    padding,
-    sectionStyle,
-    backgroundColor
+    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: {
@@ -24,8 +94,18 @@ const conf = {
         description: "We've made it easy to use and understand."
       })
     ),
-    form: formDefaults,
-    padding: paddingDefaults
+    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
 };

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,234 @@
+"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 fitness goals"
+  };
+  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

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