@morscherlab/mint-sdk 1.4.0-beta.7 → 1.4.0-beta.9

package/dist/{useListReorder-CcbEYxX-.js → useListReorder-BitdUhxn.js}

@@ -1,9 +1,10 @@
-import { a as __exportAll, i as BaseButton_default, n as useFocusTrap, t as BaseModal_default } from "./BaseModal-DfRIuVoj.js";
+import { a as BaseButton_default, n as BaseModal_default, o as __exportAll, r as useFocusTrap, t as useDropdownState } from "./useDropdownState-8yWMu-7_.js";
 import { d as tryUseSettingsStore, m as mintApiErrorFromResponse, p as MintApiError, t as useExperimentStore } from "./experiment-43OJtH7R.js";
-import { C as formatExperimentDate, D as useDropdownState, E as useMenuKeyboard, I as normalizeOptionInput, L as BaseInput_default, N as BaseSelect_default, T as FileUploader_default, d as normalizeJobState, i as getInjectedPlatformContext, j as BaseCheckbox_default, m as SecretInput_default, n as ResourcePickerListInternal_default, p as TagsInput_default, s as isActiveJobStatus } from "./records-BzTcxekG.js";
+import { C as formatExperimentDate, D as compareTime, E as useMenuKeyboard, F as toMinutes, G as BaseInput_default, M as formatTimeSlot, N as generateTimeSlots, T as FileUploader_default, V as BaseSelect_default, W as normalizeOptionInput, d as normalizeJobState, i as getInjectedPlatformContext, j as formatTime, k as findNearestTimeSlotIndex, m as SecretInput_default, n as ResourcePickerListInternal_default, p as TagsInput_default, s as isActiveJobStatus, z as BaseCheckbox_default } from "./records-B6gpM_3e.js";
 import "./auth-SliLnFre.js";
 import { getRoleInfo, hasAllPermissions, isAdminUser } from "./permissions.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, getCurrentScope, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, toValue, unref, useAttrs, useId, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { ChevronDown, ChevronUp } from "lucide-vue-next";
 import { autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
 //#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$12 = { class: "mint-radio-option__input-wrapper" };
@@ -16,7 +17,7 @@ var _hoisted_2$12 = [
 	"onChange"
 ];
 var _hoisted_3$12 = { class: "mint-radio-option__content" };
-var _hoisted_4$11 = ["id"];
+var _hoisted_4$10 = ["id"];
 var _hoisted_5$9 = [
 	"name",
 	"value",
@@ -89,7 +90,7 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					id: `${props.name}-${option.value}-desc`,
 					class: normalizeClass(["mint-radio-option__description", `mint-radio-option__description--${props.size}`])
-				}, toDisplayString(option.description), 11, _hoisted_4$11)) : createCommentVNode("", true)])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				}, toDisplayString(option.description), 11, _hoisted_4$10)) : createCommentVNode("", true)])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 					createElementVNode("input", {
 						type: "radio",
 						name: props.name,
@@ -369,15 +370,15 @@ function definePlateEditor(spec) {
 //#endregion
 //#region src/composables/useCalendarGrid.ts
 var WEEK_DAYS = [
-	"Su",
 	"Mo",
 	"Tu",
 	"We",
 	"Th",
 	"Fr",
-	"Sa"
+	"Sa",
+	"Su"
 ];
-/** Shared calendar grid state for date and datetime pickers. */
+/** Shared Monday-first calendar grid state for date and datetime pickers. */
 function useCalendarGrid(options = {}) {
 	const currentMonth = ref(/* @__PURE__ */ new Date());
 	const monthYear = computed(() => {
@@ -392,7 +393,7 @@ function useCalendarGrid(options = {}) {
 		const firstDay = new Date(year, month, 1);
 		const lastDay = new Date(year, month + 1, 0);
 		const days = [];
-		const startPadding = firstDay.getDay();
+		const startPadding = (firstDay.getDay() + 6) % 7;
 		for (let i = startPadding - 1; i >= 0; i--) {
 			const date = new Date(year, month, -i);
 			days.push({
@@ -475,7 +476,7 @@ function startOfDay(date) {
 var _hoisted_1$10 = { class: "mint-calendar-grid-panel" };
 var _hoisted_2$10 = { class: "mint-date-picker__header" };
 var _hoisted_3$10 = ["aria-label"];
-var _hoisted_4$10 = { class: "mint-date-picker__month-year" };
+var _hoisted_4$9 = { class: "mint-date-picker__month-year" };
 var _hoisted_5$8 = ["aria-label"];
 var _hoisted_6$8 = { class: "mint-date-picker__weekdays" };
 var _hoisted_7$7 = { class: "mint-date-picker__grid" };
@@ -539,7 +540,7 @@ var CalendarGridPanelInternal_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round",
 						"aria-hidden": "true"
 					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_3$10),
-					createElementVNode("span", _hoisted_4$10, toDisplayString(__props.monthYear), 1),
+					createElementVNode("span", _hoisted_4$9, toDisplayString(__props.monthYear), 1),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-date-picker__nav-btn",
@@ -595,7 +596,6 @@ var _hoisted_3$9 = [
 	"placeholder",
 	"disabled"
 ];
-var _hoisted_4$9 = { class: "mint-date-picker__footer" };
 //#endregion
 //#region src/components/internal/DatePickerDateInternal.vue
 var DatePickerDateInternal_default = /* @__PURE__ */ defineComponent({
@@ -634,7 +634,7 @@ var DatePickerDateInternal_default = /* @__PURE__ */ defineComponent({
 			containerRef: dropdownRef,
 			active: isOpen
 		});
-		const { weekDays, monthYear, calendarDays, isDateDisabled, formatDateValue, setCurrentMonthFromDate, prevMonth, nextMonth } = useCalendarGrid({
+		const { weekDays, monthYear, calendarDays, formatDateValue, setCurrentMonthFromDate, prevMonth, nextMonth } = useCalendarGrid({
 			min: () => props.min,
 			max: () => props.max
 		});
@@ -643,27 +643,12 @@ var DatePickerDateInternal_default = /* @__PURE__ */ defineComponent({
 			const date = /* @__PURE__ */ new Date(props.modelValue + "T00:00:00");
 			return isNaN(date.getTime()) ? null : date;
 		});
-		const displayValue = computed(() => {
-			if (!selectedDate.value) return "";
-			return selectedDate.value.toLocaleDateString("en-US", {
-				year: "numeric",
-				month: "short",
-				day: "numeric"
-			});
-		});
+		const displayValue = computed(() => selectedDate.value ? formatDateValue(selectedDate.value) : "");
 		function selectDate(day) {
 			if (day.isDisabled || props.disabled) return;
 			emit("update:modelValue", formatDateValue(day.date));
 			close();
 		}
-		function goToToday() {
-			const today = /* @__PURE__ */ new Date();
-			setCurrentMonthFromDate(today);
-			if (!isDateDisabled(today)) {
-				emit("update:modelValue", formatDateValue(today));
-				close();
-			}
-		}
 		function clear() {
 			emit("update:modelValue", void 0);
 			close();
@@ -730,25 +715,43 @@ var DatePickerDateInternal_default = /* @__PURE__ */ defineComponent({
 		});
 		onBeforeUnmount(stopPositioning);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$9, [createElementVNode("input", {
-				ref_key: "triggerRef",
-				ref: triggerRef,
-				type: "text",
-				readonly: "",
-				"aria-haspopup": "dialog",
-				"aria-expanded": unref(isOpen),
-				value: displayValue.value,
-				placeholder: __props.placeholder || "Select date",
-				disabled: __props.disabled,
-				class: normalizeClass([
-					"mint-date-picker__input",
-					`mint-date-picker__input--${__props.size}`,
-					__props.invalid ? "mint-date-picker__input--error" : "",
-					__props.disabled ? "mint-date-picker__input--disabled" : ""
-				]),
-				onClick: toggleCalendar,
-				onKeydown: handleTriggerKeydown
-			}, null, 42, _hoisted_3$9), _cache[0] || (_cache[0] = createStaticVNode("<div class=\"mint-date-picker__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path></svg></div>", 1))]), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
+			return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$9, [
+				_cache[1] || (_cache[1] = createStaticVNode("<div class=\"mint-date-picker__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path></svg></div>", 1)),
+				createElementVNode("input", {
+					ref_key: "triggerRef",
+					ref: triggerRef,
+					type: "text",
+					readonly: "",
+					"aria-haspopup": "dialog",
+					"aria-expanded": unref(isOpen),
+					value: displayValue.value,
+					placeholder: __props.placeholder || "Select date",
+					disabled: __props.disabled,
+					class: normalizeClass([
+						"mint-date-picker__input",
+						`mint-date-picker__input--${__props.size}`,
+						__props.invalid ? "mint-date-picker__input--error" : "",
+						__props.disabled ? "mint-date-picker__input--disabled" : ""
+					]),
+					onClick: toggleCalendar,
+					onKeydown: handleTriggerKeydown
+				}, null, 42, _hoisted_3$9),
+				__props.clearable && __props.modelValue && !__props.disabled ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "mint-date-picker__clear-btn",
+					"aria-label": "Clear date",
+					onClick: withModifiers(clear, ["stop"])
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])])) : createCommentVNode("", true)
+			]), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
 				"enter-active-class": "mint-date-picker__dropdown-enter-active",
 				"enter-from-class": "mint-date-picker__dropdown-enter-from",
 				"enter-to-class": "mint-date-picker__dropdown-enter-to",
@@ -779,148 +782,13 @@ var DatePickerDateInternal_default = /* @__PURE__ */ defineComponent({
 					"selected-date",
 					"onPreviousMonth",
 					"onNextMonth"
-				]), createElementVNode("div", _hoisted_4$9, [createElementVNode("button", {
-					type: "button",
-					class: "mint-date-picker__footer-btn mint-date-picker__today-btn",
-					onClick: goToToday
-				}, " Today "), __props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
-					key: 0,
-					type: "button",
-					class: "mint-date-picker__footer-btn mint-date-picker__clear-btn",
-					onClick: clear
-				}, " Clear ")) : createCommentVNode("", true)])], 4)) : createCommentVNode("", true)]),
+				])], 4)) : createCommentVNode("", true)]),
 				_: 1
 			})]))], 512);
 		};
 	}
 });
 //#endregion
