@morscherlab/mld-sdk 0.6.5 → 0.7.0

package/dist/components/FormSection.vue.js

@@ -0,0 +1,117 @@
+import { defineComponent, computed, openBlock, createElementBlock, renderSlot, createBlock, withCtx, createElementVNode, normalizeStyle, Fragment, renderList, createVNode, toDisplayString, createCommentVNode } from "vue";
+import _sfc_main$1 from "./CollapsibleCard.vue.js";
+/* empty css                     */
+import _sfc_main$2 from "./FormFieldRenderer.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-form-section"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "mld-form-section--static"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-form-section__header"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "mld-form-section__title"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "mld-form-section__description"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormSection",
+  props: {
+    section: {},
+    builder: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const visibleFields = computed(
+      () => props.section.fields.filter((f) => props.builder.isFieldVisible(f.name))
+    );
+    const gridStyle = computed(() => ({
+      gridTemplateColumns: `repeat(${props.section.columns ?? 1}, 1fr)`
+    }));
+    return (_ctx, _cache) => {
+      return visibleFields.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
+          section: __props.section,
+          form: __props.builder.form
+        }, () => [
+          __props.section.collapsible ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            title: __props.section.title,
+            subtitle: __props.section.description,
+            "default-open": __props.section.defaultOpen ?? true
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: "mld-form-section__grid",
+                style: normalizeStyle(gridStyle.value)
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(visibleFields.value, (field) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: field.name,
+                    style: normalizeStyle(field.colSpan ? { gridColumn: `span ${field.colSpan}` } : void 0)
+                  }, [
+                    renderSlot(_ctx.$slots, `field:${field.name}`, {
+                      field,
+                      form: __props.builder.form,
+                      fieldProps: __props.builder.form.getFieldProps(field.name)
+                    }, () => [
+                      createVNode(_sfc_main$2, {
+                        field,
+                        "resolved-props": __props.builder.getResolvedFieldProps(field),
+                        form: __props.builder.form
+                      }, null, 8, ["field", "resolved-props", "form"])
+                    ])
+                  ], 4);
+                }), 128))
+              ], 4)
+            ]),
+            _: 3
+          }, 8, ["title", "subtitle", "default-open"])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+            __props.section.title || __props.section.description ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              __props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_4, toDisplayString(__props.section.title), 1)) : createCommentVNode("", true),
+              __props.section.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.section.description), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: "mld-form-section__grid",
+              style: normalizeStyle(gridStyle.value)
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(visibleFields.value, (field) => {
+                return openBlock(), createElementBlock("div", {
+                  key: field.name,
+                  style: normalizeStyle(field.colSpan ? { gridColumn: `span ${field.colSpan}` } : void 0)
+                }, [
+                  renderSlot(_ctx.$slots, `field:${field.name}`, {
+                    field,
+                    form: __props.builder.form,
+                    fieldProps: __props.builder.form.getFieldProps(field.name)
+                  }, () => [
+                    createVNode(_sfc_main$2, {
+                      field,
+                      "resolved-props": __props.builder.getResolvedFieldProps(field),
+                      form: __props.builder.form
+                    }, null, 8, ["field", "resolved-props", "form"])
+                  ])
+                ], 4);
+              }), 128))
+            ], 4)
+          ]))
+        ]),
+        renderSlot(_ctx.$slots, `section:${__props.section.id}:after`, {
+          form: __props.builder.form
+        })
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormSection.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.vue.js","sources":["../../src/components/FormSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Renders a single `FormSectionSchema` inside a FormBuilder.\n *\n * Filters out hidden fields before rendering, applies the section's column\n * grid and per-field `colSpan`, and switches between a collapsible\n * (`CollapsibleCard`) and a static layout based on `section.collapsible`.\n * The entire section is hidden when all its fields are hidden. Consumers can\n * replace the section body via `section:<id>` or inject content after it via\n * `section:<id>:after`, and override individual fields via `field:<name>`.\n */\nimport { computed } from 'vue'\nimport type { FormSectionSchema, UseFormBuilderReturn } from '../types/form-builder'\nimport CollapsibleCard from './CollapsibleCard.vue'\nimport FormFieldRenderer from './FormFieldRenderer.vue'\n\ninterface Props {\n  section: FormSectionSchema\n  builder: UseFormBuilderReturn<Record<string, unknown>>\n}\n\nconst props = defineProps<Props>()\n\nconst visibleFields = computed(() =>\n  props.section.fields.filter((f) => props.builder.isFieldVisible(f.name)),\n)\n\nconst gridStyle = computed(() => ({\n  gridTemplateColumns: `repeat(${props.section.columns ?? 1}, 1fr)`,\n}))\n</script>\n\n<template>\n  <div v-if=\"visibleFields.length > 0\" class=\"mld-form-section\">\n    <slot :name=\"`section:${section.id}`\" :section=\"section\" :form=\"builder.form\">\n      <!-- Collapsible variant -->\n      <CollapsibleCard\n        v-if=\"section.collapsible\"\n        :title=\"section.title\"\n        :subtitle=\"section.description\"\n        :default-open=\"section.defaultOpen ?? true\"\n      >\n        <div class=\"mld-form-section__grid\" :style=\"gridStyle\">\n          <div\n            v-for=\"field in visibleFields\"\n            :key=\"field.name\"\n            :style=\"field.colSpan ? { gridColumn: `span ${field.colSpan}` } : undefined\"\n          >\n            <slot :name=\"`field:${field.name}`\" :field=\"field\" :form=\"builder.form\" :field-props=\"builder.form.getFieldProps(field.name)\">\n              <FormFieldRenderer\n                :field=\"field\"\n                :resolved-props=\"builder.getResolvedFieldProps(field)\"\n                :form=\"builder.form\"\n              />\n            </slot>\n          </div>\n        </div>\n      </CollapsibleCard>\n\n      <!-- Static variant -->\n      <div v-else class=\"mld-form-section--static\">\n        <div v-if=\"section.title || section.description\" class=\"mld-form-section__header\">\n          <h3 v-if=\"section.title\" class=\"mld-form-section__title\">{{ section.title }}</h3>\n          <p v-if=\"section.description\" class=\"mld-form-section__description\">{{ section.description }}</p>\n        </div>\n        <div class=\"mld-form-section__grid\" :style=\"gridStyle\">\n          <div\n            v-for=\"field in visibleFields\"\n            :key=\"field.name\"\n            :style=\"field.colSpan ? { gridColumn: `span ${field.colSpan}` } : undefined\"\n          >\n            <slot :name=\"`field:${field.name}`\" :field=\"field\" :form=\"builder.form\" :field-props=\"builder.form.getFieldProps(field.name)\">\n              <FormFieldRenderer\n                :field=\"field\"\n                :resolved-props=\"builder.getResolvedFieldProps(field)\"\n                :form=\"builder.form\"\n              />\n            </slot>\n          </div>\n        </div>\n      </div>\n    </slot>\n\n    <slot :name=\"`section:${section.id}:after`\" :form=\"builder.form\" />\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-builder.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createBlock","CollapsibleCard","_createElementVNode","_Fragment","_renderList","_normalizeStyle","_createVNode","FormFieldRenderer","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAM,QAAQ;AAEd,UAAM,gBAAgB;AAAA,MAAS,MAC7B,MAAM,QAAQ,OAAO,OAAO,CAAC,MAAM,MAAM,QAAQ,eAAe,EAAE,IAAI,CAAC;AAAA,IAAA;AAGzE,UAAM,YAAY,SAAS,OAAO;AAAA,MAChC,qBAAqB,UAAU,MAAM,QAAQ,WAAW,CAAC;AAAA,IAAA,EACzD;;AAIW,aAAA,cAAA,MAAc,SAAM,KAA/BA,aAAAC,mBAmDM,OAnDN,YAmDM;AAAA,QAlDJC,WA+CO,KAAA,QAAA,WA/CiB,QAAA,QAAQ,EAAE,IAAA;AAAA,UAAK,SAAS,QAAA;AAAA,UAAU,MAAM,QAAA,QAAQ;AAAA,QAAA,GAAxE,MA+CO;AAAA,UA5CG,QAAA,QAAQ,4BADhBC,YAqBkBC,aAAA;AAAA;YAnBf,OAAO,QAAA,QAAQ;AAAA,YACf,UAAU,QAAA,QAAQ;AAAA,YAClB,gBAAc,QAAA,QAAQ,eAAW;AAAA,UAAA;6BAElC,MAcM;AAAA,cAdNC,mBAcM,OAAA;AAAA,gBAdD,OAAM;AAAA,gBAA0B,sBAAO,UAAA,KAAS;AAAA,cAAA;kCACnDJ,mBAYMK,UAAA,MAAAC,WAXY,cAAA,OAAa,CAAtB,UAAK;sCADdN,mBAYM,OAAA;AAAA,oBAVH,KAAK,MAAM;AAAA,oBACX,OAAKO,eAAE,MAAM,gCAAgC,MAAM,OAAO,GAAA,IAAO,MAAS;AAAA,kBAAA;oBAE3EN,WAMO,KAAA,QAAA,SANe,MAAM,IAAI,IAAA;AAAA,sBAAK;AAAA,sBAAe,MAAM,QAAA,QAAQ;AAAA,sBAAO,YAAa,gBAAQ,KAAK,cAAc,MAAM,IAAI;AAAA,oBAAA,GAA3H,MAMO;AAAA,sBALLO,YAIEC,aAAA;AAAA,wBAHC;AAAA,wBACA,kBAAgB,QAAA,QAAQ,sBAAsB,KAAK;AAAA,wBACnD,MAAM,QAAA,QAAQ;AAAA,sBAAA;;;;;;;2DAQzBV,aAAAC,mBAoBM,OApBN,YAoBM;AAAA,YAnBO,QAAA,QAAQ,SAAS,QAAA,QAAQ,eAApCD,aAAAC,mBAGM,OAHN,YAGM;AAAA,cAFM,QAAA,QAAQ,SAAlBD,UAAA,GAAAC,mBAAiF,MAAjF,YAAiFU,gBAArB,QAAA,QAAQ,KAAK,GAAA,CAAA;cAChE,QAAA,QAAQ,eAAjBX,UAAA,GAAAC,mBAAiG,KAAjG,YAAiGU,gBAA1B,QAAA,QAAQ,WAAW,GAAA,CAAA;;YAE5FN,mBAcM,OAAA;AAAA,cAdD,OAAM;AAAA,cAA0B,sBAAO,UAAA,KAAS;AAAA,YAAA;gCACnDJ,mBAYMK,UAAA,MAAAC,WAXY,cAAA,OAAa,CAAtB,UAAK;oCADdN,mBAYM,OAAA;AAAA,kBAVH,KAAK,MAAM;AAAA,kBACX,OAAKO,eAAE,MAAM,gCAAgC,MAAM,OAAO,GAAA,IAAO,MAAS;AAAA,gBAAA;kBAE3EN,WAMO,KAAA,QAAA,SANe,MAAM,IAAI,IAAA;AAAA,oBAAK;AAAA,oBAAe,MAAM,QAAA,QAAQ;AAAA,oBAAO,YAAa,gBAAQ,KAAK,cAAc,MAAM,IAAI;AAAA,kBAAA,GAA3H,MAMO;AAAA,oBALLO,YAIEC,aAAA;AAAA,sBAHC;AAAA,sBACA,kBAAgB,QAAA,QAAQ,sBAAsB,KAAK;AAAA,sBACnD,MAAM,QAAA,QAAQ;AAAA,oBAAA;;;;;;;QAQ3BR,WAAmE,KAAA,QAAA,WAA3C,QAAA,QAAQ,EAAE,UAAA;AAAA,UAAW,MAAM,QAAA,QAAQ;AAAA,QAAA;;;;;"}

