@morscherlab/mld-sdk 0.6.5 → 0.7.1

package/dist/__tests__/composables/formBuilderRegistry.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/composables/useFormBuilder.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/BaseButton.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    variant: ButtonVariant;
     size: ButtonSize;
+    variant: ButtonVariant;
     loading: boolean;
     type: "button" | "submit" | "reset";
     fullWidth: boolean;

package/dist/components/BasePill.vue.d.ts

@@ -40,8 +40,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onRemove?: (() => any) | undefined;
 }>, {
     disabled: boolean;
-    variant: PillVariant;
     size: PillSize;
+    variant: PillVariant;
     removable: boolean;
     icon: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;

package/dist/components/DropdownButton.vue.d.ts

@@ -38,8 +38,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     disabled: boolean;
-    variant: ButtonVariant;
     size: ButtonSize;
+    variant: ButtonVariant;
     loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;

package/dist/components/FormActions.vue.d.ts

@@ -0,0 +1,33 @@
+interface Props {
+    isWizard?: boolean;
+    isFirst?: boolean;
+    isLast?: boolean;
+    canProceed?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    submitLabel?: string;
+    cancelLabel?: string;
+    showCancel?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: () => any;
+    cancel: () => any;
+    next: () => any;
+    back: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    loading: boolean;
+    cancelLabel: string;
+    isWizard: boolean;
+    isFirst: boolean;
+    isLast: boolean;
+    canProceed: boolean;
+    submitLabel: string;
+    showCancel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/FormActions.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent, openBlock, createElementBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import _sfc_main$1 from "./BaseButton.vue.js";
+/* empty css                */
+const _hoisted_1 = { class: "mld-form-actions" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormActions",
+  props: {
+    isWizard: { type: Boolean, default: false },
+    isFirst: { type: Boolean, default: true },
+    isLast: { type: Boolean, default: true },
+    canProceed: { type: Boolean, default: true },
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    submitLabel: { default: "Submit" },
+    cancelLabel: { default: "Cancel" },
+    showCancel: { type: Boolean, default: false }
+  },
+  emits: ["submit", "cancel", "back", "next"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.showCancel ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          variant: "ghost",
+          disabled: __props.loading || __props.disabled,
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.cancelLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : createCommentVNode("", true),
+        _cache[6] || (_cache[6] = createElementVNode("div", { style: { "flex": "1" } }, null, -1)),
+        __props.isWizard && !__props.isFirst ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 1,
+          variant: "secondary",
+          disabled: __props.loading || __props.disabled,
+          onClick: _cache[1] || (_cache[1] = ($event) => emit("back"))
+        }, {
+          default: withCtx(() => [..._cache[4] || (_cache[4] = [
+            createTextVNode(" Back ", -1)
+          ])]),
+          _: 1
+        }, 8, ["disabled"])) : createCommentVNode("", true),
+        __props.isWizard && !__props.isLast ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 2,
+          variant: "primary",
+          disabled: !__props.canProceed || __props.loading || __props.disabled,
+          onClick: _cache[2] || (_cache[2] = ($event) => emit("next"))
+        }, {
+          default: withCtx(() => [..._cache[5] || (_cache[5] = [
+            createTextVNode(" Next ", -1)
+          ])]),
+          _: 1
+        }, 8, ["disabled"])) : createCommentVNode("", true),
+        !__props.isWizard || __props.isLast ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 3,
+          variant: "primary",
+          loading: __props.loading,
+          disabled: !__props.canProceed || __props.loading || __props.disabled,
+          onClick: _cache[3] || (_cache[3] = ($event) => emit("submit"))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.submitLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormActions.vue.js.map