-//#region src/utils/time.ts
-var time_exports = /* @__PURE__ */ __exportAll({
-	addMinutes: () => addMinutes,
-	compareTime: () => compareTime,
-	durationMinutes: () => durationMinutes,
-	findAvailableSlots: () => findAvailableSlots,
-	findNearestTimeSlotIndex: () => findNearestTimeSlotIndex,
-	formatDuration: () => formatDuration,
-	formatTime: () => formatTime,
-	formatTimeSlot: () => formatTimeSlot,
-	fromMinutes: () => fromMinutes,
-	generateTimeSlots: () => generateTimeSlots,
-	isTimeInRange: () => isTimeInRange,
-	parseTime: () => parseTime,
-	rangesOverlap: () => rangesOverlap,
-	snapToSlot: () => snapToSlot,
-	toMinutes: () => toMinutes
-});
-function parseTime(time) {
-	const [h, m] = time.split(":").map(Number);
-	return {
-		hour: h,
-		minute: m
-	};
-}
-function formatTime(hour, minute, format = "24h") {
-	if (format === "24h") return `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}`;
-	const period = hour >= 12 ? "PM" : "AM";
-	return `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:${String(minute).padStart(2, "0")} ${period}`;
-}
-function formatTimeSlot(time, format = "24h") {
-	const { hour, minute } = parseTime(time);
-	return formatTime(hour, minute, format);
-}
-function generateTimeSlots(start, end, stepMinutes) {
-	const slots = [];
-	const s = parseTime(start);
-	const e = parseTime(end);
-	const startMin = s.hour * 60 + s.minute;
-	const endMin = e.hour * 60 + e.minute;
-	for (let m = startMin; m <= endMin; m += stepMinutes) {
-		const hour = Math.floor(m / 60);
-		const minute = m % 60;
-		if (hour >= 24) break;
-		slots.push(formatTime(hour, minute));
-	}
-	return slots;
-}
-function rangesOverlap(a, b) {
-	const aStart = toMinutes(a.start);
-	const aEnd = toMinutes(a.end);
-	const bStart = toMinutes(b.start);
-	return aStart < toMinutes(b.end) && bStart < aEnd;
-}
-function durationMinutes(start, end) {
-	return toMinutes(end) - toMinutes(start);
-}
-function formatDuration(minutes) {
-	if (minutes < 0) return "-" + formatDuration(-minutes);
-	const h = Math.floor(minutes / 60);
-	const m = minutes % 60;
-	if (h === 0) return `${m}m`;
-	if (m === 0) return `${h}h`;
-	return `${h}h ${m}m`;
-}
-function isTimeInRange(time, start, end) {
-	const t = toMinutes(time);
-	return t >= toMinutes(start) && t <= toMinutes(end);
-}
-function findAvailableSlots(dayStart, dayEnd, occupied, minDuration) {
-	const sorted = [...occupied].sort((a, b) => toMinutes(a.start) - toMinutes(b.start));
-	const available = [];
-	let cursor = toMinutes(dayStart);
-	const end = toMinutes(dayEnd);
-	for (const slot of sorted) {
-		const slotStart = toMinutes(slot.start);
-		const slotEnd = toMinutes(slot.end);
-		if (slotStart > cursor && slotStart - cursor >= minDuration) available.push({
-			start: fromMinutes(cursor),
-			end: fromMinutes(slotStart)
-		});
-		cursor = Math.max(cursor, slotEnd);
-	}
-	if (end > cursor && end - cursor >= minDuration) available.push({
-		start: fromMinutes(cursor),
-		end: fromMinutes(end)
-	});
-	return available;
-}
-function snapToSlot(time, stepMinutes) {
-	const total = toMinutes(time);
-	return fromMinutes(Math.round(total / stepMinutes) * stepMinutes);
-}
-function addMinutes(time, minutes) {
-	const total = toMinutes(time) + minutes;
-	return fromMinutes(Math.max(0, Math.min(total, 1439)));
-}
-function compareTime(a, b) {
-	const ma = toMinutes(a);
-	const mb = toMinutes(b);
-	if (ma < mb) return -1;
-	if (ma > mb) return 1;
-	return 0;
-}
-function findNearestTimeSlotIndex(time, slots) {
-	if (slots.length === 0) return -1;
-	const target = toMinutes(time);
-	let bestIndex = 0;
-	let bestDiff = Infinity;
-	for (let index = 0; index < slots.length; index++) {
-		const diff = Math.abs(toMinutes(slots[index]) - target);
-		if (diff < bestDiff) {
-			bestDiff = diff;
-			bestIndex = index;
-		}
-	}
-	return bestIndex;
-}
-function toMinutes(time) {
-	const { hour, minute } = parseTime(time);
-	return hour * 60 + minute;
-}
-function fromMinutes(total) {
-	return formatTime(Math.floor(total / 60) % 24, total % 60);
-}
-//#endregion
 //#region src/components/internal/DatePickerDateTimeInternal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$8 = {
 	ref: "root",
