@myparcel-dev/vue-form-builder 1.0.0-beta.44 → 1.0.0-beta.44-pdk-compatible

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export type { AnyElementConfiguration, AnyElementInstance, ComponentOrHtmlElement, ComponentProps, CreatedElement, CreatedField, CreatedForm, ElementName, FormConfiguration, FormInstance, InteractiveElementConfiguration, InteractiveElementInstance, ModularCreatedElement, ModularCreatedField, PlainElementConfiguration, PlainElementInstance, ResolvedElementConfiguration, Validator, } from '@myparcel-vfb/core';
 export type { SelectOption } from '@myparcel-vfb/utils';
 export { FormHook, MagicForm, createField, createForm, defineField, defineForm, useElement, useForm, useFormBuilder, } from '@myparcel-vfb/core';
+import { MagicForm as __MagicForm } from '@myparcel-vfb/core';
+export default __MagicForm;
 export { MyParcelFormBuilderPlugin, createMyParcelFormBuilderPlugin } from '@myparcel-vfb/plugin';

package/dist/index.js

@@ -2,18 +2,18 @@ var le = Object.defineProperty;
 var ue = (s, t, e) => t in s ? le(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var n = (s, t, e) => (ue(s, typeof t != "symbol" ? t + "" : t, e), e);
 import * as he from "vue";
-import { inject as K, defineComponent as y, toRefs as q, computed as b, unref as v, openBlock as m, createBlock as w, resolveDynamicComponent as T, mergeProps as G, createSlots as fe, renderList as B, withCtx as k, renderSlot as O, normalizeProps as de, guardReactiveProps as ce, provide as J, h as g, Teleport as me, reactive as C, markRaw as F, ref as f, onMounted as Y, onUnmounted as pe, defineAsyncComponent as be, toValue as o, createElementBlock as A, Fragment as _, Suspense as Q, createCommentVNode as W, withModifiers as L, createVNode as ve, watchEffect as we, watch as H } from "vue";
-import { isOfType as p, asyncEvery as ye } from "@myparcel/ts-utils";
-import { useMemoize as ke, isDefined as Ee } from "@vueuse/core";
-const ge = (s) => p(s, "then") ? s : Promise.resolve(s), z = (s) => s.charAt(0).toUpperCase() + s.slice(1), Ve = (s, t) => {
+import { inject as j, defineComponent as E, toRefs as K, computed as b, unref as v, openBlock as m, createBlock as w, resolveDynamicComponent as T, mergeProps as q, createSlots as fe, renderList as _, withCtx as g, renderSlot as F, normalizeProps as de, guardReactiveProps as ce, provide as J, h as k, Teleport as me, reactive as $, markRaw as D, ref as f, onMounted as Y, onUnmounted as pe, defineAsyncComponent as be, toValue as o, createElementBlock as A, Fragment as S, Suspense as Q, createCommentVNode as W, withModifiers as U, createVNode as ve, watchEffect as we, watch as H } from "vue";
+import { isOfType as p, asyncEvery as Ee } from "@myparcel/ts-utils";
+import { useMemoize as ge, isDefined as ye } from "@vueuse/core";
+const ke = (s) => p(s, "then") ? s : Promise.resolve(s), L = (s) => s.charAt(0).toUpperCase() + s.slice(1), Ve = (s, t) => {
   const e = [t];
   if (t.startsWith("before")) {
     const r = t.replace(/^before/, "").toLowerCase();
-    e.push(r), e.push(`after${z(r)}`);
+    e.push(r), e.push(`after${L(r)}`);
   }
   if (t.startsWith("after")) {
     const r = t.replace(/^after/, "").toLowerCase();
-    e.push(r), e.push(`before${z(r)}`);
+    e.push(r), e.push(`before${L(r)}`);
   }
   return e.some((r) => s.includes(r));
 };
@@ -55,7 +55,7 @@ class X {
     return t.callback.toString() === e.toString();
   }
 }
-const Z = (s) => new X(s), Oe = () => ({
+const Z = (s) => new X(s), Fe = () => ({
   field: {
     elementProp: !0
   },
@@ -80,7 +80,7 @@ const ee = Object.freeze(Object.values(c)), x = [
   "onMounted",
   "onUnmounted",
   "onUpdated"
-], te = ["blur", "click", "focus", ...x], Fe = [
+], te = ["blur", "click", "focus", ...x], De = [
   "blur",
   "focus",
   "sanitize",
@@ -98,26 +98,26 @@ const ee = Object.freeze(Object.values(c)), x = [
       });
     });
   }
-}), De = (s) => {
+}), Oe = (s) => {
   se().register(s.hooks, s);
 }, re = Symbol("form"), ie = Symbol("element"), Je = () => {
-  const s = K(ie);
+  const s = j(ie);
   if (!s)
     throw new Error("No element found.");
   return s;
-}, M = () => {
-  const s = K(re);
+}, C = () => {
+  const s = j(re);
   if (!s)
     throw new Error("No form found.");
   return s;
-}, Re = /* @__PURE__ */ y({
+}, Be = /* @__PURE__ */ E({
   __name: "FormElement",
   props: {
     element: {}
   },
   setup(s) {
-    const t = s, e = q(t);
-    De(e.element.value);
+    const t = s, e = K(t);
+    Oe(e.element.value);
     const r = b(() => {
       var h, l;
       const a = (l = (h = t.element.form) == null ? void 0 : h.config.field) == null ? void 0 : l.elementProp, u = {
@@ -132,25 +132,25 @@ const ee = Object.freeze(Object.values(c)), x = [
         t.element.ref = a;
       }
     });
-    return (a, u) => (m(), w(T(a.element.component), G({
+    return (a, u) => (m(), w(T(a.element.component), q({
       modelValue: i.value,
       "onUpdate:modelValue": u[0] || (u[0] = (h) => i.value = h)
     }, r.value), fe({ _: 2 }, [
-      B(Object.keys(a.$slots), (h) => ({
+      _(Object.keys(a.$slots), (h) => ({
         name: h,
-        fn: k((l) => [
-          O(a.$slots, h, de(ce(l || {})))
+        fn: g((l) => [
+          F(a.$slots, h, de(ce(l || {})))
         ])
       }))
     ]), 1040, ["modelValue"]));
   }
-}), $e = (s) => {
+}), Re = (s) => {
   const t = [];
   let e = {};
   return p(s, "children") && (Array.isArray(s.children) ? s.children.forEach((r) => {
     t.push(typeof r == "function" ? r : () => r);
   }) : p(s, "children") ? e = s.children : t.push(s.children)), { ...t, ...e };
-}, N = y({
+}, N = E({
   name: "FormElementWrapper",
   props: {
     form: {
@@ -167,12 +167,12 @@ const ee = Object.freeze(Object.values(c)), x = [
   },
   render() {
     var i, a, u;
-    const s = $e(this.element.component);
-    let t = g(
-      Re,
+    const s = Re(this.element.component);
+    let t = k(
+      Be,
       {
         ...this.$attrs,
-        ...ze(this.element),
+        ...Le(this.element),
         element: this.element
       },
       {
@@ -184,7 +184,7 @@ const ee = Object.freeze(Object.values(c)), x = [
     const e = typeof this.element.wrapper != "boolean";
     if (this.element.wrapper === !0 && ((i = this.form.config.field) == null ? void 0 : i.wrapper) || e) {
       const h = t;
-      t = g(
+      t = k(
         e ? this.element.wrapper : (a = this.form.config.field) == null ? void 0 : a.wrapper,
         {
           ...this.$attrs,
@@ -194,11 +194,11 @@ const ee = Object.freeze(Object.values(c)), x = [
         { ...this.element.slots, default: () => h }
       );
     }
-    return this.element.teleportSelector ? g(me, { to: this.element.teleportSelector }, [t]) : t;
+    return this.element.teleportSelector ? k(me, { to: this.element.teleportSelector }, [t]) : t;
   }
-}), Ce = (s) => y({
+}), $e = (s) => E({
   setup() {
-    const t = M(), e = f();
+    const t = C(), e = f();
     return Y(async () => {
       e.value = await t.addElement(s);
     }), pe(() => {
@@ -209,47 +209,47 @@ const ee = Object.freeze(Object.values(c)), x = [
     };
   },
   render() {
-    return this.element && g(N, { ...this.$attrs, form: this.form, element: this.element }, this.$slots);
+    return this.element && k(N, { ...this.$attrs, form: this.form, element: this.element }, this.$slots);
   }
-}), Me = (s) => y({
+}), Ce = (s) => E({
   setup() {
-    const t = M();
+    const t = C();
     return { element: b(() => s.name && t.getField(s.name)) };
   },
   render() {
-    return this.element && g("label", { for: this.element.attributes.id ?? this.element.name }, [this.element.label]);
+    return this.element && k("label", { for: this.element.attributes.id ?? this.element.name }, [this.element.label]);
   }
-}), Se = (s) => y({
+}), Me = (s) => E({
   setup() {
-    const t = M();
+    const t = C();
     return { element: b(() => s.name ? t.getField(s.name) : void 0) };
   },
   render() {
     var t, e, r;
     return o((t = this.element) == null ? void 0 : t.errors) && ((r = (e = this.$slots).default) == null ? void 0 : r.call(e, { errors: o(this.element.errors) }));
   }
-}), j = (s) => F(be(() => Promise.resolve(s()))), Ye = (s) => C({
+}), z = (s) => D(be(() => Promise.resolve(s()))), Ye = (s) => $({
   field: s,
-  Component: F(Ce(s)),
+  Component: D($e(s)),
   ...p(s, "ref") && {
     ref: s.ref ?? f(),
-    Label: j(() => Me(s)),
-    Errors: j(() => Se(s))
+    Label: z(() => Ce(s)),
+    Errors: z(() => Me(s))
   }
-}), Ae = /* @__PURE__ */ y({
+}), Ae = /* @__PURE__ */ E({
   __name: "RenderedFormContent",
   setup(s) {
-    const t = f(!1), e = M();
+    const t = f(!1), e = C();
     if (!e)
       throw new Error("Form not found");
     const r = b(() => o(e.fields).filter((a) => !a.teleportSelector)), i = b(() => o(e.fields).filter((a) => !!a.teleportSelector));
-    return (a, u) => (m(), A(_, null, [
+    return (a, u) => (m(), A(S, null, [
       v(e) ? (m(), w(Q, {
         key: 0,
         onResolve: u[0] || (u[0] = (h) => t.value = !0)
       }, {
-        default: k(() => [
-          (m(!0), A(_, null, B(r.value, (h, l) => (m(), w(v(N), {
+        default: g(() => [
+          (m(!0), A(S, null, _(r.value, (h, l) => (m(), w(v(N), {
             key: `element--${h.name ?? "unnamed"}--${l}`,
             element: h,
             form: v(e)
@@ -257,14 +257,14 @@ const ee = Object.freeze(Object.values(c)), x = [
         ]),
         _: 1
       })) : W("", !0),
-      v(e) && t.value ? (m(!0), A(_, { key: 1 }, B(i.value, (h, l) => (m(), w(v(N), {
+      v(e) && t.value ? (m(!0), A(S, { key: 1 }, _(i.value, (h, l) => (m(), w(v(N), {
         key: `element--${h.name ?? "unnamed"}--${l}`,
         element: h,
         form: v(e)
       }, null, 8, ["element", "form"]))), 128)) : W("", !0)
     ], 64));
   }
-}), _e = y({
+}), Se = E({
   name: "Fragment",
   props: {
     component: {
@@ -278,21 +278,21 @@ const ee = Object.freeze(Object.values(c)), x = [
     e[r] = i;
   return e;
 };
-function Be(s, t, e, r, i, a) {
+function _e(s, t, e, r, i, a) {
   return s.component ? (m(), w(T(s.component), { key: 0 }, {
-    default: k(() => [
-      O(s.$slots, "default")
+    default: g(() => [
+      F(s.$slots, "default")
     ]),
     _: 3
-  })) : O(s.$slots, "default", { key: 1 });
+  })) : F(s.$slots, "default", { key: 1 });
 }
-const He = /* @__PURE__ */ Pe(_e, [["render", Be]]), xe = /* @__PURE__ */ y({
+const He = /* @__PURE__ */ Pe(Se, [["render", _e]]), xe = /* @__PURE__ */ E({
   __name: "MagicForm",
   props: {
     form: {}
   },
   setup(s, { emit: t }) {
-    const e = f(null), r = s, i = t, u = q(r).form.value;
+    const e = f(null), r = s, i = t, u = K(r).form.value;
     return Y(() => {
       const l = o(e);
       l && (r.form.element = l);
@@ -300,25 +300,25 @@ const He = /* @__PURE__ */ Pe(_e, [["render", Be]]), xe = /* @__PURE__ */ y({
       r.form.on(l, (d) => {
         i(l, d);
       });
-    }), se().register(u.hooks, u), (l, d) => (m(), w(T(l.form.config.form.tag), G({
+    }), se().register(u.hooks, u), (l, d) => (m(), w(T(l.form.config.form.tag), q({
       id: l.form.name,
       ref_key: "formElement",
       ref: e
     }, l.form.config.form.attributes, {
-      onSubmit: d[0] || (d[0] = L(() => l.form.submit(), ["prevent"])),
-      onReset: d[1] || (d[1] = L(() => l.form.reset(), ["prevent"]))
+      onSubmit: d[0] || (d[0] = U(() => l.form.submit(), ["prevent"])),
+      onReset: d[1] || (d[1] = U(() => l.form.reset(), ["prevent"]))
     }), {
-      default: k(() => [
+      default: g(() => [
         ve(He, {
           component: l.form.config.form.wrapper
         }, {
-          default: k(() => [
+          default: g(() => [
             l.$slots.default ? (m(), w(Q, { key: 0 }, {
-              default: k(() => [
-                O(l.$slots, "default")
+              default: g(() => [
+                F(l.$slots, "default")
               ]),
-              fallback: k(() => [
-                O(l.$slots, "loader")
+              fallback: g(() => [
+                F(l.$slots, "loader")
               ]),
               _: 3
             })) : (m(), w(Ae, { key: 1 }))
@@ -332,17 +332,17 @@ const He = /* @__PURE__ */ Pe(_e, [["render", Be]]), xe = /* @__PURE__ */ y({
 }), Ne = (s, t) => ne().register(s, t), Qe = (s, t) => {
   const e = Ne(s, t);
   return {
-    Component: F((r, i) => g(xe, { ...i.attrs, form: e }, i.slots)),
+    Component: D((r, i) => k(xe, { ...i.attrs, form: e }, i.slots)),
     instance: e
   };
-}, Xe = (s) => s, E = (s) => {
+}, Xe = (s) => s, y = (s) => {
   if (typeof s == "string" || typeof s == "boolean")
     return s;
   if (s)
-    return F(s);
-}, $ = (s, t) => {
+    return D(s);
+}, R = (s, t) => {
   s && we(() => {
-    ge(s()).then((e) => {
+    ke(s()).then((e) => {
       t.value = e;
     });
   });
@@ -366,11 +366,11 @@ class oe {
     const r = this.hooks.getAvailableHooks();
     if (Object.keys(e).filter((i) => !r.includes(i)).forEach((i) => {
       this[i] = e[i];
-    }), this.props = C(e.props ?? {}), this.attributes = C(e.attributes ?? {}), this.config = e, this.form = t, this.name = e.name, this.wrapper = e.wrapper ?? !0, this.setVisible(e.visible ?? !0), this.formattedErrors = b(() => o(this.errors).map((i) => typeof i == "function" ? i() : i)), "visibleWhen" in e && $(() => this.config.visibleWhen(this), this.isVisible), typeof e.component == "string") {
+    }), this.props = $(e.props ?? {}), this.attributes = $(e.attributes ?? {}), this.config = e, this.form = t, this.name = e.name, this.wrapper = e.wrapper ?? !0, this.setVisible(e.visible ?? !0), this.formattedErrors = b(() => o(this.errors).map((i) => typeof i == "function" ? i() : i)), "visibleWhen" in e && R(() => this.config.visibleWhen(this), this.isVisible), typeof e.component == "string") {
       this.component = e.component;
       return;
     }
-    this.component = F(e.component);
+    this.component = D(e.component);
   }
   setVisible(t) {
     this.isVisible.value = t;
@@ -387,7 +387,7 @@ class Ie extends oe {
   // eslint-disable-next-line max-lines-per-function
   constructor(e, r) {
     var i, a, u;
-    super(e, { ...r, hookNames: Fe });
+    super(e, { ...r, hookNames: De });
     n(this, "errorsTarget");
     n(this, "isDirty", f(!1));
     n(this, "isDisabled", f(!1));
@@ -419,22 +419,22 @@ class Ie extends oe {
         const d = await l.validate(this, o(this.ref));
         if (!d && l.errorMessage)
           if (this.errorsTarget) {
-            const S = o(this.form.fields).find(
+            const M = o(this.form.fields).find(
               (ae) => ae.name === this.errorsTarget
             );
-            (I = o(S == null ? void 0 : S.errors)) == null || I.push(l.errorMessage);
+            (I = o(M == null ? void 0 : M.errors)) == null || I.push(l.errorMessage);
           } else
             o(this.errors).push(l.errorMessage);
         return d;
       }, r = o(this.validators).filter((l) => !l.precedence), i = o(this.validators).filter((l) => p(l, "precedence")).sort((l, d) => (l.precedence ?? 0) - (d.precedence ?? 0));
       o(this.isOptional) || r.push(Te(((h = this.form.config.validationMessages) == null ? void 0 : h.required) ?? ""));
-      const a = (await Promise.all(r.map(e))).every(Boolean), u = await ye(i, e);
+      const a = (await Promise.all(r.map(e))).every(Boolean), u = await Ee(i, e);
       return this.isValid.value = a && u, await this.hooks.execute("afterValidate", this, o(this.ref), o(this.isValid)), o(this.isValid);
     });
     this.ref = r.ref, (i = e.config.initialValues) != null && i.hasOwnProperty(r.name) && (this.ref.value = e.config.initialValues[r.name]), this.initialValue = o(this.ref), this.lazy = r.lazy ?? !1, this.errorsTarget = r.errorsTarget, this.label = r.label ? ((u = (a = e.config).renderLabel) == null ? void 0 : u.call(a, r.label)) ?? r.label : void 0, this.isDisabled.value = r.disabled ?? !1, this.isOptional.value = r.optional ?? !1, this.isReadOnly.value = r.readOnly ?? !1, this.createValidators(r), H(this.ref, async (h, l) => {
       await this.hooks.execute("beforeUpdate", this, h, l), this.isDirty.value = !0, await this.hooks.execute("afterUpdate", this, h, l);
     }), H(e.stable, (h) => {
-      h && (r.disabledWhen && $(() => r.disabledWhen(this), this.isDisabled), r.optionalWhen && $(() => r.optionalWhen(this), this.isOptional), r.readOnlyWhen && $(() => r.readOnlyWhen(this), this.isReadOnly));
+      h && (r.disabledWhen && R(() => r.disabledWhen(this), this.isDisabled), r.optionalWhen && R(() => r.optionalWhen(this), this.isOptional), r.readOnlyWhen && R(() => r.readOnlyWhen(this), this.isReadOnly));
     });
   }
   setDisabled(e) {
@@ -470,12 +470,13 @@ class We {
     n(this, "on");
     n(this, "stable", f(!1));
     n(this, "values");
-    n(this, "getFieldMemoized", ke((t) => o(this.fields).find((r) => r.name === t) ?? null));
+    n(this, "getFieldMemoized", ge((t) => o(this.fields).find((r) => r.name === t) ?? null));
     const { fields: r, ...i } = e;
-    e.hookNames = [...ee, ...e.hookNames ?? []], this.hooks = Z(e), this.on = this.hooks.register.bind(this.hooks), this.off = this.hooks.unregister.bind(this.hooks), this.name = t, this.config = i, this.values = C({}), E(this.config.field.wrapper), E(this.config.fieldDefaults.wrapper), r.forEach((a) => {
-      const u = this.createFieldInstance(a, this);
-      o(this.fields).push(u);
-    }), this.interactiveFields = b(() => o(this.fields).filter((a) => p(a, "ref"))), this.isDirty = b(() => o(this.interactiveFields).some((a) => o(a.isDirty))), this.stable.value = !0;
+    e.hookNames = [...ee, ...e.hookNames ?? []], this.hooks = Z(e), this.on = this.hooks.register.bind(this.hooks), this.off = this.hooks.unregister.bind(this.hooks), this.name = t, this.config = i, this.values = $({}), y(this.config.field.wrapper), y(this.config.fieldDefaults.wrapper), r.forEach((a, u) => {
+      ;
+      const h = this.createFieldInstance(a, this);
+      o(this.fields).push(h), .length, "items");
+    }), ), this.interactiveFields = b(() => o(this.fields).filter((a) => p(a, "ref"))), this.isDirty = b(() => o(this.interactiveFields).some((a) => o(a.isDirty))), this.stable.value = !0;
   }
   async addElement(t, e, r = "after") {
     await this.hooks.execute(c.BeforeAddElement, this, t);
@@ -537,7 +538,7 @@ class We {
         ...t.attributes
       }
     };
-    if (E(r.component), E(r.wrapper), !p(r, "ref")) {
+    if (y(r.component), y(r.wrapper), !p(r, "ref")) {
       const u = new oe(e, r);
       return this.registerElement(r.name, u);
     }
@@ -547,31 +548,31 @@ class We {
     }), o(i.isDisabled) || (this.values[r.name] = v(i.ref)), this.registerElement(r.name, i);
   }
   registerElement(t, e) {
-    return Ee(t) && (this.model[t] = e, this.getFieldMemoized.delete(t)), e;
+    return ye(t) && (this.model[t] = e, this.getFieldMemoized.delete(t)), e;
   }
 }
-let D, V, R;
-const Le = "register", ne = () => (D ?? (D = f({})), V ?? (V = f(Oe())), R ?? (R = new X({
-  hookNames: [Le]
+let O, V, B;
+const Ue = "register", ne = () => (O ?? (O = f({})), V ?? (V = f(Fe())), B ?? (B = new X({
+  hookNames: [Ue]
 })), {
-  forms: D,
+  forms: O,
   defaults: V,
   on(s, t) {
-    R.register(s, t);
+    B.register(s, t);
   },
   getForm(s) {
-    return o(D)[s];
+    return o(O)[s];
   },
   // @ts-expect-error todo
   register(s, t) {
-    R.execute("beforeRegister");
-    const e = new We(s, U(o(V), t));
-    return o(D)[s] = e, R.execute("afterRegister", e), e;
+    B.execute("beforeRegister");
+    const e = new We(s, G(o(V), t));
+    return o(O)[s] = e, B.execute("afterRegister", e), e;
   },
   setDefaults(s) {
-    V.value = U(o(V), s);
+    V.value = G(o(V), s);
   }
-}), U = (s, t) => {
+}), G = (s, t) => {
   var e, r, i, a, u, h;
   return {
     ...s,
@@ -580,7 +581,7 @@ const Le = "register", ne = () => (D ?? (D = f({})), V ?? (V = f(Oe())), R ?? (R
     form: {
       ...s.form,
       ...t.form,
-      wrapper: E(((e = t.form) == null ? void 0 : e.wrapper) ?? ((r = s.form) == null ? void 0 : r.wrapper)),
+      wrapper: y(((e = t.form) == null ? void 0 : e.wrapper) ?? ((r = s.form) == null ? void 0 : r.wrapper)),
       attributes: {
         ...s.form.attributes,
         ...(i = t.form) == null ? void 0 : i.attributes
@@ -589,31 +590,32 @@ const Le = "register", ne = () => (D ?? (D = f({})), V ?? (V = f(Oe())), R ?? (R
     fieldDefaults: {
       ...s.fieldDefaults,
       ...t.fieldDefaults,
-      wrapper: E(((a = t.fieldDefaults) == null ? void 0 : a.wrapper) ?? ((u = s.fieldDefaults) == null ? void 0 : u.wrapper)),
+      wrapper: y(((a = t.fieldDefaults) == null ? void 0 : a.wrapper) ?? ((u = s.fieldDefaults) == null ? void 0 : u.wrapper)),
       attributes: {
         ...s.fieldDefaults.attributes,
         ...(h = t.fieldDefaults) == null ? void 0 : h.attributes
       }
     }
   };
-}, ze = (s) => ({}), je = {
+}, Le = (s) => ({}), ze = {
   install(s, t) {
     const e = ne();
     s._context.config.globalProperties.$formBuilder = e, t && e.setDefaults(t);
   }
 }, Ze = (s) => ({
-  install: (t) => je.install(t, s)
+  install: (t) => ze.install(t, s)
 });
 export {
   c as FormHook,
   xe as MagicForm,
-  je as MyParcelFormBuilderPlugin,
+  ze as MyParcelFormBuilderPlugin,
   Ye as createField,
   Qe as createForm,
   Ze as createMyParcelFormBuilderPlugin,
+  xe as default,
   Xe as defineField,
   Ne as defineForm,
   Je as useElement,
-  M as useForm,
+  C as useForm,
   ne as useFormBuilder
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myparcel-dev/vue-form-builder",
-  "version": "1.0.0-beta.44",
+  "version": "1.0.0-beta.44-pdk-compatible",
   "keywords": [
     "vue",
     "form-builder",
@@ -49,4 +49,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}