package/dist/components/FormSection.vue3.js

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

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

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

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

@@ -21,8 +21,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
-    variant: ButtonVariant;
     size: ButtonSize;
+    variant: ButtonVariant;
     loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -5,7 +5,7 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     label: string;
-    variant: "primary" | "cta" | "muted";
     size: "xs" | "sm" | "md" | "lg";
+    variant: "primary" | "cta" | "muted";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -8,8 +8,8 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     label: string;
-    variant: "primary" | "success" | "warning" | "error" | "info";
     size: "sm" | "md" | "lg";
+    variant: "primary" | "success" | "warning" | "error" | "info";
     value: number;
     showValue: boolean;
     indeterminate: boolean;

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

@@ -9,15 +9,15 @@ interface Props {
     searchable?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: () => any;
     "update:modelValue": (reagents: Reagent[]) => any;
     remove: (reagentId: string) => any;
-    add: () => any;
     edit: (reagent: Reagent) => any;
     reorder: (reagentId: string, fromIndex: number, toIndex: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onAdd?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((reagents: Reagent[]) => any) | undefined;
     onRemove?: ((reagentId: string) => any) | undefined;
-    onAdd?: (() => any) | undefined;
     onEdit?: ((reagent: Reagent) => any) | undefined;
     onReorder?: ((reagentId: string, fromIndex: number, toIndex: number) => any) | undefined;
 }>, {

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

@@ -36,9 +36,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     compact: boolean;
     size: "sm" | "md" | "lg";
+    tags: string[];
     status: ResourceStatus;
     specs: ResourceSpec[];
-    tags: string[];
     showBookAction: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -13,8 +13,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     disabled: boolean;
-    variant: SegmentedControlVariant;
     size: SegmentedControlSize;
+    variant: SegmentedControlVariant;
     fullWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -10,12 +10,12 @@ interface Props {
     };
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: () => any;
     clear: () => any;
+    close: () => any;
     save: (data: WellEditData) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onClose?: (() => any) | undefined;
     onClear?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     onSave?: ((data: WellEditData) => any) | undefined;
 }>, {
     wellData: Partial<Well>;

package/dist/components/index.d.ts

@@ -65,6 +65,10 @@ export { default as UnitInput } from './UnitInput.vue';
 export { default as StepWizard } from './StepWizard.vue';
 export { default as AuditTrail } from './AuditTrail.vue';
 export { default as BatchProgressList } from './BatchProgressList.vue';
+export { default as FormBuilder } from './FormBuilder.vue';
+export { default as FormSection } from './FormSection.vue';
+export { default as FormActions } from './FormActions.vue';
+export { default as FormFieldRenderer } from './FormFieldRenderer.vue';
 export { default as DateTimePicker } from './DateTimePicker.vue';
 export { default as TimeRangeInput } from './TimeRangeInput.vue';
 export { default as ScheduleCalendar } from './ScheduleCalendar.vue';

package/dist/components/index.js

@@ -131,13 +131,20 @@ import { default as default67 } from "./AuditTrail.vue.js";
 /* empty css                */
 import { default as default68 } from "./BatchProgressList.vue.js";
 /* empty css                       */
-import { default as default69 } from "./DateTimePicker.vue.js";
+import { default as default69 } from "./FormBuilder.vue.js";
+/* empty css                 */
+import { default as default70 } from "./FormSection.vue.js";
+/* empty css                 */
+import { default as default71 } from "./FormActions.vue.js";
+/* empty css                 */
+import { default as default72 } from "./FormFieldRenderer.vue.js";
+import { default as default73 } from "./DateTimePicker.vue.js";
 /* empty css                    */
-import { default as default70 } from "./TimeRangeInput.vue.js";
+import { default as default74 } from "./TimeRangeInput.vue.js";
 /* empty css                    */
-import { default as default71 } from "./ScheduleCalendar.vue.js";
+import { default as default75 } from "./ScheduleCalendar.vue.js";
 /* empty css                      */
-import { default as default72 } from "./ResourceCard.vue.js";
+import { default as default76 } from "./ResourceCard.vue.js";
 /* empty css                  */
 export {
   default25 as AlertBox,
@@ -169,14 +176,18 @@ export {
   default44 as ConfirmDialog,
   default18 as DataFrame,
   default20 as DatePicker,
-  default69 as DateTimePicker,
+  default73 as DateTimePicker,
   default37 as Divider,
   default57 as DoseCalculator,
   default16 as DropdownButton,
   default41 as EmptyState,
   default51 as ExperimentTimeline,
   default24 as FileUploader,
+  default71 as FormActions,
+  default69 as FormBuilder,
   default19 as FormField,
+  default72 as FormFieldRenderer,
+  default70 as FormSection,
   default63 as FormulaInput,
   default54 as GroupAssigner,
   default53 as GroupingModal,
@@ -190,11 +201,11 @@ export {
   default60 as ProtocolStepEditor,
   default48 as RackEditor,
   default58 as ReagentList,
-  default72 as ResourceCard,
+  default76 as ResourceCard,
   default59 as SampleHierarchyTree,
   default49 as SampleLegend,
   default52 as SampleSelector,
-  default71 as ScheduleCalendar,
+  default75 as ScheduleCalendar,
   default61 as ScientificNumber,
   default13 as SegmentedControl,
   default64 as SequenceInput,
@@ -206,7 +217,7 @@ export {
   default22 as TagsInput,
   default28 as ThemeToggle,
   default21 as TimePicker,
-  default70 as TimeRangeInput,
+  default74 as TimeRangeInput,
   default26 as ToastNotification,
   default43 as Tooltip,
   default65 as UnitInput,

package/dist/components/index.js.map

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

package/dist/composables/formBuilderRegistry.d.ts

@@ -0,0 +1,13 @@
+import { Component } from 'vue';
+import { FormFieldType } from '../types/form-builder';
+export interface RegistryEntry {
+    component: Component;
+    /** Default props applied to the component. */
+    defaults: Record<string, unknown>;
+    /** Whether the component uses v-model (false for event-only components like FileUploader). */
+    vModel: boolean;
+}
+/** Return the registry entry for a given field type. Throws if the type is unregistered. */
+export declare function getFieldRegistryEntry(type: FormFieldType): RegistryEntry;
+/** Get the default empty value for a given field type. */
+export declare function getTypeDefault(type: FormFieldType): unknown;

package/dist/composables/formBuilderRegistry.js

@@ -0,0 +1,87 @@
+import _sfc_main$i from "../components/BaseInput.vue.js";
+/* empty css                           */
+import _sfc_main$g from "../components/BaseTextarea.vue.js";
+/* empty css                              */
+import _sfc_main$f from "../components/BaseSelect.vue.js";
+/* empty css                            */
+import _sfc_main$e from "../components/MultiSelect.vue.js";
+/* empty css                             */
+import _sfc_main$d from "../components/BaseCheckbox.vue.js";
+/* empty css                              */
+import _sfc_main$c from "../components/BaseToggle.vue.js";
+/* empty css                            */
+import _sfc_main$b from "../components/BaseRadioGroup.vue.js";
+/* empty css                                */
+import _sfc_main$a from "../components/BaseSlider.vue.js";
+/* empty css                            */
+import _sfc_main$9 from "../components/TagsInput.vue.js";
+/* empty css                           */
+import _sfc_main$h from "../components/NumberInput.vue.js";
+/* empty css                             */
+import _sfc_main$8 from "../components/DatePicker.vue.js";
+/* empty css                            */
+import _sfc_main$7 from "../components/TimePicker.vue.js";
+/* empty css                            */
+import _sfc_main$6 from "../components/DateTimePicker.vue.js";
+/* empty css                                */
+import _sfc_main$5 from "../components/FileUploader.vue.js";
+/* empty css                              */
+import _sfc_main$4 from "../components/FormulaInput.vue.js";
+/* empty css                              */
+import _sfc_main$3 from "../components/SequenceInput.vue.js";
+/* empty css                               */
+import _sfc_main$2 from "../components/MoleculeInput.vue.js";
+/* empty css                               */
+import _sfc_main$1 from "../components/ConcentrationInput.vue.js";
+/* empty css                                    */
+import _sfc_main from "../components/UnitInput.vue.js";
+/* empty css                           */
+const registry = {
+  text: { component: _sfc_main$i, defaults: { type: "text" }, vModel: true },
+  email: { component: _sfc_main$i, defaults: { type: "email" }, vModel: true },
+  password: { component: _sfc_main$i, defaults: { type: "password" }, vModel: true },
+  tel: { component: _sfc_main$i, defaults: { type: "tel" }, vModel: true },
+  url: { component: _sfc_main$i, defaults: { type: "url" }, vModel: true },
+  search: { component: _sfc_main$i, defaults: { type: "search" }, vModel: true },
+  number: { component: _sfc_main$h, defaults: {}, vModel: true },
+  textarea: { component: _sfc_main$g, defaults: {}, vModel: true },
+  select: { component: _sfc_main$f, defaults: {}, vModel: true },
+  multiselect: { component: _sfc_main$e, defaults: {}, vModel: true },
+  checkbox: { component: _sfc_main$d, defaults: {}, vModel: true },
+  toggle: { component: _sfc_main$c, defaults: {}, vModel: true },
+  radio: { component: _sfc_main$b, defaults: {}, vModel: true },
+  slider: { component: _sfc_main$a, defaults: {}, vModel: true },
+  tags: { component: _sfc_main$9, defaults: {}, vModel: true },
+  date: { component: _sfc_main$8, defaults: {}, vModel: true },
+  time: { component: _sfc_main$7, defaults: {}, vModel: true },
+  datetime: { component: _sfc_main$6, defaults: {}, vModel: true },
+  file: { component: _sfc_main$5, defaults: {}, vModel: false },
+  formula: { component: _sfc_main$4, defaults: {}, vModel: true },
+  sequence: { component: _sfc_main$3, defaults: {}, vModel: true },
+  molecule: { component: _sfc_main$2, defaults: {}, vModel: true },
+  concentration: { component: _sfc_main$1, defaults: {}, vModel: true },
+  unit: { component: _sfc_main, defaults: {}, vModel: true }
+};
+function getFieldRegistryEntry(type) {
+  return registry[type];
+}
+function getTypeDefault(type) {
+  switch (type) {
+    case "checkbox":
+    case "toggle":
+      return false;
+    case "number":
+    case "slider":
+      return void 0;
+    case "multiselect":
+    case "tags":
+      return [];
+    default:
+      return "";
+  }
+}
+export {
+  getFieldRegistryEntry,
+  getTypeDefault
+};
+//# sourceMappingURL=formBuilderRegistry.js.map

package/dist/composables/formBuilderRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formBuilderRegistry.js","sources":["../../src/composables/formBuilderRegistry.ts"],"sourcesContent":["import type { Component } from 'vue'\nimport type { FormFieldType } from '../types/form-builder'\n\nimport BaseInput from '../components/BaseInput.vue'\nimport BaseTextarea from '../components/BaseTextarea.vue'\nimport BaseSelect from '../components/BaseSelect.vue'\nimport MultiSelect from '../components/MultiSelect.vue'\nimport BaseCheckbox from '../components/BaseCheckbox.vue'\nimport BaseToggle from '../components/BaseToggle.vue'\nimport BaseRadioGroup from '../components/BaseRadioGroup.vue'\nimport BaseSlider from '../components/BaseSlider.vue'\nimport TagsInput from '../components/TagsInput.vue'\nimport NumberInput from '../components/NumberInput.vue'\nimport DatePicker from '../components/DatePicker.vue'\nimport TimePicker from '../components/TimePicker.vue'\nimport DateTimePicker from '../components/DateTimePicker.vue'\nimport FileUploader from '../components/FileUploader.vue'\nimport FormulaInput from '../components/FormulaInput.vue'\nimport SequenceInput from '../components/SequenceInput.vue'\nimport MoleculeInput from '../components/MoleculeInput.vue'\nimport ConcentrationInput from '../components/ConcentrationInput.vue'\nimport UnitInput from '../components/UnitInput.vue'\n\nexport interface RegistryEntry {\n  component: Component\n  /** Default props applied to the component. */\n  defaults: Record<string, unknown>\n  /** Whether the component uses v-model (false for event-only components like FileUploader). */\n  vModel: boolean\n}\n\nconst registry: Record<FormFieldType, RegistryEntry> = {\n  text: { component: BaseInput, defaults: { type: 'text' }, vModel: true },\n  email: { component: BaseInput, defaults: { type: 'email' }, vModel: true },\n  password: { component: BaseInput, defaults: { type: 'password' }, vModel: true },\n  tel: { component: BaseInput, defaults: { type: 'tel' }, vModel: true },\n  url: { component: BaseInput, defaults: { type: 'url' }, vModel: true },\n  search: { component: BaseInput, defaults: { type: 'search' }, vModel: true },\n  number: { component: NumberInput, defaults: {}, vModel: true },\n  textarea: { component: BaseTextarea, defaults: {}, vModel: true },\n  select: { component: BaseSelect, defaults: {}, vModel: true },\n  multiselect: { component: MultiSelect, defaults: {}, vModel: true },\n  checkbox: { component: BaseCheckbox, defaults: {}, vModel: true },\n  toggle: { component: BaseToggle, defaults: {}, vModel: true },\n  radio: { component: BaseRadioGroup, defaults: {}, vModel: true },\n  slider: { component: BaseSlider, defaults: {}, vModel: true },\n  tags: { component: TagsInput, defaults: {}, vModel: true },\n  date: { component: DatePicker, defaults: {}, vModel: true },\n  time: { component: TimePicker, defaults: {}, vModel: true },\n  datetime: { component: DateTimePicker, defaults: {}, vModel: true },\n  file: { component: FileUploader, defaults: {}, vModel: false },\n  formula: { component: FormulaInput, defaults: {}, vModel: true },\n  sequence: { component: SequenceInput, defaults: {}, vModel: true },\n  molecule: { component: MoleculeInput, defaults: {}, vModel: true },\n  concentration: { component: ConcentrationInput, defaults: {}, vModel: true },\n  unit: { component: UnitInput, defaults: {}, vModel: true },\n}\n\n/** Return the registry entry for a given field type. Throws if the type is unregistered. */\nexport function getFieldRegistryEntry(type: FormFieldType): RegistryEntry {\n  return registry[type]\n}\n\n/** Get the default empty value for a given field type. */\nexport function getTypeDefault(type: FormFieldType): unknown {\n  switch (type) {\n    case 'checkbox':\n    case 'toggle':\n      return false\n    case 'number':\n    case 'slider':\n      return undefined\n    case 'multiselect':\n    case 'tags':\n      return []\n    default:\n      return ''\n  }\n}\n"],"names":["BaseInput","NumberInput","BaseTextarea","BaseSelect","MultiSelect","BaseCheckbox","BaseToggle","BaseRadioGroup","BaseSlider","TagsInput","DatePicker","TimePicker","DateTimePicker","FileUploader","FormulaInput","SequenceInput","MoleculeInput","ConcentrationInput","UnitInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,WAAiD;AAAA,EACrD,MAAM,EAAE,WAAWA,aAAW,UAAU,EAAE,MAAM,OAAA,GAAU,QAAQ,KAAA;AAAA,EAClE,OAAO,EAAE,WAAWA,aAAW,UAAU,EAAE,MAAM,QAAA,GAAW,QAAQ,KAAA;AAAA,EACpE,UAAU,EAAE,WAAWA,aAAW,UAAU,EAAE,MAAM,WAAA,GAAc,QAAQ,KAAA;AAAA,EAC1E,KAAK,EAAE,WAAWA,aAAW,UAAU,EAAE,MAAM,MAAA,GAAS,QAAQ,KAAA;AAAA,EAChE,KAAK,EAAE,WAAWA,aAAW,UAAU,EAAE,MAAM,MAAA,GAAS,QAAQ,KAAA;AAAA,EAChE,QAAQ,EAAE,WAAWA,aAAW,UAAU,EAAE,MAAM,SAAA,GAAY,QAAQ,KAAA;AAAA,EACtE,QAAQ,EAAE,WAAWC,aAAa,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EACxD,UAAU,EAAE,WAAWC,aAAc,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EAC3D,QAAQ,EAAE,WAAWC,aAAY,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EACvD,aAAa,EAAE,WAAWC,aAAa,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EAC7D,UAAU,EAAE,WAAWC,aAAc,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EAC3D,QAAQ,EAAE,WAAWC,aAAY,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EACvD,OAAO,EAAE,WAAWC,aAAgB,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EAC1D,QAAQ,EAAE,WAAWC,aAAY,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EACvD,MAAM,EAAE,WAAWC,aAAW,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EACpD,MAAM,EAAE,WAAWC,aAAY,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EACrD,MAAM,EAAE,WAAWC,aAAY,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EACrD,UAAU,EAAE,WAAWC,aAAgB,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EAC7D,MAAM,EAAE,WAAWC,aAAc,UAAU,CAAA,GAAI,QAAQ,MAAA;AAAA,EACvD,SAAS,EAAE,WAAWC,aAAc,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EAC1D,UAAU,EAAE,WAAWC,aAAe,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EAC5D,UAAU,EAAE,WAAWC,aAAe,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EAC5D,eAAe,EAAE,WAAWC,aAAoB,UAAU,CAAA,GAAI,QAAQ,KAAA;AAAA,EACtE,MAAM,EAAE,WAAWC,WAAW,UAAU,CAAA,GAAI,QAAQ,KAAA;AACtD;AAGO,SAAS,sBAAsB,MAAoC;AACxE,SAAO,SAAS,IAAI;AACtB;AAGO,SAAS,eAAe,MAA8B;AAC3D,UAAQ,MAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO,CAAA;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;"}

package/dist/composables/index.d.ts

@@ -15,3 +15,5 @@ export { useChemicalFormula, ATOMIC_WEIGHTS, type ParsedElement, type FormulaPar
 export { useSequenceUtils, type SequenceType, type SequenceStats, } from './useSequenceUtils';
 export { parseTime, formatTime, generateTimeSlots, rangesOverlap, durationMinutes, formatDuration, isTimeInRange, findAvailableSlots, snapToSlot, addMinutes, compareTime, } from './useTimeUtils';
 export { useScheduleDrag } from './useScheduleDrag';
+export { useFormBuilder, evaluateCondition } from './useFormBuilder';
+export { getFieldRegistryEntry, getTypeDefault, type RegistryEntry, } from './formBuilderRegistry';

package/dist/composables/index.js

@@ -15,15 +15,20 @@ import { ATOMIC_WEIGHTS, useChemicalFormula } from "./useChemicalFormula.js";
 import { useSequenceUtils } from "./useSequenceUtils.js";
 import { addMinutes, compareTime, durationMinutes, findAvailableSlots, formatDuration, formatTime, generateTimeSlots, isTimeInRange, parseTime, rangesOverlap, snapToSlot } from "./useTimeUtils.js";
 import { useScheduleDrag } from "./useScheduleDrag.js";
+import { evaluateCondition, useFormBuilder } from "./useFormBuilder.js";
+import { getFieldRegistryEntry, getTypeDefault } from "./formBuilderRegistry.js";
 export {
   ATOMIC_WEIGHTS,
   addMinutes,
   compareTime,
   durationMinutes,
+  evaluateCondition,
   findAvailableSlots,
   formatDuration,
   formatTime,
   generateTimeSlots,
+  getFieldRegistryEntry,
+  getTypeDefault,
   isTimeInRange,
   parseTime,
   rangesOverlap,
@@ -36,6 +41,7 @@ export {
   useConcentrationUnits,
   useDoseCalculator,
   useForm,
+  useFormBuilder,
   usePasskey,
   usePlatformContext,
   useProtocolTemplates,

package/dist/composables/index.js.map

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

package/dist/composables/useFormBuilder.d.ts

@@ -0,0 +1,23 @@
+import { FormSchema, FieldCondition, FormEnhancements, UseFormBuilderReturn } from '../types/form-builder';
+/**
+ * Evaluate a JSON-serializable field condition against the current form data.
+ *
+ * Supports logical operators (`and`, `or`, `not`) and comparison operators
+ * (`eq`, `neq`, `gt`, `lt`, `gte`, `lte`, `in`, `notIn`, `truthy`, `falsy`,
+ * `contains`). Returns `true` if the condition passes.
+ */
+export declare function evaluateCondition(condition: FieldCondition, data: Record<string, unknown>): boolean;
+/**
+ * Drive a `FormSchema` as reactive form state.
+ *
+ * Builds initial values from schema defaults and `initialData`, derives
+ * validation rules from `FieldValidation` descriptors and enhancement
+ * validators, evaluates `FieldCondition` expressions for field/section
+ * visibility, and wires wizard step navigation when `schema.steps` is set.
+ *
+ * @param schema - Declarative form or wizard schema.
+ * @param initialData - Values that override schema defaults.
+ * @param enhancements - TypeScript-only callbacks (dynamic options, validators,
+ *   submit handler, transform, field-change watcher).
+ */
+export declare function useFormBuilder<T extends Record<string, unknown> = Record<string, unknown>>(schema: FormSchema, initialData?: Partial<T>, enhancements?: FormEnhancements<T>): UseFormBuilderReturn<T>;