@@ -998,11 +866,8 @@ var DatePickerDateTimeInternal_default = /* @__PURE__ */ defineComponent({
 		});
 		const displayValue = computed(() => {
 			if (!selectedDate.value) return "";
-			return `${selectedDate.value.toLocaleDateString(props.locale, {
-				year: "numeric",
-				month: "short",
-				day: "numeric"
-			})} ${formatTime(selectedDate.value.getHours(), selectedDate.value.getMinutes(), props.timeFormat)}`;
+			const timeStr = formatTime(selectedDate.value.getHours(), selectedDate.value.getMinutes(), props.timeFormat);
+			return `${formatDateValue(selectedDate.value)} ${timeStr}`;
 		});
 		const timeSlots = computed(() => {
 			return generateTimeSlots("00:00", "23:59", props.timeStep);
@@ -1084,47 +949,25 @@ var DatePickerDateTimeInternal_default = /* @__PURE__ */ defineComponent({
 			focusCalendar();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("div", _hoisted_2$8, [
-				_cache[0] || (_cache[0] = createElementVNode("div", { class: "mint-datetime-picker__icon-calendar" }, [createElementVNode("svg", {
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24"
-				}, [createElementVNode("path", {
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "2",
-					d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-				})])], -1)),
-				createElementVNode("input", {
-					ref: "trigger",
-					type: "text",
-					readonly: "",
-					"aria-haspopup": "dialog",
-					"aria-expanded": unref(isOpen),
-					value: displayValue.value,
-					placeholder: __props.placeholder,
-					disabled: __props.disabled,
-					class: normalizeClass([
-						"mint-datetime-picker__input",
-						`mint-datetime-picker__input--${__props.size}`,
-						__props.invalid ? "mint-datetime-picker__input--error" : "",
-						__props.disabled ? "mint-datetime-picker__input--disabled" : ""
-					]),
-					"aria-label": "Select date and time",
-					onClick: toggleDropdown,
-					onKeydown: handleTriggerKeydown
-				}, null, 42, _hoisted_3$8),
-				_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-datetime-picker__icon-clock" }, [createElementVNode("svg", {
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24"
-				}, [createElementVNode("path", {
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "2",
-					d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-				})])], -1))
-			]), createVNode(Transition, {
+			return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("div", _hoisted_2$8, [_cache[0] || (_cache[0] = createStaticVNode("<div class=\"mint-datetime-picker__icon-calendar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path></svg></div>", 1)), createElementVNode("input", {
+				ref: "trigger",
+				type: "text",
+				readonly: "",
+				"aria-haspopup": "dialog",
+				"aria-expanded": unref(isOpen),
+				value: displayValue.value,
+				placeholder: __props.placeholder,
+				disabled: __props.disabled,
+				class: normalizeClass([
+					"mint-datetime-picker__input",
+					`mint-datetime-picker__input--${__props.size}`,
+					__props.invalid ? "mint-datetime-picker__input--error" : "",
+					__props.disabled ? "mint-datetime-picker__input--disabled" : ""
+				]),
+				"aria-label": "Select date and time",
+				onClick: toggleDropdown,
+				onKeydown: handleTriggerKeydown
+			}, null, 42, _hoisted_3$8)]), createVNode(Transition, {
 				"enter-active-class": "mint-datetime-picker__dropdown-enter-active",
 				"enter-from-class": "mint-datetime-picker__dropdown-enter-from",
 				"enter-to-class": "mint-datetime-picker__dropdown-enter-to",
@@ -1158,8 +1001,8 @@ var DatePickerDateTimeInternal_default = /* @__PURE__ */ defineComponent({
 						"onPreviousMonth",
 						"onNextMonth"
 					])]),
-					_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-datetime-picker__divider" }, null, -1)),
-					createElementVNode("div", _hoisted_5$7, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-datetime-picker__time-label" }, "Time", -1)), createElementVNode("div", _hoisted_6$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (time) => {
+					_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-datetime-picker__divider" }, null, -1)),
+					createElementVNode("div", _hoisted_5$7, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-datetime-picker__time-label" }, "Time", -1)), createElementVNode("div", _hoisted_6$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (time) => {
 						return openBlock(), createElementBlock("button", {
 							key: time,
 							type: "button",
@@ -1259,7 +1102,9 @@ var DatePickerTimeInternal_default = /* @__PURE__ */ defineComponent({
 		/** Id of the highlighted slot, published to the input as `aria-activedescendant`. */
 		const activeSlotId = computed(() => isOpen.value && highlightedIndex.value >= 0 ? `${listboxId}-option-${highlightedIndex.value}` : void 0);
 		const slots = computed(() => {
-			return generateTimeSlots(props.min ?? "00:00", props.max ?? "23:59", props.step);
+			const start = props.min ?? "00:00";
+			const end = props.max ?? "23:59";
+			return generateTimeSlots(start, end, props.step);
 		});
 		const displayValue = computed(() => {
 			if (!props.modelValue) return "";
@@ -1382,6 +1227,19 @@ var DatePickerTimeInternal_default = /* @__PURE__ */ defineComponent({
 				class: "mint-time-picker",
 				onKeydown: handleKeydown
 			}, [createElementVNode("div", _hoisted_1$7, [
+				_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-time-picker__icon" }, [createElementVNode("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [createElementVNode("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}), createElementVNode("path", { d: "M12 6v6l4 2" })])], -1)),
 				createElementVNode("input", {
 					ref: "trigger",
 					type: "text",
@@ -1415,19 +1273,7 @@ var DatePickerTimeInternal_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])])) : createCommentVNode("", true),
-				_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-time-picker__icon" }, [createElementVNode("svg", {
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, [createElementVNode("circle", {
-					cx: "12",
-					cy: "12",
-					r: "10"
-				}), createElementVNode("path", { d: "M12 6v6l4 2" })])], -1))
+				}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])])) : createCommentVNode("", true)
 			]), createVNode(Transition, {
 				"enter-active-class": "mint-time-picker__dropdown-enter-active",
 				"enter-from-class": "mint-time-picker__dropdown-enter-from",
@@ -1457,20 +1303,7 @@ var DatePickerTimeInternal_default = /* @__PURE__ */ defineComponent({
 							index === highlightedIndex.value && !isSlotDisabled(slot) ? "mint-menu-item--active mint-time-picker__slot--highlighted" : ""
 						]),
 						onClick: ($event) => selectSlot(slot)
-					}, [
-						createElementVNode("span", _hoisted_5$6, toDisplayString(unref(formatTimeSlot)(slot, __props.format)), 1),
-						slotReason(slot) ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(slotReason(slot)), 1)) : createCommentVNode("", true),
-						_cache[2] || (_cache[2] = createElementVNode("svg", {
-							class: "mint-menu-item__check",
-							viewBox: "0 0 16 16",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							"aria-hidden": "true"
-						}, [createElementVNode("path", { d: "M3.5 8.5l3 3 6-7" })], -1))
-					], 10, _hoisted_4$7);
+					}, [createElementVNode("span", _hoisted_5$6, toDisplayString(unref(formatTimeSlot)(slot, __props.format)), 1), slotReason(slot) ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(slotReason(slot)), 1)) : createCommentVNode("", true)], 10, _hoisted_4$7);
 				}), 128))], 512)])) : createCommentVNode("", true)]),
 				_: 1
 			})], 544);
