@pagehub/sdk 0.1.0

package/dist/chunks/Form.presets-CAttzFdR.js

@@ -0,0 +1,124 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { Element as e } from "@craftjs/core";
+import { dY as m, cc as c, eB as s, f7 as a, eI as n, ez as u } from "./index-lNS44FHV.js";
+const r = {
+  className: "p-(--input-padding) w-full border-solid border-(length:--border) border-(--input-border-color) rounded-field bg-(--input-bg-color) text-(--input-text-color) placeholder:text-(--input-placeholder-color)"
+}, i = {
+  type: "submit",
+  className: "btn btn-primary rounded-box px-space-md py-space-xs min-h-12 font-semibold w-full",
+  canDelete: !0,
+  canEditName: !0
+}, o = {
+  canDelete: !0,
+  canEditName: !0,
+  className: "flex flex-col w-full gap-container",
+  custom: { displayName: "Fields" }
+};
+function d() {
+  return [
+    /* @__PURE__ */ t(e, { canvas: !0, is: s, ...o, children: /* @__PURE__ */ t(
+      e,
+      {
+        canvas: !0,
+        is: a,
+        custom: { displayName: "Email Input" },
+        type: "email",
+        placeholder: "your@email.com",
+        name: "email",
+        canDelete: !0,
+        canEditName: !0,
+        ...r
+      }
+    ) }, "fields"),
+    /* @__PURE__ */ t(
+      e,
+      {
+        canvas: !0,
+        is: n,
+        custom: { displayName: "Submit Button" },
+        text: "Subscribe",
+        ...i
+      },
+      "submit"
+    )
+  ];
+}
+function p() {
+  return [
+    /* @__PURE__ */ l(e, { canvas: !0, is: s, ...o, children: [
+      /* @__PURE__ */ t(
+        e,
+        {
+          canvas: !0,
+          is: a,
+          custom: { displayName: "Name Input" },
+          type: "text",
+          placeholder: "Your name",
+          name: "name",
+          canDelete: !0,
+          canEditName: !0,
+          ...r
+        }
+      ),
+      /* @__PURE__ */ t(
+        e,
+        {
+          canvas: !0,
+          is: a,
+          custom: { displayName: "Email Input" },
+          type: "email",
+          placeholder: "your@email.com",
+          name: "email",
+          canDelete: !0,
+          canEditName: !0,
+          ...r
+        }
+      ),
+      /* @__PURE__ */ t(
+        e,
+        {
+          canvas: !0,
+          is: a,
+          custom: { displayName: "Message Input" },
+          type: "textarea",
+          placeholder: "Your message...",
+          name: "message",
+          canDelete: !0,
+          canEditName: !0,
+          ...r
+        }
+      )
+    ] }, "fields"),
+    /* @__PURE__ */ t(
+      e,
+      {
+        canvas: !0,
+        is: n,
+        custom: { displayName: "Submit Button" },
+        text: "Send Message",
+        ...i
+      },
+      "submit"
+    )
+  ];
+}
+const b = [
+  {
+    label: "Subscribe Form",
+    icon: m,
+    description: "An email-only form — newsletter sign-ups, etc.",
+    props: { formType: "subscribe" },
+    children: d
+  },
+  {
+    label: "Contact Form",
+    icon: c,
+    description: "A standard 'get in touch' form — name, email, message.",
+    props: { formType: "contact" },
+    children: p
+  }
+];
+u("Form", b);
+export {
+  b as formPresets
+};

package/dist/chunks/Form.render-BHU2opdL.js

