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

package/dist/{useControlSchema-_OVhavKq.js → useControlSchema-aMZlb4Sc.js}

@@ -1,9 +1,10 @@
-import { c as formatExperimentDate, f as BaseModal_default, h as BaseButton_default, m as useEventListener } from "./experiment-utils-DV3DrvE_.js";
-import { a as BaseSelect_default, i as BasePill_default, n as Skeleton_default, o as normalizeOptionInput, r as useRequestSyncState, s as BaseInput_default, t as EmptyState_default } from "./EmptyState-NBqf2_8z.js";
-import { t as useDropdownState } from "./useDropdownState-D5G4UvWd.js";
-import { r as useApi } from "./useApi-CDBq6z23.js";
+import { c as formatExperimentDate, f as BaseModal_default, h as BaseButton_default, m as useEventListener, p as useFocusTrap } from "./experiment-utils-DV3DrvE_.js";
+import { a as BaseSelect_default, i as BasePill_default, n as useRequestSyncState, o as normalizeOptionInput, r as EmptyState_default, s as BaseInput_default, t as Skeleton_default } from "./Skeleton-DxtwJ5gt.js";
+import { t as useDropdownState } from "./useDropdownState-DitCtrTT.js";
+import { i as useApi, u as tryUseSettingsStore } from "./errors-_W0-LbA6.js";
 import { hasAllPermissions } from "./permissions.js";
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, getCurrentScope, isRef, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, shallowRef, toDisplayString, toValue, unref, useSlots, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, getCurrentScope, isRef, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, shallowRef, toDisplayString, toValue, unref, useId, useSlots, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
 //#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$22 = [
 	"value",
