@morscherlab/mld-sdk 0.6.0

package/dist/components/DropdownButton.vue.js

@@ -0,0 +1,171 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, toDisplayString, createVNode, Transition, withCtx, Fragment, renderList } from "vue";
+const _hoisted_1 = ["disabled", "aria-expanded"];
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-dropdown-button__spinner",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+};
+const _hoisted_3 = { class: "mld-dropdown-button__label" };
+const _hoisted_4 = ["aria-activedescendant"];
+const _hoisted_5 = ["id", "aria-selected", "aria-disabled", "onClick"];
+const _hoisted_6 = { class: "mld-dropdown-button__option-label" };
+const _hoisted_7 = {
+  key: 0,
+  class: "mld-dropdown-button__option-description"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "mld-dropdown-button__option-check",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DropdownButton",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: {},
+    variant: { default: "secondary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpen = ref(false);
+    const containerRef = ref();
+    const selectedLabel = computed(() => {
+      if (props.modelValue === void 0) return props.placeholder ?? "Select...";
+      const found = props.options.find((o) => o.value === props.modelValue);
+      return (found == null ? void 0 : found.label) ?? String(props.modelValue);
+    });
+    function toggle() {
+      if (props.disabled || props.loading) return;
+      isOpen.value = !isOpen.value;
+    }
+    function selectOption(option) {
+      if (option.disabled) return;
+      emit("update:modelValue", option.value);
+      emit("select", option);
+      isOpen.value = false;
+    }
+    function handleClickOutside(event) {
+      if (containerRef.value && !containerRef.value.contains(event.target)) {
+        isOpen.value = false;
+      }
+    }
+    function handleKeydown(event) {
+      if (event.key === "Escape") {
+        isOpen.value = false;
+      }
+    }
+    onMounted(() => {
+      document.addEventListener("click", handleClickOutside);
+      document.addEventListener("keydown", handleKeydown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", handleClickOutside);
+      document.removeEventListener("keydown", handleKeydown);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "mld-dropdown-button"
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          disabled: __props.disabled || __props.loading,
+          class: normalizeClass([
+            "mld-dropdown-button__trigger",
+            `mld-dropdown-button__trigger--${__props.variant}`,
+            `mld-dropdown-button__trigger--${__props.size}`,
+            {
+              "mld-dropdown-button__trigger--disabled": __props.disabled || __props.loading,
+              "mld-dropdown-button__trigger--open": isOpen.value
+            }
+          ]),
+          "aria-expanded": isOpen.value,
+          "aria-haspopup": "listbox",
+          onClick: toggle
+        }, [
+          __props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[0] || (_cache[0] = [
+            createElementVNode("circle", {
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              "stroke-width": "3",
+              opacity: "0.25"
+            }, null, -1),
+            createElementVNode("path", {
+              d: "M12 2a10 10 0 0 1 10 10",
+              stroke: "currentColor",
+              "stroke-width": "3",
+              "stroke-linecap": "round"
+            }, null, -1)
+          ])])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_3, toDisplayString(selectedLabel.value), 1),
+          (openBlock(), createElementBlock("svg", {
+            class: normalizeClass(["mld-dropdown-button__chevron", { "mld-dropdown-button__chevron--open": isOpen.value }]),
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [..._cache[1] || (_cache[1] = [
+            createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)
+          ])], 2))
+        ], 10, _hoisted_1),
+        createVNode(Transition, { name: "mld-dropdown-button-menu" }, {
+          default: withCtx(() => [
+            isOpen.value ? (openBlock(), createElementBlock("ul", {
+              key: 0,
+              class: "mld-dropdown-button__menu",
+              role: "listbox",
+              "aria-activedescendant": __props.modelValue !== void 0 ? `mld-dropdown-option-${__props.modelValue}` : void 0
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+                return openBlock(), createElementBlock("li", {
+                  id: `mld-dropdown-option-${option.value}`,
+                  key: String(option.value),
+                  role: "option",
+                  "aria-selected": option.value === __props.modelValue,
+                  "aria-disabled": option.disabled,
+                  class: normalizeClass([
+                    "mld-dropdown-button__option",
+                    {
+                      "mld-dropdown-button__option--selected": option.value === __props.modelValue,
+                      "mld-dropdown-button__option--disabled": option.disabled
+                    }
+                  ]),
+                  onClick: ($event) => selectOption(option)
+                }, [
+                  createElementVNode("span", _hoisted_6, toDisplayString(option.label), 1),
+                  option.description ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(option.description), 1)) : createCommentVNode("", true),
+                  option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[2] || (_cache[2] = [
+                    createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)
+                  ])])) : createCommentVNode("", true)
+                ], 10, _hoisted_5);
+              }), 128))
+            ], 8, _hoisted_4)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DropdownButton.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.vue.js","sources":["../../src/components/DropdownButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport type { SelectOption, ButtonVariant, ButtonSize } from '../types'\n\n/**\n * DropdownButton - Button-style select with dropdown menu for option selection.\n *\n * @example\n * ```vue\n * <DropdownButton\n *   v-model=\"selectedValue\"\n *   :options=\"[\n *     { value: 'a', label: 'Option A' },\n *     { value: 'b', label: 'Option B', description: 'Additional info' }\n *   ]\"\n *   variant=\"secondary\"\n * />\n * ```\n */\ninterface Props {\n  /** Selected option value */\n  modelValue?: string | number\n  /** Available options */\n  options: SelectOption<string | number>[]\n  /** Placeholder text when no option is selected */\n  placeholder?: string\n  /** Button style variant */\n  variant?: ButtonVariant\n  /** Button size */\n  size?: ButtonSize\n  /** Disable interaction */\n  disabled?: boolean\n  /** Show loading spinner */\n  loading?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'secondary',\n  size: 'md',\n  disabled: false,\n  loading: false,\n})\n\n/**\n * @event update:modelValue - Emitted when an option is selected (v-model support)\n * @event select - Emitted when an option is selected, includes full option object\n */\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n  select: [option: SelectOption<string | number>]\n}>()\n\nconst isOpen = ref(false)\nconst containerRef = ref<HTMLDivElement>()\n\nconst selectedLabel = computed(() => {\n  if (props.modelValue === undefined) return props.placeholder ?? 'Select...'\n  const found = props.options.find(o => o.value === props.modelValue)\n  return found?.label ?? String(props.modelValue)\n})\n\nfunction toggle() {\n  if (props.disabled || props.loading) return\n  isOpen.value = !isOpen.value\n}\n\nfunction selectOption(option: SelectOption<string | number>) {\n  if (option.disabled) return\n  emit('update:modelValue', option.value)\n  emit('select', option)\n  isOpen.value = false\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (containerRef.value && !containerRef.value.contains(event.target as Node)) {\n    isOpen.value = false\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    isOpen.value = false\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside)\n  document.addEventListener('keydown', handleKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside)\n  document.removeEventListener('keydown', handleKeydown)\n})\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"mld-dropdown-button\">\n    <button\n      type=\"button\"\n      :disabled=\"disabled || loading\"\n      :class=\"[\n        'mld-dropdown-button__trigger',\n        `mld-dropdown-button__trigger--${variant}`,\n        `mld-dropdown-button__trigger--${size}`,\n        {\n          'mld-dropdown-button__trigger--disabled': disabled || loading,\n          'mld-dropdown-button__trigger--open': isOpen,\n        },\n      ]\"\n      :aria-expanded=\"isOpen\"\n      aria-haspopup=\"listbox\"\n      @click=\"toggle\"\n    >\n      <svg v-if=\"loading\" class=\"mld-dropdown-button__spinner\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"3\" opacity=\"0.25\" />\n        <path d=\"M12 2a10 10 0 0 1 10 10\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" />\n      </svg>\n      <span class=\"mld-dropdown-button__label\">{{ selectedLabel }}</span>\n      <svg\n        :class=\"['mld-dropdown-button__chevron', { 'mld-dropdown-button__chevron--open': isOpen }]\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    </button>\n\n    <Transition name=\"mld-dropdown-button-menu\">\n      <ul\n        v-if=\"isOpen\"\n        class=\"mld-dropdown-button__menu\"\n        role=\"listbox\"\n        :aria-activedescendant=\"modelValue !== undefined ? `mld-dropdown-option-${modelValue}` : undefined\"\n      >\n        <li\n          v-for=\"option in options\"\n          :id=\"`mld-dropdown-option-${option.value}`\"\n          :key=\"String(option.value)\"\n          role=\"option\"\n          :aria-selected=\"option.value === modelValue\"\n          :aria-disabled=\"option.disabled\"\n          :class=\"[\n            'mld-dropdown-button__option',\n            {\n              'mld-dropdown-button__option--selected': option.value === modelValue,\n              'mld-dropdown-button__option--disabled': option.disabled,\n            },\n          ]\"\n          @click=\"selectOption(option)\"\n        >\n          <span class=\"mld-dropdown-button__option-label\">{{ option.label }}</span>\n          <span v-if=\"option.description\" class=\"mld-dropdown-button__option-description\">\n            {{ option.description }}\n          </span>\n          <svg\n            v-if=\"option.value === modelValue\"\n            class=\"mld-dropdown-button__option-check\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"M20 6 9 17l-5-5\" />\n          </svg>\n        </li>\n      </ul>\n    </Transition>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/dropdown-button.css';\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_openBlock","_toDisplayString","_createVNode","_Transition","_Fragment","_renderList"],"mappings":"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"}