@@ -0,0 +1,85 @@
+import { jsxs as g, Fragment as S, jsx as d } from "react/jsx-runtime";
+import { useEffect as T } from "react";
+import { l as w, n as x, c as E, h as F, o as a } from "./viewer-Dg-Nplli.js";
+let N = () => {
+};
+const k = (s, e, l) => N();
+async function _(s, e, l = null) {
+  var o, r, t;
+  if (e.submissionType === "iframe") return;
+  if (e.submissionType === "custom" && e.action)
+    try {
+      await fetch(e.action, {
+        method: e.method || "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(s)
+      });
+    } catch (m) {
+      w.error("Custom form submission failed:", m);
+    }
+  else
+    k(s, l, {
+      mailTo: e.mailto,
+      formName: e.formName,
+      webhookUrl: e.webhookEnabled ? e.webhookUrl : void 0,
+      collection: e.submissionType === "collection" ? e.collectionSlug : void 0,
+      collectionFieldMap: e.submissionType === "collection" ? e.collectionFieldMap : void 0,
+      skipEmail: e.submissionType === "collection" ? !!e.collectionSkipEmail : void 0
+    });
+  const i = window;
+  (o = i.gtag) == null || o.call(i, "event", "form_submit", {
+    event_category: "forms",
+    event_label: e.formName || "form"
+  }), (r = i.fbq) == null || r.call(i, "track", "Lead"), (t = i.dataLayer) == null || t.push({ event: "form_submit", formName: e.formName || "form" }), e.conversion && x(e.conversion);
+}
+const U = ({ children: s, ...e }) => {
+  const i = E(), o = (i == null ? void 0 : i.id) ?? "", r = o ? `form:${o}:fields` : "", t = o ? `form:${o}:loading` : "", m = o ? `form:${o}:loaded` : "";
+  T(() => {
+    const n = document.querySelector("iframe");
+    if (!n) return;
+    const c = () => {
+      t && a(t, "hidden", "form-iframe"), m && a(m, "shown", "form-iframe");
+    };
+    return n.addEventListener("load", c, !0), () => n.removeEventListener("load", c);
+  }, [t, m]);
+  const b = async (n) => {
+    r && a(r, "hidden", "form-submit"), t && a(t, "shown", "form-submit"), e.submissionType !== "iframe" && (await _(n, e, null), setTimeout(() => {
+      if (e.successAction === "redirect" && e.successUrl) {
+        window.location.href = e.successUrl;
+        return;
+      }
+      t && a(t, "hidden", "form-submit"), m && a(m, "shown", "form-submit");
+    }, 1e3));
+  }, h = {
+    action: e.action || "",
+    method: e.method || "POST",
+    target: e.submissionType === "iframe" ? "iframe" : void 0,
+    role: "form",
+    "aria-label": e.formName || "Form",
+    onSubmit: async (n) => {
+      n.preventDefault();
+      const v = n.target.querySelectorAll("input, select, textarea"), u = {};
+      v.forEach((f) => {
+        f.type !== "file" && (u[f.name] = f.value);
+      }), await b(u);
+    },
+    ...e,
+    type: "form"
+  }, y = /* @__PURE__ */ g(S, { children: [
+    /* @__PURE__ */ d(
+      "div",
+      {
+        "aria-hidden": "true",
+        tabIndex: -1,
+        style: { position: "absolute", left: "-9999px", top: "-9999px", opacity: 0, height: 0, overflow: "hidden" },
+        children: /* @__PURE__ */ d("input", { type: "text", name: "_ph_hp", autoComplete: "off", tabIndex: -1 })
+      }
+    ),
+    s,
+    e.submissionType === "iframe" && /* @__PURE__ */ d("iframe", { className: "hidden", name: "iframe", id: "iframe", title: "Submission Frame" })
+  ] });
+  return F({ ...h, children: y });
+};
+export {
+  U as FormRender
+};

package/dist/chunks/Form.render-vW9SGjzD.js