@@ -78,995 +79,10 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.bun/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var min = Math.min;
-var max = Math.max;
-var round = Math.round;
-var createCoords = (v) => ({
-	x: v,
-	y: v
-});
-var oppositeSideMap = {
-	left: "right",
-	right: "left",
-	bottom: "top",
-	top: "bottom"
-};
-function clamp(start, value, end) {
-	return max(start, min(value, end));
-}
-function evaluate(value, param) {
-	return typeof value === "function" ? value(param) : value;
-}
-function getSide(placement) {
-	return placement.split("-")[0];
-}
-function getAlignment(placement) {
-	return placement.split("-")[1];
-}
-function getOppositeAxis(axis) {
-	return axis === "x" ? "y" : "x";
-}
-function getAxisLength(axis) {
-	return axis === "y" ? "height" : "width";
-}
-function getSideAxis(placement) {
-	const firstChar = placement[0];
-	return firstChar === "t" || firstChar === "b" ? "y" : "x";
-}
-function getAlignmentAxis(placement) {
-	return getOppositeAxis(getSideAxis(placement));
-}
-function getAlignmentSides(placement, rects, rtl) {
-	if (rtl === void 0) rtl = false;
-	const alignment = getAlignment(placement);
-	const alignmentAxis = getAlignmentAxis(placement);
-	const length = getAxisLength(alignmentAxis);
-	let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-	if (rects.reference[length] > rects.floating[length]) mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
-	return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
-}
-function getExpandedPlacements(placement) {
-	const oppositePlacement = getOppositePlacement(placement);
-	return [
-		getOppositeAlignmentPlacement(placement),
-		oppositePlacement,
-		getOppositeAlignmentPlacement(oppositePlacement)
-	];
-}
-function getOppositeAlignmentPlacement(placement) {
-	return placement.includes("start") ? placement.replace("start", "end") : placement.replace("end", "start");
-}
-var lrPlacement = ["left", "right"];
-var rlPlacement = ["right", "left"];
-var tbPlacement = ["top", "bottom"];
-var btPlacement = ["bottom", "top"];
-function getSideList(side, isStart, rtl) {
-	switch (side) {
-		case "top":
-		case "bottom":
-			if (rtl) return isStart ? rlPlacement : lrPlacement;
-			return isStart ? lrPlacement : rlPlacement;
-		case "left":
-		case "right": return isStart ? tbPlacement : btPlacement;
-		default: return [];
-	}
-}
-function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-	const alignment = getAlignment(placement);
-	let list = getSideList(getSide(placement), direction === "start", rtl);
-	if (alignment) {
-		list = list.map((side) => side + "-" + alignment);
-		if (flipAlignment) list = list.concat(list.map(getOppositeAlignmentPlacement));
-	}
-	return list;
-}
-function getOppositePlacement(placement) {
-	const side = getSide(placement);
-	return oppositeSideMap[side] + placement.slice(side.length);
-}
-function expandPaddingObject(padding) {
-	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0,
-		...padding
-	};
-}
-function getPaddingObject(padding) {
-	return typeof padding !== "number" ? expandPaddingObject(padding) : {
-		top: padding,
-		right: padding,
-		bottom: padding,
-		left: padding
-	};
-}
-function rectToClientRect(rect) {
-	const { x, y, width, height } = rect;
-	return {
-		width,
-		height,
-		top: y,
-		left: x,
-		right: x + width,
-		bottom: y + height,
-		x,
-		y
-	};
-}
-//#endregion
-//#region ../../node_modules/.bun/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function computeCoordsFromPlacement(_ref, placement, rtl) {
-	let { reference, floating } = _ref;
-	const sideAxis = getSideAxis(placement);
-	const alignmentAxis = getAlignmentAxis(placement);
-	const alignLength = getAxisLength(alignmentAxis);
-	const side = getSide(placement);
-	const isVertical = sideAxis === "y";
-	const commonX = reference.x + reference.width / 2 - floating.width / 2;
-	const commonY = reference.y + reference.height / 2 - floating.height / 2;
-	const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
-	let coords;
-	switch (side) {
-		case "top":
-			coords = {
-				x: commonX,
-				y: reference.y - floating.height
-			};
-			break;
-		case "bottom":
-			coords = {
-				x: commonX,
-				y: reference.y + reference.height
-			};
-			break;
-		case "right":
-			coords = {
-				x: reference.x + reference.width,
-				y: commonY
-			};
-			break;
-		case "left":
-			coords = {
-				x: reference.x - floating.width,
-				y: commonY
-			};
-			break;
-		default: coords = {
-			x: reference.x,
-			y: reference.y
-		};
-	}
-	switch (getAlignment(placement)) {
-		case "start":
-			coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-			break;
-		case "end":
-			coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-			break;
-	}
-	return coords;
-}
-/**
-* Resolves with an object of overflow side offsets that determine how much the
-* element is overflowing a given clipping boundary on each side.
-* - positive = overflowing the boundary by that number of pixels
-* - negative = how many pixels left before it will overflow
-* - 0 = lies flush with the boundary
-* @see https://floating-ui.com/docs/detectOverflow
-*/
-async function detectOverflow(state, options) {
-	var _await$platform$isEle;
-	if (options === void 0) options = {};
-	const { x, y, platform, rects, elements, strategy } = state;
-	const { boundary = "clippingAncestors", rootBoundary = "viewport", elementContext = "floating", altBoundary = false, padding = 0 } = evaluate(options, state);
-	const paddingObject = getPaddingObject(padding);
-	const element = elements[altBoundary ? elementContext === "floating" ? "reference" : "floating" : elementContext];
-	const clippingClientRect = rectToClientRect(await platform.getClippingRect({
-		element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating)),
-		boundary,
-		rootBoundary,
-		strategy
-	}));
-	const rect = elementContext === "floating" ? {
-		x,
-		y,
-		width: rects.floating.width,
-		height: rects.floating.height
-	} : rects.reference;
-	const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
-	const offsetScale = await (platform.isElement == null ? void 0 : platform.isElement(offsetParent)) ? await (platform.getScale == null ? void 0 : platform.getScale(offsetParent)) || {
-		x: 1,
-		y: 1
-	} : {
-		x: 1,
-		y: 1
-	};
-	const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-		elements,
-		rect,
-		offsetParent,
-		strategy
-	}) : rect);
-	return {
-		top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-		bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-		left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-		right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-	};
-}
-var MAX_RESET_COUNT = 50;
-/**
-* Computes the `x` and `y` coordinates that will place the floating element
-* next to a given reference element.
-*
-* This export does not have any `platform` interface logic. You will need to
-* write one for the platform you are using Floating UI with.
-*/
-var computePosition$1 = async (reference, floating, config) => {
-	const { placement = "bottom", strategy = "absolute", middleware = [], platform } = config;
-	const platformWithDetectOverflow = platform.detectOverflow ? platform : {
-		...platform,
-		detectOverflow
-	};
-	const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
-	let rects = await platform.getElementRects({
-		reference,
-		floating,
-		strategy
-	});
-	let { x, y } = computeCoordsFromPlacement(rects, placement, rtl);
-	let statefulPlacement = placement;
-	let resetCount = 0;
-	const middlewareData = {};
-	for (let i = 0; i < middleware.length; i++) {
-		const currentMiddleware = middleware[i];
-		if (!currentMiddleware) continue;
-		const { name, fn } = currentMiddleware;
-		const { x: nextX, y: nextY, data, reset } = await fn({
-			x,
-			y,
-			initialPlacement: placement,
-			placement: statefulPlacement,
-			strategy,
-			middlewareData,
-			rects,
-			platform: platformWithDetectOverflow,
-			elements: {
-				reference,
-				floating
-			}
-		});
-		x = nextX != null ? nextX : x;
-		y = nextY != null ? nextY : y;
-		middlewareData[name] = {
-			...middlewareData[name],
-			...data
-		};
-		if (reset && resetCount < MAX_RESET_COUNT) {
-			resetCount++;
-			if (typeof reset === "object") {
-				if (reset.placement) statefulPlacement = reset.placement;
-				if (reset.rects) rects = reset.rects === true ? await platform.getElementRects({
-					reference,
-					floating,
-					strategy
-				}) : reset.rects;
-				({x, y} = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
-			}
-			i = -1;
-		}
-	}
-	return {
-		x,
-		y,
-		placement: statefulPlacement,
-		strategy,
-		middlewareData
-	};
-};
-/**
-* Optimizes the visibility of the floating element by flipping the `placement`
-* in order to keep it in view when the preferred placement(s) will overflow the
-* clipping boundary. Alternative to `autoPlacement`.
-* @see https://floating-ui.com/docs/flip
-*/
-var flip$1 = function(options) {
-	if (options === void 0) options = {};
-	return {
-		name: "flip",
-		options,
-		async fn(state) {
-			var _middlewareData$arrow, _middlewareData$flip;
-			const { placement, middlewareData, rects, initialPlacement, platform, elements } = state;
-			const { mainAxis: checkMainAxis = true, crossAxis: checkCrossAxis = true, fallbackPlacements: specifiedFallbackPlacements, fallbackStrategy = "bestFit", fallbackAxisSideDirection = "none", flipAlignment = true, ...detectOverflowOptions } = evaluate(options, state);
-			if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) return {};
-			const side = getSide(placement);
-			const initialSideAxis = getSideAxis(initialPlacement);
-			const isBasePlacement = getSide(initialPlacement) === initialPlacement;
-			const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
-			const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-			const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
-			if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
-			const placements = [initialPlacement, ...fallbackPlacements];
-			const overflow = await platform.detectOverflow(state, detectOverflowOptions);
-			const overflows = [];
-			let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
-			if (checkMainAxis) overflows.push(overflow[side]);
-			if (checkCrossAxis) {
-				const sides = getAlignmentSides(placement, rects, rtl);
-				overflows.push(overflow[sides[0]], overflow[sides[1]]);
-			}
-			overflowsData = [...overflowsData, {
-				placement,
-				overflows
-			}];
-			if (!overflows.every((side) => side <= 0)) {
-				var _middlewareData$flip2, _overflowsData$filter;
-				const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
-				const nextPlacement = placements[nextIndex];
-				if (nextPlacement) {
-					if (!(checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false) || overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) return {
-						data: {
-							index: nextIndex,
-							overflows: overflowsData
-						},
-						reset: { placement: nextPlacement }
-					};
-				}
-				let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
-				if (!resetPlacement) switch (fallbackStrategy) {
-					case "bestFit": {
-						var _overflowsData$filter2;
-						const placement = (_overflowsData$filter2 = overflowsData.filter((d) => {
-							if (hasFallbackAxisSideDirection) {
-								const currentSideAxis = getSideAxis(d.placement);
-								return currentSideAxis === initialSideAxis || currentSideAxis === "y";
-							}
-							return true;
-						}).map((d) => [d.placement, d.overflows.filter((overflow) => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
-						if (placement) resetPlacement = placement;
-						break;
-					}
-					case "initialPlacement":
-						resetPlacement = initialPlacement;
-						break;
-				}
-				if (placement !== resetPlacement) return { reset: { placement: resetPlacement } };
-			}
-			return {};
-		}
-	};
-};
-var originSides = /* @__PURE__ */ new Set(["left", "top"]);
-async function convertValueToCoords(state, options) {
-	const { placement, platform, elements } = state;
-	const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
-	const side = getSide(placement);
-	const alignment = getAlignment(placement);
-	const isVertical = getSideAxis(placement) === "y";
-	const mainAxisMulti = originSides.has(side) ? -1 : 1;
-	const crossAxisMulti = rtl && isVertical ? -1 : 1;
-	const rawValue = evaluate(options, state);
-	let { mainAxis, crossAxis, alignmentAxis } = typeof rawValue === "number" ? {
-		mainAxis: rawValue,
-		crossAxis: 0,
-		alignmentAxis: null
-	} : {
-		mainAxis: rawValue.mainAxis || 0,
-		crossAxis: rawValue.crossAxis || 0,
-		alignmentAxis: rawValue.alignmentAxis
-	};
-	if (alignment && typeof alignmentAxis === "number") crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
-	return isVertical ? {
-		x: crossAxis * crossAxisMulti,
-		y: mainAxis * mainAxisMulti
-	} : {
-		x: mainAxis * mainAxisMulti,
-		y: crossAxis * crossAxisMulti
-	};
-}
-/**
-* Modifies the placement by translating the floating element along the
-* specified axes.
-* A number (shorthand for `mainAxis` or distance), or an axes configuration
-* object may be passed.
-* @see https://floating-ui.com/docs/offset
-*/
-var offset$1 = function(options) {
-	if (options === void 0) options = 0;
-	return {
-		name: "offset",
-		options,
-		async fn(state) {
-			var _middlewareData$offse, _middlewareData$arrow;
-			const { x, y, placement, middlewareData } = state;
-			const diffCoords = await convertValueToCoords(state, options);
-			if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) return {};
-			return {
-				x: x + diffCoords.x,
-				y: y + diffCoords.y,
-				data: {
-					...diffCoords,
-					placement
-				}
-			};
-		}
-	};
-};
-/**
-* Optimizes the visibility of the floating element by shifting it in order to
-* keep it in view when it will overflow the clipping boundary.
-* @see https://floating-ui.com/docs/shift
-*/
-var shift$1 = function(options) {
-	if (options === void 0) options = {};
-	return {
-		name: "shift",
-		options,
-		async fn(state) {
-			const { x, y, placement, platform } = state;
-			const { mainAxis: checkMainAxis = true, crossAxis: checkCrossAxis = false, limiter = { fn: (_ref) => {
-				let { x, y } = _ref;
-				return {
-					x,
-					y
-				};
-			} }, ...detectOverflowOptions } = evaluate(options, state);
-			const coords = {
-				x,
-				y
-			};
-			const overflow = await platform.detectOverflow(state, detectOverflowOptions);
-			const crossAxis = getSideAxis(getSide(placement));
-			const mainAxis = getOppositeAxis(crossAxis);
-			let mainAxisCoord = coords[mainAxis];
-			let crossAxisCoord = coords[crossAxis];
-			if (checkMainAxis) {
-				const minSide = mainAxis === "y" ? "top" : "left";
-				const maxSide = mainAxis === "y" ? "bottom" : "right";
-				const min = mainAxisCoord + overflow[minSide];
-				const max = mainAxisCoord - overflow[maxSide];
-				mainAxisCoord = clamp(min, mainAxisCoord, max);
-			}
-			if (checkCrossAxis) {
-				const minSide = crossAxis === "y" ? "top" : "left";
-				const maxSide = crossAxis === "y" ? "bottom" : "right";
-				const min = crossAxisCoord + overflow[minSide];
-				const max = crossAxisCoord - overflow[maxSide];
-				crossAxisCoord = clamp(min, crossAxisCoord, max);
-			}
-			const limitedCoords = limiter.fn({
-				...state,
-				[mainAxis]: mainAxisCoord,
-				[crossAxis]: crossAxisCoord
-			});
-			return {
-				...limitedCoords,
-				data: {
-					x: limitedCoords.x - x,
-					y: limitedCoords.y - y,
-					enabled: {
-						[mainAxis]: checkMainAxis,
-						[crossAxis]: checkCrossAxis
-					}
-				}
-			};
-		}
-	};
-};
-//#endregion
-//#region ../../node_modules/.bun/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function hasWindow() {
-	return typeof window !== "undefined";
-}
-function getNodeName(node) {
-	if (isNode(node)) return (node.nodeName || "").toLowerCase();
-	return "#document";
-}
-function getWindow(node) {
-	var _node$ownerDocument;
-	return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-}
-function getDocumentElement(node) {
-	var _ref;
-	return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
-}
-function isNode(value) {
-	if (!hasWindow()) return false;
-	return value instanceof Node || value instanceof getWindow(value).Node;
-}
-function isElement(value) {
-	if (!hasWindow()) return false;
-	return value instanceof Element || value instanceof getWindow(value).Element;
-}
-function isHTMLElement(value) {
-	if (!hasWindow()) return false;
-	return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
-}
-function isShadowRoot(value) {
-	if (!hasWindow() || typeof ShadowRoot === "undefined") return false;
-	return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
-}
-function isOverflowElement(element) {
-	const { overflow, overflowX, overflowY, display } = getComputedStyle$1(element);
-	return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents";
-}
-function isTableElement(element) {
-	return /^(table|td|th)$/.test(getNodeName(element));
-}
-function isTopLayer(element) {
-	try {
-		if (element.matches(":popover-open")) return true;
-	} catch (_e) {}
-	try {
-		return element.matches(":modal");
-	} catch (_e) {
-		return false;
-	}
-}
-var willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
-var containRe = /paint|layout|strict|content/;
-var isNotNone = (value) => !!value && value !== "none";
-var isWebKitValue;
-function isContainingBlock(elementOrCss) {
-	const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
-	return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || "") || containRe.test(css.contain || "");
-}
-function getContainingBlock(element) {
-	let currentNode = getParentNode(element);
-	while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-		if (isContainingBlock(currentNode)) return currentNode;
-		else if (isTopLayer(currentNode)) return null;
-		currentNode = getParentNode(currentNode);
-	}
-	return null;
-}
-function isWebKit() {
-	if (isWebKitValue == null) isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none");
-	return isWebKitValue;
-}
-function isLastTraversableNode(node) {
-	return /^(html|body|#document)$/.test(getNodeName(node));
-}
-function getComputedStyle$1(element) {
-	return getWindow(element).getComputedStyle(element);
-}
-function getNodeScroll(element) {
-	if (isElement(element)) return {
-		scrollLeft: element.scrollLeft,
-		scrollTop: element.scrollTop
-	};
-	return {
-		scrollLeft: element.scrollX,
-		scrollTop: element.scrollY
-	};
-}
-function getParentNode(node) {
-	if (getNodeName(node) === "html") return node;
-	const result = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
-	return isShadowRoot(result) ? result.host : result;
-}
-function getNearestOverflowAncestor(node) {
-	const parentNode = getParentNode(node);
-	if (isLastTraversableNode(parentNode)) return node.ownerDocument ? node.ownerDocument.body : node.body;
-	if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) return parentNode;
-	return getNearestOverflowAncestor(parentNode);
-}
-function getOverflowAncestors(node, list, traverseIframes) {
-	var _node$ownerDocument2;
-	if (list === void 0) list = [];
-	if (traverseIframes === void 0) traverseIframes = true;
-	const scrollableAncestor = getNearestOverflowAncestor(node);
-	const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
-	const win = getWindow(scrollableAncestor);
-	if (isBody) {
-		const frameElement = getFrameElement(win);
-		return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
-	} else return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
-}
-function getFrameElement(win) {
-	return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
-}
-//#endregion
-//#region ../../node_modules/.bun/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function getCssDimensions(element) {
-	const css = getComputedStyle$1(element);
-	let width = parseFloat(css.width) || 0;
-	let height = parseFloat(css.height) || 0;
-	const hasOffset = isHTMLElement(element);
-	const offsetWidth = hasOffset ? element.offsetWidth : width;
-	const offsetHeight = hasOffset ? element.offsetHeight : height;
-	const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
-	if (shouldFallback) {
-		width = offsetWidth;
-		height = offsetHeight;
-	}
-	return {
-		width,
-		height,
-		$: shouldFallback
-	};
-}
-function unwrapElement(element) {
-	return !isElement(element) ? element.contextElement : element;
-}
-function getScale(element) {
-	const domElement = unwrapElement(element);
-	if (!isHTMLElement(domElement)) return createCoords(1);
-	const rect = domElement.getBoundingClientRect();
-	const { width, height, $ } = getCssDimensions(domElement);
-	let x = ($ ? round(rect.width) : rect.width) / width;
-	let y = ($ ? round(rect.height) : rect.height) / height;
-	if (!x || !Number.isFinite(x)) x = 1;
-	if (!y || !Number.isFinite(y)) y = 1;
-	return {
-		x,
-		y
-	};
-}
-var noOffsets = /* @__PURE__ */ createCoords(0);
-function getVisualOffsets(element) {
-	const win = getWindow(element);
-	if (!isWebKit() || !win.visualViewport) return noOffsets;
-	return {
-		x: win.visualViewport.offsetLeft,
-		y: win.visualViewport.offsetTop
-	};
-}
-function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
-	if (isFixed === void 0) isFixed = false;
-	if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) return false;
-	return isFixed;
-}
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
-	if (includeScale === void 0) includeScale = false;
-	if (isFixedStrategy === void 0) isFixedStrategy = false;
-	const clientRect = element.getBoundingClientRect();
-	const domElement = unwrapElement(element);
-	let scale = createCoords(1);
-	if (includeScale) if (offsetParent) {
-		if (isElement(offsetParent)) scale = getScale(offsetParent);
-	} else scale = getScale(element);
-	const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-	let x = (clientRect.left + visualOffsets.x) / scale.x;
-	let y = (clientRect.top + visualOffsets.y) / scale.y;
-	let width = clientRect.width / scale.x;
-	let height = clientRect.height / scale.y;
-	if (domElement) {
-		const win = getWindow(domElement);
-		const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-		let currentWin = win;
-		let currentIFrame = getFrameElement(currentWin);
-		while (currentIFrame && offsetParent && offsetWin !== currentWin) {
-			const iframeScale = getScale(currentIFrame);
-			const iframeRect = currentIFrame.getBoundingClientRect();
-			const css = getComputedStyle$1(currentIFrame);
-			const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-			const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
-			x *= iframeScale.x;
-			y *= iframeScale.y;
-			width *= iframeScale.x;
-			height *= iframeScale.y;
-			x += left;
-			y += top;
-			currentWin = getWindow(currentIFrame);
-			currentIFrame = getFrameElement(currentWin);
-		}
-	}
-	return rectToClientRect({
-		width,
-		height,
-		x,
-		y
-	});
-}
-function getWindowScrollBarX(element, rect) {
-	const leftScroll = getNodeScroll(element).scrollLeft;
-	if (!rect) return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
-	return rect.left + leftScroll;
-}
-function getHTMLOffset(documentElement, scroll) {
-	const htmlRect = documentElement.getBoundingClientRect();
-	return {
-		x: htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect),
-		y: htmlRect.top + scroll.scrollTop
-	};
-}
-function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
-	let { elements, rect, offsetParent, strategy } = _ref;
-	const isFixed = strategy === "fixed";
-	const documentElement = getDocumentElement(offsetParent);
-	const topLayer = elements ? isTopLayer(elements.floating) : false;
-	if (offsetParent === documentElement || topLayer && isFixed) return rect;
-	let scroll = {
-		scrollLeft: 0,
-		scrollTop: 0
-	};
-	let scale = createCoords(1);
-	const offsets = createCoords(0);
-	const isOffsetParentAnElement = isHTMLElement(offsetParent);
-	if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-		if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) scroll = getNodeScroll(offsetParent);
-		if (isOffsetParentAnElement) {
-			const offsetRect = getBoundingClientRect(offsetParent);
-			scale = getScale(offsetParent);
-			offsets.x = offsetRect.x + offsetParent.clientLeft;
-			offsets.y = offsetRect.y + offsetParent.clientTop;
-		}
-	}
-	const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-	return {
-		width: rect.width * scale.x,
-		height: rect.height * scale.y,
-		x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
-		y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
-	};
-}
-function getClientRects(element) {
-	return Array.from(element.getClientRects());
-}
-function getDocumentRect(element) {
-	const html = getDocumentElement(element);
-	const scroll = getNodeScroll(element);
-	const body = element.ownerDocument.body;
-	const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
-	const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
-	let x = -scroll.scrollLeft + getWindowScrollBarX(element);
-	const y = -scroll.scrollTop;
-	if (getComputedStyle$1(body).direction === "rtl") x += max(html.clientWidth, body.clientWidth) - width;
-	return {
-		width,
-		height,
-		x,
-		y
-	};
-}
-var SCROLLBAR_MAX = 25;
-function getViewportRect(element, strategy) {
-	const win = getWindow(element);
-	const html = getDocumentElement(element);
-	const visualViewport = win.visualViewport;
-	let width = html.clientWidth;
-	let height = html.clientHeight;
-	let x = 0;
-	let y = 0;
-	if (visualViewport) {
-		width = visualViewport.width;
-		height = visualViewport.height;
-		const visualViewportBased = isWebKit();
-		if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
-			x = visualViewport.offsetLeft;
-			y = visualViewport.offsetTop;
-		}
-	}
-	const windowScrollbarX = getWindowScrollBarX(html);
-	if (windowScrollbarX <= 0) {
-		const doc = html.ownerDocument;
-		const body = doc.body;
-		const bodyStyles = getComputedStyle(body);
-		const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
-		const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
-		if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) width -= clippingStableScrollbarWidth;
-	} else if (windowScrollbarX <= SCROLLBAR_MAX) width += windowScrollbarX;
-	return {
-		width,
-		height,
-		x,
-		y
-	};
-}
-function getInnerBoundingClientRect(element, strategy) {
-	const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
-	const top = clientRect.top + element.clientTop;
-	const left = clientRect.left + element.clientLeft;
-	const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
-	return {
-		width: element.clientWidth * scale.x,
-		height: element.clientHeight * scale.y,
-		x: left * scale.x,
-		y: top * scale.y
-	};
-}
-function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
-	let rect;
-	if (clippingAncestor === "viewport") rect = getViewportRect(element, strategy);
-	else if (clippingAncestor === "document") rect = getDocumentRect(getDocumentElement(element));
-	else if (isElement(clippingAncestor)) rect = getInnerBoundingClientRect(clippingAncestor, strategy);
-	else {
-		const visualOffsets = getVisualOffsets(element);
-		rect = {
-			x: clippingAncestor.x - visualOffsets.x,
-			y: clippingAncestor.y - visualOffsets.y,
-			width: clippingAncestor.width,
-			height: clippingAncestor.height
-		};
-	}
-	return rectToClientRect(rect);
-}
-function hasFixedPositionAncestor(element, stopNode) {
-	const parentNode = getParentNode(element);
-	if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) return false;
-	return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
-}
-function getClippingElementAncestors(element, cache) {
-	const cachedResult = cache.get(element);
-	if (cachedResult) return cachedResult;
-	let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
-	let currentContainingBlockComputedStyle = null;
-	const elementIsFixed = getComputedStyle$1(element).position === "fixed";
-	let currentNode = elementIsFixed ? getParentNode(element) : element;
-	while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-		const computedStyle = getComputedStyle$1(currentNode);
-		const currentNodeIsContaining = isContainingBlock(currentNode);
-		if (!currentNodeIsContaining && computedStyle.position === "fixed") currentContainingBlockComputedStyle = null;
-		if (elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === "absolute" || currentContainingBlockComputedStyle.position === "fixed") || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode)) result = result.filter((ancestor) => ancestor !== currentNode);
-		else currentContainingBlockComputedStyle = computedStyle;
-		currentNode = getParentNode(currentNode);
-	}
-	cache.set(element, result);
-	return result;
-}
-function getClippingRect(_ref) {
-	let { element, boundary, rootBoundary, strategy } = _ref;
-	const clippingAncestors = [...boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary), rootBoundary];
-	const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
-	let top = firstRect.top;
-	let right = firstRect.right;
-	let bottom = firstRect.bottom;
-	let left = firstRect.left;
-	for (let i = 1; i < clippingAncestors.length; i++) {
-		const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
-		top = max(rect.top, top);
-		right = min(rect.right, right);
-		bottom = min(rect.bottom, bottom);
-		left = max(rect.left, left);
-	}
-	return {
-		width: right - left,
-		height: bottom - top,
-		x: left,
-		y: top
-	};
-}
-function getDimensions(element) {
-	const { width, height } = getCssDimensions(element);
-	return {
-		width,
-		height
-	};
-}
-function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-	const isOffsetParentAnElement = isHTMLElement(offsetParent);
-	const documentElement = getDocumentElement(offsetParent);
-	const isFixed = strategy === "fixed";
-	const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
-	let scroll = {
-		scrollLeft: 0,
-		scrollTop: 0
-	};
-	const offsets = createCoords(0);
-	function setLeftRTLScrollbarOffset() {
-		offsets.x = getWindowScrollBarX(documentElement);
-	}
-	if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-		if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) scroll = getNodeScroll(offsetParent);
-		if (isOffsetParentAnElement) {
-			const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
-			offsets.x = offsetRect.x + offsetParent.clientLeft;
-			offsets.y = offsetRect.y + offsetParent.clientTop;
-		} else if (documentElement) setLeftRTLScrollbarOffset();
-	}
-	if (isFixed && !isOffsetParentAnElement && documentElement) setLeftRTLScrollbarOffset();
-	const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-	return {
-		x: rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x,
-		y: rect.top + scroll.scrollTop - offsets.y - htmlOffset.y,
-		width: rect.width,
-		height: rect.height
-	};
-}
-function isStaticPositioned(element) {
-	return getComputedStyle$1(element).position === "static";
-}
-function getTrueOffsetParent(element, polyfill) {
-	if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") return null;
-	if (polyfill) return polyfill(element);
-	let rawOffsetParent = element.offsetParent;
-	if (getDocumentElement(element) === rawOffsetParent) rawOffsetParent = rawOffsetParent.ownerDocument.body;
-	return rawOffsetParent;
-}
-function getOffsetParent(element, polyfill) {
-	const win = getWindow(element);
-	if (isTopLayer(element)) return win;
-	if (!isHTMLElement(element)) {
-		let svgOffsetParent = getParentNode(element);
-		while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
-			if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) return svgOffsetParent;
-			svgOffsetParent = getParentNode(svgOffsetParent);
-		}
-		return win;
-	}
-	let offsetParent = getTrueOffsetParent(element, polyfill);
-	while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) offsetParent = getTrueOffsetParent(offsetParent, polyfill);
-	if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) return win;
-	return offsetParent || getContainingBlock(element) || win;
-}
-var getElementRects = async function(data) {
-	const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-	const getDimensionsFn = this.getDimensions;
-	const floatingDimensions = await getDimensionsFn(data.floating);
-	return {
-		reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
-		floating: {
-			x: 0,
-			y: 0,
-			width: floatingDimensions.width,
-			height: floatingDimensions.height
-		}
-	};
-};
-function isRTL(element) {
-	return getComputedStyle$1(element).direction === "rtl";
-}
-var platform = {
-	convertOffsetParentRelativeRectToViewportRelativeRect,
-	getDocumentElement,
-	getClippingRect,
-	getOffsetParent,
-	getElementRects,
-	getClientRects,
-	getDimensions,
-	getScale,
-	isElement,
-	isRTL
-};
-/**
-* Modifies the placement by translating the floating element along the
-* specified axes.
-* A number (shorthand for `mainAxis` or distance), or an axes configuration
-* object may be passed.
-* @see https://floating-ui.com/docs/offset
-*/
-var offset = offset$1;
-/**
-* Optimizes the visibility of the floating element by shifting it in order to
-* keep it in view when it will overflow the clipping boundary.
-* @see https://floating-ui.com/docs/shift
-*/
-var shift = shift$1;
-/**
-* Optimizes the visibility of the floating element by flipping the `placement`
-* in order to keep it in view when the preferred placement(s) will overflow the
-* clipping boundary. Alternative to `autoPlacement`.
-* @see https://floating-ui.com/docs/flip
-*/
-var flip = flip$1;
-/**
-* Computes the `x` and `y` coordinates that will place the floating element
-* next to a given reference element.
-*/
-var computePosition = (reference, floating, options) => {
-	const cache = /* @__PURE__ */ new Map();
-	const mergedOptions = {
-		platform,
-		...options
-	};
-	const platformWithCache = {
-		...mergedOptions.platform,
-		_c: cache
-	};
-	return computePosition$1(reference, floating, {
-		...mergedOptions,
-		platform: platformWithCache
-	});
-};
-//#endregion
 //#region src/components/Tooltip.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$21 = ["aria-describedby"];
 var _hoisted_2$20 = { class: "mint-tooltip__body" };