package/dist/components/FormActions.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormActions.vue.js","sources":["../../src/components/FormActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Action bar rendered at the bottom of a FormBuilder.\n *\n * Supports two modes:\n * - Flat form: shows an optional Cancel button and a Submit button.\n * - Wizard (`isWizard=true`): shows Back / Next on intermediate steps and\n *   Submit only on the last step. Back is hidden on the first step.\n *\n * The `canProceed` prop gates the primary action (Next or Submit) to prevent\n * advancing when the current step has validation errors.\n */\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  isWizard?: boolean\n  isFirst?: boolean\n  isLast?: boolean\n  canProceed?: boolean\n  loading?: boolean\n  disabled?: boolean\n  submitLabel?: string\n  cancelLabel?: string\n  showCancel?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  isWizard: false,\n  isFirst: true,\n  isLast: true,\n  canProceed: true,\n  loading: false,\n  disabled: false,\n  submitLabel: 'Submit',\n  cancelLabel: 'Cancel',\n  showCancel: false,\n})\n\nconst emit = defineEmits<{\n  submit: []\n  cancel: []\n  back: []\n  next: []\n}>()\n</script>\n\n<template>\n  <div class=\"mld-form-actions\">\n    <BaseButton\n      v-if=\"showCancel\"\n      variant=\"ghost\"\n      :disabled=\"loading || disabled\"\n      @click=\"emit('cancel')\"\n    >\n      {{ cancelLabel }}\n    </BaseButton>\n\n    <div style=\"flex: 1\" />\n\n    <BaseButton\n      v-if=\"isWizard && !isFirst\"\n      variant=\"secondary\"\n      :disabled=\"loading || disabled\"\n      @click=\"emit('back')\"\n    >\n      Back\n    </BaseButton>\n\n    <BaseButton\n      v-if=\"isWizard && !isLast\"\n      variant=\"primary\"\n      :disabled=\"!canProceed || loading || disabled\"\n      @click=\"emit('next')\"\n    >\n      Next\n    </BaseButton>\n\n    <BaseButton\n      v-if=\"!isWizard || isLast\"\n      variant=\"primary\"\n      :loading=\"loading\"\n      :disabled=\"!canProceed || loading || disabled\"\n      @click=\"emit('submit')\"\n    >\n      {{ submitLabel }}\n    </BaseButton>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-builder.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createBlock","BaseButton","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AAsCA,UAAM,OAAO;;AASX,aAAAA,UAAA,GAAAC,mBAuCM,OAvCN,YAuCM;AAAA,QArCI,QAAA,2BADRC,YAOaC,aAAA;AAAA;UALX,SAAQ;AAAA,UACP,UAAU,QAAA,WAAW,QAAA;AAAA,UACrB,+CAAO,KAAI,QAAA;AAAA,QAAA;2BAEZ,MAAiB;AAAA,4CAAd,QAAA,WAAW,GAAA,CAAA;AAAA,UAAA;;;kCAGhBC,mBAAuB,OAAA,EAAlB,OAAA,EAAA,QAAA,IAAA,EAAA,GAAe,MAAA,EAAA;AAAA,QAGZ,QAAA,aAAa,QAAA,wBADrBF,YAOaC,aAAA;AAAA;UALX,SAAQ;AAAA,UACP,UAAU,QAAA,WAAW,QAAA;AAAA,UACrB,+CAAO,KAAI,MAAA;AAAA,QAAA;2BACb,MAED,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,4BAFC,UAED,EAAA;AAAA,UAAA;;;QAGQ,QAAA,aAAa,QAAA,uBADrBD,YAOaC,aAAA;AAAA;UALX,SAAQ;AAAA,UACP,UAAQ,CAAG,QAAA,cAAc,QAAA,WAAW,QAAA;AAAA,UACpC,+CAAO,KAAI,MAAA;AAAA,QAAA;2BACb,MAED,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,4BAFC,UAED,EAAA;AAAA,UAAA;;;QAGS,CAAA,QAAA,YAAY,QAAA,uBADrBD,YAQaC,aAAA;AAAA;UANX,SAAQ;AAAA,UACP,SAAS,QAAA;AAAA,UACT,UAAQ,CAAG,QAAA,cAAc,QAAA,WAAW,QAAA;AAAA,UACpC,+CAAO,KAAI,QAAA;AAAA,QAAA;2BAEZ,MAAiB;AAAA,4CAAd,QAAA,WAAW,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/FormActions.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./FormActions.vue.js";
+/* empty css                 */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormActions.vue3.js.map