@@ -0,0 +1,54 @@
+import { jsxs as x, Fragment as g, jsx as f } from "react/jsx-runtime";
+import { useEffect as v } from "react";
+import { cV as w, cZ as F, c$ as n, d0 as E } from "./index-lNS44FHV.js";
+const I = ({ children: l, ...e }) => {
+  const m = w(), o = (m == null ? void 0 : m.id) ?? "", c = o ? `form:${o}:fields` : "", i = o ? `form:${o}:loading` : "", r = o ? `form:${o}:loaded` : "";
+  v(() => {
+    const t = document.querySelector("iframe");
+    if (!t) return;
+    const s = () => {
+      i && n(i, "hidden", "form-iframe"), r && n(r, "shown", "form-iframe");
+    };
+    return t.addEventListener("load", s, !0), () => t.removeEventListener("load", s);
+  }, [i, r]);
+  const u = async (t) => {
+    c && n(c, "hidden", "form-submit"), i && n(i, "shown", "form-submit"), e.submissionType !== "iframe" && (await E(t, e, null), setTimeout(() => {
+      if (e.successAction === "redirect" && e.successUrl) {
+        window.location.href = e.successUrl;
+        return;
+      }
+      i && n(i, "hidden", "form-submit"), r && n(r, "shown", "form-submit");
+    }, 1e3));
+  }, h = {
+    action: e.action || "",
+    method: e.method || "POST",
+    target: e.submissionType === "iframe" ? "iframe" : void 0,
+    role: "form",
+    "aria-label": e.formName || "Form",
+    onSubmit: async (t) => {
+      t.preventDefault();
+      const y = t.target.querySelectorAll("input, select, textarea"), d = {};
+      y.forEach((a) => {
+        a.type !== "file" && (d[a.name] = a.value);
+      }), await u(d);
+    },
+    ...e,
+    type: "form"
+  }, b = /* @__PURE__ */ x(g, { children: [
+    /* @__PURE__ */ f(
+      "div",
+      {
+        "aria-hidden": "true",
+        tabIndex: -1,
+        style: { position: "absolute", left: "-9999px", top: "-9999px", opacity: 0, height: 0, overflow: "hidden" },
+        children: /* @__PURE__ */ f("input", { type: "text", name: "_ph_hp", autoComplete: "off", tabIndex: -1 })
+      }
+    ),
+    l,
+    e.submissionType === "iframe" && /* @__PURE__ */ f("iframe", { className: "hidden", name: "iframe", id: "iframe", title: "Submission Frame" })
+  ] });
+  return F({ ...h, children: b });
+};
+export {
+  I as FormRender
+};

package/dist/chunks/FormElement.modifiers-bDzb1IcJ.js

@@ -0,0 +1,90 @@
+import { eA as e } from "./index-lNS44FHV.js";
+const i = [
+  // DaisyUI input variants
+  {
+    name: "input",
+    label: "Input",
+    category: "DaisyUI",
+    description: "DaisyUI text input style — adds height, padding, border, and focus ring"
+  },
+  {
+    name: "input-primary",
+    label: "Primary",
+    category: "DaisyUI",
+    description: "Focus ring and border in the primary brand color",
+    requires: "input"
+  },
+  {
+    name: "input-secondary",
+    label: "Secondary",
+    category: "DaisyUI",
+    description: "Focus ring and border in the secondary brand color",
+    requires: "input"
+  },
+  {
+    name: "input-accent",
+    label: "Accent",
+    category: "DaisyUI",
+    description: "Focus ring and border in the accent color",
+    requires: "input"
+  },
+  {
+    name: "input-bordered",
+    label: "Bordered",
+    category: "DaisyUI",
+    description: "Adds a visible border to the input field",
+    requires: "input"
+  },
+  {
+    name: "input-ghost",
+    label: "Ghost",
+    category: "DaisyUI",
+    description: "Minimal input with no background or border — transparent until focused",
+    requires: "input"
+  },
+  {
+    name: "textarea",
+    label: "Textarea",
+    category: "DaisyUI",
+    description: "DaisyUI textarea style — multi-line text input with matching design tokens"
+  },
+  {
+    name: "select",
+    label: "Select",
+    category: "DaisyUI",
+    description: "DaisyUI select dropdown style — styled drop-down with chevron"
+  },
+  {
+    name: "checkbox",
+    label: "Checkbox",
+    category: "DaisyUI",
+    description: "DaisyUI checkbox — styled tick-box input"
+  },
+  {
+    name: "radio",
+    label: "Radio",
+    category: "DaisyUI",
+    description: "DaisyUI radio button — styled single-select option"
+  },
+  {
+    name: "toggle",
+    label: "Toggle",
+    category: "DaisyUI",
+    description: "DaisyUI toggle switch — on/off slider style"
+  },
+  {
+    name: "range",
+    label: "Range",
+    category: "DaisyUI",
+    description: "DaisyUI range slider — styled horizontal drag input"
+  },
+  // Size
+  { name: "input-xs", label: "XS", category: "Size", exclusive: !0, requires: "input" },
+  { name: "input-sm", label: "SM", category: "Size", exclusive: !0, requires: "input" },
+  { name: "input-md", label: "MD", category: "Size", exclusive: !0, requires: "input" },
+  { name: "input-lg", label: "LG", category: "Size", exclusive: !0, requires: "input" }
+];
+e("FormElement", i);
+export {
+  i as formElementModifiers
+};

package/dist/chunks/FormElement.presets-BWaYDNHP.js