@@ -2178,26 +2011,20 @@ var NumberInput_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled || !canDecrement.value,
 				class: "mint-number-input__stepper mint-number-input__stepper--down",
 				onClick: decrement
-			}, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
-				viewBox: "0 0 10 10",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "1.6",
-				"stroke-linecap": "round"
-			}, [createElementVNode("path", { d: "M2 5h6" })], -1)])], 8, _hoisted_6$4), createElementVNode("button", {
+			}, [createVNode(unref(ChevronDown), {
+				size: 12,
+				"stroke-width": 2.25
+			})], 8, _hoisted_6$4), createElementVNode("button", {
 				type: "button",
 				tabindex: "-1",
 				"aria-label": "Increase value",
 				disabled: __props.disabled || !canIncrement.value,
 				class: "mint-number-input__stepper mint-number-input__stepper--up",
 				onClick: increment
-			}, [..._cache[6] || (_cache[6] = [createElementVNode("svg", {
-				viewBox: "0 0 10 10",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "1.6",
-				"stroke-linecap": "round"
-			}, [createElementVNode("path", { d: "M5 2v6" }), createElementVNode("path", { d: "M2 5h6" })], -1)])], 8, _hoisted_7$4)])])], 6));
+			}, [createVNode(unref(ChevronUp), {
+				size: 12,
+				"stroke-width": 2.25
+			})], 8, _hoisted_7$4)])])], 6));
 		};
 	}
 });