package/dist/components/FormActions.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormActions.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/FormBuilder.vue.js

@@ -0,0 +1,205 @@
+import { defineComponent, watch, computed, ref, openBlock, createElementBlock, normalizeClass, createBlock, unref, createSlots, withCtx, renderSlot, createVNode, renderList, createElementVNode, Fragment, mergeProps, createCommentVNode } from "vue";
+import { useFormBuilder } from "../composables/useFormBuilder.js";
+import _sfc_main$1 from "./StepWizard.vue.js";
+/* empty css                */
+import _sfc_main$3 from "./FormSection.vue.js";
+/* empty css                 */
+import _sfc_main$2 from "./FormActions.vue.js";
+/* empty css                 */
+const _hoisted_1 = { class: "mld-form-builder__step" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormBuilder",
+  props: {
+    schema: {},
+    modelValue: {},
+    enhancements: {},
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    size: {},
+    readonly: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "submit", "cancel"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const builder = useFormBuilder(
+      props.schema,
+      props.modelValue,
+      props.enhancements
+    );
+    watch(
+      () => ({ ...builder.form.data }),
+      (data) => emit("update:modelValue", data),
+      { deep: true }
+    );
+    const isWizard = computed(() => !!props.schema.steps);
+    const wizardRef = ref(null);
+    const wizardSteps = computed(() => {
+      if (!props.schema.steps) return [];
+      return props.schema.steps.map((step) => ({
+        id: step.id,
+        label: step.label,
+        description: step.description,
+        icon: step.icon,
+        optional: step.optional
+      }));
+    });
+    watch(
+      () => builder.isCurrentStepValid.value,
+      (valid) => {
+        var _a;
+        (_a = wizardRef.value) == null ? void 0 : _a.setStepValid(builder.currentStep.value, valid);
+      }
+    );
+    function handleNext() {
+      var _a;
+      const success = builder.goNext();
+      if (success) {
+        (_a = wizardRef.value) == null ? void 0 : _a.setStepValid(builder.currentStep.value - 1, true);
+      }
+    }
+    async function handleSubmit() {
+      await builder.submit();
+      const formData = builder.form.data;
+      const visibleData = Object.fromEntries(
+        builder.fields.filter((f) => builder.isFieldVisible(f.name)).map((f) => [f.name, formData[f.name]])
+      );
+      emit("submit", visibleData);
+    }
+    function handleCancel() {
+      emit("cancel");
+    }
+    __expose({
+      form: builder.form,
+      validate: builder.validate,
+      reset: builder.reset,
+      goNext: builder.goNext,
+      goBack: builder.goBack,
+      goToStep: builder.goToStep,
+      builder
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mld-form-builder", __props.size ? `mld-form-builder--${__props.size}` : ""])
+      }, [
+        isWizard.value && __props.schema.steps ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          ref_key: "wizardRef",
+          ref: wizardRef,
+          steps: wizardSteps.value,
+          "model-value": unref(builder).currentStep.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(builder).goToStep($event))
+        }, createSlots({
+          navigation: withCtx(({ isFirst, isLast }) => [
+            renderSlot(_ctx.$slots, "actions", {
+              form: unref(builder).form,
+              builder: unref(builder)
+            }, () => [
+              createVNode(_sfc_main$2, {
+                "is-wizard": "",
+                "is-first": isFirst,
+                "is-last": isLast,
+                "can-proceed": unref(builder).isCurrentStepValid.value,
+                loading: __props.loading || unref(builder).form.isSubmitting.value,
+                disabled: __props.disabled,
+                "submit-label": __props.schema.submitLabel ?? "Submit",
+                "cancel-label": __props.schema.cancelLabel ?? "Cancel",
+                "show-cancel": __props.schema.showCancel ?? false,
+                onNext: handleNext,
+                onBack: unref(builder).goBack,
+                onSubmit: handleSubmit,
+                onCancel: handleCancel
+              }, null, 8, ["is-first", "is-last", "can-proceed", "loading", "disabled", "submit-label", "cancel-label", "show-cancel", "onBack"])
+            ])
+          ]),
+          _: 2
+        }, [
+          renderList(__props.schema.steps, (step) => {
+            return {
+              name: `step-${step.id}`,
+              fn: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(step.sections, (section) => {
+                    return openBlock(), createElementBlock(Fragment, {
+                      key: section.id
+                    }, [
+                      unref(builder).isSectionVisible(section.id) ? (openBlock(), createBlock(_sfc_main$3, {
+                        key: 0,
+                        section,
+                        builder: unref(builder)
+                      }, createSlots({
+                        [`section:${section.id}`]: withCtx((slotProps) => [
+                          renderSlot(_ctx.$slots, `section:${section.id}`, mergeProps({ ref_for: true }, slotProps))
+                        ]),
+                        [`section:${section.id}:after`]: withCtx((slotProps) => [
+                          renderSlot(_ctx.$slots, `section:${section.id}:after`, mergeProps({ ref_for: true }, slotProps))
+                        ]),
+                        _: 2
+                      }, [
+                        renderList(section.fields, (field) => {
+                          return {
+                            name: `field:${field.name}`,
+                            fn: withCtx((slotProps) => [
+                              renderSlot(_ctx.$slots, `field:${field.name}`, mergeProps({ ref_for: true }, slotProps))
+                            ])
+                          };
+                        })
+                      ]), 1032, ["section", "builder"])) : createCommentVNode("", true)
+                    ], 64);
+                  }), 128))
+                ])
+              ])
+            };
+          })
+        ]), 1032, ["steps", "model-value"])) : __props.schema.sections ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.schema.sections, (section) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: section.id
+            }, [
+              unref(builder).isSectionVisible(section.id) ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 0,
+                section,
+                builder: unref(builder)
+              }, createSlots({
+                [`section:${section.id}`]: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, `section:${section.id}`, mergeProps({ ref_for: true }, slotProps))
+                ]),
+                [`section:${section.id}:after`]: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, `section:${section.id}:after`, mergeProps({ ref_for: true }, slotProps))
+                ]),
+                _: 2
+              }, [
+                renderList(section.fields, (field) => {
+                  return {
+                    name: `field:${field.name}`,
+                    fn: withCtx((slotProps) => [
+                      renderSlot(_ctx.$slots, `field:${field.name}`, mergeProps({ ref_for: true }, slotProps))
+                    ])
+                  };
+                })
+              ]), 1032, ["section", "builder"])) : createCommentVNode("", true)
+            ], 64);
+          }), 128)),
+          renderSlot(_ctx.$slots, "actions", {
+            form: unref(builder).form,
+            builder: unref(builder)
+          }, () => [
+            createVNode(_sfc_main$2, {
+              loading: __props.loading || unref(builder).form.isSubmitting.value,
+              disabled: __props.disabled,
+              "submit-label": __props.schema.submitLabel ?? "Submit",
+              "cancel-label": __props.schema.cancelLabel ?? "Cancel",
+              "show-cancel": __props.schema.showCancel ?? false,
+              onSubmit: handleSubmit,
+              onCancel: handleCancel
+            }, null, 8, ["loading", "disabled", "submit-label", "cancel-label", "show-cancel"])
+          ])
+        ], 64)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormBuilder.vue.js.map