@@ -0,0 +1,80 @@
+import { f8 as o, f9 as a, fa as l, f as r, fb as t, fc as n, d_ as s, b3 as c, el as p, ch as i, ez as b } from "./index-lNS44FHV.js";
+const e = {
+  className: "p-(--input-padding) w-full border-solid border-(length:--border) border-(--input-border-color) rounded-field bg-(--input-bg-color) text-(--input-text-color) :text-[color:var(--input-placeholder-color)] focus:ring-(length:--input-focus-ring) focus:ring-(--input-focus-ring-color) focus:outline-none"
+}, m = [
+  {
+    label: "Textarea",
+    icon: o,
+    props: {
+      type: "textarea",
+      placeholder: "Enter your message...",
+      name: "message",
+      ...e
+    }
+  },
+  {
+    label: "Input",
+    icon: a,
+    props: { type: "text", placeholder: "Enter text...", name: "text", ...e }
+  },
+  {
+    label: "Email",
+    icon: l,
+    props: { type: "email", placeholder: "your@email.com", name: "email", ...e }
+  },
+  {
+    label: "Select",
+    icon: r,
+    props: { type: "select", placeholder: "Choose an option...", name: "select", ...e }
+  },
+  {
+    label: "Checkbox",
+    icon: t,
+    props: {
+      type: "checkbox",
+      label: "I agree",
+      name: "agree",
+      className: "size-4 accent-(--input-focus-ring-color)"
+    }
+  },
+  {
+    label: "Radio",
+    icon: n,
+    props: {
+      type: "radio",
+      label: "Option",
+      name: "choice",
+      className: "size-4 accent-(--input-focus-ring-color)"
+    }
+  },
+  {
+    label: "Number",
+    icon: s,
+    props: { type: "number", placeholder: "0", name: "number", ...e }
+  },
+  { label: "Date", icon: c, props: { type: "date", name: "date", ...e } },
+  {
+    label: "File",
+    icon: p,
+    props: {
+      type: "file",
+      name: "file",
+      className: "w-full text-sm file:mr-4 file:rounded file:border-0 file:bg-(--input-bg-color) file:px-space-sm file:py-space-xs file:text-sm file:font-medium"
+    }
+  },
+  {
+    label: "Range",
+    icon: i,
+    props: {
+      type: "range",
+      name: "range",
+      min: "0",
+      max: "100",
+      className: "w-full accent-(--input-focus-ring-color)"
+    }
+  }
+];
+b("FormElement", m);
+export {
+  m as formElementPresets
+};

package/dist/chunks/FormElement.render-C2pe8cfJ.js

@@ -0,0 +1,36 @@
+import { useState as d, useEffect as l } from "react";
+import { cU as i, cV as c, cW as p, d1 as u } from "./index-lNS44FHV.js";
+const g = (r) => {
+  const t = {
+    root: {},
+    className: "border-solid border-(length:--border) border-(--input-border-color) rounded-field bg-(--input-bg-color) text-(--input-text-color) placeholder:text-(--input-placeholder-color) focus:ring-(length:--input-focus-ring) focus:ring-(--input-focus-ring-color) focus:outline-none",
+    type: "",
+    placeholder: "",
+    name: "",
+    required: !1,
+    disabled: !1,
+    readOnly: !1,
+    rows: 4,
+    cols: 50,
+    min: "",
+    max: "",
+    step: "",
+    pattern: "",
+    options: [],
+    ...r
+  }, e = i(), o = c(), [n, a] = d(!1);
+  l(() => a(!0), []);
+  const s = p({
+    id: (o == null ? void 0 : o.id) ?? "",
+    isCanvas: !1,
+    hasChildNodes: !1,
+    displayName: (o == null ? void 0 : o.displayName) ?? "FormElement",
+    rootProps: (e == null ? void 0 : e.rootProps) ?? {},
+    pageMedia: (e == null ? void 0 : e.pageMedia) ?? null,
+    pageIndex: (e == null ? void 0 : e.pageIndex) ?? {}
+  });
+  return s.isMounted = n, u(t, s);
+};
+export {
+  g as FormElementRender
+};

package/dist/chunks/FormElement.render-C7v0YFFO.js