-var _hoisted_3$18 = {
+var _hoisted_3$19 = {
 	key: 0,
 	class: "mint-tooltip__shortcut"
 };
@@ -1161,7 +177,7 @@ var Tooltip_default = /* @__PURE__ */ defineComponent({
 					maxWidth: resolvedMaxWidth(__props.maxWidth)
 				}),
 				role: "tooltip"
-			}, [createElementVNode("span", _hoisted_2$20, toDisplayString(__props.text), 1), __props.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_3$18, toDisplayString(__props.shortcut), 1)) : createCommentVNode("", true)], 6)) : createCommentVNode("", true)]))], 40, _hoisted_1$21);
+			}, [createElementVNode("span", _hoisted_2$20, toDisplayString(__props.text), 1), __props.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_3$19, toDisplayString(__props.shortcut), 1)) : createCommentVNode("", true)], 6)) : createCommentVNode("", true)]))], 40, _hoisted_1$21);
 		};
 	}
 });
@@ -1178,7 +194,7 @@ var _hoisted_1$20 = {
 	"stroke-linejoin": "round"
 };
 var _hoisted_2$19 = ["d"];
-var _hoisted_3$17 = ["d"];
+var _hoisted_3$18 = ["d"];
 var _hoisted_4$15 = {
 	key: 1,
 	class: "mint-checkbox__row-text-icon"
@@ -1250,7 +266,7 @@ var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
 				}), 128)) : (openBlock(), createElementBlock("path", {
 					key: 1,
 					d: props.icon
-				}, null, 8, _hoisted_3$17))])) : (openBlock(), createElementBlock("span", _hoisted_4$15, toDisplayString(props.icon), 1))], 4)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$18))])) : (openBlock(), createElementBlock("span", _hoisted_4$15, toDisplayString(props.icon), 1))], 4)) : createCommentVNode("", true),
 				props.variant === "row" && props.label ? (openBlock(), createElementBlock("span", _hoisted_5$13, [props.description ? (openBlock(), createBlock(Tooltip_default, {
 					key: 0,
 					text: props.description,
@@ -1312,7 +328,7 @@ var _hoisted_1$19 = {
 	"stroke-linejoin": "round"
 };
 var _hoisted_2$18 = ["d"];
-var _hoisted_3$16 = ["d"];
+var _hoisted_3$17 = ["d"];
 var _hoisted_4$14 = {
 	key: 1,
 	class: "mint-toggle__row-text-icon"
@@ -1397,7 +413,7 @@ var BaseToggle_default = /* @__PURE__ */ defineComponent({
 				}), 128)) : (openBlock(), createElementBlock("path", {
 					key: 1,
 					d: __props.icon
-				}, null, 8, _hoisted_3$16))])) : (openBlock(), createElementBlock("span", _hoisted_4$14, toDisplayString(__props.icon), 1))], 4)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$17))])) : (openBlock(), createElementBlock("span", _hoisted_4$14, toDisplayString(__props.icon), 1))], 4)) : createCommentVNode("", true),
 				__props.variant === "row" && __props.label ? (openBlock(), createElementBlock("span", _hoisted_5$12, [__props.description ? (openBlock(), createBlock(Tooltip_default, {
 					key: 0,
 					text: __props.description,
@@ -1449,7 +465,7 @@ var _hoisted_1$18 = [
 	"onChange"
 ];
 var _hoisted_2$17 = { class: "mint-radio-option__content" };
-var _hoisted_3$15 = ["id"];
+var _hoisted_3$16 = ["id"];
 var _hoisted_4$13 = [
 	"name",
 	"value",
@@ -1522,7 +538,7 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					id: `${props.name}-${option.value}-desc`,
 					class: normalizeClass(["mint-radio-option__description", `mint-radio-option__description--${props.size}`])
-				}, toDisplayString(option.description), 11, _hoisted_3$15)) : createCommentVNode("", true)])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				}, toDisplayString(option.description), 11, _hoisted_3$16)) : createCommentVNode("", true)])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 					createElementVNode("input", {
 						type: "radio",
 						name: props.name,
@@ -1565,7 +581,7 @@ var _hoisted_2$16 = [
 	"aria-valuemax",
 	"aria-valuenow"
 ];
-var _hoisted_3$14 = {
+var _hoisted_3$15 = {
 	key: 0,
 	class: "mint-slider__value"
 };
@@ -1665,7 +681,7 @@ var BaseSlider_default = /* @__PURE__ */ defineComponent({
 						left: thumbPosition.value
 					})
 				}, null, 6)
-			]), __props.showValue ? (openBlock(), createElementBlock("span", _hoisted_3$14, toDisplayString(currentValue.value), 1)) : createCommentVNode("", true)], 2);
+			]), __props.showValue ? (openBlock(), createElementBlock("span", _hoisted_3$15, toDisplayString(currentValue.value), 1)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
@@ -1799,7 +815,7 @@ var _hoisted_2$15 = {
 	class: "mint-multi-select__options",
 	role: "group"
 };
-var _hoisted_3$13 = [
+var _hoisted_3$14 = [
 	"aria-checked",
 	"disabled",
 	"onClick",
@@ -1888,7 +904,7 @@ var MultiSelect_default = /* @__PURE__ */ defineComponent({
 						]),
 						onClick: ($event) => toggleOption(option),
 						onKeydown: ($event) => handleKeydown($event, option)
-					}, [createElementVNode("span", _hoisted_4$12, toDisplayString(option.label), 1), isSelected(option.value) ? (openBlock(), createElementBlock("svg", _hoisted_5$10, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)], 42, _hoisted_3$13);
+					}, [createElementVNode("span", _hoisted_4$12, toDisplayString(option.label), 1), isSelected(option.value) ? (openBlock(), createElementBlock("svg", _hoisted_5$10, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)], 42, _hoisted_3$14);
 				}), 128))]),
 				__props.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$10, toDisplayString(selectedLabels.value.join(", ")), 1)) : createCommentVNode("", true)
 			], 2);