package/dist/components/FormBuilder.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.vue.js","sources":["../../src/components/FormBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Schema-driven form component that renders flat or multi-step wizard forms.\n *\n * Pass a `FormSchema` with either `sections` (flat) or `steps` (wizard).\n * Use `v-model` for two-way binding of the form data; the `submit` event\n * carries only the data for currently-visible fields. Supply `enhancements`\n * for dynamic options, custom validators, a submit handler, and field-change\n * callbacks that cannot be expressed in JSON.\n *\n * Exposes `form`, `validate`, `reset`, `goNext`, `goBack`, `goToStep`, and\n * `builder` for imperative control via template refs.\n *\n * Slots:\n * - `field:<name>` — override a single field's input component\n * - `section:<id>` — replace an entire section body\n * - `section:<id>:after` — inject content after a section\n * - `actions` — replace the default FormActions bar\n */\nimport { ref, computed, watch } from 'vue'\nimport type { FormSchema, FormEnhancements, UseFormBuilderReturn } from '../types/form-builder'\nimport type { WizardStep } from '../types'\nimport { useFormBuilder } from '../composables/useFormBuilder'\nimport StepWizard from './StepWizard.vue'\nimport FormSection from './FormSection.vue'\nimport FormActions from './FormActions.vue'\n\ninterface Props {\n  schema: FormSchema\n  modelValue?: Record<string, unknown>\n  enhancements?: FormEnhancements<Record<string, unknown>>\n  loading?: boolean\n  disabled?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  readonly?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  loading: false,\n  disabled: false,\n  readonly: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [data: Record<string, unknown>]\n  submit: [data: Record<string, unknown>]\n  cancel: []\n}>()\n\nconst builder = useFormBuilder(\n  props.schema,\n  props.modelValue,\n  props.enhancements,\n)\n\n// Sync modelValue changes back to parent\nwatch(\n  () => ({ ...builder.form.data }),\n  (data) => emit('update:modelValue', data as Record<string, unknown>),\n  { deep: true },\n)\n\n// Wizard support\nconst isWizard = computed(() => !!props.schema.steps)\nconst wizardRef = ref<InstanceType<typeof StepWizard> | null>(null)\n\nconst wizardSteps = computed<WizardStep[]>(() => {\n  if (!props.schema.steps) return []\n  return props.schema.steps.map((step) => ({\n    id: step.id,\n    label: step.label,\n    description: step.description,\n    icon: step.icon,\n    optional: step.optional,\n  }))\n})\n\n// Sync step validation state with StepWizard\nwatch(\n  () => builder.isCurrentStepValid.value,\n  (valid) => {\n    wizardRef.value?.setStepValid(builder.currentStep.value, valid)\n  },\n)\n\nfunction handleNext() {\n  const success = builder.goNext()\n  if (success) {\n    wizardRef.value?.setStepValid(builder.currentStep.value - 1, true)\n  }\n}\n\nasync function handleSubmit() {\n  await builder.submit()\n  const formData = builder.form.data as Record<string, unknown>\n  const visibleData = Object.fromEntries(\n    builder.fields\n      .filter((f) => builder.isFieldVisible(f.name))\n      .map((f) => [f.name, formData[f.name]]),\n  )\n  emit('submit', visibleData)\n}\n\nfunction handleCancel() {\n  emit('cancel')\n}\n\ndefineExpose({\n  form: builder.form,\n  validate: builder.validate,\n  reset: builder.reset,\n  goNext: builder.goNext,\n  goBack: builder.goBack,\n  goToStep: builder.goToStep,\n  builder,\n})\n</script>\n\n<template>\n  <div :class=\"['mld-form-builder', size ? `mld-form-builder--${size}` : '']\">\n    <!-- Wizard mode -->\n    <template v-if=\"isWizard && schema.steps\">\n      <StepWizard\n        ref=\"wizardRef\"\n        :steps=\"wizardSteps\"\n        :model-value=\"builder.currentStep.value\"\n        @update:model-value=\"builder.goToStep($event)\"\n      >\n        <template v-for=\"step in schema.steps\" :key=\"step.id\" #[`step-${step.id}`]>\n          <div class=\"mld-form-builder__step\">\n            <template v-for=\"section in step.sections\" :key=\"section.id\">\n              <FormSection\n                v-if=\"builder.isSectionVisible(section.id)\"\n                :section=\"section\"\n                :builder=\"(builder as UseFormBuilderReturn<Record<string, unknown>>)\"\n              >\n                <!-- Forward field slots -->\n                <template v-for=\"field in section.fields\" :key=\"field.name\" #[`field:${field.name}`]=\"slotProps\">\n                  <slot :name=\"`field:${field.name}`\" v-bind=\"slotProps\" />\n                </template>\n                <!-- Forward section slots -->\n                <template #[`section:${section.id}`]=\"slotProps\">\n                  <slot :name=\"`section:${section.id}`\" v-bind=\"slotProps\" />\n                </template>\n                <template #[`section:${section.id}:after`]=\"slotProps\">\n                  <slot :name=\"`section:${section.id}:after`\" v-bind=\"slotProps\" />\n                </template>\n              </FormSection>\n            </template>\n          </div>\n        </template>\n\n        <template #navigation=\"{ isFirst, isLast }\">\n          <slot name=\"actions\" :form=\"builder.form\" :builder=\"builder\">\n            <FormActions\n              is-wizard\n              :is-first=\"isFirst\"\n              :is-last=\"isLast\"\n              :can-proceed=\"builder.isCurrentStepValid.value\"\n              :loading=\"loading || builder.form.isSubmitting.value\"\n              :disabled=\"disabled\"\n              :submit-label=\"schema.submitLabel ?? 'Submit'\"\n              :cancel-label=\"schema.cancelLabel ?? 'Cancel'\"\n              :show-cancel=\"schema.showCancel ?? false\"\n              @next=\"handleNext\"\n              @back=\"builder.goBack\"\n              @submit=\"handleSubmit\"\n              @cancel=\"handleCancel\"\n            />\n          </slot>\n        </template>\n      </StepWizard>\n    </template>\n\n    <!-- Flat mode -->\n    <template v-else-if=\"schema.sections\">\n      <template v-for=\"section in schema.sections\" :key=\"section.id\">\n        <FormSection\n          v-if=\"builder.isSectionVisible(section.id)\"\n          :section=\"section\"\n          :builder=\"(builder as UseFormBuilderReturn<Record<string, unknown>>)\"\n        >\n          <!-- Forward field slots -->\n          <template v-for=\"field in section.fields\" :key=\"field.name\" #[`field:${field.name}`]=\"slotProps\">\n            <slot :name=\"`field:${field.name}`\" v-bind=\"slotProps\" />\n          </template>\n          <!-- Forward section slots -->\n          <template #[`section:${section.id}`]=\"slotProps\">\n            <slot :name=\"`section:${section.id}`\" v-bind=\"slotProps\" />\n          </template>\n          <template #[`section:${section.id}:after`]=\"slotProps\">\n            <slot :name=\"`section:${section.id}:after`\" v-bind=\"slotProps\" />\n          </template>\n        </FormSection>\n      </template>\n\n      <slot name=\"actions\" :form=\"builder.form\" :builder=\"builder\">\n        <FormActions\n          :loading=\"loading || builder.form.isSubmitting.value\"\n          :disabled=\"disabled\"\n          :submit-label=\"schema.submitLabel ?? 'Submit'\"\n          :cancel-label=\"schema.cancelLabel ?? 'Cancel'\"\n          :show-cancel=\"schema.showCancel ?? false\"\n          @submit=\"handleSubmit\"\n          @cancel=\"handleCancel\"\n        />\n      </slot>\n    </template>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-builder.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock","StepWizard","_unref","_withCtx","_renderSlot","_createVNode","FormActions","_createElementVNode","_openBlock","_Fragment","_renderList","FormSection","_mergeProps"],"mappings":"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"}