@@ -0,0 +1,184 @@
+import c, { useState as S, useEffect as x } from "react";
+import { jsxs as y, Fragment as z, jsx as k } from "react/jsx-runtime";
+import { e as O, f as A, p as F, r as j, q as L, t as I, a as W, v as H, w as K, b as q, m as _, x as R, u as D, c as G, d as J } from "./viewer-Dg-Nplli.js";
+function Q(e, t) {
+  var N, E;
+  const r = O(), s = A();
+  F();
+  const h = (l) => l && R(l, t.rootProps, r, s), n = e.stateBinding, i = n != null && n.key ? j(n.key, s) || n.key : void 0, u = L(i), f = `ph-input-${t.id}`, C = c.useRef(
+    null
+  ), v = c.useRef(null);
+  c.useEffect(() => {
+    if (t.enabled || !i) return;
+    const l = C.current;
+    if (!l || document.activeElement === l) return;
+    const d = u ?? "";
+    if ((n == null ? void 0 : n.mode) === "checked") {
+      const o = l, g = d === o.value || d === "on";
+      o.checked !== g && (o.checked = g);
+    } else
+      l.value !== d && (l.value = d);
+  }, [t.enabled, i, u, n == null ? void 0 : n.mode]), c.useEffect(() => {
+    if (t.enabled || !i) return;
+    const l = u, d = (n == null ? void 0 : n.defaultValue) ?? e.defaultValue;
+    (l == null || l === "") && d && I(
+      i,
+      { kind: "value", value: String(d), source: "load" },
+      "form-element"
+    );
+  }, [t.enabled, i]);
+  const V = c.useCallback(
+    (l) => {
+      if (!i) return;
+      const d = (n == null ? void 0 : n.debounceMs) ?? 0;
+      v.current && clearTimeout(v.current);
+      const o = () => I(i, { kind: "value", value: l, source: "runtime" }, "form-element");
+      d > 0 ? v.current = setTimeout(o, d) : o();
+    },
+    [i, n == null ? void 0 : n.debounceMs]
+  ), a = {
+    ref: (l) => {
+      C.current = l, t.connect(t.drag(l));
+    },
+    id: f,
+    className: e.className || "",
+    type: e.type,
+    defaultValue: (i && !t.enabled && u != null && u !== "" ? u : null) ?? e.defaultValue ?? "",
+    "aria-label": e.label || e.placeholder || e.name || `${e.type || "text"} input`
+  };
+  if (i && !t.enabled) {
+    const l = (n == null ? void 0 : n.mode) === "checked";
+    a.onChange = (d) => {
+      const o = d.target;
+      V(l ? o.checked ? o.value || "on" : "" : o.value);
+    }, l && u && u !== "" && (a.defaultChecked = u === ((N = e.attrs) == null ? void 0 : N.value) || u === "on");
+  }
+  if (W(a, e), e.placeholder && (a.placeholder = e.placeholder), e.name && (a.name = h(e.name)), e.disabled && (a.disabled = e.disabled), e.readOnly && (a.readOnly = e.readOnly), e.type === "textarea" && (e.rows && (a.rows = e.rows), e.cols && (a.cols = e.cols)), ["number", "range", "date", "datetime-local", "time", "month", "week"].includes(e.type) && (e.min && (a.min = e.min), e.max && (a.max = e.max), e.step && (a.step = e.step)), ["text", "search", "url", "tel", "email", "password"].includes(e.type) && e.pattern && (a.pattern = e.pattern), e.autoComplete)
+    a.autoComplete = e.autoComplete;
+  else {
+    const l = (e.name || "").toLowerCase(), o = {
+      email: "email",
+      name: "name",
+      "full-name": "name",
+      fullname: "name",
+      "first-name": "given-name",
+      firstname: "given-name",
+      "given-name": "given-name",
+      "last-name": "family-name",
+      lastname: "family-name",
+      "family-name": "family-name",
+      phone: "tel",
+      tel: "tel",
+      telephone: "tel",
+      address: "street-address",
+      street: "street-address",
+      city: "address-level2",
+      state: "address-level1",
+      zip: "postal-code",
+      zipcode: "postal-code",
+      "postal-code": "postal-code",
+      country: "country-name",
+      company: "organization",
+      organization: "organization",
+      org: "organization"
+    }[l] || (e.type === "email" ? "email" : e.type === "tel" ? "tel" : e.type === "url" ? "url" : null);
+    o && (a.autoComplete = o);
+  }
+  e.type === "email" && (a["aria-describedby"] = `${f}-desc`), e.type === "tel" && (a["aria-describedby"] = `${f}-desc`), e.type === "url" && (a["aria-describedby"] = `${f}-desc`), H(
+    a,
+    e.attrs,
+    (l) => typeof l == "string" ? R(l, t.rootProps, r) : l
+  ), a.type !== "checkbox" && a.type !== "radio" && a.value !== void 0 && a.onChange === void 0 && ((a.defaultValue === "" || a.defaultValue == null) && (a.defaultValue = a.value), delete a.value), e.required && (a["aria-required"] = "true", a.required = !0), e.invalid && (a["aria-invalid"] = "true"), a["data-border"] = /\bborder(-[^\s])?/.test(e.className || ""), K(a, e.handlers, t.enabled, e.handlerOptions), t.enabled && (a["data-bounding-box"] = t.enabled, t.isMounted && (a["node-id"] = t.id));
+  const b = a.type === "textarea" ? "textarea" : a.type === "select" ? "select" : "input";
+  if (t.enabled && t.isMounted) {
+    const {
+      type: l,
+      defaultValue: d,
+      autoComplete: o,
+      placeholder: g,
+      name: Z,
+      disabled: B,
+      readOnly: p,
+      required: ee,
+      "aria-required": ae,
+      "aria-describedby": le,
+      "aria-invalid": te,
+      "aria-label": ne,
+      pattern: ie,
+      min: de,
+      max: oe,
+      step: re,
+      rows: ue,
+      cols: se,
+      ...M
+    } = a, T = e.placeholder || e.name || e.type || "Input", $ = /* @__PURE__ */ y(z, { children: [
+      e.label && /* @__PURE__ */ y("label", { className: "mb-1 block text-sm font-medium", children: [
+        e.label,
+        e.required && /* @__PURE__ */ k("span", { "aria-hidden": "true", children: " *" })
+      ] }),
+      /* @__PURE__ */ k("span", { className: ((E = (e.className || "").match(/\bplaceholder:([^\s]+)/)) == null ? void 0 : E[1]) || "", children: T })
+    ] });
+    M.children = $;
+    const P = q({ ...M, key: `${t.id}` }, e, null, t.enabled);
+    return c.createElement(_(e, "div", t.enabled), P);
+  }
+  const m = q(
+    { ...a, key: `${t.id}-${b}` },
+    e,
+    null,
+    t.enabled
+  );
+  b === "input" ? m.type = e.type : (delete m.type, b === "textarea" && (e.rows && (m.rows = e.rows), e.cols && (m.cols = e.cols)));
+  const w = b === "select" ? c.createElement(
+    _(e, "select", t.enabled),
+    m,
+    (e.options || []).map(
+      (l) => c.createElement(
+        "option",
+        { key: l.value, value: l.value, disabled: l.disabled },
+        l.label
+      )
+    )
+  ) : c.createElement(_(e, b, t.enabled), m);
+  return e.label ? /* @__PURE__ */ y("div", { style: { width: "100%" }, children: [
+    /* @__PURE__ */ y("label", { htmlFor: f, className: "mb-1 block text-sm font-medium", children: [
+      e.label,
+      e.required && /* @__PURE__ */ k("span", { "aria-hidden": "true", children: " *" })
+    ] }),
+    w
+  ] }) : w;
+}
+const be = (e) => {
+  const t = {
+    root: {},
+    className: "border-solid border-(length:--border) border-(--input-border-color) rounded-field bg-(--input-bg-color) text-(--input-text-color) placeholder:text-(--input-placeholder-color) focus:ring-(length:--input-focus-ring) focus:ring-(--input-focus-ring-color) focus:outline-none",
+    type: "",
+    placeholder: "",
+    name: "",
+    required: !1,
+    disabled: !1,
+    readOnly: !1,
+    rows: 4,
+    cols: 50,
+    min: "",
+    max: "",
+    step: "",
+    pattern: "",
+    options: [],
+    ...e
+  }, r = D(), s = G(), [h, n] = S(!1);
+  x(() => n(!0), []);
+  const i = J({
+    id: (s == null ? void 0 : s.id) ?? "",
+    isCanvas: !1,
+    hasChildNodes: !1,
+    displayName: (s == null ? void 0 : s.displayName) ?? "FormElement",
+    rootProps: (r == null ? void 0 : r.rootProps) ?? {},
+    pageMedia: (r == null ? void 0 : r.pageMedia) ?? null,
+    pageIndex: (r == null ? void 0 : r.pageIndex) ?? {}
+  });
+  return i.isMounted = h, Q(t, i);
+};
+export {
+  be as FormElementRender
+};