package/dist/components/DropdownButton.vue3.js

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

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

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

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

@@ -0,0 +1,33 @@
+interface Props {
+    title?: string;
+    description?: string;
+    iconPath?: string;
+    color?: 'primary' | 'cta' | 'success' | 'warning' | 'error' | 'muted';
+    size?: 'sm' | 'md' | 'lg';
+    actionLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): 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, {
+    action: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onAction?: (() => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    color: "primary" | "cta" | "success" | "warning" | "error" | "muted";
+}, {}, {}, {}, 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/EmptyState.vue.js

@@ -0,0 +1,80 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+const _hoisted_1 = ["d"];
+const _hoisted_2 = ["d"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-empty-state__title"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "mld-empty-state__description"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "mld-empty-state__action"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EmptyState",
+  props: {
+    title: {},
+    description: {},
+    iconPath: {},
+    color: { default: "muted" },
+    size: { default: "md" },
+    actionLabel: {}
+  },
+  emits: ["action"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const defaultIconPaths = [
+      "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      "M7 11h10",
+      "M7 15h6",
+      "M7 7h8"
+    ];
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["mld-empty-state", `mld-empty-state--${__props.size}`])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["mld-empty-state__icon-wrapper", `mld-empty-state__icon-wrapper--${__props.color}`])
+        }, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            (openBlock(), createElementBlock("svg", {
+              class: normalizeClass(["mld-empty-state__icon", `mld-empty-state__icon--${__props.color}`]),
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              __props.iconPath ? (openBlock(), createElementBlock("path", {
+                key: 0,
+                d: __props.iconPath
+              }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(defaultIconPaths, (d, i) => {
+                return createElementVNode("path", {
+                  key: i,
+                  d
+                }, null, 8, _hoisted_2);
+              }), 64))
+            ], 2))
+          ])
+        ], 2),
+        __props.title ? (openBlock(), createElementBlock("h3", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        __props.description ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default"),
+        __props.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("button", {
+            class: "mld-empty-state__button",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("action"))
+          }, toDisplayString(__props.actionLabel), 1)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EmptyState.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.vue.js","sources":["../../src/components/EmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface Props {\n  title?: string\n  description?: string\n  iconPath?: string\n  color?: 'primary' | 'cta' | 'success' | 'warning' | 'error' | 'muted'\n  size?: 'sm' | 'md' | 'lg'\n  actionLabel?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  color: 'muted',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst defaultIconPaths = [\n  'M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z',\n  'M7 11h10',\n  'M7 15h6',\n  'M7 7h8',\n]\n</script>\n\n<template>\n  <div :class=\"['mld-empty-state', `mld-empty-state--${size}`]\">\n    <div :class=\"['mld-empty-state__icon-wrapper', `mld-empty-state__icon-wrapper--${color}`]\">\n      <slot name=\"icon\">\n        <svg\n          class=\"mld-empty-state__icon\"\n          :class=\"`mld-empty-state__icon--${color}`\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <template v-if=\"iconPath\">\n            <path :d=\"iconPath\" />\n          </template>\n          <template v-else>\n            <path v-for=\"(d, i) in defaultIconPaths\" :key=\"i\" :d=\"d\" />\n          </template>\n        </svg>\n      </slot>\n    </div>\n    <h3 v-if=\"title\" class=\"mld-empty-state__title\">{{ title }}</h3>\n    <p v-if=\"description\" class=\"mld-empty-state__description\">{{ description }}</p>\n    <slot />\n    <div v-if=\"actionLabel\" class=\"mld-empty-state__action\">\n      <button class=\"mld-empty-state__button\" @click=\"emit('action')\">\n        {{ actionLabel }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/empty-state.css';\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_normalizeClass","_openBlock","_Fragment","_renderList","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,UAAM,OAAO;AAIb,UAAM,mBAAmB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;;0BAKAA,mBA8BM,OAAA;AAAA,QA9BA,8DAA+C,QAAA,IAAI,EAAA,CAAA;AAAA,MAAA;QACvDC,mBAoBM,OAAA;AAAA,UApBA,0FAA2E,QAAA,KAAK,EAAA,CAAA;AAAA,QAAA;UACpFC,WAkBO,yBAlBP,MAkBO;AAAA,0BAjBLF,mBAgBM,OAAA;AAAA,cAfJ,OAAKG,eAAA,CAAC,yBAAuB,0BACK,QAAA,KAAK,EAAA,CAAA;AAAA,cACvC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO;AAAA,cACP,gBAAa;AAAA,cACb,kBAAe;AAAA,cACf,mBAAgB;AAAA,YAAA;cAEA,QAAA,yBACdH,mBAAsB,QAAA;AAAA;gBAAf,GAAG,QAAA;AAAA,cAAA,4BAGVI,aAAAJ,mBAA2DK,UAAA,EAAA,KAAA,EAAA,GAAAC,WAApC,kBAAgB,CAAzB,GAAG,MAAC;uBAAlBL,mBAA2D,QAAA;AAAA,kBAAjB,KAAK;AAAA,kBAAI;AAAA,gBAAA;;;;;QAKjD,QAAA,sBAAVD,mBAAgE,MAAhE,YAAgEO,gBAAb,QAAA,KAAK,GAAA,CAAA;QAC/C,QAAA,4BAATP,mBAAgF,KAAhF,YAAgFO,gBAAlB,QAAA,WAAW,GAAA,CAAA;QACzEL,WAAQ,KAAA,QAAA,SAAA;AAAA,QACG,QAAA,eAAXE,UAAA,GAAAJ,mBAIM,OAJN,YAIM;AAAA,UAHJC,mBAES,UAAA;AAAA,YAFD,OAAM;AAAA,YAA2B,+CAAO,KAAI,QAAA;AAAA,UAAA,mBAC/C,QAAA,WAAW,GAAA,CAAA;AAAA,QAAA;;;;;"}

package/dist/components/EmptyState.vue3.js

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

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

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

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

@@ -0,0 +1,44 @@
+import { ProtocolStep, ProtocolStepStatus } from '../types';
+interface Props {
+    modelValue?: ProtocolStep[];
+    orientation?: 'horizontal' | 'vertical';
+    showDuration?: boolean;
+    showTime?: boolean;
+    editable?: boolean;
+    collapsible?: boolean;
+    expandedStepId?: string;
+    size?: 'sm' | 'md' | 'lg';
+    colorByStatus?: boolean;
+    colorByType?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (steps: ProtocolStep[]) => any;
+    "step-click": (step: ProtocolStep) => any;
+    "step-expand": (stepId: string | undefined) => any;
+    "step-add": (afterStepId?: string | undefined) => any;
+    "step-remove": (stepId: string) => any;
+    "step-update": (step: ProtocolStep) => any;
+    "step-reorder": (stepId: string, newOrder: number) => any;
+    "step-status-change": (stepId: string, status: ProtocolStepStatus) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((steps: ProtocolStep[]) => any) | undefined;
+    "onStep-click"?: ((step: ProtocolStep) => any) | undefined;
+    "onStep-expand"?: ((stepId: string | undefined) => any) | undefined;
+    "onStep-add"?: ((afterStepId?: string | undefined) => any) | undefined;
+    "onStep-remove"?: ((stepId: string) => any) | undefined;
+    "onStep-update"?: ((step: ProtocolStep) => any) | undefined;
+    "onStep-reorder"?: ((stepId: string, newOrder: number) => any) | undefined;
+    "onStep-status-change"?: ((stepId: string, status: ProtocolStepStatus) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    modelValue: ProtocolStep[];
+    editable: boolean;
+    orientation: "horizontal" | "vertical";
+    showDuration: boolean;
+    showTime: boolean;
+    collapsible: boolean;
+    expandedStepId: string;
+    colorByStatus: boolean;
+    colorByType: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;