package/dist/components/FormBuilder.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./FormBuilder.vue.js";
+/* empty css                 */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormBuilder.vue3.js.map

package/dist/components/FormBuilder.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/FormFieldRenderer.vue.d.ts

@@ -0,0 +1,31 @@
+import { FormFieldSchema } from '../types/form-builder';
+import { UseFormReturn } from '../composables/useForm';
+interface Props {
+    field: FormFieldSchema;
+    resolvedProps: Record<string, unknown>;
+    form: UseFormReturn<Record<string, unknown>>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`field:${string}`, (_: {
+        field: FormFieldSchema;
+        form: UseFormReturn<Record<string, unknown>>;
+        fieldProps: {
+            modelValue: unknown;
+            'onUpdate:modelValue': (value: unknown) => void;
+            onBlur: () => void;
+            error: string | null;
+        };
+    }) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FormFieldRenderer.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent, computed, openBlock, createBlock, withCtx, renderSlot, resolveDynamicComponent, normalizeProps, mergeProps } from "vue";
+import { getFieldRegistryEntry } from "../composables/formBuilderRegistry.js";
+import _sfc_main$1 from "./FormField.vue.js";
+/* empty css               */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormFieldRenderer",
+  props: {
+    field: {},
+    resolvedProps: {},
+    form: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const entry = computed(() => getFieldRegistryEntry(props.field.type));
+    const errorMessage = computed(() => {
+      const name = props.field.name;
+      return props.form.touched[name] ? props.form.errors[name] : null;
+    });
+    function handleUpload(files) {
+      props.form.setFieldValue(props.field.name, files);
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(_sfc_main$1, {
+        label: __props.field.label,
+        error: errorMessage.value ?? void 0,
+        hint: __props.field.hint,
+        required: !!((_a = __props.field.validation) == null ? void 0 : _a.required),
+        "html-for": __props.field.name
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, `field:${__props.field.name}`, {
+            field: __props.field,
+            form: __props.form,
+            fieldProps: __props.form.getFieldProps(__props.field.name)
+          }, () => [
+            entry.value.vModel ? (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), normalizeProps(mergeProps({ key: 0 }, __props.resolvedProps)), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), mergeProps({ key: 1 }, __props.resolvedProps, { onUpload: handleUpload }), null, 16))
+          ])
+        ]),
+        _: 3
+      }, 8, ["label", "error", "hint", "required", "html-for"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormFieldRenderer.vue.js.map

package/dist/components/FormFieldRenderer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldRenderer.vue.js","sources":["../../src/components/FormFieldRenderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Renders a single form field inside a FormField wrapper.\n *\n * Resolves the SDK component for the field type from the registry, shows\n * validation errors only after the field has been touched, and handles the\n * FileUploader's event-based upload pattern via `handleUpload`. Consumers can\n * override rendering via the `field:<name>` slot.\n */\nimport { computed } from 'vue'\nimport type { FormFieldSchema } from '../types/form-builder'\nimport type { UseFormReturn } from '../composables/useForm'\nimport { getFieldRegistryEntry } from '../composables/formBuilderRegistry'\nimport FormField from './FormField.vue'\n\ninterface Props {\n  field: FormFieldSchema\n  resolvedProps: Record<string, unknown>\n  form: UseFormReturn<Record<string, unknown>>\n}\n\nconst props = defineProps<Props>()\n\nconst entry = computed(() => getFieldRegistryEntry(props.field.type))\n\nconst errorMessage = computed(() => {\n  const name = props.field.name\n  return props.form.touched[name] ? props.form.errors[name] : null\n})\n\nfunction handleUpload(files: File[]) {\n  props.form.setFieldValue(props.field.name, files)\n}\n</script>\n\n<template>\n  <FormField\n    :label=\"field.label\"\n    :error=\"errorMessage ?? undefined\"\n    :hint=\"field.hint\"\n    :required=\"!!field.validation?.required\"\n    :html-for=\"field.name\"\n  >\n    <slot :name=\"`field:${field.name}`\" :field=\"field\" :form=\"form\" :field-props=\"form.getFieldProps(field.name)\">\n      <component\n        :is=\"entry.component\"\n        v-if=\"entry.vModel\"\n        v-bind=\"resolvedProps\"\n      />\n      <component\n        :is=\"entry.component\"\n        v-else\n        v-bind=\"resolvedProps\"\n        @upload=\"handleUpload\"\n      />\n    </slot>\n  </FormField>\n</template>\n"],"names":["_createBlock","FormField","_renderSlot","_openBlock","_resolveDynamicComponent","_mergeProps"],"mappings":";;;;;;;;;;;;AAqBA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAS,MAAM,sBAAsB,MAAM,MAAM,IAAI,CAAC;AAEpE,UAAM,eAAe,SAAS,MAAM;AAClC,YAAM,OAAO,MAAM,MAAM;AACzB,aAAO,MAAM,KAAK,QAAQ,IAAI,IAAI,MAAM,KAAK,OAAO,IAAI,IAAI;AAAA,IAC9D,CAAC;AAED,aAAS,aAAa,OAAe;AACnC,YAAM,KAAK,cAAc,MAAM,MAAM,MAAM,KAAK;AAAA,IAClD;;;0BAIEA,YAoBYC,aAAA;AAAA,QAnBT,OAAO,QAAA,MAAM;AAAA,QACb,OAAO,aAAA,SAAgB;AAAA,QACvB,MAAM,QAAA,MAAM;AAAA,QACZ,UAAQ,CAAA,GAAI,aAAA,MAAM,eAAN,mBAAkB;AAAA,QAC9B,YAAU,QAAA,MAAM;AAAA,MAAA;yBAEjB,MAYO;AAAA,UAZPC,WAYO,KAAA,QAAA,SAZe,QAAA,MAAM,IAAI,IAAA;AAAA,YAAK,OAAO,QAAA;AAAA,YAAQ,MAAM,QAAA;AAAA,YAAO,YAAa,QAAA,KAAK,cAAc,QAAA,MAAM,IAAI;AAAA,UAAA,GAA3G,MAYO;AAAA,YATG,MAAA,MAAM,UAFdC,UAAA,GAAAH,YAIEI,wBAHK,MAAA,MAAM,SAAS,yCAEZ,QAAA,aAAa,CAAA,GAAA,MAAA,EAAA,mBAEvBJ,YAKEI,wBAJK,MAAA,MAAM,SAAS,GADtBC,WAKE,EAAA,KAAA,EAAA,GAFQ,QAAA,eAAa,EACpB,UAAQ,aAAA,CAAY,GAAA,MAAA,EAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/FormFieldRenderer.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./FormFieldRenderer.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormFieldRenderer.vue2.js.map

package/dist/components/FormFieldRenderer.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldRenderer.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/FormSection.vue.d.ts

@@ -0,0 +1,43 @@
+import { FormSectionSchema, UseFormBuilderReturn } from '../types/form-builder';
+interface Props {
+    section: FormSectionSchema;
+    builder: UseFormBuilderReturn<Record<string, unknown>>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`section:${string}`, (_: {
+        section: FormSectionSchema;
+        form: import('../composables').UseFormReturn<Record<string, unknown>>;
+    }) => any>> & Partial<Record<`field:${string}`, (_: {
+        field: import('../types').FormFieldSchema;
+        form: import('../composables').UseFormReturn<Record<string, unknown>>;
+        fieldProps: {
+            modelValue: unknown;
+            'onUpdate:modelValue': (value: unknown) => void;
+            onBlur: () => void;
+            error: string | null;
+        };
+    }) => any>> & Partial<Record<`field:${string}`, (_: {
+        field: import('../types').FormFieldSchema;
+        form: import('../composables').UseFormReturn<Record<string, unknown>>;
+        fieldProps: {
+            modelValue: unknown;
+            'onUpdate:modelValue': (value: unknown) => void;
+            onBlur: () => void;
+            error: string | null;
+        };
+    }) => any>> & Partial<Record<`section:${string}:after`, (_: {
+        form: import('../composables').UseFormReturn<Record<string, unknown>>;
+    }) => any>>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};