@@ -2003,12 +1019,12 @@ function startOfDay(date) {
 //#region src/components/internal/CalendarGridPanelInternal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$15 = { class: "mint-calendar-grid-panel" };
 var _hoisted_2$14 = { class: "mint-date-picker__header" };
-var _hoisted_3$12 = ["aria-label"];
+var _hoisted_3$13 = ["aria-label"];
 var _hoisted_4$11 = { class: "mint-date-picker__month-year" };
 var _hoisted_5$9 = ["aria-label"];
 var _hoisted_6$9 = { class: "mint-date-picker__weekdays" };
 var _hoisted_7$9 = { class: "mint-date-picker__grid" };
-var _hoisted_8$7 = [
+var _hoisted_8$6 = [
 	"disabled",
 	"aria-label",
 	"aria-selected",
@@ -2067,7 +1083,7 @@ var CalendarGridPanelInternal_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"aria-hidden": "true"
-					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_3$12),
+					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_3$13),
 					createElementVNode("span", _hoisted_4$11, toDisplayString(__props.monthYear), 1),
 					createElementVNode("button", {
 						type: "button",
@@ -2105,7 +1121,7 @@ var CalendarGridPanelInternal_default = /* @__PURE__ */ defineComponent({
 							isToday(day.date) && !isSameDay(day.date, __props.selectedDate) ? "mint-date-picker__day--today" : ""
 						]),
 						onClick: ($event) => emit("select", day)
-					}, toDisplayString(day.date.getDate()), 11, _hoisted_8$7);
+					}, toDisplayString(day.date.getDate()), 11, _hoisted_8$6);
 				}), 128))])
 			]);
 		};