@@ -5165,7 +4992,8 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: true
 		},
-		size: { default: "md" }
+		size: { default: "md" },
+		orientation: { default: "horizontal" }
 	},
 	emits: [
 		"update:modelValue",
@@ -5232,7 +5060,11 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 		__expose({ setStepValid });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(["mint-wizard", `mint-wizard--${props.size}`]),
+				class: normalizeClass([
+					"mint-wizard",
+					`mint-wizard--${props.size}`,
+					{ "mint-wizard--vertical": props.orientation === "vertical" }
+				]),
 				tabindex: "0",
 				onKeydown: handleKeydown
 			}, [
@@ -5457,6 +5289,6 @@ function useListReorder(options) {
 	};
 }
 //#endregion
-export { createGeneratedAnalysisTransport as A, defineDataFrame as B, useSequenceUtils as C, GeneratedPathInput_default as D, renderFormulaParts as E, compareTime as F, useSortedItems as G, definePluginWorkspaceView as H, durationMinutes as I, BaseSlider_default as K, formatTime as L, createEventStream as M, NumberInput_default as N, _plugin_vue_export_helper_default as O, DatePicker_default as P, time_exports as R, SequenceInput_default as S, formula_exports as T, defineWellPlate as U, definePlateEditor as V, compareSortValues as W, getFieldRegistryEntry as _, StepWizard_default as a, useConcentrationUnits as b, normalizeControlDefinition as c, humanize as d, numericValue as f, replaceRecord as g, recordValue as h, useReorderAnnouncer as i, useJobsEndpoint as j, GENERATED_JOBS_API_KEY as k, normalizeControls as l, orderedUnique as m, reorderList as n, usePlatform as o, omitUndefined as p, BaseRadioGroup_default as q, useListReorder as r, defaultValueForControl as s, REORDER_ANNOUNCER_STYLE as t, normalizeOption as u, getTypeDefault as v, FormulaInput_default as w, MoleculeInput_default as x, ConcentrationInput_default as y, applySpecDefaults as z };
+export { createGeneratedAnalysisTransport as A, compareSortValues as B, useSequenceUtils as C, GeneratedPathInput_default as D, renderFormulaParts as E, applySpecDefaults as F, BaseSlider_default as H, defineDataFrame as I, definePlateEditor as L, createEventStream as M, NumberInput_default as N, _plugin_vue_export_helper_default as O, DatePicker_default as P, definePluginWorkspaceView as R, SequenceInput_default as S, formula_exports as T, BaseRadioGroup_default as U, useSortedItems as V, getFieldRegistryEntry as _, StepWizard_default as a, useConcentrationUnits as b, normalizeControlDefinition as c, humanize as d, numericValue as f, replaceRecord as g, recordValue as h, useReorderAnnouncer as i, useJobsEndpoint as j, GENERATED_JOBS_API_KEY as k, normalizeControls as l, orderedUnique as m, reorderList as n, usePlatform as o, omitUndefined as p, useListReorder as r, defaultValueForControl as s, REORDER_ANNOUNCER_STYLE as t, normalizeOption as u, getTypeDefault as v, FormulaInput_default as w, MoleculeInput_default as x, ConcentrationInput_default as y, defineWellPlate as z };
 
-//# sourceMappingURL=useListReorder-CcbEYxX-.js.map
+//# sourceMappingURL=useListReorder-BitdUhxn.js.map