@morscherlab/mint-sdk 1.3.11 → 1.4.0-beta.10

package/dist/records-B6gpM_3e.js

@@ -0,0 +1,3268 @@
+import { a as BaseButton_default, i as useEventListener, o as __exportAll, t as useDropdownState } from "./useDropdownState-8yWMu-7_.js";
+import { t as useExperimentStore } from "./experiment-43OJtH7R.js";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onScopeDispose, openBlock, provide, ref, renderList, renderSlot, toDisplayString, toValue, unref, useAttrs, useId, useSlots, useTemplateRef, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Check, ChevronDown, ChevronsUpDown, X } from "lucide-vue-next";
+import { computePosition, flip, offset, shift } from "@floating-ui/dom";
+//#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = [
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"autofocus",
+	"rows",
+	"maxlength",
+	"aria-invalid",
+	"aria-describedby"
+];
+var _hoisted_2$12 = {
+	key: 0,
+	class: "mint-input-group__prefix"
+};
+var _hoisted_3$12 = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"autofocus",
+	"maxlength",
+	"list",
+	"aria-invalid",
+	"aria-describedby"
+];
+var _hoisted_4$9 = {
+	key: 1,
+	class: "mint-input-group__suffix"
+};
+var _hoisted_5$9 = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"autofocus",
+	"maxlength",
+	"list",
+	"aria-invalid",
+	"aria-describedby"
+];
+//#endregion
+//#region src/components/BaseInput.vue
+var BaseInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "BaseInput",
+	props: {
+		modelValue: {},
+		type: { default: "text" },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		autocomplete: {},
+		autofocus: { type: Boolean },
+		maxlength: {},
+		list: {},
+		ariaDescribedby: {},
+		rows: { default: 3 },
+		resize: { default: "vertical" }
+	},
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur",
+		"keydown"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Renders a styled text `<input>`, or a `<textarea>` with `type="textarea"`; size, invalid, and readonly states.
+		* Optional `#prefix` (bare leading glyph, e.g. a search icon) and `#suffix` (neutral unit segment) slots sit inside the field border (input only).
+		* Numbers use NumberInput.
+		*
+		* @example
+		* ```vue
+		* <BaseInput v-model="name" :invalid="!!nameError" />
+		* <BaseInput v-model="notes" type="textarea" :rows="4" />
+		* ```
+		*/
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const wrapped = computed(() => props.type !== "textarea" && Boolean(slots.prefix || slots.suffix));
+		/** Wrapped: class/style style the group, every other attribute (id, name, aria-*) stays on the input. */
+		const inputAttrs = computed(() => {
+			if (!wrapped.value) return attrs;
+			const { class: _class, style: _style, ...rest } = attrs;
+			return rest;
+		});
+		function handleInput(event) {
+			emit("update:modelValue", event.target.value);
+		}
+		return (_ctx, _cache) => {
+			return __props.type === "textarea" ? (openBlock(), createElementBlock("textarea", mergeProps({ key: 0 }, inputAttrs.value, {
+				value: __props.modelValue,
+				placeholder: __props.placeholder,
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				autofocus: __props.autofocus,
+				rows: __props.rows,
+				maxlength: __props.maxlength,
+				"aria-invalid": __props.invalid || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				class: [
+					"mint-textarea",
+					`mint-textarea--${__props.size}`,
+					`mint-textarea--resize-${__props.resize}`,
+					__props.invalid ? "mint-textarea--error" : "",
+					__props.disabled ? "mint-textarea--disabled" : ""
+				],
+				onInput: handleInput,
+				onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
+				onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event)),
+				onKeydown: _cache[2] || (_cache[2] = ($event) => emit("keydown", $event))
+			}), null, 16, _hoisted_1$12)) : wrapped.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass([
+					"mint-input-group",
+					`mint-input-group--${__props.size}`,
+					__props.invalid ? "mint-input-group--error" : "",
+					__props.disabled ? "mint-input-group--disabled" : "",
+					unref(attrs).class
+				]),
+				style: normalizeStyle(unref(attrs).style)
+			}, [
+				unref(slots).prefix ? (openBlock(), createElementBlock("span", _hoisted_2$12, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true),
+				createElementVNode("input", mergeProps(inputAttrs.value, {
+					type: __props.type,
+					value: __props.modelValue,
+					placeholder: __props.placeholder,
+					disabled: __props.disabled,
+					readonly: __props.readonly,
+					autocomplete: __props.autocomplete,
+					autofocus: __props.autofocus,
+					maxlength: __props.maxlength,
+					list: __props.list,
+					"aria-invalid": __props.invalid || void 0,
+					"aria-describedby": __props.ariaDescribedby || void 0,
+					class: [
+						"mint-input",
+						`mint-input--${__props.size}`,
+						"mint-input-group__control"
+					],
+					onInput: handleInput,
+					onFocus: _cache[3] || (_cache[3] = ($event) => emit("focus", $event)),
+					onBlur: _cache[4] || (_cache[4] = ($event) => emit("blur", $event)),
+					onKeydown: _cache[5] || (_cache[5] = ($event) => emit("keydown", $event))
+				}), null, 16, _hoisted_3$12),
+				unref(slots).suffix ? (openBlock(), createElementBlock("span", _hoisted_4$9, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)
+			], 6)) : (openBlock(), createElementBlock("input", mergeProps({ key: 2 }, inputAttrs.value, {
+				type: __props.type,
+				value: __props.modelValue,
+				placeholder: __props.placeholder,
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				autocomplete: __props.autocomplete,
+				autofocus: __props.autofocus,
+				maxlength: __props.maxlength,
+				list: __props.list,
+				"aria-invalid": __props.invalid || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				class: [
+					"mint-input",
+					`mint-input--${__props.size}`,
+					__props.invalid ? "mint-input--error" : "",
+					__props.disabled ? "mint-input--disabled" : ""
+				],
+				onInput: handleInput,
+				onFocus: _cache[6] || (_cache[6] = ($event) => emit("focus", $event)),
+				onBlur: _cache[7] || (_cache[7] = ($event) => emit("blur", $event)),
+				onKeydown: _cache[8] || (_cache[8] = ($event) => emit("keydown", $event))
+			}), null, 16, _hoisted_5$9));
+		};
+	}
+});
+//#endregion
+//#region src/utils/options.ts
+function normalizeOptionInput(option) {
+	if (typeof option === "object") return option;
+	return {
+		value: option,
+		label: String(option)
+	};
+}
+function findOptionByDomValue(options, value) {
+	return options.find((option) => String(option.value) === value);
+}
+//#endregion
+//#region src/composables/useSelectionLimit.ts
+/** Shared cap logic for chip, tag, and multi-select controls. */
+function useSelectionLimit(options) {
+	const count = computed(() => Math.max(0, Math.floor(toValue(options.count) || 0)));
+	const max = computed(() => normalizeMax(toValue(options.max)));
+	const isLimited = computed(() => max.value !== void 0);
+	const remaining = computed(() => {
+		if (max.value === void 0) return void 0;
+		return Math.max(0, max.value - count.value);
+	});
+	const isAtLimit = computed(() => remaining.value === 0);
+	const canAddMore = computed(() => canAdd(1));
+	function canAdd(amount = 1, fromCount = count.value) {
+		const normalizedAmount = Math.max(0, Math.floor(amount));
+		const normalizedCount = Math.max(0, Math.floor(fromCount));
+		if (max.value === void 0) return true;
+		return normalizedCount + normalizedAmount <= max.value;
+	}
+	return {
+		count,
+		max,
+		isLimited,
+		isAtLimit,
+		canAddMore,
+		remaining,
+		canAdd
+	};
+}
+function normalizeMax(value) {
+	if (value === null || value === void 0 || !Number.isFinite(value)) return void 0;
+	return Math.max(0, Math.floor(value));
+}
+//#endregion
+//#region src/composables/useListSelection.ts
+/** Shared list-selection state for checkbox lists, sample selectors, and chip selectors. */
+function useListSelection(options) {
+	const disabled = computed(() => toValue(options.disabled) ?? false);
+	const selectedValues = computed(() => [...toValue(options.selected)]);
+	const selectedSet = computed(() => new Set(selectedValues.value));
+	const itemValues = computed(() => {
+		return (toValue(options.items) ?? []).map((item) => getItemValue(item, options.getValue));
+	});
+	const selectedCount = computed(() => selectedValues.value.length);
+	const itemCount = computed(() => itemValues.value.length);
+	const isAllSelected = computed(() => itemValues.value.length > 0 && itemValues.value.every((value) => selectedSet.value.has(value)));
+	const selectionLimit = useSelectionLimit({
+		count: selectedCount,
+		max: options.max
+	});
+	function isSelected(value) {
+		return selectedSet.value.has(value);
+	}
+	function isFullySelected(values) {
+		return values.length > 0 && values.every((value) => selectedSet.value.has(value));
+	}
+	function isPartiallySelected(values) {
+		if (values.length === 0) return false;
+		const selected = values.filter((value) => selectedSet.value.has(value)).length;
+		return selected > 0 && selected < values.length;
+	}
+	function selectValues(values) {
+		if (disabled.value) return selectedValues.value;
+		const missing = uniqueValues(values).filter((value) => !selectedSet.value.has(value));
+		if (!selectionLimit.canAdd(missing.length)) return selectedValues.value;
+		return [...selectedValues.value, ...missing];
+	}
+	function toggleValue(value) {
+		if (disabled.value) return selectedValues.value;
+		if (selectedSet.value.has(value)) return selectedValues.value.filter((selected) => selected !== value);
+		if (!selectionLimit.canAddMore.value) return selectedValues.value;
+		return [...selectedValues.value, value];
+	}
+	function toggleValues(values) {
+		if (disabled.value) return selectedValues.value;
+		const unique = uniqueValues(values);
+		if (isFullySelected(unique)) {
+			const remove = new Set(unique);
+			return selectedValues.value.filter((value) => !remove.has(value));
+		}
+		return selectValues(unique);
+	}
+	function selectAll() {
+		return selectValues(itemValues.value);
+	}
+	function toggleAll() {
+		if (isAllSelected.value) return clear();
+		return selectAll();
+	}
+	function clear() {
+		return disabled.value ? selectedValues.value : [];
+	}
+	return {
+		selectedValues,
+		selectedSet,
+		itemValues,
+		selectedCount,
+		itemCount,
+		isAllSelected,
+		isLimited: selectionLimit.isLimited,
+		isAtLimit: selectionLimit.isAtLimit,
+		canAddMore: selectionLimit.canAddMore,
+		remaining: selectionLimit.remaining,
+		isSelected,
+		isFullySelected,
+		isPartiallySelected,
+		selectValues,
+		toggleValue,
+		toggleValues,
+		selectAll,
+		toggleAll,
+		clear
+	};
+}
+function getItemValue(item, getValue) {
+	return getValue ? getValue(item) : item;
+}
+function uniqueValues(values) {
+	return [...new Set(values)];
+}
+//#endregion
+//#region src/components/internal/SelectMultipleInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$11 = [
+	"tabindex",
+	"aria-expanded",
+	"aria-disabled",
+	"aria-invalid",
+	"aria-labelledby",
+	"aria-describedby"
+];
+var _hoisted_2$11 = { class: "mint-multi-select__chips" };
+var _hoisted_3$11 = ["aria-label", "onClick"];
+var _hoisted_4$8 = {
+	key: 0,
+	class: "mint-multi-select__placeholder"
+};
+var _hoisted_5$8 = {
+	key: 0,
+	class: "mint-popover mint-searchable-select__panel"
+};
+var _hoisted_6$8 = { class: "mint-searchable-select__search-wrap" };
+var _hoisted_7$7 = ["aria-expanded", "aria-activedescendant"];
+var _hoisted_8$3 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onMouseenter",
+	"onClick"
+];
+var _hoisted_9$3 = { class: "mint-menu-item__label" };
+var _hoisted_10$3 = {
+	key: 0,
+	class: "mint-searchable-select__empty"
+};
+//#endregion
+//#region src/components/internal/SelectMultipleInternal.vue
+var SelectMultipleInternal_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SelectMultipleInternal",
+	props: {
+		modelValue: {},
+		options: {},
+		placeholder: { default: "Select options..." },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		max: { default: void 0 },
+		size: { default: "md" },
+		ariaLabelledby: { default: void 0 },
+		ariaDescribedby: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/** BaseSelect with `multiple`: a field of removable chips that opens a filterable checkbox listbox, capped by `max`. */
+		const props = __props;
+		const attrs = useAttrs();
+		const fieldAttrs = computed(() => {
+			const { class: _class, style: _style, ...rest } = attrs;
+			return rest;
+		});
+		const emit = __emit;
+		const listboxId = `mint-multi-select-${useId().replace(/:/g, "")}`;
+		const root = ref(null);
+		const field = ref(null);
+		const search = ref(null);
+		const open = ref(false);
+		const query = ref("");
+		const activeIndex = ref(-1);
+		const normalizedOptions = computed(() => props.options.map(normalizeOptionInput));
+		const selection = useListSelection({
+			selected: () => props.modelValue,
+			items: normalizedOptions,
+			getValue: (option) => option.value,
+			disabled: () => props.disabled,
+			max: () => props.max
+		});
+		const chips = computed(() => props.modelValue.map((value) => ({
+			value,
+			label: normalizedOptions.value.find((option) => option.value === value)?.label ?? String(value)
+		})));
+		const visibleOptions = computed(() => {
+			const needle = query.value.trim().toLocaleLowerCase();
+			if (!needle) return normalizedOptions.value;
+			return normalizedOptions.value.filter((option) => option.label.toLocaleLowerCase().includes(needle));
+		});
+		const activeDescendant = computed(() => activeIndex.value >= 0 ? `${listboxId}-option-${activeIndex.value}` : void 0);
+		function isUnavailable(option) {
+			return !!option.disabled || !selection.isSelected(option.value) && !selection.canAddMore.value;
+		}
+		async function openPanel() {
+			if (props.disabled || open.value) return;
+			query.value = "";
+			open.value = true;
+			activeIndex.value = visibleOptions.value.length > 0 ? 0 : -1;
+			await nextTick();
+			search.value?.focus();
+		}
+		async function closePanel(restoreFocus = false) {
+			open.value = false;
+			query.value = "";
+			activeIndex.value = -1;
+			if (restoreFocus) {
+				await nextTick();
+				field.value?.focus();
+			}
+		}
+		function moveActive(direction) {
+			const count = visibleOptions.value.length;
+			if (count === 0) return;
+			const start = activeIndex.value < 0 ? direction === 1 ? -1 : count : activeIndex.value;
+			activeIndex.value = (start + direction + count) % count;
+			nextTick(() => document.getElementById(activeDescendant.value ?? "")?.scrollIntoView({ block: "nearest" }));
+		}
+		function toggle(option) {
+			if (props.disabled || isUnavailable(option)) return;
+			emit("update:modelValue", selection.toggleValue(option.value));
+		}
+		function remove(value) {
+			if (props.disabled) return;
+			emit("update:modelValue", props.modelValue.filter((selected) => selected !== value));
+		}
+		function handleFieldKeydown(event) {
+			if (event.key !== "Enter" && event.key !== " " && event.key !== "ArrowDown") return;
+			event.preventDefault();
+			openPanel();
+		}
+		function handleSearchKeydown(event) {
+			if (event.key === "ArrowDown") moveActive(1);
+			else if (event.key === "ArrowUp") moveActive(-1);
+			else if (event.key === "Enter") {
+				const option = visibleOptions.value[activeIndex.value];
+				if (option) toggle(option);
+			} else if (event.key === "Escape") closePanel(true);
+			else if (event.key === "Backspace" && query.value === "" && props.modelValue.length > 0) remove(props.modelValue[props.modelValue.length - 1]);
+			else return;
+			event.preventDefault();
+		}
+		watch(visibleOptions, (options) => {
+			activeIndex.value = options.length > 0 ? 0 : -1;
+		});
+		watch(() => props.disabled, (disabled) => {
+			if (disabled) closePanel();
+		});
+		useEventListener(() => document, "pointerdown", (event) => {
+			if (open.value && !root.value?.contains(event.target)) closePanel();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass([
+					"mint-multi-select",
+					`mint-multi-select--${__props.size}`,
+					_ctx.$attrs.class
+				]),
+				style: normalizeStyle(_ctx.$attrs.style),
+				onFocusout: _cache[3] || (_cache[3] = ($event) => !root.value?.contains($event.relatedTarget) && closePanel())
+			}, [createElementVNode("div", mergeProps(fieldAttrs.value, {
+				ref_key: "field",
+				ref: field,
+				role: "combobox",
+				tabindex: __props.disabled ? void 0 : 0,
+				class: ["mint-multi-select__field", {
+					"mint-multi-select__field--open": open.value,
+					"mint-multi-select__field--error": __props.invalid,
+					"mint-multi-select__field--disabled": __props.disabled
+				}],
+				"aria-haspopup": "listbox",
+				"aria-expanded": open.value,
+				"aria-controls": listboxId,
+				"aria-disabled": __props.disabled || void 0,
+				"aria-invalid": __props.invalid || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => open.value ? closePanel() : openPanel()),
+				onKeydown: withModifiers(handleFieldKeydown, ["self"])
+			}), [createElementVNode("div", _hoisted_2$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(chips.value, (chip) => {
+				return openBlock(), createElementBlock("span", {
+					key: String(chip.value),
+					class: "mint-multi-select__chip"
+				}, [createTextVNode(toDisplayString(chip.label) + " ", 1), !__props.disabled ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					tabindex: "-1",
+					class: "mint-multi-select__chip-remove",
+					"aria-label": `Remove ${chip.label}`,
+					onClick: withModifiers(($event) => remove(chip.value), ["stop"])
+				}, [createVNode(unref(X), {
+					size: 11,
+					"stroke-width": 2.25,
+					"aria-hidden": "true"
+				})], 8, _hoisted_3$11)) : createCommentVNode("", true)]);
+			}), 128)), chips.value.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true)]), createVNode(unref(ChevronDown), {
+				class: "mint-multi-select__icon",
+				size: 14,
+				"aria-hidden": "true"
+			})], 16, _hoisted_1$11), open.value ? (openBlock(), createElementBlock("div", _hoisted_5$8, [createElementVNode("div", _hoisted_6$8, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+				viewBox: "0 0 20 20",
+				fill: "none",
+				stroke: "currentColor",
+				"aria-hidden": "true"
+			}, [createElementVNode("circle", {
+				cx: "8.5",
+				cy: "8.5",
+				r: "5.5"
+			}), createElementVNode("path", { d: "m13 13 4 4" })], -1)), withDirectives(createElementVNode("input", {
+				ref_key: "search",
+				ref: search,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+				role: "combobox",
+				type: "search",
+				class: "mint-searchable-select__search",
+				placeholder: "Filter…",
+				"aria-label": "Filter options",
+				"aria-expanded": open.value,
+				"aria-controls": listboxId,
+				"aria-activedescendant": activeDescendant.value,
+				"aria-autocomplete": "list",
+				onKeydown: handleSearchKeydown
+			}, null, 40, _hoisted_7$7), [[vModelText, query.value]])]), createElementVNode("ul", {
+				id: listboxId,
+				class: "mint-searchable-select__list",
+				role: "listbox",
+				"aria-multiselectable": "true"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleOptions.value, (option, index) => {
+				return openBlock(), createElementBlock("li", {
+					id: `${listboxId}-option-${index}`,
+					key: String(option.value),
+					role: "option",
+					class: normalizeClass(["mint-menu-item mint-multi-select__option", { "mint-menu-item--active": activeIndex.value === index }]),
+					"aria-selected": unref(selection).isSelected(option.value),
+					"aria-disabled": isUnavailable(option) || void 0,
+					onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
+					onMouseenter: ($event) => !isUnavailable(option) && (activeIndex.value = index),
+					onClick: ($event) => toggle(option)
+				}, [createElementVNode("span", {
+					class: normalizeClass(["mint-multi-select__check", { "mint-multi-select__check--on": unref(selection).isSelected(option.value) }]),
+					"aria-hidden": "true"
+				}, [unref(selection).isSelected(option.value) ? (openBlock(), createBlock(unref(Check), {
+					key: 0,
+					size: 10,
+					"stroke-width": 3.5
+				})) : createCommentVNode("", true)], 2), createElementVNode("span", _hoisted_9$3, toDisplayString(option.label), 1)], 42, _hoisted_8$3);
+			}), 128)), visibleOptions.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_10$3, "No matching options")) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 38);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/SelectSearchableInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = [
+	"aria-describedby",
+	"aria-labelledby",
+	"disabled",
+	"aria-invalid",
+	"aria-expanded"
+];
+var _hoisted_2$10 = {
+	key: 0,
+	class: "mint-popover mint-searchable-select__panel"
+};
+var _hoisted_3$10 = { class: "mint-searchable-select__search-wrap" };
+var _hoisted_4$7 = [
+	"placeholder",
+	"aria-label",
+	"aria-expanded",
+	"aria-activedescendant"
+];
+var _hoisted_5$7 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onMouseenter",
+	"onClick"
+];
+var _hoisted_6$7 = { class: "mint-menu-item__text mint-searchable-select__option-text" };
+var _hoisted_7$6 = { class: "mint-menu-item__label mint-searchable-select__option-label" };
+var _hoisted_8$2 = {
+	key: 0,
+	class: "mint-menu-item__description mint-searchable-select__option-description"
+};
+var _hoisted_9$2 = {
+	key: 0,
+	class: "mint-menu-item__meta mint-searchable-select__option-meta"
+};
+var _hoisted_10$2 = {
+	key: 0,
+	class: "mint-searchable-select__empty"
+};
+var _hoisted_11$2 = {
+	key: 0,
+	class: "mint-searchable-select__footer"
+};
+//#endregion
+//#region src/components/internal/SelectSearchableInternal.vue
+var SelectSearchableInternal_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SelectSearchableInternal",
+	props: {
+		modelValue: {},
+		options: {},
+		placeholder: { default: "Select an option" },
+		searchPlaceholder: { default: "Search options…" },
+		noResultsText: { default: "No matching options" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabelledby: {},
+		ariaDescribedby: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/** BaseSelect with `searchable`: a single-select listbox with a search field, descriptions, disabled reasons, and custom slots. */
+		const props = __props;
+		const attrs = useAttrs();
+		const triggerAttrs = computed(() => {
+			const { class: _class, style: _style, ...rest } = attrs;
+			return rest;
+		});
+		const emit = __emit;
+		const listboxId = `mint-searchable-select-${useId().replace(/:/g, "")}`;
+		const triggerId = `${listboxId}-trigger`;
+		const root = ref(null);
+		const trigger = ref(null);
+		const search = ref(null);
+		const open = ref(false);
+		const query = ref("");
+		const activeIndex = ref(-1);
+		const normalizedOptions = computed(() => props.options.map(normalizeOptionInput));
+		const selectedOption = computed(() => normalizedOptions.value.find((option) => option.value === props.modelValue));
+		const visibleOptions = computed(() => {
+			const needle = query.value.trim().toLocaleLowerCase();
+			if (!needle) return normalizedOptions.value;
+			return normalizedOptions.value.filter((option) => [
+				option.label,
+				option.description,
+				option.meta,
+				option.disabledReason
+			].some((value) => value?.toLocaleLowerCase().includes(needle)));
+		});
+		const activeDescendant = computed(() => activeIndex.value >= 0 ? `${listboxId}-option-${activeIndex.value}` : void 0);
+		function firstEnabledIndex(options = visibleOptions.value) {
+			return options.findIndex((option) => !option.disabled);
+		}
+		async function openPanel() {
+			if (props.disabled) return;
+			query.value = "";
+			open.value = true;
+			activeIndex.value = firstEnabledIndex(normalizedOptions.value);
+			await nextTick();
+			search.value?.focus();
+		}
+		async function closePanel(restoreFocus = false) {
+			open.value = false;
+			query.value = "";
+			activeIndex.value = -1;
+			if (restoreFocus) {
+				await nextTick();
+				trigger.value?.focus();
+			}
+		}
+		function moveActive(direction) {
+			const enabled = visibleOptions.value.map((option, index) => ({
+				option,
+				index
+			})).filter(({ option }) => !option.disabled);
+			if (enabled.length === 0) return;
+			const current = enabled.findIndex(({ index }) => index === activeIndex.value);
+			const next = current < 0 ? direction === 1 ? 0 : enabled.length - 1 : (current + direction + enabled.length) % enabled.length;
+			activeIndex.value = enabled[next].index;
+			nextTick(() => document.getElementById(activeDescendant.value ?? "")?.scrollIntoView({ block: "nearest" }));
+		}
+		function select(option) {
+			if (option.disabled) return;
+			emit("update:modelValue", option.value);
+			closePanel(true);
+		}
+		function handleSearchKeydown(event) {
+			if (event.key === "ArrowDown") moveActive(1);
+			else if (event.key === "ArrowUp") moveActive(-1);
+			else if (event.key === "Home") activeIndex.value = firstEnabledIndex();
+			else if (event.key === "End") {
+				for (let index = visibleOptions.value.length - 1; index >= 0; index--) if (!visibleOptions.value[index]?.disabled) {
+					activeIndex.value = index;
+					break;
+				}
+			} else if (event.key === "Enter") {
+				const option = visibleOptions.value[activeIndex.value];
+				if (option) select(option);
+			} else if (event.key === "Escape") closePanel(true);
+			else return;
+			event.preventDefault();
+		}
+		function handleTriggerKeydown(event) {
+			if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+			event.preventDefault();
+			openPanel().then(() => {
+				if (event.key === "ArrowUp") moveActive(-1);
+			});
+		}
+		watch(visibleOptions, (options) => {
+			activeIndex.value = firstEnabledIndex(options);
+		});
+		watch(() => props.disabled, (disabled) => {
+			if (disabled) closePanel();
+		});
+		useEventListener(() => document, "pointerdown", (event) => {
+			if (open.value && !root.value?.contains(event.target)) closePanel();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass([
+					"mint-searchable-select",
+					`mint-searchable-select--${__props.size}`,
+					_ctx.$attrs.class
+				]),
+				style: normalizeStyle(_ctx.$attrs.style),
+				onFocusout: _cache[3] || (_cache[3] = ($event) => !root.value?.contains($event.relatedTarget) && closePanel())
+			}, [createElementVNode("button", mergeProps(triggerAttrs.value, {
+				id: triggerId,
+				ref_key: "trigger",
+				ref: trigger,
+				type: "button",
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				"aria-labelledby": __props.ariaLabelledby ? `${__props.ariaLabelledby} ${triggerId}` : void 0,
+				class: ["mint-searchable-select__trigger", { "mint-searchable-select__trigger--error": __props.invalid }],
+				disabled: __props.disabled,
+				"aria-invalid": __props.invalid || void 0,
+				"aria-expanded": open.value,
+				"aria-controls": listboxId,
+				"aria-haspopup": "listbox",
+				onClick: _cache[0] || (_cache[0] = ($event) => open.value ? closePanel() : openPanel()),
+				onKeydown: handleTriggerKeydown
+			}), [createElementVNode("span", { class: normalizeClass(["mint-searchable-select__value", { "mint-searchable-select__value--placeholder": !selectedOption.value }]) }, toDisplayString(selectedOption.value?.label ?? __props.placeholder), 3), createVNode(unref(ChevronsUpDown), {
+				size: 14,
+				"aria-hidden": "true"
+			})], 16, _hoisted_1$10), open.value ? (openBlock(), createElementBlock("div", _hoisted_2$10, [
+				createElementVNode("div", _hoisted_3$10, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+					viewBox: "0 0 20 20",
+					fill: "none",
+					stroke: "currentColor",
+					"aria-hidden": "true"
+				}, [createElementVNode("circle", {
+					cx: "8.5",
+					cy: "8.5",
+					r: "5.5"
+				}), createElementVNode("path", { d: "m13 13 4 4" })], -1)), withDirectives(createElementVNode("input", {
+					ref_key: "search",
+					ref: search,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+					role: "combobox",
+					type: "search",
+					class: "mint-searchable-select__search",
+					placeholder: __props.searchPlaceholder,
+					"aria-label": __props.searchPlaceholder,
+					"aria-expanded": open.value,
+					"aria-controls": listboxId,
+					"aria-activedescendant": activeDescendant.value,
+					"aria-autocomplete": "list",
+					onKeydown: handleSearchKeydown
+				}, null, 40, _hoisted_4$7), [[vModelText, query.value]])]),
+				createElementVNode("ul", {
+					id: listboxId,
+					class: "mint-searchable-select__list",
+					role: "listbox"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleOptions.value, (option, index) => {
+					return openBlock(), createElementBlock("li", {
+						id: `${listboxId}-option-${index}`,
+						key: String(option.value),
+						role: "option",
+						class: normalizeClass(["mint-menu-item mint-searchable-select__option", {
+							"mint-menu-item--active mint-searchable-select__option--active": activeIndex.value === index,
+							"mint-menu-item--selected mint-searchable-select__option--selected": __props.modelValue === option.value,
+							"mint-searchable-select__option--disabled": option.disabled
+						}]),
+						"aria-selected": __props.modelValue === option.value,
+						"aria-disabled": option.disabled || void 0,
+						onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
+						onMouseenter: ($event) => !option.disabled && (activeIndex.value = index),
+						onClick: ($event) => select(option)
+					}, [renderSlot(_ctx.$slots, "option", {
+						option,
+						selected: __props.modelValue === option.value,
+						active: activeIndex.value === index
+					}, () => [
+						createElementVNode("span", _hoisted_6$7, [createElementVNode("span", _hoisted_7$6, toDisplayString(option.label), 1), (option.disabled ? option.disabledReason || option.description : option.description) ? (openBlock(), createElementBlock("span", _hoisted_8$2, toDisplayString(option.disabled ? option.disabledReason || option.description : option.description), 1)) : createCommentVNode("", true)]),
+						option.meta ? (openBlock(), createElementBlock("span", _hoisted_9$2, toDisplayString(option.meta), 1)) : createCommentVNode("", true),
+						_cache[5] || (_cache[5] = createElementVNode("svg", {
+							class: "mint-menu-item__check mint-searchable-select__check",
+							viewBox: "0 0 20 20",
+							fill: "none",
+							stroke: "currentColor",
+							"aria-hidden": "true"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "m5 10 3 3 7-7"
+						})], -1))
+					])], 42, _hoisted_5$7);
+				}), 128)), visibleOptions.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_10$2, toDisplayString(__props.noResultsText), 1)) : createCommentVNode("", true)]),
+				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_11$2, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+			])) : createCommentVNode("", true)], 38);
+		};
+	}
+});
+//#endregion
+//#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$9 = [
+	"value",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-labelledby"
+];
+var _hoisted_2$9 = {
+	key: 0,
+	value: "",
+	disabled: ""
+};
+var _hoisted_3$9 = ["value", "disabled"];
+//#endregion
+//#region src/components/BaseSelect.vue
+var BaseSelect_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "BaseSelect",
+	props: {
+		modelValue: { default: null },
+		options: {},
+		multiple: { default: void 0 },
+		searchable: {
+			type: Boolean,
+			default: false
+		},
+		max: { default: void 0 },
+		placeholder: { default: void 0 },
+		searchPlaceholder: { default: void 0 },
+		noResultsText: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		ariaDescribedby: { default: void 0 },
+		ariaLabelledby: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Select one or several options.
+		* Default: a native `<select>`. `searchable`: a listbox with a search field and the `#option` / `#footer` slots.
+		* `multiple`: a field of removable chips with a filterable checkbox listbox, bound to an array and capped by `max`.
+		*
+		* @example
+		* ```vue
+		* <BaseSelect v-model="method" :options="methods" />
+		* <BaseSelect v-model="template" :options="templates" searchable placeholder="Select template…" />
+		* <BaseSelect v-model="instrumentIds" :options="instruments" multiple :max="3" />
+		* ```
+		*/
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const controlAttrs = computed(() => {
+			const { class: _class, style: _style, ...nativeAttrs } = attrs;
+			return nativeAttrs;
+		});
+		const wrapperAttrs = computed(() => ({
+			class: attrs.class,
+			style: attrs.style
+		}));
+		const normalizedOptions = computed(() => props.options.map((option) => normalizeOptionInput(option)));
+		const isMultiple = computed(() => props.multiple === true || props.multiple === "");
+		const multipleValue = computed(() => {
+			const value = props.modelValue;
+			return Array.isArray(value) ? value : [];
+		});
+		const singleValue = computed(() => {
+			const value = props.modelValue;
+			return Array.isArray(value) ? null : value;
+		});
+		function update(value) {
+			emit("update:modelValue", value);
+		}
+		function handleChange(event) {
+			const target = event.target;
+			update(findOptionByDomValue(normalizedOptions.value, target.value)?.value ?? target.value);
+		}
+		return (_ctx, _cache) => {
+			return isMultiple.value ? (openBlock(), createBlock(SelectMultipleInternal_default, mergeProps({ key: 0 }, unref(attrs), {
+				"model-value": multipleValue.value,
+				options: __props.options,
+				placeholder: __props.placeholder,
+				disabled: __props.disabled,
+				invalid: __props.invalid,
+				max: __props.max,
+				size: __props.size,
+				"aria-labelledby": __props.ariaLabelledby,
+				"aria-describedby": __props.ariaDescribedby,
+				"onUpdate:modelValue": update
+			}), null, 16, [
+				"model-value",
+				"options",
+				"placeholder",
+				"disabled",
+				"invalid",
+				"max",
+				"size",
+				"aria-labelledby",
+				"aria-describedby"
+			])) : __props.searchable ? (openBlock(), createBlock(SelectSearchableInternal_default, mergeProps({ key: 1 }, unref(attrs), {
+				"model-value": singleValue.value,
+				options: __props.options,
+				placeholder: __props.placeholder,
+				"search-placeholder": __props.searchPlaceholder,
+				"no-results-text": __props.noResultsText,
+				disabled: __props.disabled,
+				invalid: __props.invalid,
+				size: __props.size,
+				"aria-labelledby": __props.ariaLabelledby,
+				"aria-describedby": __props.ariaDescribedby,
+				"onUpdate:modelValue": update
+			}), createSlots({ _: 2 }, [_ctx.$slots.option ? {
+				name: "option",
+				fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(slotProps)))]),
+				key: "0"
+			} : void 0, _ctx.$slots.footer ? {
+				name: "footer",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+				key: "1"
+			} : void 0]), 1040, [
+				"model-value",
+				"options",
+				"placeholder",
+				"search-placeholder",
+				"no-results-text",
+				"disabled",
+				"invalid",
+				"size",
+				"aria-labelledby",
+				"aria-describedby"
+			])) : (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, wrapperAttrs.value, { class: "mint-select" }), [createElementVNode("select", mergeProps(controlAttrs.value, {
+				value: singleValue.value ?? "",
+				disabled: __props.disabled,
+				"aria-invalid": __props.invalid || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				class: [
+					"mint-select__control",
+					`mint-select__control--${__props.size}`,
+					__props.invalid ? "mint-select__control--error" : "",
+					__props.disabled ? "mint-select__control--disabled" : ""
+				],
+				onChange: handleChange
+			}), [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_2$9, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
+				return openBlock(), createElementBlock("option", {
+					key: String(option.value),
+					value: option.value,
+					disabled: option.disabled
+				}, toDisplayString(option.label), 9, _hoisted_3$9);
+			}), 128))], 16, _hoisted_1$9), _cache[0] || (_cache[0] = createElementVNode("div", { class: "mint-select__icon" }, [createElementVNode("svg", {
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				viewBox: "0 0 24 24"
+			}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })])], -1))], 16));
+		};
+	}
+});
+//#endregion
+//#region src/components/Tooltip.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = ["aria-describedby"];
+var _hoisted_2$8 = { class: "mint-tooltip__body" };
+var _hoisted_3$8 = {
+	key: 0,
+	class: "mint-tooltip__shortcut"
+};
+//#endregion
+//#region src/components/Tooltip.vue
+var Tooltip_default = /* @__PURE__ */ defineComponent({
+	__name: "Tooltip",
+	props: {
+		text: {},
+		position: { default: "top" },
+		delay: { default: 200 },
+		shortcut: { default: void 0 },
+		maxWidth: { default: void 0 }
+	},
+	setup(__props) {
+		/** Floating tooltip using @floating-ui with auto-flip, delay, optional keyboard shortcut badge, and body Teleport. */
+		const props = __props;
+		const tooltipId = `mint-tooltip-${Math.random().toString(36).slice(2, 9)}`;
+		const visible = ref(false);
+		const actualPlacement = ref(props.position);
+		const triggerRef = ref(null);
+		const contentRef = ref(null);
+		const coords = ref({
+			top: "0px",
+			left: "0px"
+		});
+		let timeoutId;
+		async function updatePosition() {
+			if (!triggerRef.value || !contentRef.value) return;
+			const { x, y, placement } = await computePosition(triggerRef.value, contentRef.value, {
+				placement: props.position,
+				middleware: [
+					offset(6),
+					flip(),
+					shift({ padding: 8 })
+				]
+			});
+			coords.value = {
+				top: `${y}px`,
+				left: `${x}px`
+			};
+			actualPlacement.value = placement;
+		}
+		useEventListener(() => window, "scroll", updatePosition, {
+			passive: true,
+			capture: true,
+			enabled: visible
+		});
+		useEventListener(() => window, "resize", updatePosition, { enabled: visible });
+		async function show() {
+			timeoutId = setTimeout(async () => {
+				visible.value = true;
+				await nextTick();
+				await updatePosition();
+			}, props.delay);
+		}
+		function hide() {
+			clearTimeout(timeoutId);
+			timeoutId = void 0;
+			visible.value = false;
+		}
+		onBeforeUnmount(() => {
+			clearTimeout(timeoutId);
+		});
+		function resolvedMaxWidth(value) {
+			if (value === void 0) return void 0;
+			return typeof value === "number" ? `${value}px` : value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				ref_key: "triggerRef",
+				ref: triggerRef,
+				class: "mint-tooltip",
+				"aria-describedby": visible.value ? tooltipId : void 0,
+				onMouseenter: show,
+				onMouseleave: hide,
+				onFocusin: show,
+				onFocusout: hide
+			}, [renderSlot(_ctx.$slots, "default"), (openBlock(), createBlock(Teleport, { to: "body" }, [visible.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				id: tooltipId,
+				ref_key: "contentRef",
+				ref: contentRef,
+				class: normalizeClass([
+					"mint-tooltip__content",
+					`mint-tooltip__content--${actualPlacement.value}`,
+					__props.maxWidth ? "mint-tooltip__content--multiline" : ""
+				]),
+				style: normalizeStyle({
+					top: coords.value.top,
+					left: coords.value.left,
+					maxWidth: resolvedMaxWidth(__props.maxWidth)
+				}),
+				role: "tooltip"
+			}, [createElementVNode("span", _hoisted_2$8, toDisplayString(__props.text), 1), __props.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_3$8, toDisplayString(__props.shortcut), 1)) : createCommentVNode("", true)], 6)) : createCommentVNode("", true)]))], 40, _hoisted_1$8);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/CheckboxSwitchInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = {
+	key: 0,
+	class: "mint-toggle__row-svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var _hoisted_2$7 = ["d"];
+var _hoisted_3$7 = ["d"];
+var _hoisted_4$6 = {
+	key: 1,
+	class: "mint-toggle__row-text-icon"
+};
+var _hoisted_5$6 = {
+	key: 1,
+	class: "mint-toggle__copy"
+};
+var _hoisted_6$6 = [
+	"tabindex",
+	"aria-checked",
+	"aria-label"
+];
+//#endregion
+//#region src/components/internal/CheckboxSwitchInternal.vue
+var CheckboxSwitchInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "CheckboxSwitchInternal",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: false
+		},
+		label: {},
+		ariaLabel: {},
+		description: {},
+		icon: {},
+		iconColor: {},
+		iconBg: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		reverse: {
+			type: Boolean,
+			default: false
+		},
+		layout: { default: "inline" }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/** BaseCheckbox with `type="switch"`: an on/off switch with label, size, and keyboard interaction support. */
+		const props = __props;
+		const emit = __emit;
+		function toggle() {
+			if (!props.disabled) emit("update:modelValue", !props.modelValue);
+		}
+		function handleKeydown(event) {
+			if (event.key === " " || event.key === "Enter") {
+				event.preventDefault();
+				toggle();
+			}
+		}
+		function isSvgIcon(icon) {
+			if (!icon) return false;
+			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
+		}
+		function iconStyle() {
+			return { color: props.iconColor ?? (props.modelValue ? "var(--color-primary)" : "var(--text-muted)") };
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass([
+					"mint-toggle",
+					`mint-toggle--${__props.layout}`,
+					__props.reverse ? "mint-toggle--reverse" : "",
+					__props.disabled ? "mint-toggle--disabled" : "",
+					__props.modelValue ? "mint-toggle--checked" : ""
+				]),
+				onClick: toggle
+			}, [
+				__props.layout === "row" && __props.icon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "mint-toggle__row-icon",
+					style: normalizeStyle(iconStyle()),
+					"aria-hidden": "true"
+				}, [isSvgIcon(__props.icon) ? (openBlock(), createElementBlock("svg", _hoisted_1$7, [Array.isArray(__props.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.icon, (d, i) => {
+					return openBlock(), createElementBlock("path", {
+						key: i,
+						d
+					}, null, 8, _hoisted_2$7);
+				}), 128)) : (openBlock(), createElementBlock("path", {
+					key: 1,
+					d: __props.icon
+				}, null, 8, _hoisted_3$7))])) : (openBlock(), createElementBlock("span", _hoisted_4$6, toDisplayString(__props.icon), 1))], 4)) : createCommentVNode("", true),
+				__props.layout === "row" && __props.label ? (openBlock(), createElementBlock("span", _hoisted_5$6, [__props.description ? (openBlock(), createBlock(Tooltip_default, {
+					key: 0,
+					text: __props.description,
+					position: "right",
+					"max-width": "16rem"
+				}, {
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass([
+						"mint-toggle__label",
+						`mint-toggle__label--${__props.size}`,
+						"mint-toggle__label--tooltip"
+					]) }, toDisplayString(__props.label), 3)]),
+					_: 1
+				}, 8, ["text"])) : (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(["mint-toggle__label", `mint-toggle__label--${__props.size}`])
+				}, toDisplayString(__props.label), 3))])) : createCommentVNode("", true),
+				createElementVNode("div", {
+					role: "switch",
+					tabindex: __props.disabled ? -1 : 0,
+					"aria-checked": __props.modelValue,
+					"aria-label": __props.ariaLabel || __props.label || "Toggle",
+					class: normalizeClass([
+						"mint-toggle__track",
+						`mint-toggle__track--${__props.size}`,
+						__props.modelValue ? "mint-toggle__track--on" : "mint-toggle__track--off"
+					]),
+					onKeydown: handleKeydown
+				}, [createElementVNode("span", { class: normalizeClass(["mint-toggle__knob", `mint-toggle__knob--${__props.size}`]) }, null, 2)], 42, _hoisted_6$6),
+				__props.label && __props.layout !== "row" ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(["mint-toggle__label", `mint-toggle__label--${__props.size}`])
+				}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = {
+	key: 0,
+	class: "mint-checkbox__row-svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var _hoisted_2$6 = ["d"];
+var _hoisted_3$6 = ["d"];
+var _hoisted_4$5 = {
+	key: 1,
+	class: "mint-checkbox__row-text-icon"
+};
+var _hoisted_5$5 = {
+	key: 1,
+	class: "mint-checkbox__copy"
+};
+var _hoisted_6$5 = { class: "mint-checkbox__input-wrapper" };
+var _hoisted_7$5 = [
+	"checked",
+	"indeterminate",
+	"aria-checked",
+	"disabled",
+	"aria-label"
+];
+//#endregion
+//#region src/components/BaseCheckbox.vue
+var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseCheckbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "checkbox" },
+		indeterminate: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: {},
+		label: {},
+		description: {},
+		icon: {},
+		iconColor: {},
+		iconBg: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		layout: { default: "inline" },
+		reverse: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Renders a styled checkbox with an optional label, size variants, and disabled state.
+		* `type="switch"` renders an on/off switch; `layout="row"` renders a full-width settings row.
+		*
+		* @example
+		* ```vue
+		* <BaseCheckbox v-model="agree" label="I agree" />
+		* <BaseCheckbox v-model="enabled" type="switch" label="Enable auto-update" />
+		* ```
+		*/
+		const props = __props;
+		const emit = __emit;
+		function handleChange(event) {
+			const target = event.target;
+			emit("update:modelValue", target.checked);
+		}
+		function isSvgIcon(icon) {
+			if (!icon) return false;
+			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
+		}
+		function iconStyle() {
+			return { color: props.iconColor ?? (props.modelValue ? "var(--color-primary)" : "var(--text-muted)") };
+		}
+		return (_ctx, _cache) => {
+			return props.type === "switch" ? (openBlock(), createBlock(CheckboxSwitchInternal_default, {
+				key: 0,
+				"model-value": props.modelValue,
+				label: props.label,
+				"aria-label": props.ariaLabel,
+				description: props.description,
+				icon: props.icon,
+				"icon-color": props.iconColor,
+				"icon-bg": props.iconBg,
+				disabled: props.disabled,
+				size: props.size,
+				reverse: props.reverse,
+				layout: props.layout,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+			}, null, 8, [
+				"model-value",
+				"label",
+				"aria-label",
+				"description",
+				"icon",
+				"icon-color",
+				"icon-bg",
+				"disabled",
+				"size",
+				"reverse",
+				"layout"
+			])) : (openBlock(), createElementBlock("label", {
+				key: 1,
+				class: normalizeClass([
+					"mint-checkbox",
+					`mint-checkbox--${props.layout}`,
+					props.disabled ? "mint-checkbox--disabled" : "",
+					props.modelValue ? "mint-checkbox--checked" : ""
+				])
+			}, [
+				props.layout === "row" && props.icon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "mint-checkbox__row-icon",
+					style: normalizeStyle(iconStyle()),
+					"aria-hidden": "true"
+				}, [isSvgIcon(props.icon) ? (openBlock(), createElementBlock("svg", _hoisted_1$6, [Array.isArray(props.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.icon, (d, i) => {
+					return openBlock(), createElementBlock("path", {
+						key: i,
+						d
+					}, null, 8, _hoisted_2$6);
+				}), 128)) : (openBlock(), createElementBlock("path", {
+					key: 1,
+					d: props.icon
+				}, null, 8, _hoisted_3$6))])) : (openBlock(), createElementBlock("span", _hoisted_4$5, toDisplayString(props.icon), 1))], 4)) : createCommentVNode("", true),
+				props.layout === "row" && props.label ? (openBlock(), createElementBlock("span", _hoisted_5$5, [props.description ? (openBlock(), createBlock(Tooltip_default, {
+					key: 0,
+					text: props.description,
+					position: "right",
+					"max-width": "16rem"
+				}, {
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass([
+						"mint-checkbox__label",
+						`mint-checkbox__label--${props.size}`,
+						"mint-checkbox__label--tooltip"
+					]) }, toDisplayString(props.label), 3)]),
+					_: 1
+				}, 8, ["text"])) : (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(["mint-checkbox__label", `mint-checkbox__label--${props.size}`])
+				}, toDisplayString(props.label), 3))])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_6$5, [createElementVNode("input", {
+					type: "checkbox",
+					checked: props.modelValue,
+					indeterminate: props.indeterminate,
+					"aria-checked": props.indeterminate ? "mixed" : void 0,
+					disabled: props.disabled,
+					"aria-label": props.ariaLabel || props.label || "Checkbox",
+					class: "mint-checkbox__native",
+					onChange: handleChange
+				}, null, 40, _hoisted_7$5), createElementVNode("div", { class: normalizeClass([
+					"mint-checkbox__box",
+					`mint-checkbox__box--${props.size}`,
+					props.modelValue && !props.indeterminate ? "mint-checkbox__box--checked" : "",
+					props.indeterminate ? "mint-checkbox__box--indeterminate" : ""
+				]) }, [props.indeterminate ? (openBlock(), createElementBlock("svg", {
+					key: 0,
+					class: normalizeClass(["mint-checkbox__icon", `mint-checkbox__icon--${props.size}`]),
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 16 16",
+					"aria-hidden": "true"
+				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-width": "2.2",
+					d: "M4 8h8"
+				}, null, -1)])], 2)) : props.modelValue ? (openBlock(), createElementBlock("svg", {
+					key: 1,
+					class: normalizeClass(["mint-checkbox__icon", `mint-checkbox__icon--${props.size}`]),
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					"aria-hidden": "true"
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "3",
+					d: "M5 13l4 4L19 7"
+				}, null, -1)])], 2)) : createCommentVNode("", true)], 2)]),
+				props.label && props.layout !== "row" ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(["mint-checkbox__label", `mint-checkbox__label--${props.size}`])
+				}, toDisplayString(props.label), 3)) : createCommentVNode("", true)
+			], 2));
+		};
+	}
+});
+//#endregion
+//#region src/composables/useRovingFocus.ts
+/**
+* WAI-ARIA roving-tabindex navigation with automatic activation (the tabs pattern):
+* Left/Right (or Up/Down when `orientation` is `'vertical'`) move to the adjacent item
+* and activate it immediately, wrapping past the ends; Home/End jump to the first/last
+* item. Only the active item should carry `tabindex="0"`; give every other item
+* `tabindex="-1"`. Used by BaseTabs.
+*/
+function useRovingFocus(options) {
+	const orientation = options.orientation ?? "horizontal";
+	const prevKey = orientation === "vertical" ? "ArrowUp" : "ArrowLeft";
+	const nextKey = orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+	function moveTo(id) {
+		if (id === void 0) return;
+		options.activate(id);
+		nextTick(() => options.getElement(id)?.focus());
+	}
+	function handleKeydown(event) {
+		const ids = options.ids();
+		if (ids.length === 0) return;
+		const currentIndex = ids.indexOf(options.activeId() ?? "");
+		if (event.key === "Home") {
+			event.preventDefault();
+			moveTo(ids[0]);
+			return;
+		}
+		if (event.key === "End") {
+			event.preventDefault();
+			moveTo(ids[ids.length - 1]);
+			return;
+		}
+		if (event.key === prevKey) {
+			event.preventDefault();
+			moveTo(ids[currentIndex <= 0 ? ids.length - 1 : currentIndex - 1]);
+			return;
+		}
+		if (event.key === nextKey) {
+			event.preventDefault();
+			moveTo(ids[currentIndex === -1 || currentIndex >= ids.length - 1 ? 0 : currentIndex + 1]);
+		}
+	}
+	return { handleKeydown };
+}
+//#endregion
+//#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = ["d"];
+var _hoisted_2$5 = ["d"];
+var _hoisted_3$5 = { class: "mint-empty-state__body" };
+var _hoisted_4$4 = {
+	key: 0,
+	class: "mint-empty-state__title"
+};
+var _hoisted_5$4 = {
+	key: 1,
+	class: "mint-empty-state__description"
+};
+var _hoisted_6$4 = {
+	key: 2,
+	class: "mint-empty-state__content"
+};
+var _hoisted_7$4 = {
+	key: 0,
+	class: "mint-empty-state__action"
+};
+//#endregion
+//#region src/components/EmptyState.vue
+var EmptyState_default = /* @__PURE__ */ defineComponent({
+	__name: "EmptyState",
+	props: {
+		title: {},
+		description: {},
+		iconPath: {},
+		tone: { default: "neutral" },
+		size: { default: "md" },
+		variant: { default: "illustrated" },
+		actionLabel: {}
+	},
+	emits: ["action"],
+	setup(__props, { emit: __emit }) {
+		/** Empty-state placeholder with icon badge, headline, description, default slot, and optional CTA button. */
+		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([
+				"mint-empty-state",
+				`mint-empty-state--${__props.variant}`,
+				`mint-empty-state--${__props.size}`
+			]) }, [
+				createElementVNode("div", { class: normalizeClass(["mint-empty-state__icon-wrapper", `mint-empty-state__icon-wrapper--${__props.tone}`]) }, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createElementBlock("svg", {
+					class: normalizeClass(["mint-empty-state__icon", `mint-empty-state__icon--${__props.tone}`]),
+					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$5)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(defaultIconPaths, (d, i) => {
+					return createElementVNode("path", {
+						key: i,
+						d
+					}, null, 8, _hoisted_2$5);
+				}), 64))], 2))])], 2),
+				createElementVNode("div", _hoisted_3$5, [
+					__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$4, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					__props.description ? (openBlock(), createElementBlock("p", _hoisted_5$4, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+					_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$4, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
+				]),
+				__props.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_7$4, [createVNode(BaseButton_default, {
+					variant: "secondary",
+					size: "sm",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("action"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.actionLabel), 1)]),
+					_: 1
+				})])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/FormField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = {
+	key: 0,
+	class: "mint-form-field__label-row"
+};
+var _hoisted_2$4 = ["id", "for"];
+var _hoisted_3$4 = {
+	key: 0,
+	class: "mint-form-field__required",
+	"aria-hidden": "true"
+};
+var _hoisted_4$3 = {
+	key: 0,
+	class: "mint-form-field__optional"
+};
+var _hoisted_5$3 = {
+	key: 1,
+	class: "mint-form-field__control"
+};
+var _hoisted_6$3 = ["id"];
+var _hoisted_7$3 = ["id"];
+//#endregion
+//#region src/components/FormField.vue
+var FormField_default = /* @__PURE__ */ defineComponent({
+	__name: "FormField",
+	props: {
+		label: {},
+		error: {},
+		hint: {},
+		required: { type: Boolean },
+		showOptional: { type: Boolean },
+		htmlFor: {},
+		fieldId: {},
+		layout: { default: "stacked" }
+	},
+	setup(__props) {
+		/** Wraps a form control with a label, optional hint text, and validation error display. */
+		const props = __props;
+		const errorId = computed(() => props.error && props.fieldId ? `${props.fieldId}-error` : void 0);
+		const hintId = computed(() => !props.error && props.hint && props.fieldId ? `${props.fieldId}-hint` : void 0);
+		const describedBy = computed(() => errorId.value ?? hintId.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-form-field", __props.layout === "row" ? "mint-form-field--row" : ""]) }, [
+				__props.label ? (openBlock(), createElementBlock("div", _hoisted_1$4, [createElementVNode("label", {
+					id: __props.fieldId ? `${__props.fieldId}-label` : void 0,
+					for: __props.htmlFor,
+					class: "mint-form-field__label"
+				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_3$4, "*")) : createCommentVNode("", true)], 8, _hoisted_2$4), !__props.required && __props.showOptional ? (openBlock(), createElementBlock("span", _hoisted_4$3, " optional ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				__props.layout === "row" ? (openBlock(), createElementBlock("div", _hoisted_5$3, [renderSlot(_ctx.$slots, "default", { describedBy: describedBy.value })])) : renderSlot(_ctx.$slots, "default", { describedBy: describedBy.value }, void 0, void 0, 2),
+				__props.error ? (openBlock(), createElementBlock("p", {
+					key: 3,
+					id: errorId.value,
+					class: "mint-form-field__error",
+					role: "alert"
+				}, toDisplayString(__props.error), 9, _hoisted_6$3)) : __props.hint ? (openBlock(), createElementBlock("p", {
+					key: 4,
+					id: hintId.value,
+					class: "mint-form-field__hint"
+				}, toDisplayString(__props.hint), 9, _hoisted_7$3)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/utils/time.ts
+var time_exports = /* @__PURE__ */ __exportAll({
+	addMinutes: () => addMinutes,
+	compareTime: () => compareTime,
+	durationMinutes: () => durationMinutes,
+	findAvailableSlots: () => findAvailableSlots,
+	findNearestTimeSlotIndex: () => findNearestTimeSlotIndex,
+	formatDuration: () => formatDuration,
+	formatRelativeTime: () => formatRelativeTime,
+	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;
+}
+var relativeTimeFormat = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+/**
+* "in 5 minutes" / "2 hours ago" up to a week, then a locale date.
+* With `weeks`, times up to five weeks away read as a week count first.
+*/
+function formatRelativeTime(value, { weeks = false } = {}) {
+	const date = value instanceof Date ? value : new Date(value);
+	const diffSec = Math.round((date.getTime() - Date.now()) / 1e3);
+	const diffMin = Math.round(diffSec / 60);
+	const diffHr = Math.round(diffMin / 60);
+	const diffDay = Math.round(diffHr / 24);
+	const diffWeek = Math.round(diffDay / 7);
+	if (Math.abs(diffSec) < 60) return relativeTimeFormat.format(diffSec, "second");
+	if (Math.abs(diffMin) < 60) return relativeTimeFormat.format(diffMin, "minute");
+	if (Math.abs(diffHr) < 24) return relativeTimeFormat.format(diffHr, "hour");
+	if (Math.abs(diffDay) < 7) return relativeTimeFormat.format(diffDay, "day");
+	if (weeks && Math.abs(diffWeek) < 5) return relativeTimeFormat.format(diffWeek, "week");
+	return date.toLocaleDateString();
+}
+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/composables/useMenuKeyboard.ts
+/**
+* Shared keyboard contract for menu- and listbox-style disclosure panels (the
+* WAI-ARIA menu button pattern). Used by ActionMenu and the platform account menu,
+* each pairing it with `useDropdownState` for the disclosure state itself.
+*/
+function useMenuKeyboard(options) {
+	function focusItem(position) {
+		nextTick(() => {
+			const items = options.items();
+			(position === "first" ? items[0] : items[items.length - 1])?.focus();
+		});
+	}
+	function handleTriggerKeydown(event) {
+		if (options.isOpen()) return;
+		if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			options.open();
+			focusItem("first");
+			return;
+		}
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			options.open();
+			focusItem("last");
+		}
+	}
+	function handlePanelKeydown(event) {
+		const items = options.items();
+		const currentIndex = items.indexOf(document.activeElement);
+		if (event.key === "Escape") {
+			event.preventDefault();
+			event.stopPropagation();
+			options.close(true);
+			return;
+		}
+		if (event.key === "Tab") {
+			options.close();
+			return;
+		}
+		if (event.key === "Home") {
+			event.preventDefault();
+			items[0]?.focus();
+			return;
+		}
+		if (event.key === "End") {
+			event.preventDefault();
+			items[items.length - 1]?.focus();
+			return;
+		}
+		if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+		event.preventDefault();
+		const direction = event.key === "ArrowDown" ? 1 : -1;
+		items[(Math.max(currentIndex, 0) + direction + items.length) % items.length]?.focus();
+	}
+	return {
+		handleTriggerKeydown,
+		handlePanelKeydown
+	};
+}
+//#endregion
+//#region src/components/FileUploader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = { class: "mint-file-uploader" };
+var _hoisted_2$3 = [
+	"aria-label",
+	"aria-disabled",
+	"onKeydown"
+];
+var _hoisted_3$3 = [
+	"accept",
+	"multiple",
+	"disabled",
+	"webkitdirectory"
+];
+var _hoisted_4$2 = { class: "mint-file-uploader__content" };
+var _hoisted_5$2 = {
+	key: 0,
+	class: "mint-file-uploader__icon",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	viewBox: "0 0 24 24"
+};
+var _hoisted_6$2 = {
+	key: 1,
+	class: "mint-file-uploader__icon",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	viewBox: "0 0 24 24"
+};
+var _hoisted_7$2 = { class: "mint-file-uploader__text" };
+var _hoisted_8$1 = {
+	key: 0,
+	class: "mint-file-uploader__actions"
+};
+var _hoisted_9$1 = {
+	key: 1,
+	class: "mint-file-uploader__folder-summary"
+};
+var _hoisted_10$1 = { class: "mint-file-uploader__folder-info" };
+var _hoisted_11$1 = { class: "mint-file-uploader__folder-details" };
+var _hoisted_12$1 = { class: "mint-file-uploader__folder-name" };
+var _hoisted_13 = { class: "mint-file-uploader__folder-count" };
+var _hoisted_14 = { class: "mint-file-uploader__file-info" };
+var _hoisted_15 = { class: "mint-file-uploader__file-meta" };
+var _hoisted_16 = { class: "mint-file-uploader__file-name" };
+var _hoisted_17 = { class: "mint-file-uploader__file-size" };
+var _hoisted_18 = ["aria-label", "onClick"];
+//#endregion
+//#region src/components/FileUploader.vue
+var FileUploader_default = /* @__PURE__ */ defineComponent({
+	__name: "FileUploader",
+	props: {
+		accept: {},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		maxSize: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		mode: { default: "file" },
+		showFiles: {
+			type: Boolean,
+			default: true
+		},
+		files: {},
+		rootName: {}
+	},
+	emits: [
+		"upload",
+		"remove",
+		"error"
+	],
+	setup(__props, { emit: __emit }) {
+		/** Drag-and-drop file upload zone with type filtering, size validation, and folder mode. */
+		const props = __props;
+		const emit = __emit;
+		const isDragOver = ref(false);
+		const inputRef = ref();
+		const selectedFiles = ref([]);
+		const folderName = ref(null);
+		watch(() => [props.files, props.rootName], ([files, rootName]) => {
+			if (files === void 0) return;
+			selectedFiles.value = [...files];
+			folderName.value = rootName ?? extractFolderName(files);
+		}, { immediate: true });
+		const isFolder = computed(() => props.mode === "folder");
+		const isMixed = computed(() => props.mode === "file+folder");
+		const acceptLabel = computed(() => {
+			if (!props.accept) return isFolder.value ? "a folder" : "any file";
+			return props.accept.split(",").map((a) => a.trim().replace(".", "").toUpperCase()).join(", ");
+		});
+		const maxSizeLabel = computed(() => {
+			if (!props.maxSize) return null;
+			if (props.maxSize >= 1073741824) return `${(props.maxSize / 1073741824).toFixed(1)} GB`;
+			if (props.maxSize >= 1048576) return `${(props.maxSize / 1048576).toFixed(1)} MB`;
+			if (props.maxSize >= 1024) return `${(props.maxSize / 1024).toFixed(1)} KB`;
+			return `${props.maxSize} bytes`;
+		});
+		const fileTypeMap = {
+			csv: {
+				color: "#10B981",
+				label: "CSV"
+			},
+			tsv: {
+				color: "#10B981",
+				label: "TSV"
+			},
+			xlsx: {
+				color: "#10B981",
+				label: "XLSX"
+			},
+			xls: {
+				color: "#10B981",
+				label: "XLS"
+			},
+			pdf: {
+				color: "#EF4444",
+				label: "PDF"
+			},
+			png: {
+				color: "#8B5CF6",
+				label: "PNG"
+			},
+			jpg: {
+				color: "#8B5CF6",
+				label: "JPG"
+			},
+			jpeg: {
+				color: "#8B5CF6",
+				label: "JPEG"
+			},
+			gif: {
+				color: "#8B5CF6",
+				label: "GIF"
+			},
+			svg: {
+				color: "#8B5CF6",
+				label: "SVG"
+			},
+			webp: {
+				color: "#8B5CF6",
+				label: "WEBP"
+			},
+			json: {
+				color: "#F59E0B",
+				label: "JSON"
+			},
+			xml: {
+				color: "#F59E0B",
+				label: "XML"
+			},
+			txt: {
+				color: "#64748B",
+				label: "TXT"
+			},
+			zip: {
+				color: "#6366F1",
+				label: "ZIP"
+			},
+			gz: {
+				color: "#6366F1",
+				label: "GZ"
+			},
+			py: {
+				color: "#3B82F6",
+				label: "PY"
+			},
+			js: {
+				color: "#EAB308",
+				label: "JS"
+			},
+			ts: {
+				color: "#3B82F6",
+				label: "TS"
+			},
+			fasta: {
+				color: "#EC4899",
+				label: "FASTA"
+			},
+			fastq: {
+				color: "#EC4899",
+				label: "FASTQ"
+			},
+			bam: {
+				color: "#EC4899",
+				label: "BAM"
+			},
+			vcf: {
+				color: "#EC4899",
+				label: "VCF"
+			}
+		};
+		function getFileType(filename) {
+			const ext = filename.split(".").pop()?.toLowerCase() || "";
+			return fileTypeMap[ext] || {
+				color: "#94A3B8",
+				label: ext.toUpperCase() || "FILE"
+			};
+		}
+		function validateFiles(files) {
+			const validFiles = [];
+			for (const file of Array.from(files)) {
+				if (props.maxSize && file.size > props.maxSize) {
+					emit("error", `File "${file.name}" exceeds maximum size of ${maxSizeLabel.value}`);
+					continue;
+				}
+				if (props.accept) {
+					const acceptedTypes = props.accept.split(",").map((t) => t.trim().toLowerCase());
+					const fileExt = "." + file.name.split(".").pop()?.toLowerCase();
+					const fileType = file.type.toLowerCase();
+					if (!acceptedTypes.some((type) => {
+						if (type.startsWith(".")) return fileExt === type;
+						if (type.endsWith("/*")) return fileType.startsWith(type.replace("/*", "/"));
+						return fileType === type;
+					})) {
+						emit("error", `File "${file.name}" is not an accepted file type`);
+						continue;
+					}
+				}
+				validFiles.push(file);
+			}
+			return validFiles;
+		}
+		function handleFiles(files, folder, explicitRelativePaths) {
+			const candidates = Array.from(files);
+			const validFiles = validateFiles(files);
+			if (validFiles.length === 0) return;
+			const relativePaths = validFiles.map((file) => {
+				const candidateIndex = candidates.indexOf(file);
+				return explicitRelativePaths?.[candidateIndex] || file.webkitRelativePath || (folder ? `${folder}/${file.name}` : file.name);
+			});
+			if (isFolder.value) {
+				folderName.value = folder || extractFolderName(validFiles);
+				selectedFiles.value = validFiles;
+				emit("upload", validFiles, folderName.value ?? void 0, relativePaths);
+			} else if (!props.multiple) {
+				selectedFiles.value = [validFiles[0]];
+				emit("upload", [validFiles[0]], void 0, [relativePaths[0]]);
+			} else {
+				selectedFiles.value = [...selectedFiles.value, ...validFiles];
+				emit("upload", validFiles, void 0, relativePaths);
+			}
+		}
+		function extractFolderName(files) {
+			if (files.length === 0) return null;
+			const firstPath = files[0].webkitRelativePath;
+			if (firstPath) return firstPath.split("/")[0];
+			return null;
+		}
+		async function handleDrop(event) {
+			event.preventDefault();
+			isDragOver.value = false;
+			if (props.disabled) return;
+			try {
+				if (props.mode !== "file" && event.dataTransfer?.items?.length) await handleFolderDrop(event.dataTransfer.items);
+				else if (event.dataTransfer?.files) handleFiles(event.dataTransfer.files);
+			} catch (cause) {
+				emit("error", cause instanceof Error ? cause.message : "Could not read the dropped folder.");
+			}
+		}
+		async function handleFolderDrop(items) {
+			const files = [];
+			const relativePaths = [];
+			let folderNameFromDrop;
+			const dropped = Array.from(items, (item) => {
+				const entry = item.webkitGetAsEntry?.();
+				return {
+					entry,
+					file: entry ? null : item.getAsFile?.()
+				};
+			});
+			for (const { entry, file: droppedFile } of dropped) if (entry?.isDirectory) {
+				folderNameFromDrop = entry.name;
+				await readDirectory(entry, files, relativePaths, entry.name);
+			} else {
+				const file = entry?.isFile ? await getFile(entry) : droppedFile;
+				if (file) {
+					files.push(file);
+					relativePaths.push(file.name);
+				}
+			}
+			if (files.length > 0) handleFiles(files, folderNameFromDrop, relativePaths);
+		}
+		async function readDirectory(directory, files, relativePaths, prefix) {
+			const reader = directory.createReader();
+			let batch;
+			do {
+				batch = await new Promise((resolve, reject) => {
+					reader.readEntries(resolve, reject);
+				});
+				for (const entry of batch) if (entry.isFile) {
+					const file = await getFile(entry);
+					if (file) {
+						files.push(file);
+						relativePaths.push(`${prefix}/${file.name}`);
+					}
+				} else if (entry.isDirectory) await readDirectory(entry, files, relativePaths, `${prefix}/${entry.name}`);
+			} while (batch.length > 0);
+		}
+		function getFile(entry) {
+			return new Promise((resolve) => {
+				entry.file(resolve, () => resolve(null));
+			});
+		}
+		function handleDragOver(event) {
+			event.preventDefault();
+			if (!props.disabled) isDragOver.value = true;
+		}
+		function handleDragLeave() {
+			isDragOver.value = false;
+		}
+		function handleInputChange(event) {
+			const target = event.target;
+			if (target.files) handleFiles(target.files);
+			target.value = "";
+		}
+		function openFilePicker() {
+			if (!props.disabled) inputRef.value?.click();
+		}
+		function removeFile(index) {
+			const removed = selectedFiles.value[index];
+			selectedFiles.value = selectedFiles.value.filter((_, i) => i !== index);
+			if (isFolder.value && selectedFiles.value.length === 0) folderName.value = null;
+			if (removed) emit("remove", [removed]);
+		}
+		function clearAll() {
+			const removed = [...selectedFiles.value];
+			selectedFiles.value = [];
+			folderName.value = null;
+			if (removed.length) emit("remove", removed);
+		}
+		function formatFileSize(bytes) {
+			if (bytes >= 1048576) return `${(bytes / 1048576).toFixed(1)} MB`;
+			if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+			return `${bytes} bytes`;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				createElementVNode("div", {
+					role: "button",
+					tabindex: "0",
+					"aria-label": __props.disabled ? "File upload disabled" : isMixed.value ? "Drop files or a folder, or click to choose files" : isFolder.value ? "Click or drag a folder to upload" : "Click or drag files to upload",
+					"aria-disabled": __props.disabled,
+					class: normalizeClass([
+						"mint-file-uploader__dropzone",
+						`mint-file-uploader__dropzone--${__props.size}`,
+						isDragOver.value ? "mint-file-uploader__dropzone--dragover" : "",
+						__props.disabled ? "mint-file-uploader__dropzone--disabled" : "",
+						selectedFiles.value.length > 0 ? "mint-file-uploader__dropzone--has-files" : ""
+					]),
+					onClick: openFilePicker,
+					onKeydown: [withKeys(openFilePicker, ["enter"]), withKeys(withModifiers(openFilePicker, ["prevent"]), ["space"])],
+					onDrop: handleDrop,
+					onDragover: handleDragOver,
+					onDragleave: handleDragLeave
+				}, [createElementVNode("input", {
+					ref_key: "inputRef",
+					ref: inputRef,
+					type: "file",
+					accept: __props.accept,
+					multiple: isFolder.value || __props.multiple,
+					disabled: __props.disabled,
+					webkitdirectory: isFolder.value || void 0,
+					class: "mint-file-uploader__input",
+					onChange: handleInputChange
+				}, null, 40, _hoisted_3$3), createElementVNode("div", _hoisted_4$2, [isFolder.value ? (openBlock(), createElementBlock("svg", _hoisted_5$2, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_6$2, [..._cache[1] || (_cache[1] = [
+					createElementVNode("path", { d: "M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" }, null, -1),
+					createElementVNode("path", { d: "m16 16-4-4-4 4" }, null, -1),
+					createElementVNode("path", { d: "M12 12v9" }, null, -1)
+				])])), createElementVNode("p", _hoisted_7$2, toDisplayString(isMixed.value ? "Drop files or a folder, or click to choose files" : `Drop ${acceptLabel.value} or click`), 1)])], 42, _hoisted_2$3),
+				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_8$1, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
+				__props.showFiles && isFolder.value && folderName.value && selectedFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$1, [createElementVNode("div", _hoisted_10$1, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-file-uploader__folder-icon-wrapper" }, [createElementVNode("svg", {
+					class: "mint-file-uploader__folder-icon",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })])], -1)), createElementVNode("div", _hoisted_11$1, [createElementVNode("span", _hoisted_12$1, toDisplayString(folderName.value), 1), createElementVNode("span", _hoisted_13, toDisplayString(selectedFiles.value.length) + " file" + toDisplayString(selectedFiles.value.length !== 1 ? "s" : ""), 1)])]), createElementVNode("button", {
+					type: "button",
+					"aria-label": "Clear folder",
+					class: "mint-file-uploader__remove-btn",
+					onClick: withModifiers(clearAll, ["stop"])
+				}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
+					class: "mint-file-uploader__remove-icon",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])])])) : createCommentVNode("", true),
+				__props.showFiles && !isFolder.value && selectedFiles.value.length > 0 ? (openBlock(), createBlock(TransitionGroup, {
+					key: 2,
+					tag: "ul",
+					name: "mint-file-uploader-item",
+					class: "mint-file-uploader__list"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedFiles.value, (file, index) => {
+						return openBlock(), createElementBlock("li", {
+							key: `${file.name}-${file.size}-${index}`,
+							class: "mint-file-uploader__file"
+						}, [createElementVNode("div", _hoisted_14, [createElementVNode("span", {
+							class: "mint-file-uploader__file-badge",
+							style: normalizeStyle({ "--badge-color": getFileType(file.name).color })
+						}, toDisplayString(getFileType(file.name).label), 5), createElementVNode("div", _hoisted_15, [createElementVNode("span", _hoisted_16, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_17, toDisplayString(formatFileSize(file.size)), 1)])]), createElementVNode("button", {
+							type: "button",
+							"aria-label": `Remove ${file.name}`,
+							class: "mint-file-uploader__remove-btn",
+							onClick: withModifiers(($event) => removeFile(index), ["stop"])
+						}, [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
+							class: "mint-file-uploader__remove-icon",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])], 8, _hoisted_18)]);
+					}), 128))]),
+					_: 1
+				})) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/composables/experiment-utils.ts
+function formatExperimentDate(dateStr) {
+	try {
+		return new Date(dateStr).toLocaleDateString(void 0, {
+			year: "numeric",
+			month: "short",
+			day: "numeric"
+		});
+	} catch {
+		return dateStr;
+	}
+}
+function datePresetToISO(preset) {
+	const now = /* @__PURE__ */ new Date();
+	const days = preset === "last_7_days" ? 7 : preset === "last_30_days" ? 30 : 90;
+	return (/* @__PURE__ */ new Date(now.getTime() - days * 864e5)).toISOString();
+}
+function resolveExperimentCode(experiment) {
+	if (experiment.experiment_code) return experiment.experiment_code;
+}
+/**
+* Reads the experiment id a deep link was opened with.
+*
+* Returns an id and never a label: a display name belongs to the platform, so
+* callers must resolve it (see `useExperimentStore().selectById`) rather than
+* derive one from the query or the id itself.
+*/
+function experimentIdFromRoute(query) {
+	const raw = query.experiment_id ?? query.experimentId;
+	const value = Array.isArray(raw) ? raw.find((item) => typeof item === "string") : raw;
+	if (typeof value !== "string" || !value) return null;
+	const id = Number(value);
+	return Number.isInteger(id) && id > 0 ? id : null;
+}
+var DATE_PRESET_OPTIONS = [
+	{
+		value: "",
+		label: "Any time"
+	},
+	{
+		value: "last_7_days",
+		label: "Last 7 days"
+	},
+	{
+		value: "last_30_days",
+		label: "Last 30 days"
+	},
+	{
+		value: "last_90_days",
+		label: "Last 90 days"
+	}
+];
+var SORT_OPTIONS = [
+	{
+		value: "created_at:desc",
+		label: "Newest first"
+	},
+	{
+		value: "created_at:asc",
+		label: "Oldest first"
+	},
+	{
+		value: "updated_at:desc",
+		label: "Recently updated"
+	},
+	{
+		value: "name:asc",
+		label: "Name A–Z"
+	},
+	{
+		value: "name:desc",
+		label: "Name Z–A"
+	}
+];
+//#endregion
+//#region src/composables/useAppExperiment.ts
+var APP_EXPERIMENT_KEY = Symbol("app-experiment");
+/**
+* Projects the current experiment from the shared store into an AppTopBar app
+* shell, and owns the shell-local concerns the store has no opinion on: the
+* selector modal's open state and the save flow.
+*
+* The composable never writes a selection of its own. `ExperimentSelectorModal`
+* commits to the store and this reads back, so a displayed name can only ever
+* have come from the platform.
+*
+* @example Recommended
+* ```ts
+* const appExperiment = useAppExperiment({
+*   onSelect: experiment => loadExperiment(experiment.id),
+* })
+* ```
+*/
+function useAppExperiment(options = {}) {
+	const store = useExperimentStore();
+	const showModal = ref(false);
+	const saveLoading = ref(false);
+	const saveSuccessMessage = ref();
+	let successTimer = null;
+	const experimentName = computed(() => store.current?.name);
+	const experimentCode = computed(() => store.current ? resolveExperimentCode(store.current) : void 0);
+	const experimentStatus = computed(() => store.current?.status);
+	const experimentId = computed(() => store.currentId);
+	const isResolving = computed(() => store.isResolving);
+	const error = computed(() => store.error);
+	const showSave = ref(!!options.onSave);
+	const showDetach = computed(() => experimentId.value !== null);
+	const saveDisabled = computed(() => toValue(options.saveDisabled) ?? false);
+	const saveDisabledMessage = computed(() => toValue(options.saveDisabledMessage));
+	const dirty = computed(() => toValue(options.dirty) ?? false);
+	const experimentOwner = computed(() => {
+		const owner = store.current?.created_by_user;
+		return owner ? [owner.first_name, owner.last_name].filter(Boolean).join(" ") || owner.username : void 0;
+	});
+	const popover = computed(() => ({
+		experimentName: experimentName.value,
+		experimentCode: experimentCode.value,
+		experimentStatus: experimentStatus.value,
+		experimentId: experimentId.value,
+		experimentProject: store.current?.project_name || store.current?.project || void 0,
+		experimentOwner: experimentOwner.value,
+		experimentUpdatedAt: store.current?.updated_at,
+		isResolving: isResolving.value,
+		error: error.value ?? void 0,
+		showSave: showSave.value,
+		showDetach: showDetach.value,
+		saveDisabled: saveDisabled.value,
+		saveDisabledMessage: saveDisabledMessage.value,
+		saveLoading: saveLoading.value,
+		saveSuccessMessage: saveSuccessMessage.value,
+		dirty: dirty.value
+	}));
+	const selectorModal = computed(() => ({
+		open: showModal.value,
+		currentExperimentId: experimentId.value
+	}));
+	if (options.onSelect) watch(() => store.current?.id, (id) => {
+		if (id !== void 0 && store.current) options.onSelect?.(store.current);
+	});
+	function openModal() {
+		showModal.value = true;
+	}
+	function closeModal() {
+		showModal.value = false;
+	}
+	async function handleSave() {
+		if (!options.onSave || saveLoading.value) return;
+		saveLoading.value = true;
+		try {
+			const message = await options.onSave();
+			await store.refresh();
+			if (message) {
+				saveSuccessMessage.value = message;
+				if (successTimer) clearTimeout(successTimer);
+				successTimer = setTimeout(() => {
+					saveSuccessMessage.value = void 0;
+					successTimer = null;
+				}, 3e3);
+			}
+		} finally {
+			saveLoading.value = false;
+		}
+	}
+	function handleDetach() {
+		store.clear();
+		options.onDetach?.();
+	}
+	onScopeDispose(() => {
+		if (successTimer) clearTimeout(successTimer);
+	});
+	provide(APP_EXPERIMENT_KEY, {
+		experimentName,
+		experimentCode,
+		experimentStatus,
+		experimentId,
+		isResolving,
+		error,
+		showModal,
+		saveLoading,
+		saveSuccessMessage,
+		showSave,
+		showDetach,
+		saveDisabled,
+		saveDisabledMessage,
+		popover,
+		selectorModal,
+		openModal,
+		closeModal,
+		handleSave,
+		handleDetach
+	});
+	return {
+		experimentName,
+		experimentCode,
+		experimentStatus,
+		experimentId,
+		isResolving,
+		error,
+		popover,
+		selectorModal,
+		openModal,
+		closeModal,
+		handleSave,
+		handleDetach
+	};
+}
+//#endregion
+//#region src/utils/pluginSecrets.ts
+var pluginSecrets_exports = /* @__PURE__ */ __exportAll({
+	FORMAT_KEY: () => FORMAT_KEY,
+	FORMAT_REF: () => "ref",
+	REF_KEY: () => REF_KEY,
+	clear: () => clear,
+	id: () => id,
+	isLocked: () => isLocked,
+	isRef: () => isRef$1,
+	keep: () => keep,
+	label: () => label,
+	set: () => set,
+	state: () => state,
+	usesReferences: () => usesReferences
+});
+/**
+* Stable references for plugin secret settings.
+*
+* A settings response never carries a secret's value. Every secret leaf is a
+* marker instead:
+*
+* - `{ "$secret": "sec_…", "set": true }` — a stored secret, referenced by a
+*   stable opaque id. Send the marker back unchanged to keep the stored value.
+* - `null` — nothing stored at that position.
+* - `{ "$secret": null, "locked": true }` — the effective value comes from the
+*   environment and is never written back.
+*
+* On save each secret leaf accepts the reference, a plain string (a new value),
+* or `null` (clear). Payloads carry `secret_format: "ref"` so a `null` reads as
+* a deliberate clear rather than the deprecated "unchanged" placeholder.
+*/
+/** Reserved marker key that references a stored secret. */
+var REF_KEY = "$secret";
+/** Reserved payload key declaring which secret wire format a client speaks. */
+var FORMAT_KEY = "secret_format";
+var MARKER_KEYS = /* @__PURE__ */ new Set([
+	REF_KEY,
+	"set",
+	"locked"
+]);
+/** Return whether one settings value is a `$secret` reference marker. */
+function isRef$1(value) {
+	if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+	const record = value;
+	if (!("$secret" in record)) return false;
+	return Object.keys(record).every((key) => MARKER_KEYS.has(key));
+}
+/** Return the stored secret id behind a marker, or `null` when nothing is stored. */
+function id(value) {
+	if (!isRef$1(value)) return null;
+	return typeof value.$secret === "string" ? value.$secret : null;
+}
+/** Classify one secret field for display: stored, unset, or environment-provided. */
+function state(value) {
+	if (isRef$1(value)) {
+		if (value.locked) return "environment";
+		return typeof value.$secret === "string" ? "set" : "unset";
+	}
+	return typeof value === "string" && value.length > 0 ? "set" : "unset";
+}
+/** Human label for one secret field's state. */
+function label(value) {
+	const current = state(value);
+	if (current === "environment") return "Provided by environment";
+	return current === "set" ? "Set" : "Not set";
+}
+/** Whether a secret field is read-only because the environment supplies it. */
+function isLocked(value) {
+	return isRef$1(value) && value.locked === true;
+}
+/**
+* Value to submit for an untouched secret field: the reference, unchanged.
+*
+* A locked marker round-trips too, which is how the platform keeps a stored
+* value that an environment variable currently hides.
+*/
+function keep(current) {
+	if (isRef$1(current)) return { ...current };
+	return null;
+}
+/** Value to submit when the user typed a new secret. */
+function set(value) {
+	return value;
+}
+/** Value to submit when the user cleared a secret. */
+function clear() {
+	return null;
+}
+/** Whether a settings response declares the `$secret` reference wire format. */
+function usesReferences(response) {
+	if (!response || typeof response !== "object") return false;
+	return response[FORMAT_KEY] === "ref";
+}
+//#endregion
+//#region src/components/SecretInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "mint-secret-input__status" };
+var _hoisted_2$2 = {
+	key: 0,
+	class: "mint-secret-input__hint"
+};
+var _hoisted_3$2 = { class: "mint-secret-input__actions" };
+//#endregion
+//#region src/components/SecretInput.vue
+var SecretInput_default = /* @__PURE__ */ defineComponent({
+	__name: "SecretInput",
+	props: {
+		modelValue: { default: null },
+		placeholder: { default: "Enter a new value" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		changeLabel: { default: "Change" },
+		clearLabel: { default: "Clear" }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/** Edits one plugin secret setting: shows set / not set / provided by environment, and submits a `$secret` reference, a new value, or `null`. */
+		const props = __props;
+		const emit = __emit;
+		/** The reference this field started from, so an abandoned edit can restore it. */
+		const storedReference = ref(keep(props.modelValue));
+		const isEditing = ref(typeof props.modelValue === "string");
+		watch(() => props.modelValue, (value) => {
+			if (isRef$1(value)) {
+				storedReference.value = keep(value);
+				isEditing.value = false;
+			}
+		});
+		const state$1 = computed(() => state(props.modelValue));
+		const locked = computed(() => isLocked(props.modelValue) || isLocked(storedReference.value));
+		const statusLabel = computed(() => isEditing.value ? "New value" : label(props.modelValue));
+		const typedValue = computed(() => typeof props.modelValue === "string" ? props.modelValue : "");
+		const canClear = computed(() => !locked.value && (state$1.value === "set" || isEditing.value));
+		function startEditing() {
+			if (props.disabled || locked.value) return;
+			isEditing.value = true;
+			emit("update:modelValue", set(""));
+		}
+		function updateTyped(value) {
+			emit("update:modelValue", set(value == null ? "" : String(value)));
+		}
+		function cancelEditing() {
+			isEditing.value = false;
+			emit("update:modelValue", storedReference.value ? { ...storedReference.value } : null);
+		}
+		function clear$1() {
+			if (props.disabled || locked.value) return;
+			isEditing.value = false;
+			storedReference.value = null;
+			emit("update:modelValue", clear());
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-secret-input", { "mint-secret-input--error": __props.invalid }]) }, [
+				createElementVNode("div", _hoisted_1$2, [createElementVNode("span", { class: normalizeClass(["mint-secret-input__badge", `mint-secret-input__badge--${isEditing.value ? "pending" : state$1.value}`]) }, [_cache[0] || (_cache[0] = createElementVNode("span", {
+					class: "mint-secret-input__dot",
+					"aria-hidden": "true"
+				}, null, -1)), createTextVNode(toDisplayString(statusLabel.value), 1)], 2), locked.value ? (openBlock(), createElementBlock("span", _hoisted_2$2, " This value comes from the environment and cannot be edited here. ")) : createCommentVNode("", true)]),
+				isEditing.value ? (openBlock(), createBlock(BaseInput_default, {
+					key: 0,
+					type: "password",
+					autocomplete: "new-password",
+					"model-value": typedValue.value,
+					placeholder: __props.placeholder,
+					disabled: __props.disabled,
+					invalid: __props.invalid,
+					size: __props.size,
+					"onUpdate:modelValue": updateTyped
+				}, null, 8, [
+					"model-value",
+					"placeholder",
+					"disabled",
+					"invalid",
+					"size"
+				])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3$2, [!isEditing.value ? (openBlock(), createBlock(BaseButton_default, {
+					key: 0,
+					type: "button",
+					variant: "secondary",
+					size: __props.size === "lg" ? "md" : "sm",
+					disabled: __props.disabled || locked.value,
+					onClick: startEditing
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.changeLabel), 1)]),
+					_: 1
+				}, 8, ["size", "disabled"])) : (openBlock(), createBlock(BaseButton_default, {
+					key: 1,
+					type: "button",
+					variant: "ghost",
+					size: __props.size === "lg" ? "md" : "sm",
+					disabled: __props.disabled,
+					onClick: cancelEditing
+				}, {
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Cancel ", -1)])]),
+					_: 1
+				}, 8, ["size", "disabled"])), canClear.value ? (openBlock(), createBlock(BaseButton_default, {
+					key: 2,
+					type: "button",
+					variant: "ghost",
+					size: __props.size === "lg" ? "md" : "sm",
+					disabled: __props.disabled,
+					onClick: clear$1
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.clearLabel), 1)]),
+					_: 1
+				}, 8, ["size", "disabled"])) : createCommentVNode("", true)])
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/TagsInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = {
+	key: 0,
+	class: "mint-tags-input__categories"
+};
+var _hoisted_2$1 = ["disabled", "onClick"];
+var _hoisted_3$1 = ["aria-label", "onClick"];
+var _hoisted_4$1 = ["placeholder", "disabled"];
+var _hoisted_5$1 = {
+	key: 0,
+	class: "mint-tags-input__dropdown"
+};
+var _hoisted_6$1 = ["onMousedown"];
+var _hoisted_7$1 = {
+	key: 0,
+	class: "mint-tags-input__dropdown-count"
+};
+//#endregion
+//#region src/components/TagsInput.vue
+var TagsInput_default = /* @__PURE__ */ defineComponent({
+	__name: "TagsInput",
+	props: {
+		modelValue: { default: () => [] },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		maxTags: {},
+		allowDuplicates: {
+			type: Boolean,
+			default: false
+		},
+		suggestions: { default: () => [] },
+		categories: { default: () => [] },
+		activeCategory: {}
+	},
+	emits: ["update:modelValue", "update:activeCategory"],
+	setup(__props, { emit: __emit }) {
+		/** Lets users type and add tags with autocomplete suggestions, categories, and a max-tag cap. */
+		const props = __props;
+		const emit = __emit;
+		const inputValue = ref("");
+		const highlightedIndex = ref(-1);
+		const { isOpen: dropdownOpen, triggerRef: inputRef, open: openDropdown, close: closeDropdown } = useDropdownState({
+			rootRef: useTemplateRef("root"),
+			onClose: () => {
+				highlightedIndex.value = -1;
+			}
+		});
+		const selectionLimit = useSelectionLimit({
+			count: () => props.modelValue.length,
+			max: () => props.maxTags
+		});
+		const canAddMore = selectionLimit.canAddMore;
+		const normalizedSuggestions = computed(() => {
+			return props.suggestions.map((s) => typeof s === "string" ? { value: s } : s);
+		});
+		const filteredSuggestions = computed(() => {
+			const q = inputValue.value.trim().toLowerCase();
+			if (!q) return [];
+			return normalizedSuggestions.value.filter((s) => s.value.toLowerCase().startsWith(q) && !props.modelValue.includes(s.value)).slice(0, 8);
+		});
+		function categoryFor(tag) {
+			const colonIdx = tag.indexOf(":");
+			if (colonIdx === -1) return void 0;
+			const prefix = tag.slice(0, colonIdx);
+			return props.categories.find((c) => c.prefix === prefix);
+		}
+		const GROUP_COLORS = [
+			"var(--mint-sample-1)",
+			"var(--mint-sample-2)",
+			"var(--mint-sample-3)",
+			"var(--mint-sample-4)",
+			"var(--mint-sample-5)",
+			"var(--mint-sample-6)",
+			"var(--mint-sample-7)",
+			"var(--mint-sample-8)"
+		];
+		function groupColor(category) {
+			return GROUP_COLORS[props.categories.indexOf(category) % GROUP_COLORS.length];
+		}
+		function addTag(value) {
+			const trimmed = value.trim();
+			if (!trimmed) return;
+			if (!selectionLimit.canAdd()) return;
+			let final = trimmed;
+			if (props.activeCategory && !trimmed.includes(":")) final = `${props.activeCategory}:${trimmed}`;
+			if (!props.allowDuplicates && props.modelValue.includes(final)) return;
+			emit("update:modelValue", [...props.modelValue, final]);
+			inputValue.value = "";
+			closeDropdown();
+		}
+		function removeTag(index) {
+			if (props.disabled) return;
+			const newTags = [...props.modelValue];
+			newTags.splice(index, 1);
+			emit("update:modelValue", newTags);
+		}
+		function handleKeydown(event) {
+			if (event.key === "ArrowDown" && filteredSuggestions.value.length) {
+				event.preventDefault();
+				highlightedIndex.value = Math.min(highlightedIndex.value + 1, filteredSuggestions.value.length - 1);
+				openDropdown();
+				return;
+			}
+			if (event.key === "ArrowUp" && filteredSuggestions.value.length) {
+				event.preventDefault();
+				highlightedIndex.value = Math.max(highlightedIndex.value - 1, 0);
+				return;
+			}
+			if (event.key === "Enter" || event.key === ",") {
+				event.preventDefault();
+				if (highlightedIndex.value >= 0 && filteredSuggestions.value[highlightedIndex.value]) addTag(filteredSuggestions.value[highlightedIndex.value].value);
+				else addTag(inputValue.value);
+				return;
+			}
+			if (event.key === "Escape") {
+				closeDropdown(true);
+				return;
+			}
+			if (event.key === "Backspace" && !inputValue.value && props.modelValue.length > 0) removeTag(props.modelValue.length - 1);
+		}
+		function handleFocus() {
+			if (filteredSuggestions.value.length) openDropdown();
+		}
+		function handleBlur() {
+			setTimeout(() => {
+				closeDropdown();
+			}, 120);
+		}
+		function handlePaste(event) {
+			event.preventDefault();
+			const text = event.clipboardData?.getData("text");
+			if (!text) return;
+			const tags = text.split(/[,\n]/).map((t) => t.trim()).filter(Boolean);
+			const newTags = [...props.modelValue];
+			for (const tag of tags) {
+				if (!selectionLimit.canAdd(1, newTags.length)) break;
+				if (!props.allowDuplicates && newTags.includes(tag)) continue;
+				newTags.push(tag);
+			}
+			emit("update:modelValue", newTags);
+		}
+		function focusInput() {
+			inputRef.value?.focus();
+		}
+		function setCategory(prefix) {
+			emit("update:activeCategory", prefix === props.activeCategory ? "" : prefix);
+		}
+		function onInputEvent() {
+			if (filteredSuggestions.value.length > 0) openDropdown();
+			else closeDropdown();
+			highlightedIndex.value = -1;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "root",
+				class: normalizeClass([
+					"mint-tags-input",
+					`mint-tags-input--${__props.size}`,
+					__props.invalid ? "mint-tags-input--error" : "",
+					__props.disabled ? "mint-tags-input--disabled" : "",
+					__props.categories.length ? "mint-tags-input--categorized" : ""
+				])
+			}, [__props.categories.length ? (openBlock(), createElementBlock("div", _hoisted_1$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.categories, (cat) => {
+				return openBlock(), createElementBlock("button", {
+					key: cat.prefix,
+					type: "button",
+					class: normalizeClass([
+						"mint-tags-input__category",
+						`mint-tags-input__category--${cat.tone ?? "neutral"}`,
+						__props.activeCategory === cat.prefix ? "mint-tags-input__category--active" : ""
+					]),
+					disabled: __props.disabled,
+					onClick: ($event) => setCategory(cat.prefix)
+				}, [createElementVNode("span", {
+					class: "mint-tags-input__tag-dot",
+					style: normalizeStyle({ background: groupColor(cat) }),
+					"aria-hidden": "true"
+				}, null, 4), createTextVNode(" " + toDisplayString(cat.name), 1)], 10, _hoisted_2$1);
+			}), 128))])) : createCommentVNode("", true), createElementVNode("div", {
+				class: "mint-tags-input__field",
+				onClick: focusInput
+			}, [
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (tag, index) => {
+					return openBlock(), createElementBlock("span", {
+						key: `${tag}-${index}`,
+						class: normalizeClass([
+							"mint-tags-input__tag",
+							`mint-tags-input__tag--${__props.size}`,
+							categoryFor(tag) ? `mint-tags-input__tag--${categoryFor(tag)?.tone ?? "neutral"}` : ""
+						])
+					}, [
+						categoryFor(tag) ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: "mint-tags-input__tag-dot",
+							style: normalizeStyle({ background: groupColor(categoryFor(tag)) }),
+							"aria-hidden": "true"
+						}, null, 4)) : createCommentVNode("", true),
+						createTextVNode(" " + toDisplayString(tag) + " ", 1),
+						!__props.disabled ? (openBlock(), createElementBlock("button", {
+							key: 1,
+							type: "button",
+							"aria-label": `Remove ${tag}`,
+							class: "mint-tags-input__tag-remove",
+							onClick: withModifiers(($event) => removeTag(index), ["stop"])
+						}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+							class: "mint-tags-input__tag-remove-icon",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])], 8, _hoisted_3$1)) : createCommentVNode("", true)
+					], 2);
+				}), 128)),
+				withDirectives(createElementVNode("input", {
+					ref_key: "inputRef",
+					ref: inputRef,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+					type: "text",
+					placeholder: __props.modelValue.length === 0 ? __props.placeholder : "",
+					disabled: __props.disabled || !unref(canAddMore),
+					class: normalizeClass(["mint-tags-input__input", `mint-tags-input__input--${__props.size}`]),
+					onKeydown: handleKeydown,
+					onPaste: handlePaste,
+					onFocus: handleFocus,
+					onBlur: handleBlur,
+					onInput: onInputEvent
+				}, null, 42, _hoisted_4$1), [[vModelText, inputValue.value]]),
+				unref(dropdownOpen) && filteredSuggestions.value.length ? (openBlock(), createElementBlock("div", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredSuggestions.value, (sug, i) => {
+					return openBlock(), createElementBlock("button", {
+						key: sug.value,
+						type: "button",
+						class: normalizeClass(["mint-tags-input__dropdown-item", i === highlightedIndex.value ? "mint-tags-input__dropdown-item--highlighted" : ""]),
+						onMousedown: withModifiers(($event) => addTag(sug.value), ["prevent"])
+					}, [createElementVNode("span", null, toDisplayString(sug.value), 1), sug.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(sug.count), 1)) : createCommentVNode("", true)], 42, _hoisted_6$1);
+				}), 128))])) : createCommentVNode("", true)
+			])], 2);
+		};
+	}
+});
+//#endregion
+//#region src/jobs.ts
+var ACTIVE_JOB_STATUSES = /* @__PURE__ */ new Set([
+	"awaiting_input",
+	"queued",
+	"running"
+]);
+var TERMINAL_JOB_STATUSES = /* @__PURE__ */ new Set([
+	"completed",
+	"failed",
+	"cancelled"
+]);
+/** Resolve action support while retaining one-cycle legacy status inference. */
+function resolveJobCapabilities(job) {
+	const legacyCanCancel = job.status === "queued" || job.status === "running";
+	const legacyCanDelete = TERMINAL_JOB_STATUSES.has(job.status);
+	return {
+		can_cancel: typeof job.can_cancel === "boolean" ? job.can_cancel : legacyCanCancel,
+		can_delete: typeof job.can_delete === "boolean" ? job.can_delete : legacyCanDelete
+	};
+}
+/** Clamp invalid or out-of-range progress values for safe display. */
+function normalizeJobPercent(value) {
+	if (!Number.isFinite(value)) return 0;
+	return Math.min(100, Math.max(0, value));
+}
+/** Create a detached canonical state without changing the transport input. */
+function normalizeJobState(job) {
+	const capabilities = resolveJobCapabilities(job);
+	return {
+		...job,
+		definition_id: job.definition_id ?? (typeof job.metadata.definition_id === "string" ? job.metadata.definition_id : null),
+		result_status: job.result_status ?? (job.status === "completed" && job.metadata.has_result === true ? "available" : "none"),
+		result_expires_at: job.result_expires_at ?? null,
+		progress: {
+			...job.progress,
+			percent: normalizeJobPercent(job.progress.percent)
+		},
+		warnings: [...job.warnings],
+		folders: [...job.folders],
+		metadata: { ...job.metadata },
+		...capabilities
+	};
+}
+function isActiveJobStatus(status) {
+	return ACTIVE_JOB_STATUSES.has(status);
+}
+function isTerminalJobStatus(status) {
+	return TERMINAL_JOB_STATUSES.has(status);
+}
+function jobStatusLabel(status) {
+	return {
+		awaiting_input: "Waiting for input",
+		queued: "Queued",
+		running: "Running",
+		completed: "Completed",
+		failed: "Failed",
+		cancelled: "Cancelled"
+	}[status];
+}
+//#endregion
+//#region src/composables/platformContextHelpers.ts
+function getInjectedPlatformContext() {
+	if (typeof window === "undefined") return void 0;
+	return window.__MINT_PLATFORM__;
+}
+/** Return the platform's canonical plugin identity for the mounted frontend. */
+function resolveCurrentPluginId() {
+	const pluginId = getInjectedPlatformContext()?.plugin?.id;
+	return typeof pluginId === "string" && pluginId ? pluginId : void 0;
+}
+function parseExperimentId(value) {
+	if (typeof value === "number" && Number.isFinite(value)) return value;
+	if (typeof value === "string" && value.trim()) {
+		const parsed = Number(value);
+		return Number.isFinite(parsed) ? parsed : void 0;
+	}
+	if (value && typeof value === "object" && "id" in value) return parseExperimentId(value.id);
+}
+//#endregion
+//#region src/components/Skeleton.vue
+var Skeleton_default = /* @__PURE__ */ defineComponent({
+	__name: "Skeleton",
+	props: {
+		variant: { default: "text" },
+		width: {},
+		height: {},
+		animation: { default: "wave" }
+	},
+	setup(__props) {
+		/** Animated loading placeholder in text, circular, rectangular, or rounded variants with pulse or wave animation. */
+		const props = __props;
+		const style = computed(() => {
+			const s = {};
+			if (props.width) s.width = typeof props.width === "number" ? `${props.width}px` : props.width;
+			if (props.height) s.height = typeof props.height === "number" ? `${props.height}px` : props.height;
+			return s;
+		});
+		const classes = computed(() => [
+			"mint-skeleton",
+			`mint-skeleton--${props.variant}`,
+			props.animation === "none" ? "" : "skeleton-wave"
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(classes.value),
+				style: normalizeStyle(style.value)
+			}, null, 6);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/ResourcePickerListInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mint-resource-picker__toolbar" };
+var _hoisted_2 = {
+	key: 0,
+	class: "mint-resource-picker__frame",
+	"aria-busy": "true"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "mint-resource-picker__error",
+	role: "alert"
+};
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = [
+	"id",
+	"aria-selected",
+	"onClick",
+	"onMouseenter"
+];
+var _hoisted_6 = { class: "mint-resource-picker__text" };
+var _hoisted_7 = { class: "mint-resource-picker__title" };
+var _hoisted_8 = {
+	key: 0,
+	class: "mint-resource-picker__meta"
+};
+var _hoisted_9 = {
+	key: 0,
+	class: "mint-resource-picker__code mint-exp-code mint-exp-code--sm"
+};
+var _hoisted_10 = { key: 1 };
+var _hoisted_11 = {
+	key: 0,
+	class: "mint-resource-picker__aside"
+};
+var _hoisted_12 = {
+	key: 1,
+	class: "mint-resource-picker__date"
+};
+//#endregion
+//#region src/components/internal/ResourcePickerListInternal.vue
+var ResourcePickerListInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "ResourcePickerListInternal",
+	props: {
+		items: {},
+		itemKey: {},
+		describe: {},
+		selectedKey: { default: null },
+		search: {},
+		label: {},
+		placeholder: { default: "Search…" },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		error: { default: null },
+		emptyTitle: { default: "Nothing found" },
+		emptyDescription: { default: "Try adjusting your search or filters." },
+		autofocusSearch: { type: Boolean }
+	},
+	emits: ["select", "update:search"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Searchable single-select list shared by the experiment and
+		* artifact selector modals: two-line rows (title, then code + meta) with status and date
+		* in a right-hand column, a filled selected row, skeleton,
+		* error and empty states, and the combobox keyboard model (↑ ↓ Enter).
+		*/
+		const props = __props;
+		const emit = __emit;
+		const listId = `mint-resource-picker-${useId().replace(/:/g, "")}`;
+		const activeIndex = ref(-1);
+		const listRef = ref(null);
+		const indexByKey = computed(() => new Map(props.items.map((item, i) => [props.itemKey(item), i])));
+		const showList = computed(() => !props.loading && !props.error && props.items.length > 0);
+		function optionId(item) {
+			return `${listId}-${props.itemKey(item)}`;
+		}
+		const activeDescendant = computed(() => {
+			const item = props.items[activeIndex.value];
+			return item === void 0 ? void 0 : optionId(item);
+		});
+		function indexOf(item) {
+			return indexByKey.value.get(props.itemKey(item)) ?? -1;
+		}
+		function keydown(event) {
+			const target = event.target;
+			if (target !== event.currentTarget && !target?.closest(".mint-resource-picker__search")) return;
+			const rows = props.items;
+			if (!rows.length) return;
+			if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+				event.preventDefault();
+				activeIndex.value = event.key === "ArrowDown" ? Math.min(activeIndex.value + 1, rows.length - 1) : Math.max(activeIndex.value - 1, 0);
+				nextTick(() => listRef.value?.querySelector(".mint-resource-picker__row--active")?.scrollIntoView({ block: "nearest" }));
+			} else if (event.key === "Enter" && rows[activeIndex.value] !== void 0) {
+				event.preventDefault();
+				emit("select", rows[activeIndex.value]);
+			}
+		}
+		watch(() => props.items, () => {
+			activeIndex.value = -1;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "mint-resource-picker",
+				onKeydown: keydown
+			}, [createElementVNode("div", _hoisted_1, [createVNode(BaseInput_default, {
+				class: "mint-resource-picker__search",
+				"model-value": __props.search,
+				placeholder: __props.placeholder,
+				size: "sm",
+				type: "search",
+				autofocus: __props.autofocusSearch,
+				role: "combobox",
+				"aria-label": `Search ${__props.label.toLowerCase()}`,
+				"aria-expanded": showList.value,
+				"aria-controls": listId,
+				"aria-activedescendant": activeDescendant.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:search", String($event ?? "")))
+			}, {
+				prefix: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.5",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", { d: "M7 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zM10.5 10.5L14 14" })], -1)])]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"placeholder",
+				"autofocus",
+				"aria-label",
+				"aria-expanded",
+				"aria-activedescendant"
+			]), renderSlot(_ctx.$slots, "filters")]), __props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
+				return createElementVNode("div", {
+					key: n,
+					class: "mint-resource-picker__skeleton-row"
+				}, [createVNode(Skeleton_default, {
+					width: `${40 + n * 10}%`,
+					height: "0.75rem"
+				}, null, 8, ["width"]), createVNode(Skeleton_default, {
+					width: "30%",
+					height: "0.625rem"
+				})]);
+			}), 64))])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.error), 1)) : !__props.items.length ? (openBlock(), createBlock(EmptyState_default, {
+				key: 2,
+				title: __props.emptyTitle,
+				description: __props.emptyDescription,
+				size: "sm"
+			}, null, 8, ["title", "description"])) : (openBlock(), createElementBlock("div", {
+				key: 3,
+				id: listId,
+				ref_key: "listRef",
+				ref: listRef,
+				class: "mint-resource-picker__frame mint-resource-picker__list",
+				role: "listbox",
+				"aria-label": __props.label
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock("div", {
+					id: optionId(item),
+					key: __props.itemKey(item),
+					role: "option",
+					"aria-selected": __props.itemKey(item) === __props.selectedKey,
+					class: normalizeClass(["mint-resource-picker__row", {
+						"mint-resource-picker__row--selected": __props.itemKey(item) === __props.selectedKey,
+						"mint-resource-picker__row--active": indexOf(item) === activeIndex.value
+					}]),
+					onClick: ($event) => emit("select", item),
+					onMouseenter: ($event) => activeIndex.value = indexOf(item)
+				}, [
+					createElementVNode("span", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(__props.describe(item).title), 1), __props.describe(item).code || __props.describe(item).meta?.length ? (openBlock(), createElementBlock("span", _hoisted_8, [__props.describe(item).code ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(__props.describe(item).code), 1)) : createCommentVNode("", true), __props.describe(item).meta?.length ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.describe(item).meta.join(" · ")), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+					__props.describe(item).status || __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_11, [__props.describe(item).status ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(["mint-resource-picker__status", `mint-resource-picker__status--${__props.describe(item).status.tone}`])
+					}, toDisplayString(__props.describe(item).status.label), 3)) : createCommentVNode("", true), __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.describe(item).date), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					_ctx.$slots.actions ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: "mint-resource-picker__actions",
+						onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+					}, [renderSlot(_ctx.$slots, "actions", { item })])) : createCommentVNode("", true)
+				], 42, _hoisted_5);
+			}), 128))], 8, _hoisted_4))], 32);
+		};
+	}
+});
+//#endregion
+//#region src/utils/records.ts
+/** Narrow an unknown value to a plain object (arrays and null excluded). */
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+//#endregion
+export { formatRelativeTime as A, Tooltip_default as B, formatExperimentDate as C, compareTime as D, useMenuKeyboard as E, toMinutes as F, BaseInput_default as G, useListSelection as H, FormField_default as I, EmptyState_default as L, formatTimeSlot as M, generateTimeSlots as N, durationMinutes as O, time_exports as P, useRovingFocus as R, experimentIdFromRoute as S, FileUploader_default as T, useSelectionLimit as U, BaseSelect_default as V, normalizeOptionInput as W, APP_EXPERIMENT_KEY as _, parseExperimentId as a, SORT_OPTIONS as b, isTerminalJobStatus as c, normalizeJobState as d, resolveJobCapabilities as f, pluginSecrets_exports as g, FORMAT_KEY as h, getInjectedPlatformContext as i, formatTime as j, findNearestTimeSlotIndex as k, jobStatusLabel as l, SecretInput_default as m, ResourcePickerListInternal_default as n, resolveCurrentPluginId as o, TagsInput_default as p, Skeleton_default as r, isActiveJobStatus as s, isRecord as t, normalizeJobPercent as u, useAppExperiment as v, resolveExperimentCode as w, datePresetToISO as x, DATE_PRESET_OPTIONS as y, BaseCheckbox_default as z };
+
+//# sourceMappingURL=records-B6gpM_3e.js.map