@@ -2113,12 +1129,14 @@ var CalendarGridPanelInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = [
+var _hoisted_1$14 = { class: "mint-date-picker__input-wrapper" };
+var _hoisted_2$13 = [
+	"aria-expanded",
 	"value",
 	"placeholder",
 	"disabled"
 ];
-var _hoisted_2$13 = { class: "mint-date-picker__footer" };
+var _hoisted_3$12 = { class: "mint-date-picker__footer" };
 //#endregion
 //#region src/components/DatePicker.vue
 var DatePicker_default = /* @__PURE__ */ defineComponent({
@@ -2147,10 +1165,13 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 		/** Input that opens a calendar dropdown for selecting a single date, with clearable support. */
 		const props = __props;
 		const emit = __emit;
-		const inputRef = ref(null);
 		const dropdownRef = ref(null);
 		const dropdownStyle = ref({});
-		const { isOpen, rootRef: containerRef, close, toggle } = useDropdownState({ insideRefs: [dropdownRef] });
+		const { isOpen, rootRef: containerRef, triggerRef, open, close, toggle } = useDropdownState({ insideRefs: [dropdownRef] });
+		useFocusTrap({
+			containerRef: dropdownRef,
+			active: isOpen
+		});
 		const { weekDays, monthYear, calendarDays, isDateDisabled, formatDateValue, setCurrentMonthFromDate, prevMonth, nextMonth } = useCalendarGrid({
 			min: () => props.min,
 			max: () => props.max
@@ -2189,40 +1210,76 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 			if (props.disabled) return;
 			toggle();
 		}
-		function updateDropdownPosition() {
-			if (!inputRef.value) return;
-			const rect = inputRef.value.getBoundingClientRect();
+		function handleTriggerKeydown(event) {
+			if (props.disabled || isOpen.value) return;
+			if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
+				event.preventDefault();
+				open();
+			}
+		}
+		let stopAutoUpdate = null;
+		async function updateDropdownPosition() {
+			const trigger = triggerRef.value;
+			const panel = dropdownRef.value;
+			if (!trigger || !panel) return;
+			const { x, y } = await computePosition(trigger, panel, {
+				placement: "bottom-start",
+				strategy: "fixed",
+				middleware: [
+					offset(4),
+					flip(),
+					shift({ padding: 8 })
+				]
+			});
 			dropdownStyle.value = {
 				position: "fixed",
-				top: `${rect.bottom + 4}px`,
-				left: `${rect.left}px`,
-				width: `${Math.max(rect.width, 288)}px`,
+				top: `${y}px`,
+				left: `${x}px`,
+				width: `${Math.max(trigger.getBoundingClientRect().width, 288)}px`,
 				zIndex: "9999"
 			};
 		}
-		function handleScrollOrResize() {
-			close();
-		}
-		watch(isOpen, (open) => {
-			if (open) {
-				updateDropdownPosition();
-				if (selectedDate.value) setCurrentMonthFromDate(selectedDate.value);
+		function stopPositioning() {
+			stopAutoUpdate?.();
+			stopAutoUpdate = null;
+		}
+		function startPositioning() {
+			const trigger = triggerRef.value;
+			const panel = dropdownRef.value;
+			if (!trigger || !panel) return;
+			stopPositioning();
+			stopAutoUpdate = autoUpdate(trigger, panel, () => void updateDropdownPosition());
+		}
+		/** Moves focus into the calendar grid: selected day, else today, else the first day. */
+		function focusCalendar() {
+			const panel = dropdownRef.value;
+			if (!panel) return;
+			(panel.querySelector(".mint-date-picker__day--selected") ?? panel.querySelector(".mint-date-picker__day--today") ?? panel.querySelector(".mint-date-picker__day:not([disabled])"))?.focus();
+		}
+		watch(isOpen, async (opened) => {
+			if (!opened) {
+				stopPositioning();
+				return;
 			}
+			if (selectedDate.value) setCurrentMonthFromDate(selectedDate.value);
+			await nextTick();
+			startPositioning();
+			await nextTick();
+			focusCalendar();
 		});
-		useEventListener(() => window, "scroll", handleScrollOrResize, true);
-		useEventListener(() => window, "resize", handleScrollOrResize);
+		onBeforeUnmount(stopPositioning);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref_key: "containerRef",
 				ref: containerRef,
 				class: "mint-date-picker"
-			}, [createElementVNode("div", {
-				ref_key: "inputRef",
-				ref: inputRef,
-				class: "mint-date-picker__input-wrapper"
-			}, [createElementVNode("input", {
+			}, [createElementVNode("div", _hoisted_1$14, [createElementVNode("input", {
+				ref_key: "triggerRef",
+				ref: triggerRef,
 				type: "text",
 				readonly: "",
+				"aria-haspopup": "dialog",
+				"aria-expanded": unref(isOpen),
 				value: displayValue.value,
 				placeholder: __props.placeholder || "Select date",
 				disabled: __props.disabled,
@@ -2232,8 +1289,9 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 					__props.error ? "mint-date-picker__input--error" : "",
 					__props.disabled ? "mint-date-picker__input--disabled" : ""
 				]),
-				onClick: toggleCalendar
-			}, null, 10, _hoisted_1$14), _cache[0] || (_cache[0] = createStaticVNode("<div class=\"mint-date-picker__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path></svg></div>", 1))], 512), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
+				onClick: toggleCalendar,
+				onKeydown: handleTriggerKeydown
+			}, null, 42, _hoisted_2$13), _cache[0] || (_cache[0] = createStaticVNode("<div class=\"mint-date-picker__icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path></svg></div>", 1))]), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, {
 				"enter-active-class": "mint-date-picker__dropdown-enter-active",
 				"enter-from-class": "mint-date-picker__dropdown-enter-from",
 				"enter-to-class": "mint-date-picker__dropdown-enter-to",
@@ -2248,7 +1306,6 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 					class: "mint-date-picker__dropdown",
 					style: normalizeStyle(dropdownStyle.value),
 					role: "dialog",
-					"aria-modal": "true",
 					"aria-label": "Date picker"
 				}, [createVNode(CalendarGridPanelInternal_default, {
 					"week-days": unref(weekDays),
@@ -2265,7 +1322,7 @@ var DatePicker_default = /* @__PURE__ */ defineComponent({
 					"selected-date",
 					"onPreviousMonth",
 					"onNextMonth"
-				]), createElementVNode("div", _hoisted_2$13, [createElementVNode("button", {
+				]), createElementVNode("div", _hoisted_3$12, [createElementVNode("button", {
 					type: "button",
 					class: "mint-date-picker__footer-btn mint-date-picker__today-btn",
 					onClick: goToToday
@@ -2416,13 +1473,16 @@ var _hoisted_2$12 = [
 	"value",
 	"placeholder",
 	"disabled",
-	"aria-expanded"
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant"
 ];
 var _hoisted_3$11 = {
 	key: 0,
 	class: "mint-time-picker__dropdown"
 };
 var _hoisted_4$10 = [
+	"id",
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
@@ -2459,7 +1519,10 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const listRef = ref(null);
 		const highlightedIndex = ref(-1);
-		const { isOpen, rootRef, open, close, toggle } = useDropdownState();
+		const listboxId = `mint-time-picker-listbox-${useId().replace(/:/g, "")}`;
+		const { isOpen, rootRef, triggerRef, open, close, toggle } = useDropdownState();
+		/** Id of the highlighted slot, published to the input as `aria-activedescendant`. */
+		const activeSlotId = computed(() => isOpen.value && highlightedIndex.value >= 0 ? `${listboxId}-option-${highlightedIndex.value}` : void 0);
 		const slots = computed(() => {
 			return generateTimeSlots(props.min ?? "00:00", props.max ?? "23:59", props.step);
 		});
@@ -2536,9 +1599,26 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
 					event.preventDefault();
 					if (highlightedIndex.value >= 0 && highlightedIndex.value < slots.value.length) selectSlot(slots.value[highlightedIndex.value]);
 					break;
+				case "Home": {
+					event.preventDefault();
+					const first = slots.value.findIndex((slot) => !isSlotDisabled(slot));
+					if (first >= 0) {
+						highlightedIndex.value = first;
+						scrollToHighlighted();
+					}
+					break;
+				}
+				case "End":
+					event.preventDefault();
+					for (let index = slots.value.length - 1; index >= 0; index--) if (!isSlotDisabled(slots.value[index])) {
+						highlightedIndex.value = index;
+						scrollToHighlighted();
+						break;
+					}
+					break;
 				case "Escape":
 					event.preventDefault();
-					close();
+					close(true);
 					break;
 			}
 		}
@@ -2566,6 +1646,8 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
 				onKeydown: handleKeydown
 			}, [createElementVNode("div", _hoisted_1$13, [
 				createElementVNode("input", {
+					ref_key: "triggerRef",
+					ref: triggerRef,
 					type: "text",
 					readonly: "",
 					value: displayValue.value,
@@ -2580,6 +1662,8 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
 					role: "combobox",
 					"aria-haspopup": "listbox",
 					"aria-expanded": unref(isOpen),
+					"aria-controls": unref(isOpen) ? listboxId : void 0,
+					"aria-activedescendant": activeSlotId.value,
 					onClick: toggleDropdown
 				}, null, 10, _hoisted_2$12),
 				__props.clearable && __props.modelValue ? (openBlock(), createElementBlock("button", {
@@ -2617,6 +1701,7 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
 				"leave-to-class": "mint-time-picker__dropdown-leave-to"
 			}, {
 				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_3$11, [createElementVNode("ul", {
+					id: listboxId,
 					ref_key: "listRef",
 					ref: listRef,
 					class: "mint-time-picker__list",
@@ -2624,6 +1709,7 @@ var TimePicker_default = /* @__PURE__ */ defineComponent({
 					"aria-label": "Available times"
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(slots.value, (slot, index) => {
 					return openBlock(), createElementBlock("li", {
+						id: `${listboxId}-option-${index}`,
 						key: slot,
 						role: "option",
 						"aria-selected": slot === __props.modelValue,
@@ -2691,9 +1777,8 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const inputValue = ref("");
-		const inputRef = ref();
 		const highlightedIndex = ref(-1);
-		const { isOpen: dropdownOpen, rootRef, open: openDropdown, close: closeDropdown } = useDropdownState({ onClose: () => {
+		const { isOpen: dropdownOpen, rootRef, triggerRef: inputRef, open: openDropdown, close: closeDropdown } = useDropdownState({ onClose: () => {
 			highlightedIndex.value = -1;
 		} });
 		const selectionLimit = useSelectionLimit({
@@ -2751,7 +1836,7 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
 				return;
 			}
 			if (event.key === "Escape") {
-				closeDropdown();
+				closeDropdown(true);
 				return;
 			}
 			if (event.key === "Backspace" && !inputValue.value && props.modelValue.length > 0) removeTag(props.modelValue.length - 1);
@@ -3264,7 +2349,7 @@ var _hoisted_6$6 = {
 	viewBox: "0 0 24 24"
 };
 var _hoisted_7$6 = { class: "mint-file-uploader__text" };
-var _hoisted_8$6 = {
+var _hoisted_8$5 = {
 	key: 0,
 	class: "mint-file-uploader__actions"
 };
@@ -3588,7 +2673,7 @@ var FileUploader_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("path", { d: "m16 16-4-4-4 4" }, null, -1),
 					createElementVNode("path", { d: "M12 12v9" }, null, -1)
 				])])), createElementVNode("p", _hoisted_7$6, " Drop " + toDisplayString(acceptLabel.value) + " or click ", 1)])], 42, _hoisted_2$8),
-				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_8$6, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
+				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_8$5, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true),
 				isFolder.value && folderName.value && selectedFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$3, [createElementVNode("div", _hoisted_10$3, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-file-uploader__folder-icon-wrapper" }, [createElementVNode("svg", {
 					class: "mint-file-uploader__folder-icon",
 					fill: "none",
@@ -3693,7 +2778,7 @@ var _hoisted_6$5 = {
 	class: "mint-alert__title"
 };
 var _hoisted_7$5 = { class: "mint-alert__message" };
-var _hoisted_8$5 = {
+var _hoisted_8$4 = {
 	key: 4,
 	class: "mint-alert__actions"
 };
@@ -3748,7 +2833,7 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 				])])),
 				createElementVNode("div", _hoisted_5$5, [props.title ? (openBlock(), createElementBlock("h4", _hoisted_6$5, toDisplayString(props.title), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$5, [renderSlot(_ctx.$slots, "default")])]),
-				hasActions() ? (openBlock(), createElementBlock("div", _hoisted_8$5, [renderSlot(_ctx.$slots, "actions", {}, () => [createElementVNode("button", {
+				hasActions() ? (openBlock(), createElementBlock("div", _hoisted_8$4, [renderSlot(_ctx.$slots, "actions", {}, () => [createElementVNode("button", {
 					type: "button",
 					class: normalizeClass(["mint-alert__action-btn", `mint-alert__action-btn--${props.type}`]),
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("action"))
@@ -3793,22 +2878,16 @@ function isObjectLike(value) {
 //#region src/components/DateTimePicker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$7 = { class: "mint-datetime-picker__input-wrapper" };
 var _hoisted_2$6 = [
+	"aria-expanded",
 	"value",
 	"placeholder",
 	"disabled"
 ];
-var _hoisted_3$5 = {
-	key: 0,
-	class: "mint-datetime-picker__dropdown",
-	role: "dialog",
-	"aria-modal": "true",
-	"aria-label": "Date and time picker"
-};
-var _hoisted_4$5 = { class: "mint-datetime-picker__calendar-section" };
-var _hoisted_5$4 = { class: "mint-datetime-picker__time-section" };
-var _hoisted_6$4 = { class: "mint-datetime-picker__time-grid" };
-var _hoisted_7$4 = ["disabled", "onClick"];
-var _hoisted_8$4 = { class: "mint-datetime-picker__footer" };
+var _hoisted_3$5 = { class: "mint-datetime-picker__calendar-section" };
+var _hoisted_4$5 = { class: "mint-datetime-picker__time-section" };
+var _hoisted_5$4 = { class: "mint-datetime-picker__time-grid" };
+var _hoisted_6$4 = ["disabled", "onClick"];
+var _hoisted_7$4 = { class: "mint-datetime-picker__footer" };
 //#endregion
 //#region src/components/DateTimePicker.vue
 var DateTimePicker_default = /* @__PURE__ */ defineComponent({
@@ -3840,7 +2919,12 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 		/** Combined date and time picker with a dropdown calendar, time slots, and 12/24 h format support. */
 		const props = __props;
 		const emit = __emit;
-		const { isOpen, rootRef, close, toggle } = useDropdownState();
+		const dropdownRef = ref(null);
+		const { isOpen, rootRef, triggerRef, open, close, toggle } = useDropdownState();
+		useFocusTrap({
+			containerRef: dropdownRef,
+			active: isOpen
+		});
 		const { weekDays, monthYear, calendarDays, formatDateValue, setCurrentMonthFromDate, prevMonth, nextMonth } = useCalendarGrid({
 			min: () => props.min,
 			max: () => props.max,
@@ -3914,15 +2998,30 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 			if (props.disabled) return;
 			toggle();
 		}
-		watch(isOpen, (open) => {
-			if (open && selectedDate.value) {
-				setCurrentMonthFromDate(selectedDate.value);
-				nextTick(() => {
-					const grid = rootRef.value?.querySelector(".mint-datetime-picker__time-grid");
-					const active = rootRef.value?.querySelector(".mint-datetime-picker__time-chip--active");
-					if (grid && active) active.scrollIntoView({ block: "center" });
-				});
+		function handleTriggerKeydown(event) {
+			if (props.disabled || isOpen.value) return;
+			if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
+				event.preventDefault();
+				open();
+			}
+		}
+		/** Moves focus into the calendar grid: selected day, else today, else the first day. */
+		function focusCalendar() {
+			const panel = dropdownRef.value;
+			if (!panel) return;
+			(panel.querySelector(".mint-date-picker__day--selected") ?? panel.querySelector(".mint-date-picker__day--today") ?? panel.querySelector(".mint-date-picker__day:not([disabled])"))?.focus();
+		}
+		watch(isOpen, async (opened) => {
+			if (!opened) return;
+			if (selectedDate.value) setCurrentMonthFromDate(selectedDate.value);
+			await nextTick();
+			if (selectedDate.value) {
+				const grid = dropdownRef.value?.querySelector(".mint-datetime-picker__time-grid");
+				const active = dropdownRef.value?.querySelector(".mint-datetime-picker__time-chip--active");
+				if (grid && active) active.scrollIntoView({ block: "center" });
 			}
+			await nextTick();
+			focusCalendar();
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -3941,8 +3040,12 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 					d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
 				})])], -1)),
 				createElementVNode("input", {
+					ref_key: "triggerRef",
+					ref: triggerRef,
 					type: "text",
 					readonly: "",
+					"aria-haspopup": "dialog",
+					"aria-expanded": unref(isOpen),
 					value: displayValue.value,
 					placeholder: __props.placeholder,
 					disabled: __props.disabled,
@@ -3953,8 +3056,9 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 						__props.disabled ? "mint-datetime-picker__input--disabled" : ""
 					]),
 					"aria-label": "Select date and time",
-					onClick: toggleDropdown
-				}, null, 10, _hoisted_2$6),
+					onClick: toggleDropdown,
+					onKeydown: handleTriggerKeydown
+				}, null, 42, _hoisted_2$6),
 				_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-datetime-picker__icon-clock" }, [createElementVNode("svg", {
 					fill: "none",
 					stroke: "currentColor",
@@ -3973,8 +3077,15 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 				"leave-from-class": "mint-datetime-picker__dropdown-leave-from",
 				"leave-to-class": "mint-datetime-picker__dropdown-leave-to"
 			}, {
-				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
-					createElementVNode("div", _hoisted_4$5, [createVNode(CalendarGridPanelInternal_default, {
+				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "dropdownRef",
+					ref: dropdownRef,
+					class: "mint-datetime-picker__dropdown",
+					role: "dialog",
+					"aria-label": "Date and time picker"
+				}, [
+					createElementVNode("div", _hoisted_3$5, [createVNode(CalendarGridPanelInternal_default, {
 						"week-days": unref(weekDays),
 						"month-year": unref(monthYear),
 						days: unref(calendarDays),
@@ -3993,7 +3104,7 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 						"onNextMonth"
 					])]),
 					_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-datetime-picker__divider" }, null, -1)),
-					createElementVNode("div", _hoisted_5$4, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-datetime-picker__time-label" }, "Time", -1)), createElementVNode("div", _hoisted_6$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (time) => {
+					createElementVNode("div", _hoisted_4$5, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-datetime-picker__time-label" }, "Time", -1)), createElementVNode("div", _hoisted_5$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(timeSlots.value, (time) => {
 						return openBlock(), createElementBlock("button", {
 							key: time,
 							type: "button",
@@ -4004,9 +3115,9 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 								isTimeDisabled(time) ? "mint-datetime-picker__time-chip--disabled" : ""
 							]),
 							onClick: ($event) => selectTime(time)
-						}, toDisplayString(unref(formatTimeSlot)(time, __props.timeFormat)), 11, _hoisted_7$4);
+						}, toDisplayString(unref(formatTimeSlot)(time, __props.timeFormat)), 11, _hoisted_6$4);
 					}), 128))])]),
-					createElementVNode("div", _hoisted_8$4, [createElementVNode("div", null, [createElementVNode("button", {
+					createElementVNode("div", _hoisted_7$4, [createElementVNode("div", null, [createElementVNode("button", {
 						type: "button",
 						class: "mint-datetime-picker__footer-btn",
 						onClick: goToToday
@@ -4020,7 +3131,7 @@ var DateTimePicker_default = /* @__PURE__ */ defineComponent({
 						class: "mint-datetime-picker__footer-btn mint-datetime-picker__footer-btn--muted",
 						onClick: clear
 					}, " Clear ")) : createCommentVNode("", true)])
-				])) : createCommentVNode("", true)]),
+				], 512)) : createCommentVNode("", true)]),
 				_: 1
 			})], 512);
 		};
@@ -4075,7 +3186,9 @@ function useEventStream(url, options = {}) {
 	let controller = null;
 	let reader = null;
 	let reconnectTimer = null;
-	let reconnectDelayMs = options.reconnectDelayMs ?? 2e3;
+	const settings = tryUseSettingsStore();
+	const reconnectEnabled = options.reconnect ?? settings?.wsAutoReconnect ?? true;
+	let reconnectDelayMs = options.reconnectDelayMs ?? settings?.wsReconnectInterval ?? 2e3;
 	let stopped = true;
 	let generation = 0;
 	function clearReconnectTimer() {
@@ -4088,7 +3201,7 @@ function useEventStream(url, options = {}) {
 	}
 	function scheduleReconnect(connectionGeneration, cause) {
 		if (stopped || generation !== connectionGeneration) return;
-		if (options.reconnect === false || options.shouldReconnect?.(cause) === false) {
+		if (!reconnectEnabled || options.shouldReconnect?.(cause) === false) {
 			stopped = true;
 			return;
 		}
@@ -4288,11 +3401,6 @@ function jobStatusLabel(status) {
 }
 //#endregion
 //#region src/composables/useGeneratedAnalysis.ts
-var ACTIVE_STATUSES = new Set([
-	"awaiting_input",
-	"queued",
-	"running"
-]);
 var AUTH_TOKEN_KEY = "mint-auth-token";
 var SESSION_NOT_FOUND_DETAIL = "Session not found";
 var MAX_RESULT_CACHE_ENTRIES = 32;
@@ -4544,12 +3652,12 @@ function createPluginJobs(options, manifestPath) {
 		const pending = request("/jobs", { method: "GET" }).then((payload) => {
 			if (disposed) return jobs.value;
 			if (revision !== jobsRevision) {
-				if (jobs.value.some((job) => ACTIVE_STATUSES.has(job.status))) schedulePoll();
+				if (jobs.value.some((job) => isActiveJobStatus(job.status))) schedulePoll();
 				return jobs.value;
 			}
 			replaceJobs(payload.jobs);
 			error.value = null;
-			if (!paused && !jobStream.isConnected.value && jobs.value.some((job) => ACTIVE_STATUSES.has(job.status))) schedulePoll();
+			if (!paused && !jobStream.isConnected.value && jobs.value.some((job) => isActiveJobStatus(job.status))) schedulePoll();
 			return jobs.value;
 		}).finally(() => {
 			if (refreshPromise === pending) refreshPromise = void 0;
@@ -4583,7 +3691,7 @@ function createPluginJobs(options, manifestPath) {
 		if (options.signal?.aborted) return Promise.reject(pluginJobWaitAbort(options.signal));
 		const jobId = jobIdFromReference(job);
 		const current = typeof job === "string" ? jobs.value.find((candidate) => candidate.job_id === jobId) : jobs.value.find((candidate) => candidate.job_id === jobId) ?? job;
-		if (current && !ACTIVE_STATUSES.has(current.status)) return terminalWaitResult(current, options.rejectOnFailure === true);
+		if (current && !isActiveJobStatus(current.status)) return terminalWaitResult(current, options.rejectOnFailure === true);
 		if (paused) return Promise.reject(/* @__PURE__ */ new Error("Plugin jobs runtime is paused"));
 		return new Promise((resolve, reject) => {
 			const waiter = {
@@ -4617,7 +3725,7 @@ function createPluginJobs(options, manifestPath) {
 		});
 	}
 	function settleJobWaiters(job) {
-		if (ACTIVE_STATUSES.has(job.status)) return;
+		if (isActiveJobStatus(job.status)) return;
 		const waiting = jobWaiters.get(job.job_id);
 		if (!waiting) return;
 		jobWaiters.delete(job.job_id);
@@ -4844,7 +3952,7 @@ function createPluginJobs(options, manifestPath) {
 				await refreshJobs();
 			} catch (cause) {
 				error.value = errorMessage(cause, "Failed to refresh analysis jobs");
-				if (jobs.value.some((job) => ACTIVE_STATUSES.has(job.status))) schedulePoll();
+				if (jobs.value.some((job) => isActiveJobStatus(job.status))) schedulePoll();
 			}
 		}, pollInterval);
 	}
@@ -4854,7 +3962,7 @@ function createPluginJobs(options, manifestPath) {
 		pollTimer = void 0;
 	}
 	function schedulePollForActiveJobs() {
-		if (jobs.value.some((job) => ACTIVE_STATUSES.has(job.status))) schedulePoll();
+		if (jobs.value.some((job) => isActiveJobStatus(job.status))) schedulePoll();
 	}
 	function applyJobStreamMessage(message) {
 		if (message.event === "snapshot" && "jobs" in message.data) {
@@ -4909,7 +4017,7 @@ function createPluginJobs(options, manifestPath) {
 		if (!initialized) return;
 		for (const [jobId, result] of Object.entries(resultCache.value)) scheduleManagedDownloadRefresh(jobId, managedDownloadRefreshDelay(result));
 		if (streamEnabled) jobStream.start();
-		else if (jobs.value.some((job) => ACTIVE_STATUSES.has(job.status))) schedulePoll();
+		else if (jobs.value.some((job) => isActiveJobStatus(job.status))) schedulePoll();
 	}
 	function dispose() {
 		if (disposed) return;
@@ -8073,6 +7181,6 @@ function useControlSchema(controls, options = {}) {
 	};
 }
 //#endregion
-export { resolveJobCapabilities as $, useConcentrationUnits as A, formatTimeSlot as At, currentExperimentFromContext as B, MultiSelect_default as Bt, controlsToViewIds as C, addMinutes as Ct, getTypeDefault as D, findNearestTimeSlotIndex as Dt, getFieldRegistryEntry as E, findAvailableSlots as Et, ATOMIC_WEIGHTS as F, rangesOverlap as Ft, createGeneratedAnalysisTransport as G, BaseToggle_default as Gt, parseExperimentId as H, useSelectionLimit as Ht, useChemicalFormula as I, snapToSlot as It, isActiveJobStatus as J, computePosition as Jt, useGeneratedAnalysis as K, BaseCheckbox_default as Kt, GeneratedPathInput_default as L, toMinutes as Lt, SequenceInput_default as M, generateTimeSlots as Mt, useSequenceUtils as N, isTimeInRange as Nt, ConcentrationInput_default as O, formatDuration as Ot, FormulaInput_default as P, parseTime as Pt, normalizeJobState as Q, BaseTextarea_default as Qt, ArtifactSelectorModal_default as R, useTimeUtils as Rt, controlsToTopBarSettingsConfig as S, TimePicker_default as St, getDefaultControlView as T, durationMinutes as Tt, resolveCurrentExperimentId as U, BaseSlider_default as Ut, getInjectedPlatformContext as V, useListSelection as Vt, resolveCurrentPluginId as W, BaseRadioGroup_default as Wt, jobStatusLabel as X, offset as Xt, isTerminalJobStatus as Y, flip as Yt, normalizeJobPercent as Z, shift as Zt, controlsToFormSchema as _, pluginSecretLabel as _t, defineDoseCalculatorControlProps as a, AlertBox_default as at, controlsToSettingsSchema as b, usesPluginSecretReferences as bt, defineWellPlateDoseComponentBindings as c, SecretInput_default as ct, defineControlModel as d, PLUGIN_SECRET_REF_KEY as dt, useEventStream as et, resolveControlModel as f, clearPluginSecret as ft, mergeControlWorkspaceOptions as g, pluginSecretId as gt, controlValuesToComponentProps as h, keepPluginSecret as ht, useControlSchema as i, _plugin_vue_export_helper_default as it, MoleculeInput_default as j, fromMinutes as jt, UnitInput_default as k, formatTime as kt, defineWellPlateDoseControlProps as l, PLUGIN_SECRET_FORMAT_KEY as lt, controlValuesToComponentBindingsById as m, isPluginSecretRef as mt, defineControls as n, isObjectLike as nt, defineDoseDesignControlModel as o, FileUploader_default as ot, controlValuesToComponentBindings as p, isPluginSecretLocked as pt, usePluginJobs as q, Tooltip_default as qt, getControlDefaults as r, isRecord as rt, defineWellPlateControlProps as s, NumberInput_default as st, defineControlComponentBindings as t, DateTimePicker_default as tt, useControlWorkspace as u, PLUGIN_SECRET_FORMAT_REF as ut, controlsToSectionFormSchema as v, pluginSecretState as vt, controlsToViewItems as w, compareTime as wt, controlsToSidebarPanels as x, TagsInput_default as xt, controlsToSectionFormSchemas as y, setPluginSecret as yt, useAnalysisArtifacts as z, DatePicker_default as zt };
+export { resolveJobCapabilities as $, useConcentrationUnits as A, formatTimeSlot as At, currentExperimentFromContext as B, MultiSelect_default as Bt, controlsToViewIds as C, addMinutes as Ct, getTypeDefault as D, findNearestTimeSlotIndex as Dt, getFieldRegistryEntry as E, findAvailableSlots as Et, ATOMIC_WEIGHTS as F, rangesOverlap as Ft, createGeneratedAnalysisTransport as G, BaseToggle_default as Gt, parseExperimentId as H, useSelectionLimit as Ht, useChemicalFormula as I, snapToSlot as It, isActiveJobStatus as J, BaseTextarea_default as Jt, useGeneratedAnalysis as K, BaseCheckbox_default as Kt, GeneratedPathInput_default as L, toMinutes as Lt, SequenceInput_default as M, generateTimeSlots as Mt, useSequenceUtils as N, isTimeInRange as Nt, ConcentrationInput_default as O, formatDuration as Ot, FormulaInput_default as P, parseTime as Pt, normalizeJobState as Q, ArtifactSelectorModal_default as R, useTimeUtils as Rt, controlsToTopBarSettingsConfig as S, TimePicker_default as St, getDefaultControlView as T, durationMinutes as Tt, resolveCurrentExperimentId as U, BaseSlider_default as Ut, getInjectedPlatformContext as V, useListSelection as Vt, resolveCurrentPluginId as W, BaseRadioGroup_default as Wt, jobStatusLabel as X, isTerminalJobStatus as Y, normalizeJobPercent as Z, controlsToFormSchema as _, pluginSecretLabel as _t, defineDoseCalculatorControlProps as a, AlertBox_default as at, controlsToSettingsSchema as b, usesPluginSecretReferences as bt, defineWellPlateDoseComponentBindings as c, SecretInput_default as ct, defineControlModel as d, PLUGIN_SECRET_REF_KEY as dt, useEventStream as et, resolveControlModel as f, clearPluginSecret as ft, mergeControlWorkspaceOptions as g, pluginSecretId as gt, controlValuesToComponentProps as h, keepPluginSecret as ht, useControlSchema as i, _plugin_vue_export_helper_default as it, MoleculeInput_default as j, fromMinutes as jt, UnitInput_default as k, formatTime as kt, defineWellPlateDoseControlProps as l, PLUGIN_SECRET_FORMAT_KEY as lt, controlValuesToComponentBindingsById as m, isPluginSecretRef as mt, defineControls as n, isObjectLike as nt, defineDoseDesignControlModel as o, FileUploader_default as ot, controlValuesToComponentBindings as p, isPluginSecretLocked as pt, usePluginJobs as q, Tooltip_default as qt, getControlDefaults as r, isRecord as rt, defineWellPlateControlProps as s, NumberInput_default as st, defineControlComponentBindings as t, DateTimePicker_default as tt, useControlWorkspace as u, PLUGIN_SECRET_FORMAT_REF as ut, controlsToSectionFormSchema as v, pluginSecretState as vt, controlsToViewItems as w, compareTime as wt, controlsToSidebarPanels as x, TagsInput_default as xt, controlsToSectionFormSchemas as y, setPluginSecret as yt, useAnalysisArtifacts as z, DatePicker_default as zt };
 
-//# sourceMappingURL=useControlSchema-_OVhavKq.js.map
+//# sourceMappingURL=useControlSchema-aMZlb4Sc.js.map