@morscherlab/mint-sdk 1.0.0 → 1.0.1

package/dist/{components-DtX3LDLq.js → components-CdjRzHI2.js}

@@ -1,7 +1,16 @@
-import { $n as TimePicker_default, Ar as BaseInput_default, B as toBioTemplateComponentProps, Bn as ConcentrationInput_default, Cr as BaseToggle_default, Dn as controlValuesToComponentProps, Dr as BaseSelect_default, En as controlValuesToComponentBindingsById, Er as useEventListener, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, Hn as useConcentrationUnits, In as controlsToViewItems, Jn as useChemicalFormula, Kn as FormulaInput_default, L as toBioTemplateComponentBindings, Ln as getDefaultControlView, Mn as controlsToSettingsSchema, Nn as controlsToSidebarPanels, On as mergeControlWorkspaceOptions, Or as normalizeOptionInput, Qn as TagsInput_default, R as toBioTemplateComponentBindingsById, Rn as getFieldRegistryEntry, Sn as useControlWorkspace, Sr as BaseRadioGroup_default, Tn as controlValuesToComponentBindings, Tr as Tooltip_default, Un as MoleculeInput_default, V as toBioTemplateComponentPropsByComponent, Vn as UnitInput_default, Wn as SequenceInput_default, Xn as FileUploader_default, Yn as DateTimePicker_default, Zn as NumberInput_default, _r as useDropdownState, ar as formatDuration, dn as extractTemplateCollection, gr as DatePicker_default, hn as getControlDefaults, jn as controlsToSectionFormSchemas, kn as controlsToFormSchema, kr as BaseTextarea_default, nr as durationMinutes, or as formatTime, tr as compareTime, vn as defineDoseDesignControlModel, vr as MultiSelect_default, wn as resolveControlModel, wr as BaseCheckbox_default, xr as BaseSlider_default, yr as useListSelection } from "./templates-DSbHJC4v.js";
-import { A as parseCSV, B as useExperimentSelector, C as useExpansionSet, F as classKey, I as useWellPlateEditor, J as SORT_OPTIONS, K as EXPERIMENT_STATUS_OPTIONS, L as useDoseCalculator, P as DEFAULT_COLORS, Q as getExperimentStatusVariant, R as APP_EXPERIMENT_KEY, U as useApi, W as DATE_PRESET_OPTIONS, X as formatExperimentDate, Z as formatExperimentStatus, _ as useScheduleDrag, a as useReagentSeries, at as useToast, c as useBioTemplatePresetWorkspace, ct as useTextSearch, et as usePlatformContext, it as useTheme, k as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, tt as useFormBuilder, ut as useSortedItems, v as useExperimentSamples, w as useSampleGroups, y as useExperimentData, z as useAppExperiment } from "./useProtocolTemplates-DwBhEPPU.js";
-import { a as canAccessByPolicy, g as useSettingsStore, h as colorPalettes, t as useAuthStore } from "./auth-BulIv_km.js";
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, effectScope, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { a as BasePill_default, i as Skeleton_default, n as ExperimentCodeBadge_default, o as BaseButton_default, r as EmptyState_default, t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-wm7yUdAr.js";
+import { n as normalizeOptionInput, r as BaseInput_default, t as BaseSelect_default } from "./BaseSelect-DksaKYq_.js";
+import { A as useConcentrationUnits, B as TagsInput_default, I as useChemicalFormula, J as formatTime, L as DateTimePicker_default, M as SequenceInput_default, O as ConcentrationInput_default, P as FormulaInput_default, R as FileUploader_default, T as getDefaultControlView, U as compareTime, V as TimePicker_default, W as durationMinutes, _ as controlsToFormSchema, at as MultiSelect_default, ct as BaseSlider_default, dt as BaseCheckbox_default, f as resolveControlModel, ft as Tooltip_default, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, it as DatePicker_default, j as MoleculeInput_default, k as UnitInput_default, lt as BaseRadioGroup_default, m as controlValuesToComponentBindingsById, o as defineDoseDesignControlModel, ot as useListSelection, p as controlValuesToComponentBindings, pt as BaseTextarea_default, q as formatDuration, r as getControlDefaults, u as useControlWorkspace, ut as BaseToggle_default, w as controlsToViewItems, x as controlsToSidebarPanels, y as controlsToSectionFormSchemas, z as NumberInput_default } from "./useControlSchema-0n8Bcftq.js";
+import { t as useEventListener } from "./useEventListener-CfVkP9Xz.js";
+import { a as recordValuesEqualForKeys, c as normalizeLabelItemInput, i as pickExistingRecordKeys, n as FormFieldRendererInternal_default, o as FormField_default, r as formSchemaFieldNames, s as normalizeItemInput, t as SettingsModal_default } from "./SettingsModal-LEKI6Ebl.js";
+import { t as BaseModal_default } from "./BaseModal-B9UA8Y_I.js";
+import { t as useDropdownState } from "./useDropdownState-Ben4DnjJ.js";
+import { A as parseCSV, B as useTheme, C as useExpansionSet, F as classKey, I as useWellPlateEditor, K as useSortedItems, L as useDoseCalculator, P as DEFAULT_COLORS, R as APP_EXPERIMENT_KEY, V as useToast, W as useTextSearch, _ as useScheduleDrag, a as useReagentSeries, c as useBioTemplatePresetWorkspace, k as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, v as useExperimentSamples, w as useSampleGroups, y as useExperimentData, z as useAppExperiment } from "./useProtocolTemplates-TUQO_F3n.js";
+import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-COfYWDuC.js";
+import { i as useApi } from "./useExperimentSelector-BpZklTbV.js";
+import { n as ConfirmDialog_default, t as ExperimentPopover_default } from "./ExperimentPopover-CCYB1oWp.js";
+import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, V as toBioTemplateComponentPropsByComponent, dn as extractTemplateCollection } from "./templates-Do43ZIMb.js";
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -14,75 +23,10 @@ var __exportAll = (all, no_symbols) => {
 	return target;
 };
 //#endregion
-//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$77 = ["type", "disabled"];
-var _hoisted_2$68 = {
-	key: 0,
-	class: "mint-button__spinner",
-	fill: "none",
-	viewBox: "0 0 24 24"
-};
-//#endregion
-//#region src/components/BaseButton.vue
-var BaseButton_default = /* @__PURE__ */ defineComponent({
-	__name: "BaseButton",
-	props: {
-		variant: { default: "primary" },
-		size: { default: "md" },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		type: { default: "button" },
-		fullWidth: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
-		/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */
-		const props = __props;
-		const emit = __emit;
-		function handleClick(event) {
-			if (!props.disabled && !props.loading) emit("click", event);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
-				type: __props.type,
-				disabled: __props.disabled || __props.loading,
-				class: normalizeClass([
-					"mint-button",
-					`mint-button--${__props.variant}`,
-					`mint-button--${__props.size}`,
-					__props.fullWidth ? "mint-button--full-width" : "",
-					__props.disabled || __props.loading ? "mint-button--disabled" : ""
-				]),
-				onClick: handleClick
-			}, [__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$68, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
-				style: { "opacity": "0.25" },
-				cx: "12",
-				cy: "12",
-				r: "10",
-				stroke: "currentColor",
-				"stroke-width": "4"
-			}, null, -1), createElementVNode("path", {
-				style: { "opacity": "0.75" },
-				fill: "currentColor",
-				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-			}, null, -1)])])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$77);
-		};
-	}
-});
-//#endregion
 //#region src/components/ColorSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$76 = { class: "mint-color-slider__row" };
-var _hoisted_2$67 = { class: "mint-color-slider__track" };
-var _hoisted_3$61 = [
+var _hoisted_1$67 = { class: "mint-color-slider__row" };
+var _hoisted_2$59 = { class: "mint-color-slider__track" };
+var _hoisted_3$54 = [
 	"value",
 	"min",
 	"max",
@@ -197,7 +141,7 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 			emit("update:modelValue", Number(target.value));
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-color-slider", { "mint-color-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$76, [createElementVNode("div", _hoisted_2$67, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-color-slider", { "mint-color-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$67, [createElementVNode("div", _hoisted_2$59, [createElementVNode("input", {
 				type: "range",
 				value: currentValue.value,
 				min: __props.min,
@@ -214,7 +158,7 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 					"--thumb-size": `${sizeConfig.value.thumb}px`
 				}),
 				onInput: handleInput
-			}, null, 44, _hoisted_3$61)]), __props.showValue ? (openBlock(), createElementBlock("div", {
+			}, null, 44, _hoisted_3$54)]), __props.showValue ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-color-slider__badge",
 				style: normalizeStyle({
@@ -232,27 +176,14 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/utils/items.ts
-function normalizeItemInput(item) {
-	if (typeof item === "object") return item;
-	return {
-		id: item,
-		label: item
-	};
-}
-function normalizeLabelItemInput(item) {
-	if (typeof item === "object") return item;
-	return { label: item };
-}
-//#endregion
 //#region src/components/BaseTabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$75 = [
+var _hoisted_1$66 = [
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
 ];
-var _hoisted_2$66 = { class: "mint-tab__content" };
-var _hoisted_3$60 = {
+var _hoisted_2$58 = { class: "mint-tab__content" };
+var _hoisted_3$53 = {
 	key: 0,
 	class: "mint-tab__icon mint-tab__icon--svg",
 	viewBox: "0 0 24 24",
@@ -263,13 +194,13 @@ var _hoisted_3$60 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_4$56 = ["d"];
-var _hoisted_5$54 = ["d"];
-var _hoisted_6$53 = {
+var _hoisted_4$50 = ["d"];
+var _hoisted_5$48 = ["d"];
+var _hoisted_6$47 = {
 	key: 1,
 	class: "mint-tab__icon"
 };
-var _hoisted_7$47 = {
+var _hoisted_7$43 = {
 	key: 2,
 	class: "mint-tab__badge"
 };
@@ -314,193 +245,33 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 						tab.disabled ? "mint-tab--disabled" : ""
 					]),
 					onClick: ($event) => selectTab(tab.id)
-				}, [createElementVNode("span", _hoisted_2$66, [
-					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$60, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
+				}, [createElementVNode("span", _hoisted_2$58, [
+					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$53, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
 						return openBlock(), createElementBlock("path", {
 							key: index,
 							d
-						}, null, 8, _hoisted_4$56);
+						}, null, 8, _hoisted_4$50);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: tab.icon
-					}, null, 8, _hoisted_5$54))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$53, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
+					}, null, 8, _hoisted_5$48))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$47, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(tab.label) + " ", 1),
-					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_7$47, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
-				])], 10, _hoisted_1$75);
+					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_7$43, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
+				])], 10, _hoisted_1$66);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
-//#region src/components/BaseModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$74 = {
-	key: 0,
-	class: "mint-modal__grab-hint",
-	"aria-hidden": "true"
-};
-var _hoisted_2$65 = {
-	key: 1,
-	class: "mint-modal__header"
-};
-var _hoisted_3$59 = {
-	key: 0,
-	class: "mint-modal__header-text"
-};
-var _hoisted_4$55 = {
-	key: 0,
-	class: "mint-modal__title"
-};
-var _hoisted_5$53 = {
-	key: 1,
-	class: "mint-modal__subtitle"
-};
-var _hoisted_6$52 = { class: "mint-modal__body" };
-var _hoisted_7$46 = {
-	key: 2,
-	class: "mint-modal__footer"
-};
-//#endregion
-//#region src/components/BaseModal.vue
-var BaseModal_default = /* @__PURE__ */ defineComponent({
-	__name: "BaseModal",
-	props: {
-		modelValue: { type: Boolean },
-		title: {},
-		subtitle: {},
-		size: { default: "md" },
-		variant: { default: "centered" },
-		closable: {
-			type: Boolean,
-			default: true
-		},
-		closeOnOverlay: {
-			type: Boolean,
-			default: false
-		},
-		closeOnEscape: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: ["update:modelValue", "close"],
-	setup(__props, { emit: __emit }) {
-		/** Modal dialog with backdrop, focus trap, Escape-to-close, and configurable size/variant. */
-		const props = __props;
-		const emit = __emit;
-		const containerRef = ref(null);
-		let previouslyFocused = null;
-		const FOCUSABLE_SELECTOR = [
-			"a[href]",
-			"button:not([disabled])",
-			"input:not([disabled])",
-			"select:not([disabled])",
-			"textarea:not([disabled])",
-			"[tabindex]:not([tabindex=\"-1\"])"
-		].join(", ");
-		function getFocusableElements() {
-			if (!containerRef.value) return [];
-			return Array.from(containerRef.value.querySelectorAll(FOCUSABLE_SELECTOR));
-		}
-		function handleKeydown(event) {
-			if (event.key === "Escape" && props.closeOnEscape && props.modelValue) {
-				close();
-				return;
-			}
-			if (event.key !== "Tab" || !containerRef.value) return;
-			const focusable = getFocusableElements();
-			if (focusable.length === 0) {
-				event.preventDefault();
-				return;
-			}
-			const first = focusable[0];
-			const last = focusable[focusable.length - 1];
-			if (event.shiftKey && document.activeElement === first) {
-				event.preventDefault();
-				last.focus();
-			} else if (!event.shiftKey && document.activeElement === last) {
-				event.preventDefault();
-				first.focus();
-			}
-		}
-		function close() {
-			if (props.closable) {
-				emit("update:modelValue", false);
-				emit("close");
-			}
-		}
-		function handleOverlayClick(event) {
-			if (props.closeOnOverlay && event.target === event.currentTarget) close();
-		}
-		watch(() => props.modelValue, async (isOpen) => {
-			if (isOpen) {
-				previouslyFocused = document.activeElement;
-				document.body.style.overflow = "hidden";
-				await nextTick();
-				const focusable = getFocusableElements();
-				if (focusable.length > 0) focusable[0].focus();
-				else containerRef.value?.focus();
-			} else {
-				document.body.style.overflow = "";
-				previouslyFocused?.focus();
-				previouslyFocused = null;
-			}
-		});
-		useEventListener(() => document, "keydown", handleKeydown);
-		onUnmounted(() => {
-			document.body.style.overflow = "";
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: `modal-${__props.variant}` }, {
-				default: withCtx(() => [__props.modelValue ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(["mint-modal", `mint-modal--${__props.variant}`]),
-					onClick: handleOverlayClick
-				}, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-modal__overlay" }, null, -1)), createElementVNode("div", {
-					ref_key: "containerRef",
-					ref: containerRef,
-					class: normalizeClass([
-						"mint-modal__container",
-						`mint-modal__container--${__props.size}`,
-						`mint-modal__container--${__props.variant}`
-					]),
-					role: "dialog",
-					"aria-modal": "true",
-					tabindex: "-1"
-				}, [
-					__props.variant === "sheet" ? (openBlock(), createElementBlock("div", _hoisted_1$74)) : createCommentVNode("", true),
-					__props.title || __props.subtitle || __props.closable || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$65, [__props.title || __props.subtitle || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$59, [renderSlot(_ctx.$slots, "header", {}, () => [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$55, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$53, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true), __props.closable ? (openBlock(), createElementBlock("button", {
-						key: 1,
-						type: "button",
-						class: "mint-modal__close",
-						"aria-label": "Close modal",
-						onClick: close
-					}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
-						class: "mint-modal__close-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)])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_6$52, [renderSlot(_ctx.$slots, "default")]),
-					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_7$46, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
-				], 2)], 2)) : createCommentVNode("", true)]),
-				_: 3
-			}, 8, ["name"])]);
-		};
-	}
-});
-//#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$73 = [
+var _hoisted_1$65 = [
 	"aria-checked",
 	"disabled",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_2$64 = { class: "mint-segmented-control__label" };
-var _hoisted_3$58 = {
+var _hoisted_2$57 = { class: "mint-segmented-control__label" };
+var _hoisted_3$52 = {
 	key: 0,
 	class: "mint-segmented-control__description"
 };
@@ -572,107 +343,35 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					]),
 					onClick: ($event) => handleSelect(option),
 					onKeydown: ($event) => handleKeydown($event, option)
-				}, [createElementVNode("span", _hoisted_2$64, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$58, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$73);
+				}, [createElementVNode("span", _hoisted_2$57, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$52, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$65);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
-//#region src/components/BasePill.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$72 = {
-	key: 0,
-	class: "mint-pill__icon"
-};
-var _hoisted_2$63 = { class: "mint-pill__label" };
-//#endregion
-//#region src/components/BasePill.vue
-var BasePill_default = /* @__PURE__ */ defineComponent({
-	__name: "BasePill",
-	props: {
-		variant: { default: "default" },
-		color: { default: void 0 },
-		size: { default: "md" },
-		removable: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		icon: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["remove"],
-	setup(__props, { emit: __emit }) {
-		/** Compact label for tags, status indicators, and badges; supports removable and icon slots. */
-		const props = __props;
-		/**
-		* @event remove - Emitted when the remove button is clicked
-		*/
-		const emit = __emit;
-		function handleRemove(event) {
-			event.stopPropagation();
-			if (!props.disabled) emit("remove");
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { class: normalizeClass([
-				"mint-pill",
-				`mint-pill--${__props.variant}`,
-				__props.color && `mint-pill--${__props.color}`,
-				`mint-pill--${__props.size}`,
-				{
-					"mint-pill--disabled": __props.disabled,
-					"mint-pill--with-icon": __props.icon
-				}
-			]) }, [
-				__props.icon ? (openBlock(), createElementBlock("span", _hoisted_1$72, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_2$63, [renderSlot(_ctx.$slots, "default")]),
-				__props.removable && !__props.disabled ? (openBlock(), createElementBlock("button", {
-					key: 1,
-					type: "button",
-					class: "mint-pill__remove",
-					"aria-label": "Remove",
-					onClick: handleRemove
-				}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
-					class: "mint-pill__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)
-			], 2);
-		};
-	}
-});
-//#endregion
 //#region src/components/DropdownButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$71 = ["disabled", "aria-expanded"];
-var _hoisted_2$62 = {
+var _hoisted_1$64 = ["disabled", "aria-expanded"];
+var _hoisted_2$56 = {
 	key: 0,
 	class: "mint-dropdown-button__spinner",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
 };
-var _hoisted_3$57 = { class: "mint-dropdown-button__label" };
-var _hoisted_4$54 = ["aria-activedescendant"];
-var _hoisted_5$52 = [
+var _hoisted_3$51 = { class: "mint-dropdown-button__label" };
+var _hoisted_4$49 = ["aria-activedescendant"];
+var _hoisted_5$47 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
 ];
-var _hoisted_6$51 = { class: "mint-dropdown-button__option-label" };
-var _hoisted_7$45 = {
+var _hoisted_6$46 = { class: "mint-dropdown-button__option-label" };
+var _hoisted_7$42 = {
 	key: 0,
 	class: "mint-dropdown-button__option-description"
 };
-var _hoisted_8$41 = {
+var _hoisted_8$39 = {
 	key: 1,
 	class: "mint-dropdown-button__option-check",
 	viewBox: "0 0 24 24",
@@ -747,7 +446,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "listbox",
 				onClick: toggle
 			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$62, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$56, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10",
@@ -760,7 +459,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "3",
 					"stroke-linecap": "round"
 				}, null, -1)])])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$57, toDisplayString(selectedLabel.value), 1),
+				createElementVNode("span", _hoisted_3$51, toDisplayString(selectedLabel.value), 1),
 				(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-dropdown-button__chevron", { "mint-dropdown-button__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
@@ -770,7 +469,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
-			], 10, _hoisted_1$71), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
+			], 10, _hoisted_1$64), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
 				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("ul", {
 					key: 0,
 					class: "mint-dropdown-button__menu",
@@ -789,11 +488,11 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 						}]),
 						onClick: ($event) => selectOption(option)
 					}, [
-						createElementVNode("span", _hoisted_6$51, toDisplayString(option.label), 1),
-						option.description ? (openBlock(), createElementBlock("span", _hoisted_7$45, toDisplayString(option.description), 1)) : createCommentVNode("", true),
-						option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8$41, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)
-					], 10, _hoisted_5$52);
-				}), 128))], 8, _hoisted_4$54)) : createCommentVNode("", true)]),
+						createElementVNode("span", _hoisted_6$46, toDisplayString(option.label), 1),
+						option.description ? (openBlock(), createElementBlock("span", _hoisted_7$42, toDisplayString(option.description), 1)) : createCommentVNode("", true),
+						option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8$39, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)
+					], 10, _hoisted_5$47);
+				}), 128))], 8, _hoisted_4$49)) : createCommentVNode("", true)]),
 				_: 1
 			})], 512);
 		};
@@ -801,25 +500,25 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$70 = { class: "mint-calendar" };
-var _hoisted_2$61 = {
+var _hoisted_1$63 = { class: "mint-calendar" };
+var _hoisted_2$55 = {
 	key: 0,
 	class: "mint-calendar__header"
 };
-var _hoisted_3$56 = { class: "mint-calendar__title" };
-var _hoisted_4$53 = { class: "mint-calendar__weekdays" };
-var _hoisted_5$51 = { class: "mint-calendar__grid" };
-var _hoisted_6$50 = [
+var _hoisted_3$50 = { class: "mint-calendar__title" };
+var _hoisted_4$48 = { class: "mint-calendar__weekdays" };
+var _hoisted_5$46 = { class: "mint-calendar__grid" };
+var _hoisted_6$45 = [
 	"disabled",
 	"onClick",
 	"onMouseenter"
 ];
-var _hoisted_7$44 = { class: "mint-calendar__day-number" };
-var _hoisted_8$40 = {
+var _hoisted_7$41 = { class: "mint-calendar__day-number" };
+var _hoisted_8$38 = {
 	key: 0,
 	class: "mint-calendar__markers"
 };
-var _hoisted_9$36 = ["title"];
+var _hoisted_9$34 = ["title"];
 //#endregion
 //#region src/components/Calendar.vue
 var Calendar_default = /* @__PURE__ */ defineComponent({
@@ -1035,8 +734,8 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 			emit("navigate", "next", currentMonth.value, currentYear.value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$70, [
-				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$61, [
+			return openBlock(), createElementBlock("div", _hoisted_1$63, [
+				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$55, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -1055,7 +754,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						year: currentYear.value,
 						prevMonth,
 						nextMonth
-					}, () => [createElementVNode("span", _hoisted_3$56, toDisplayString(monthLabel.value), 1)]),
+					}, () => [createElementVNode("span", _hoisted_3$50, toDisplayString(monthLabel.value), 1)]),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -1070,7 +769,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round"
 					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])])
 				])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_4$53, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
+				createElementVNode("div", _hoisted_4$48, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
 					return openBlock(), createElementBlock("span", {
 						key: i,
 						class: "mint-calendar__weekday"
@@ -1079,7 +778,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						index: i
 					}, () => [createTextVNode(toDisplayString(label), 1)])]);
 				}), 128))]),
-				createElementVNode("div", _hoisted_5$51, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
+				createElementVNode("div", _hoisted_5$46, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
 					return openBlock(), createElementBlock("button", {
 						key: i,
 						type: "button",
@@ -1094,14 +793,14 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						}]),
 						onClick: ($event) => handleDayClick(day),
 						onMouseenter: ($event) => handleDayHover(day)
-					}, [renderSlot(_ctx.$slots, "day-content", { day }, () => [createElementVNode("span", _hoisted_7$44, toDisplayString(day.dayOfMonth), 1), day.markers.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$40, [(openBlock(true), createElementBlock(Fragment, null, renderList(day.markers.slice(0, 3), (marker, mi) => {
+					}, [renderSlot(_ctx.$slots, "day-content", { day }, () => [createElementVNode("span", _hoisted_7$41, toDisplayString(day.dayOfMonth), 1), day.markers.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$38, [(openBlock(true), createElementBlock(Fragment, null, renderList(day.markers.slice(0, 3), (marker, mi) => {
 						return openBlock(), createElementBlock("span", {
 							key: mi,
 							class: normalizeClass(["mint-calendar__marker", `mint-calendar__marker--${marker.type ?? "dot"}`]),
 							style: normalizeStyle(marker.color ? { "--marker-color": marker.color } : {}),
 							title: marker.label
-						}, null, 14, _hoisted_9$36);
-					}), 128))])) : createCommentVNode("", true)])], 42, _hoisted_6$50);
+						}, null, 14, _hoisted_9$34);
+					}), 128))])) : createCommentVNode("", true)])], 42, _hoisted_6$45);
 				}), 128))])
 			]);
 		};
@@ -1109,45 +808,50 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$69 = {
+var _hoisted_1$62 = {
 	key: 0,
 	class: "mint-dataframe__header"
 };
-var _hoisted_2$60 = { class: "mint-dataframe__search-wrapper" };
-var _hoisted_3$55 = ["placeholder"];
-var _hoisted_4$52 = { class: "mint-dataframe__table" };
-var _hoisted_5$50 = {
+var _hoisted_2$54 = { class: "mint-dataframe__search-wrapper" };
+var _hoisted_3$49 = ["placeholder"];
+var _hoisted_4$47 = { class: "mint-dataframe__table" };
+var _hoisted_5$45 = {
 	key: 0,
 	class: "mint-dataframe__th mint-dataframe__th--checkbox"
 };
-var _hoisted_6$49 = ["checked", "indeterminate"];
-var _hoisted_7$43 = ["onClick"];
-var _hoisted_8$39 = { class: "mint-dataframe__th-content" };
-var _hoisted_9$35 = ["onClick"];
-var _hoisted_10$32 = {
+var _hoisted_6$44 = ["checked", "indeterminate"];
+var _hoisted_7$40 = ["onClick"];
+var _hoisted_8$37 = { class: "mint-dataframe__th-content" };
+var _hoisted_9$33 = [
+	"tabindex",
+	"role",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_10$29 = {
 	key: 0,
 	class: "mint-dataframe__td mint-dataframe__td--checkbox"
 };
-var _hoisted_11$30 = ["checked", "onChange"];
-var _hoisted_12$27 = ["onClick"];
-var _hoisted_13$26 = {
+var _hoisted_11$27 = ["checked", "onChange"];
+var _hoisted_12$24 = ["onClick"];
+var _hoisted_13$23 = {
 	key: 0,
 	class: "mint-dataframe__empty"
 };
-var _hoisted_14$23 = { class: "mint-dataframe__empty-text" };
-var _hoisted_15$22 = {
+var _hoisted_14$20 = { class: "mint-dataframe__empty-text" };
+var _hoisted_15$19 = {
 	key: 1,
 	class: "mint-dataframe__loading"
 };
-var _hoisted_16$20 = {
+var _hoisted_16$17 = {
 	key: 1,
 	class: "mint-dataframe__footer"
 };
-var _hoisted_17$20 = { class: "mint-dataframe__page-info" };
-var _hoisted_18$18 = { class: "mint-dataframe__page-controls" };
-var _hoisted_19$17 = ["disabled"];
-var _hoisted_20$15 = { class: "mint-dataframe__page-number" };
-var _hoisted_21$13 = ["disabled"];
+var _hoisted_17$17 = { class: "mint-dataframe__page-info" };
+var _hoisted_18$15 = { class: "mint-dataframe__page-controls" };
+var _hoisted_19$14 = ["disabled"];
+var _hoisted_20$13 = { class: "mint-dataframe__page-number" };
+var _hoisted_21$11 = ["disabled"];
 //#endregion
 //#region src/components/DataFrame.vue
 var DataFrame_default = /* @__PURE__ */ defineComponent({
@@ -1194,7 +898,11 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		selectedKeys: { default: () => [] }
+		selectedKeys: { default: () => [] },
+		clickableRows: {
+			type: Boolean,
+			default: false
+		}
 	},
 	emits: [
 		"update:sort",
@@ -1287,6 +995,19 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 				page
 			});
 		}
+		function handleRowClick(row, index) {
+			emit("row-click", row, index);
+		}
+		function handleRowKeydown(event, row, index) {
+			if (!props.clickableRows) return;
+			if (event.key !== "Enter" && event.key !== " ") return;
+			event.preventDefault();
+			handleRowClick(row, index);
+		}
+		function handleCellClick(row, col, index) {
+			emit("cell-click", getCellValue(row, col.key), col, row);
+			if (props.clickableRows) handleRowClick(row, index);
+		}
 		function isColumnSortable(col) {
 			return col.sortable === true || props.sortable && col.sortable !== false;
 		}
@@ -1316,7 +1037,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-dataframe", { "mint-dataframe--bordered": __props.bordered }]) }, [
-				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$69, [createElementVNode("div", _hoisted_2$60, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$62, [createElementVNode("div", _hoisted_2$54, [_cache[4] || (_cache[4] = createElementVNode("svg", {
 					class: "mint-dataframe__search-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1333,18 +1054,18 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					type: "text",
 					class: "mint-dataframe__search",
 					placeholder: __props.searchPlaceholder
-				}, null, 8, _hoisted_3$55), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$49), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
 				createElementVNode("div", {
 					class: "mint-dataframe__table-wrapper",
 					style: normalizeStyle(wrapperStyle.value)
 				}, [
-					createElementVNode("table", _hoisted_4$52, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$50, [createElementVNode("input", {
+					createElementVNode("table", _hoisted_4$47, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$45, [createElementVNode("input", {
 						type: "checkbox",
 						checked: allSelected.value,
 						indeterminate: selectIndeterminate.value,
 						class: "mint-dataframe__checkbox",
 						onChange: toggleSelectAll
-					}, null, 40, _hoisted_6$49)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+					}, null, 40, _hoisted_6$44)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 						return openBlock(), createElementBlock("th", {
 							key: col.key,
 							class: normalizeClass([
@@ -1361,7 +1082,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								minWidth: col.minWidth ? typeof col.minWidth === "number" ? `${col.minWidth}px` : col.minWidth : void 0
 							}),
 							onClick: ($event) => isColumnSortable(col) ? handleSort(col) : void 0
-						}, [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createElementVNode("div", _hoisted_8$39, [createElementVNode("span", null, toDisplayString(col.label), 1), isColumnSortable(col) ? (openBlock(), createElementBlock("svg", {
+						}, [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createElementVNode("div", _hoisted_8$37, [createElementVNode("span", null, toDisplayString(col.label), 1), isColumnSortable(col) ? (openBlock(), createElementBlock("svg", {
 							key: 0,
 							class: normalizeClass(["mint-dataframe__sort-icon", {
 								"mint-dataframe__sort-icon--asc": activeSort.value?.key === col.key && activeSort.value?.direction === "asc",
@@ -1378,22 +1099,26 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 							createElementVNode("path", { d: "M17 20V4" }, null, -1),
 							createElementVNode("path", { d: "m3 8 4-4 4 4" }, null, -1),
 							createElementVNode("path", { d: "M7 4v16" }, null, -1)
-						])], 2)) : createCommentVNode("", true)])])], 14, _hoisted_7$43);
+						])], 2)) : createCommentVNode("", true)])])], 14, _hoisted_7$40);
 					}), 128))])], 2), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(paginatedData.value, (row, rowIndex) => {
 						return openBlock(), createElementBlock("tr", {
 							key: getRowKey(row, rowIndex),
 							class: normalizeClass(["mint-dataframe__row", {
 								"mint-dataframe__row--striped": __props.striped && rowIndex % 2 === 1,
-								"mint-dataframe__row--selected": unref(rowSelection).isSelected(getRowKey(row, rowIndex))
+								"mint-dataframe__row--selected": unref(rowSelection).isSelected(getRowKey(row, rowIndex)),
+								"mint-dataframe__row--clickable": __props.clickableRows
 							}]),
-							onClick: ($event) => emit("row-click", row, rowIndex)
-						}, [__props.selectable ? (openBlock(), createElementBlock("td", _hoisted_10$32, [createElementVNode("input", {
+							tabindex: __props.clickableRows ? 0 : void 0,
+							role: __props.clickableRows ? "button" : void 0,
+							onClick: ($event) => handleRowClick(row, rowIndex),
+							onKeydown: ($event) => handleRowKeydown($event, row, rowIndex)
+						}, [__props.selectable ? (openBlock(), createElementBlock("td", _hoisted_10$29, [createElementVNode("input", {
 							type: "checkbox",
 							checked: unref(rowSelection).isSelected(getRowKey(row, rowIndex)),
 							class: "mint-dataframe__checkbox",
 							onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
 							onChange: ($event) => toggleRowSelect(getRowKey(row, rowIndex))
-						}, null, 40, _hoisted_11$30)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+						}, null, 40, _hoisted_11$27)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 							return openBlock(), createElementBlock("td", {
 								key: col.key,
 								class: normalizeClass([
@@ -1402,16 +1127,16 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 									`mint-dataframe__td--align-${col.align ?? "left"}`,
 									{ "mint-dataframe__td--ellipsis": col.ellipsis }
 								]),
-								onClick: withModifiers(($event) => emit("cell-click", getCellValue(row, col.key), col, row), ["stop"])
+								onClick: withModifiers(($event) => handleCellClick(row, col, rowIndex), ["stop"])
 							}, [renderSlot(_ctx.$slots, `cell-${col.key}`, {
 								value: getCellValue(row, col.key),
 								row,
 								column: col,
 								index: rowIndex
-							}, () => [createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)])], 10, _hoisted_12$27);
-						}), 128))], 10, _hoisted_9$35);
+							}, () => [createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)])], 10, _hoisted_12$24);
+						}), 128))], 42, _hoisted_9$33);
 					}), 128))])]),
-					paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_13$26, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[6] || (_cache[6] = createElementVNode("svg", {
+					paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_13$23, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[6] || (_cache[6] = createElementVNode("svg", {
 						class: "mint-dataframe__empty-icon",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -1419,8 +1144,8 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }), createElementVNode("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })], -1)), createElementVNode("p", _hoisted_14$23, toDisplayString(__props.emptyText), 1)])])) : createCommentVNode("", true),
-					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_15$22, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[7] || (_cache[7] = createElementVNode("svg", {
+					}, [createElementVNode("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }), createElementVNode("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })], -1)), createElementVNode("p", _hoisted_14$20, toDisplayString(__props.emptyText), 1)])])) : createCommentVNode("", true),
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_15$19, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[7] || (_cache[7] = createElementVNode("svg", {
 						class: "mint-dataframe__loading-spinner",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -1439,7 +1164,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round"
 					})], -1))])])) : createCommentVNode("", true)
 				], 4),
-				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_16$20, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_17$20, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_18$18, [
+				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_16$17, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_17$17, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_18$15, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1452,8 +1177,8 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_19$17),
-					createElementVNode("span", _hoisted_20$15, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
+					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_19$14),
+					createElementVNode("span", _hoisted_20$13, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1466,74 +1191,15 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])], 8, _hoisted_21$13)
+					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])], 8, _hoisted_21$11)
 				])])])) : createCommentVNode("", true)
 			], 2);
 		};
 	}
 });
 //#endregion
-//#region src/components/FormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$68 = { class: "mint-form-field" };
-var _hoisted_2$59 = {
-	key: 0,
-	class: "mint-form-field__label-row"
-};
-var _hoisted_3$54 = ["for"];
-var _hoisted_4$51 = {
-	key: 0,
-	class: "mint-form-field__required",
-	"aria-hidden": "true"
-};
-var _hoisted_5$49 = {
-	key: 0,
-	class: "mint-form-field__optional"
-};
-var _hoisted_6$48 = ["id"];
-var _hoisted_7$42 = ["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: {}
-	},
-	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", _hoisted_1$68, [
-				__props.label ? (openBlock(), createElementBlock("div", _hoisted_2$59, [createElementVNode("label", {
-					for: __props.htmlFor,
-					class: "mint-form-field__label"
-				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_4$51, "*")) : createCommentVNode("", true)], 8, _hoisted_3$54), !__props.required && __props.showOptional ? (openBlock(), createElementBlock("span", _hoisted_5$49, " optional ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "default", { describedBy: describedBy.value }),
-				__props.error ? (openBlock(), createElementBlock("p", {
-					key: 1,
-					id: errorId.value,
-					class: "mint-form-field__error",
-					role: "alert"
-				}, toDisplayString(__props.error), 9, _hoisted_6$48)) : __props.hint ? (openBlock(), createElementBlock("p", {
-					key: 2,
-					id: hintId.value,
-					class: "mint-form-field__hint"
-				}, toDisplayString(__props.hint), 9, _hoisted_7$42)) : createCommentVNode("", true)
-			]);
-		};
-	}
-});
-//#endregion
 //#region src/components/AlertBox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = {
+var _hoisted_1$61 = {
 	key: 0,
 	class: "mint-alert__icon mint-alert__icon--success",
 	viewBox: "0 0 24 24",
@@ -1543,7 +1209,7 @@ var _hoisted_1$67 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_2$58 = {
+var _hoisted_2$53 = {
 	key: 1,
 	class: "mint-alert__icon mint-alert__icon--error",
 	viewBox: "0 0 24 24",
@@ -1553,7 +1219,7 @@ var _hoisted_2$58 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_3$53 = {
+var _hoisted_3$48 = {
 	key: 2,
 	class: "mint-alert__icon mint-alert__icon--warning",
 	viewBox: "0 0 24 24",
@@ -1563,7 +1229,7 @@ var _hoisted_3$53 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_4$50 = {
+var _hoisted_4$46 = {
 	key: 3,
 	class: "mint-alert__icon mint-alert__icon--info",
 	viewBox: "0 0 24 24",
@@ -1573,13 +1239,13 @@ var _hoisted_4$50 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_5$48 = { class: "mint-alert__content" };
-var _hoisted_6$47 = {
+var _hoisted_5$44 = { class: "mint-alert__content" };
+var _hoisted_6$43 = {
 	key: 0,
 	class: "mint-alert__title"
 };
-var _hoisted_7$41 = { class: "mint-alert__message" };
-var _hoisted_8$38 = {
+var _hoisted_7$39 = { class: "mint-alert__message" };
+var _hoisted_8$36 = {
 	key: 4,
 	class: "mint-alert__actions"
 };
@@ -1608,11 +1274,11 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["mint-alert", `mint-alert--${props.type}`]),
 				role: "alert"
 			}, [
-				props.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_1$67, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+				props.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_1$61, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10"
-				}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : props.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_2$58, [..._cache[3] || (_cache[3] = [
+				}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : props.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_2$53, [..._cache[3] || (_cache[3] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1620,11 +1286,11 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 					}, null, -1),
 					createElementVNode("path", { d: "m15 9-6 6" }, null, -1),
 					createElementVNode("path", { d: "m9 9 6 6" }, null, -1)
-				])])) : props.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_3$53, [..._cache[4] || (_cache[4] = [
+				])])) : props.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_3$48, [..._cache[4] || (_cache[4] = [
 					createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }, null, -1),
 					createElementVNode("path", { d: "M12 9v4" }, null, -1),
 					createElementVNode("path", { d: "M12 17h.01" }, null, -1)
-				])])) : (openBlock(), createElementBlock("svg", _hoisted_4$50, [..._cache[5] || (_cache[5] = [
+				])])) : (openBlock(), createElementBlock("svg", _hoisted_4$46, [..._cache[5] || (_cache[5] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1633,8 +1299,8 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 					createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 				])])),
-				createElementVNode("div", _hoisted_5$48, [props.title ? (openBlock(), createElementBlock("h4", _hoisted_6$47, toDisplayString(props.title), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$41, [renderSlot(_ctx.$slots, "default")])]),
-				hasActions() ? (openBlock(), createElementBlock("div", _hoisted_8$38, [renderSlot(_ctx.$slots, "actions", {}, () => [createElementVNode("button", {
+				createElementVNode("div", _hoisted_5$44, [props.title ? (openBlock(), createElementBlock("h4", _hoisted_6$43, toDisplayString(props.title), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$39, [renderSlot(_ctx.$slots, "default")])]),
+				hasActions() ? (openBlock(), createElementBlock("div", _hoisted_8$36, [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"))
@@ -1660,9 +1326,9 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppToastContainer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = { class: "mint-toast__container" };
-var _hoisted_2$57 = ["onClick"];
-var _hoisted_3$52 = { class: "mint-toast__message" };
+var _hoisted_1$60 = { class: "mint-toast__container" };
+var _hoisted_2$52 = ["onClick"];
+var _hoisted_3$47 = { class: "mint-toast__message" };
 //#endregion
 //#region src/components/AppToastContainer.vue
 var AppToastContainer_default = /* @__PURE__ */ defineComponent({
@@ -1677,7 +1343,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 			info: "#3B82F6"
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$66, [createVNode(TransitionGroup, { name: "toast" }, {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$60, [createVNode(TransitionGroup, { name: "toast" }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast) => {
 					return openBlock(), createElementBlock("div", {
 						key: toast.id,
@@ -1751,7 +1417,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 							createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 							createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 						])], 4)),
-						createElementVNode("span", _hoisted_3$52, toDisplayString(toast.message), 1),
+						createElementVNode("span", _hoisted_3$47, toDisplayString(toast.message), 1),
 						createElementVNode("span", {
 							class: "mint-toast__progress",
 							style: normalizeStyle({
@@ -1759,7 +1425,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 								animationDuration: `${toast.duration ?? 3500}ms`
 							})
 						}, null, 4)
-					], 14, _hoisted_2$57);
+					], 14, _hoisted_2$52);
 				}), 128))]),
 				_: 1
 			})])]);
@@ -1768,7 +1434,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/IconButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = [
+var _hoisted_1$59 = [
 	"disabled",
 	"aria-label",
 	"title"
@@ -1830,13 +1496,13 @@ var IconButton_default = /* @__PURE__ */ defineComponent({
 			}, null, -1)])], 2)) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(`mint-icon-button__icon--${__props.size}`)
-			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$65);
+			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$59);
 		};
 	}
 });
 //#endregion
 //#region src/components/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = {
+var _hoisted_1$58 = {
 	key: 0,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1846,7 +1512,7 @@ var _hoisted_1$64 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_2$56 = {
+var _hoisted_2$51 = {
 	key: 1,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1872,7 +1538,7 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 				label: unref(isDark) ? "Switch to light mode" : "Switch to dark mode",
 				onClick: unref(toggleTheme)
 			}, {
-				default: withCtx(() => [unref(isDark) ? (openBlock(), createElementBlock("svg", _hoisted_1$64, [..._cache[0] || (_cache[0] = [
+				default: withCtx(() => [unref(isDark) ? (openBlock(), createElementBlock("svg", _hoisted_1$58, [..._cache[0] || (_cache[0] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1886,7 +1552,7 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("path", { d: "M20 12h2" }, null, -1),
 					createElementVNode("path", { d: "m6.34 17.66-1.41 1.41" }, null, -1),
 					createElementVNode("path", { d: "m19.07 4.93-1.41 1.41" }, null, -1)
-				])])) : (openBlock(), createElementBlock("svg", _hoisted_2$56, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }, null, -1)])]))]),
+				])])) : (openBlock(), createElementBlock("svg", _hoisted_2$51, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }, null, -1)])]))]),
 				_: 1
 			}, 8, [
 				"size",
@@ -1898,25 +1564,25 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/CollapsibleCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = { class: "mint-collapsible-card__header-shell" };
-var _hoisted_2$55 = ["disabled", "aria-expanded"];
-var _hoisted_3$51 = { class: "mint-collapsible-card__title-section" };
-var _hoisted_4$49 = ["d"];
-var _hoisted_5$47 = ["d"];
-var _hoisted_6$46 = { class: "mint-collapsible-card__titles" };
-var _hoisted_7$40 = { class: "mint-collapsible-card__title" };
-var _hoisted_8$37 = {
+var _hoisted_1$57 = { class: "mint-collapsible-card__header-shell" };
+var _hoisted_2$50 = ["disabled", "aria-expanded"];
+var _hoisted_3$46 = { class: "mint-collapsible-card__title-section" };
+var _hoisted_4$45 = ["d"];
+var _hoisted_5$43 = ["d"];
+var _hoisted_6$42 = { class: "mint-collapsible-card__titles" };
+var _hoisted_7$38 = { class: "mint-collapsible-card__title" };
+var _hoisted_8$35 = {
 	key: 0,
 	class: "mint-collapsible-card__subtitle"
 };
-var _hoisted_9$34 = { class: "mint-collapsible-card__actions" };
-var _hoisted_10$31 = [
+var _hoisted_9$32 = { class: "mint-collapsible-card__actions" };
+var _hoisted_10$28 = [
 	"disabled",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-var _hoisted_11$29 = {
+var _hoisted_11$26 = {
 	key: 0,
 	class: "mint-collapsible-card__action-icon",
 	viewBox: "0 0 24 24",
@@ -1927,20 +1593,20 @@ var _hoisted_11$29 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_12$26 = ["d"];
-var _hoisted_13$25 = ["d"];
-var _hoisted_14$22 = {
+var _hoisted_12$23 = ["d"];
+var _hoisted_13$22 = ["d"];
+var _hoisted_14$19 = {
 	key: 1,
 	class: "mint-collapsible-card__action-text-icon"
 };
-var _hoisted_15$21 = ["aria-checked", "onKeydown"];
-var _hoisted_16$19 = [
+var _hoisted_15$18 = ["aria-checked", "onKeydown"];
+var _hoisted_16$16 = [
 	"disabled",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_17$19 = { class: "mint-collapsible-card__body" };
-var _hoisted_18$17 = { class: "mint-collapsible-card__content" };
+var _hoisted_17$16 = { class: "mint-collapsible-card__body" };
+var _hoisted_18$14 = { class: "mint-collapsible-card__content" };
 //#endregion
 //#region src/components/CollapsibleCard.vue
 var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
@@ -1978,1507 +1644,138 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["update:toggleValue", "action"],
 	setup(__props, { emit: __emit }) {
-		/** Card whose body collapses with a chevron-rotate animation, with an optional inline toggle switch independent of expand state. */
-		const props = __props;
-		const emit = __emit;
-		const isOpen = ref(props.defaultOpen);
-		const toggle = () => {
-			if (!props.disabled) isOpen.value = !isOpen.value;
-		};
-		const handleToggleClick = (event) => {
-			event.stopPropagation();
-			emit("update:toggleValue", !props.toggleValue);
-		};
-		const headerClasses = computed(() => ["mint-collapsible-card__header", props.disabled ? "mint-collapsible-card__header--disabled" : ""]);
-		const iconBgStyle = computed(() => ({ backgroundColor: props.iconBg || "var(--color-primary-soft)" }));
-		const iconColorStyle = computed(() => ({ color: props.iconColor || "var(--color-primary)" }));
-		const isSvgIcon = computed(() => isSvgIconValue(props.icon));
-		const toggleTrackStyle = computed(() => {
-			if (!props.toggleValue || !props.toggleColor) return {};
-			return {
-				backgroundColor: props.toggleColor,
-				borderColor: props.toggleColor
-			};
-		});
-		const badgeClasses = computed(() => ["mint-collapsible-card__badge", `mint-collapsible-card__badge--${props.badgeTone}`]);
-		function isSvgIconValue(icon) {
-			if (!icon) return false;
-			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
-		}
-		function actionClasses(action) {
-			return [
-				"mint-collapsible-card__action",
-				action.tone ? `mint-collapsible-card__action--${action.tone}` : "",
-				action.disabled ? "mint-collapsible-card__action--disabled" : ""
-			];
-		}
-		function actionStyle(action) {
-			return action.iconColor ? { color: action.iconColor } : {};
-		}
-		function handleActionClick(action) {
-			if (props.disabled || action.disabled) return;
-			emit("action", action.id);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$63, [createElementVNode("button", {
-				type: "button",
-				class: normalizeClass(headerClasses.value),
-				disabled: __props.disabled,
-				"aria-expanded": isOpen.value,
-				onClick: toggle
-			}, [createElementVNode("div", _hoisted_3$51, [__props.icon ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: "mint-collapsible-card__icon-badge",
-				style: normalizeStyle(iconBgStyle.value)
-			}, [isSvgIcon.value ? (openBlock(), createElementBlock("svg", {
-				key: 0,
-				class: "mint-collapsible-card__icon",
-				style: normalizeStyle(iconColorStyle.value),
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "2",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			}, [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_4$49);
-			}), 128)) : (openBlock(), createElementBlock("path", {
-				key: 1,
-				d: __props.icon
-			}, null, 8, _hoisted_5$47))], 4)) : (openBlock(), createElementBlock("span", {
-				key: 1,
-				class: "mint-collapsible-card__icon-text",
-				style: normalizeStyle(iconColorStyle.value)
-			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$46, [createElementVNode("h3", _hoisted_7$40, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$37, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$55), createElementVNode("div", _hoisted_9$34, [
-				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
-					key: 0,
-					class: normalizeClass(badgeClasses.value)
-				}, toDisplayString(__props.badge), 3)) : createCommentVNode("", true),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
-					return openBlock(), createElementBlock("button", {
-						key: action.id,
-						type: "button",
-						class: normalizeClass(actionClasses(action)),
-						style: normalizeStyle(actionStyle(action)),
-						disabled: __props.disabled || action.disabled,
-						"aria-label": action.label,
-						title: action.label,
-						onClick: ($event) => handleActionClick(action)
-					}, [action.icon && isSvgIconValue(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_11$29, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
-						return openBlock(), createElementBlock("path", {
-							key: i,
-							d
-						}, null, 8, _hoisted_12$26);
-					}), 128)) : (openBlock(), createElementBlock("path", {
-						key: 1,
-						d: action.icon
-					}, null, 8, _hoisted_13$25))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$22, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$31);
-				}), 128)),
-				__props.showToggle ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					class: "mint-collapsible-card__toggle",
-					onClick: handleToggleClick
-				}, [createElementVNode("div", {
-					role: "switch",
-					tabindex: "0",
-					"aria-checked": __props.toggleValue,
-					class: normalizeClass(["mint-collapsible-card__toggle-track", __props.toggleValue ? "mint-collapsible-card__toggle-track--on" : ""]),
-					style: normalizeStyle(toggleTrackStyle.value),
-					onKeydown: [withKeys(withModifiers(handleToggleClick, ["prevent"]), ["enter"]), withKeys(withModifiers(handleToggleClick, ["prevent"]), ["space"])]
-				}, [createElementVNode("span", { class: normalizeClass(["mint-collapsible-card__toggle-knob", __props.toggleValue ? "mint-collapsible-card__toggle-knob--on" : ""]) }, null, 2)], 46, _hoisted_15$21)])) : createCommentVNode("", true),
-				createElementVNode("button", {
-					type: "button",
-					class: "mint-collapsible-card__chevron-button",
-					disabled: __props.disabled,
-					"aria-label": isOpen.value ? "Collapse section" : "Expand section",
-					"aria-expanded": isOpen.value,
-					onClick: toggle
-				}, [(openBlock(), createElementBlock("svg", {
-					class: normalizeClass(["mint-collapsible-card__chevron", isOpen.value ? "mint-collapsible-card__chevron--open" : ""]),
-					fill: "none",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					viewBox: "0 0 24 24",
-					"aria-hidden": "true"
-				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_16$19)
-			])]), createVNode(Transition, { name: "collapse" }, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_17$19, [createElementVNode("div", _hoisted_18$17, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
-				_: 3
-			})], 2);
-		};
-	}
-});
-//#endregion
-//#region src/components/internal/FormFieldRendererInternal.vue
-var FormFieldRendererInternal_default = /* @__PURE__ */ defineComponent({
-	__name: "FormFieldRendererInternal",
-	props: {
-		field: {},
-		resolvedProps: {},
-		form: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const entry = computed(() => getFieldRegistryEntry(props.field.type));
-		const isChoiceField = computed(() => props.field.type === "checkbox" || props.field.type === "toggle");
-		const componentProps = computed(() => {
-			if (!isChoiceField.value) return props.resolvedProps;
-			return {
-				variant: "row",
-				label: props.field.label,
-				description: props.field.hint,
-				icon: props.field.icon,
-				iconColor: props.field.iconColor,
-				iconBg: props.field.iconBg,
-				...props.resolvedProps
-			};
-		});
-		const errorMessage = computed(() => {
-			const name = props.field.name;
-			return props.form.touched[name] ? props.form.errors[name] : null;
-		});
-		function handleUpload(files) {
-			props.form.setFieldValue(props.field.name, files);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FormField_default, {
-				label: isChoiceField.value ? void 0 : __props.field.label,
-				error: errorMessage.value ?? void 0,
-				hint: isChoiceField.value ? void 0 : __props.field.hint,
-				required: !!__props.field.validation?.required,
-				"html-for": isChoiceField.value ? void 0 : __props.field.name
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, `field:${__props.field.name}`, {
-					field: __props.field,
-					form: __props.form,
-					fieldProps: __props.form.getFieldProps(__props.field.name)
-				}, () => [entry.value.vModel ? (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), normalizeProps(mergeProps({ key: 0 }, componentProps.value)), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), mergeProps({ key: 1 }, componentProps.value, { onUpload: handleUpload }), null, 16))])]),
-				_: 3
-			}, 8, [
-				"label",
-				"error",
-				"hint",
-				"required",
-				"html-for"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/utils/formModelSync.ts
-function recordValuesEqualForKeys(left, right, keys) {
-	for (const key of keys) if (!valuesEqual(left[key], right[key])) return false;
-	return true;
-}
-function pickRecordKeys(source, keys) {
-	return Object.fromEntries(keys.map((key) => [key, source[key]]));
-}
-function pickExistingRecordKeys(source, keys) {
-	return Object.fromEntries(keys.filter((key) => Object.prototype.hasOwnProperty.call(source, key)).map((key) => [key, source[key]]));
-}
-function formSchemaFieldNames(schema) {
-	return (schema.steps ? schema.steps.flatMap((step) => step.sections) : schema.sections).flatMap((section) => section.fields.map((field) => field.name));
-}
-function valuesEqual(left, right) {
-	if (Object.is(left, right)) return true;
-	if (Array.isArray(left) && Array.isArray(right)) return left.length === right.length && left.every((item, index) => valuesEqual(item, right[index]));
-	if (isRecord(left) && isRecord(right)) return recordValuesEqualForKeys(left, right, [...new Set([...Object.keys(left), ...Object.keys(right)])]);
-	return false;
-}
-function isRecord(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-//#endregion
-//#region src/components/SettingsModal.schema.ts
-var APPEARANCE_TAB_ID = "appearance";
-var APPEARANCE_TAB = {
-	id: APPEARANCE_TAB_ID,
-	label: "Appearance",
-	description: "Theme, color palette, and table density"
-};
-function buildFlatSettingsSchema(schema) {
-	return { sections: schema.groups.map((group) => ({
-		id: group.id,
-		title: "",
-		fields: group.fields,
-		columns: group.columns,
-		condition: group.condition
-	})) };
-}
-function filterSettingsSchemaByAccess(schema, canShow) {
-	return { groups: schema.groups.flatMap((group) => {
-		if (!canShow(group)) return [];
-		const fields = group.fields.filter(canShow);
-		if (fields.length === 0) return [];
-		return [{
-			...group,
-			fields
-		}];
-	}) };
-}
-function settingsGroupToTab(group) {
-	return {
-		id: group.id,
-		label: group.label,
-		icon: group.icon,
-		description: group.description
-	};
-}
-function normalizeVisibleSettingsTabs(tabs, canShow) {
-	return tabs.map(normalizeItemInput).filter(canShow);
-}
-function buildSettingsTabs(baseTabs, showAppearance) {
-	return showAppearance ? [...baseTabs, APPEARANCE_TAB] : baseTabs;
-}
-//#endregion
-//#region src/components/SettingsModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = {
-	key: 0,
-	class: "mint-settings-modal__tabs"
-};
-var _hoisted_2$54 = ["onClick"];
-var _hoisted_3$50 = {
-	key: 1,
-	class: "mint-settings-modal__rail",
-	role: "tablist",
-	"aria-orientation": "vertical",
-	"aria-label": "Settings sections"
-};
-var _hoisted_4$48 = [
-	"id",
-	"aria-selected",
-	"aria-controls",
-	"tabindex",
-	"onClick"
-];
-var _hoisted_5$46 = {
-	class: "mint-settings-modal__rail-item-icon",
-	"aria-hidden": "true"
-};
-var _hoisted_6$45 = ["innerHTML"];
-var _hoisted_7$39 = { class: "mint-settings-modal__rail-item-text" };
-var _hoisted_8$36 = { class: "mint-settings-modal__rail-item-label" };
-var _hoisted_9$33 = {
-	key: 0,
-	class: "mint-settings-modal__rail-item-description"
-};
-var _hoisted_10$30 = {
-	key: 0,
-	class: "mint-settings-modal__pane-header"
-};
-var _hoisted_11$28 = { class: "mint-settings-modal__pane-title" };
-var _hoisted_12$25 = {
-	key: 0,
-	class: "mint-settings-modal__pane-subtitle"
-};
-var _hoisted_13$24 = { key: 2 };
-var _hoisted_14$21 = { class: "mint-settings-modal__section" };
-var _hoisted_15$20 = { class: "mint-settings-modal__option-group" };
-var _hoisted_16$18 = ["onClick"];
-var _hoisted_17$18 = { class: "mint-settings-modal__section" };
-var _hoisted_18$16 = { class: "mint-settings-modal__option-group" };
-var _hoisted_19$16 = ["onClick"];
-var _hoisted_20$14 = { class: "mint-settings-modal__section" };
-var _hoisted_21$12 = { class: "mint-settings-modal__option-group" };
-var _hoisted_22$10 = ["onClick"];
-var _hoisted_23$9 = {
-	key: 0,
-	class: "mint-settings-modal__footer"
-};
-//#endregion
-//#region src/components/SettingsModal.vue
-var SettingsModal_default = /* @__PURE__ */ defineComponent({
-	__name: "SettingsModal",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: "Settings" },
-		tabs: { default: () => [] },
-		showAppearance: {
-			type: Boolean,
-			default: true
-		},
-		size: { default: "lg" },
-		layout: { default: "horizontal" },
-		schema: {},
-		model: { default: void 0 },
-		controls: {},
-		controlOptions: {},
-		values: {},
-		enhancements: {},
-		userType: {}
-	},
-	emits: [
-		"update:modelValue",
-		"update:values",
-		"close"
-	],
-	setup(__props, { emit: __emit }) {
-		/**
-		* Tabbed settings modal with three usage modes:
-		*
-		*   1. Schema-driven (recommended) — pass `schema`, compact `controls`, or a
-		*      complete `defineControlModel()` result plus `v-model:values`. Each
-		*      group/section becomes a tab; fields auto-render via the SDK form field
-		*      registry (text, select, number, toggle, molecule, concentration, …).
-		*      Conditional visibility, validation, and dynamic options come for free.
-		*
-		*   2. Manual tabs + slots — pass `tabs` and a `<template #tab-{id}>` slot
-		*      per tab. Use this when you need bespoke widgets the form-builder
-		*      registry doesn't cover (or for legacy plugins).
-		*
-		*   3. Appearance only — `showAppearance` (default true) renders the built-in
-		*      theme / palette / table-density tab. Works alongside both modes above.
-		*
-		* Layout: `horizontal` (underline tabs, default) or `vertical` (sidebar rail
-		* with optional icons + descriptions, recommended for 5+ groups).
-		*/
-		const props = __props;
-		const emit = __emit;
-		const settings = useSettingsStore();
-		const auth = useAuthStore();
-		const { user: platformUser } = usePlatformContext();
-		const isVertical = computed(() => props.layout === "vertical");
-		const uid = `mint-settings-${Math.random().toString(36).slice(2, 9)}`;
-		const tabId = (id) => `${uid}-tab-${id}`;
-		const panelId = (id) => `${uid}-panel-${id}`;
-		const resolvedModel = computed(() => {
-			return resolveControlModel(props.model);
-		});
-		const resolvedControls = computed(() => props.controls ?? resolvedModel.value?.controls);
-		const resolvedControlOptions = computed(() => mergeControlWorkspaceOptions(resolvedModel.value?.controlOptions ?? {}, props.controlOptions));
-		const sourceSettingsSchema = computed(() => props.schema ?? (resolvedControls.value ? controlsToSettingsSchema(resolvedControls.value, resolvedControlOptions.value) : void 0));
-		const currentAccessUser = computed(() => {
-			if (props.userType) return { role: props.userType === "admin" ? "admin" : "user" };
-			return auth.userInfo ?? platformUser.value ?? null;
-		});
-		const isAccessUserAuthenticated = computed(() => props.userType !== void 0 || auth.isAuthenticated || !!platformUser.value);
-		const settingsSchema = computed(() => {
-			if (!sourceSettingsSchema.value) return void 0;
-			return filterSettingsSchemaByAccess(sourceSettingsSchema.value, canShowForCurrentUser);
-		});
-		const isSchemaDriven = computed(() => !!settingsSchema.value);
-		const resolvedValues = computed(() => ({
-			...resolvedControlOptions.value.initialValues ?? {},
-			...props.values ?? {}
-		}));
-		const builder = useFormBuilder(settingsSchema.value ? buildFlatSettingsSchema(settingsSchema.value) : { sections: [] }, resolvedValues.value, props.enhancements);
-		watch(() => settingsSchema.value, (schema) => {
-			if (!schema) {
-				builder.updateSchema({ sections: [] }, {});
-				return;
-			}
-			const flatSchema = buildFlatSettingsSchema(schema);
-			const fieldNames = formSchemaFieldNames(flatSchema);
-			const sourceValues = props.values === void 0 ? {
-				...resolvedValues.value,
-				...builder.form.data
-			} : resolvedValues.value;
-			builder.updateSchema(flatSchema, pickExistingRecordKeys(sourceValues ?? {}, fieldNames));
-		}, { deep: true });
-		watch(() => ({ ...resolvedValues.value }), (data) => {
-			if (!settingsSchema.value) return;
-			const fieldNames = builderFieldNames();
-			if (recordValuesEqualForKeys(data, builder.form.data, fieldNames)) return;
-			builder.reset(pickRecordKeys(data, fieldNames));
-		}, { deep: true });
-		watch(() => ({ ...builder.form.data }), (data) => {
-			if (settingsSchema.value) emit("update:values", data);
-		}, { deep: true });
-		const visibleSchemaGroups = computed(() => settingsSchema.value ? settingsSchema.value.groups.filter((g) => builder.isSectionVisible(g.id)) : []);
-		const manualTabs = computed(() => normalizeVisibleSettingsTabs(props.tabs, canShowForCurrentUser));
-		const allTabs = computed(() => {
-			return buildSettingsTabs(settingsSchema.value ? visibleSchemaGroups.value.map(settingsGroupToTab) : manualTabs.value, props.showAppearance);
-		});
-		const activeTab = ref(allTabs.value[0]?.id || "appearance");
-		const activeTabMeta = computed(() => allTabs.value.find((t) => t.id === activeTab.value));
-		watch(allTabs, (tabs) => {
-			if (!tabs.some((t) => t.id === activeTab.value)) activeTab.value = tabs[0]?.id ?? "appearance";
-		});
-		const activeGroup = computed(() => visibleSchemaGroups.value.find((g) => g.id === activeTab.value));
-		const activeGroupVisibleFields = computed(() => {
-			if (!activeGroup.value) return [];
-			return activeGroup.value.fields.filter((f) => builder.isFieldVisible(f.name));
-		});
-		const themeOptions = [
-			{
-				value: "light",
-				label: "Light"
-			},
-			{
-				value: "dark",
-				label: "Dark"
-			},
-			{
-				value: "system",
-				label: "System"
-			}
-		];
-		const densityOptions = [
-			{
-				value: "compact",
-				label: "Compact"
-			},
-			{
-				value: "normal",
-				label: "Normal"
-			},
-			{
-				value: "comfortable",
-				label: "Comfortable"
-			}
-		];
-		function handleClose() {
-			emit("update:modelValue", false);
-			emit("close");
-		}
-		function builderFieldNames() {
-			return builder.fields.map((field) => field.name);
-		}
-		function canShowForCurrentUser(item) {
-			return canAccessByPolicy(currentAccessUser.value, item, isAccessUserAuthenticated.value);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(BaseModal_default, {
-				"model-value": __props.modelValue,
-				title: __props.title,
-				size: __props.size,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
-				onClose: handleClose
-			}, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["mint-settings-modal", `mint-settings-modal--${__props.layout}`]) }, [!isVertical.value && allTabs.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$62, [(openBlock(true), createElementBlock(Fragment, null, renderList(allTabs.value, (tab) => {
-					return openBlock(), createElementBlock("button", {
-						key: tab.id,
-						type: "button",
-						class: normalizeClass(["mint-settings-modal__tab", { "mint-settings-modal__tab--active": activeTab.value === tab.id }]),
-						onClick: ($event) => activeTab.value = tab.id
-					}, toDisplayString(tab.label), 11, _hoisted_2$54);
-				}), 128))])) : isVertical.value ? (openBlock(), createElementBlock("div", _hoisted_3$50, [(openBlock(true), createElementBlock(Fragment, null, renderList(allTabs.value, (tab) => {
-					return openBlock(), createElementBlock("button", {
-						id: tabId(tab.id),
-						key: tab.id,
-						type: "button",
-						role: "tab",
-						class: normalizeClass(["mint-settings-modal__rail-item", { "mint-settings-modal__rail-item--active": activeTab.value === tab.id }]),
-						"aria-selected": activeTab.value === tab.id,
-						"aria-controls": panelId(tab.id),
-						tabindex: activeTab.value === tab.id ? 0 : -1,
-						onClick: ($event) => activeTab.value = tab.id
-					}, [createElementVNode("span", _hoisted_5$46, [tab.icon ? (openBlock(), createElementBlock("span", {
-						key: 0,
-						innerHTML: tab.icon
-					}, null, 8, _hoisted_6$45)) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_7$39, [createElementVNode("span", _hoisted_8$36, toDisplayString(tab.label), 1), tab.description ? (openBlock(), createElementBlock("span", _hoisted_9$33, toDisplayString(tab.description), 1)) : createCommentVNode("", true)])], 10, _hoisted_4$48);
-				}), 128))])) : createCommentVNode("", true), (openBlock(), createBlock(resolveDynamicComponent(isVertical.value ? "section" : "div"), {
-					class: normalizeClass(isVertical.value ? "mint-settings-modal__pane" : "mint-settings-modal__content"),
-					id: isVertical.value && activeTabMeta.value ? panelId(activeTabMeta.value.id) : void 0,
-					role: isVertical.value ? "tabpanel" : void 0,
-					"aria-labelledby": isVertical.value && activeTabMeta.value ? tabId(activeTabMeta.value.id) : void 0,
-					tabindex: isVertical.value ? 0 : void 0
-				}, {
-					default: withCtx(() => [isVertical.value && activeTabMeta.value?.label ? (openBlock(), createElementBlock("header", _hoisted_10$30, [createElementVNode("h4", _hoisted_11$28, toDisplayString(activeTabMeta.value.label), 1), activeTabMeta.value.description ? (openBlock(), createElementBlock("p", _hoisted_12$25, toDisplayString(activeTabMeta.value.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(isVertical.value ? "mint-settings-modal__pane-body" : null) }, [isSchemaDriven.value && activeGroup.value ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: "mint-settings-modal__group-grid",
-						style: normalizeStyle({ "--mint-settings-cols": activeGroup.value.columns ?? 1 })
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeGroupVisibleFields.value, (field) => {
-						return openBlock(), createElementBlock("div", {
-							key: field.name,
-							style: normalizeStyle(field.colSpan ? { gridColumn: `span ${field.colSpan}` } : void 0)
-						}, [renderSlot(_ctx.$slots, `field:${field.name}`, {
-							field,
-							form: unref(builder).form,
-							fieldProps: unref(builder).form.getFieldProps(field.name)
-						}, () => [createVNode(FormFieldRendererInternal_default, {
-							field,
-							"resolved-props": unref(builder).getResolvedFieldProps(field),
-							form: unref(builder).form
-						}, null, 8, [
-							"field",
-							"resolved-props",
-							"form"
-						])])], 4);
-					}), 128))], 4)) : !isSchemaDriven.value ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(manualTabs.value, (tab) => {
-						return withDirectives((openBlock(), createElementBlock("div", { key: tab.id }, [renderSlot(_ctx.$slots, `tab-${tab.id}`)], 512)), [[vShow, activeTab.value === tab.id]]);
-					}), 128)) : createCommentVNode("", true), __props.showAppearance ? withDirectives((openBlock(), createElementBlock("div", _hoisted_13$24, [
-						createElementVNode("div", _hoisted_14$21, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Theme", -1)), createElementVNode("div", _hoisted_15$20, [(openBlock(), createElementBlock(Fragment, null, renderList(themeOptions, (opt) => {
-							return createElementVNode("button", {
-								key: opt.value,
-								type: "button",
-								class: normalizeClass(["mint-settings-modal__option-btn", { "mint-settings-modal__option-btn--active": unref(settings).theme === opt.value }]),
-								onClick: ($event) => unref(settings).theme = opt.value
-							}, toDisplayString(opt.label), 11, _hoisted_16$18);
-						}), 64))])]),
-						createElementVNode("div", _hoisted_17$18, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Color Palette", -1)), createElementVNode("div", _hoisted_18$16, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorPalettes), (palette, key) => {
-							return openBlock(), createElementBlock("button", {
-								key,
-								type: "button",
-								class: normalizeClass(["mint-settings-modal__option-btn", { "mint-settings-modal__option-btn--active": unref(settings).colorPalette === key }]),
-								onClick: ($event) => unref(settings).colorPalette = key
-							}, toDisplayString(palette.name), 11, _hoisted_19$16);
-						}), 128))])]),
-						createElementVNode("div", _hoisted_20$14, [
-							_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Table Density", -1)),
-							createElementVNode("div", _hoisted_21$12, [(openBlock(), createElementBlock(Fragment, null, renderList(densityOptions, (opt) => {
-								return createElementVNode("button", {
-									key: opt.value,
-									type: "button",
-									class: normalizeClass(["mint-settings-modal__option-btn", { "mint-settings-modal__option-btn--active": unref(settings).tableDensity === opt.value }]),
-									onClick: ($event) => unref(settings).tableDensity = opt.value
-								}, toDisplayString(opt.label), 11, _hoisted_22$10);
-							}), 64))]),
-							_cache[4] || (_cache[4] = createElementVNode("p", { class: "mint-settings-modal__note" }, "Adjusts row height in data tables.", -1))
-						]),
-						renderSlot(_ctx.$slots, "appearance")
-					], 512)), [[vShow, activeTab.value === unref(APPEARANCE_TAB_ID)]]) : createCommentVNode("", true)], 2)]),
-					_: 3
-				}, 8, [
-					"class",
-					"id",
-					"role",
-					"aria-labelledby",
-					"tabindex"
-				]))], 2), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_23$9, [renderSlot(_ctx.$slots, "footer", {
-					values: unref(builder).form.data,
-					close: handleClose
-				})])) : createCommentVNode("", true)]),
-				_: 3
-			}, 8, [
-				"model-value",
-				"title",
-				"size"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = { class: "mint-confirm" };
-var _hoisted_2$53 = {
-	key: 1,
-	class: "mint-confirm__message"
-};
-var _hoisted_3$49 = { class: "mint-confirm__footer" };
-var _hoisted_4$47 = ["disabled"];
-var _hoisted_5$45 = ["disabled"];
-var _hoisted_6$44 = {
-	key: 0,
-	class: "mint-confirm__btn-spinner",
-	fill: "none",
-	viewBox: "0 0 24 24"
-};
-//#endregion
-//#region src/components/ConfirmDialog.vue
-var ConfirmDialog_default = /* @__PURE__ */ defineComponent({
-	__name: "ConfirmDialog",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: "Confirm" },
-		subtitle: {},
-		message: {},
-		variant: { default: "danger" },
-		confirmLabel: { default: "Confirm" },
-		cancelLabel: { default: "Cancel" },
-		loading: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"confirm",
-		"cancel"
-	],
-	setup(__props, { emit: __emit }) {
-		/** Confirm/cancel dialog with danger, warning, and info variants; blocks close while loading. */
-		const emit = __emit;
-		function handleCancel() {
-			emit("update:modelValue", false);
-			emit("cancel");
-		}
-		function handleConfirm() {
-			emit("confirm");
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(BaseModal_default, {
-				"model-value": __props.modelValue,
-				title: __props.title,
-				subtitle: __props.subtitle,
-				size: "sm",
-				closable: !__props.loading,
-				"close-on-overlay": !__props.loading,
-				"close-on-escape": !__props.loading,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
-			}, {
-				footer: withCtx(() => [createElementVNode("div", _hoisted_3$49, [createElementVNode("button", {
-					type: "button",
-					class: "mint-confirm__btn-cancel",
-					disabled: __props.loading,
-					onClick: handleCancel
-				}, toDisplayString(__props.cancelLabel), 9, _hoisted_4$47), createElementVNode("button", {
-					type: "button",
-					class: normalizeClass(["mint-confirm__btn-confirm", `mint-confirm__btn-confirm--${__props.variant}`]),
-					disabled: __props.loading,
-					onClick: handleConfirm
-				}, [__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_6$44, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
-					style: { "opacity": "0.25" },
-					cx: "12",
-					cy: "12",
-					r: "10",
-					stroke: "currentColor",
-					"stroke-width": "4"
-				}, null, -1), createElementVNode("path", {
-					style: { "opacity": "0.75" },
-					fill: "currentColor",
-					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-				}, null, -1)])])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(__props.confirmLabel), 1)], 10, _hoisted_5$45)])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$61, [
-					_ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: normalizeClass(["mint-confirm__icon", `mint-confirm__icon--${__props.variant}`])
-					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
-					__props.message ? (openBlock(), createElementBlock("p", _hoisted_2$53, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "default")
-				])]),
-				_: 3
-			}, 8, [
-				"model-value",
-				"title",
-				"subtitle",
-				"closable",
-				"close-on-overlay",
-				"close-on-escape"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/components/ExperimentPopover.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = ["title"];
-var _hoisted_2$52 = {
-	key: 0,
-	class: "mint-experiment-popover__trigger-code"
-};
-var _hoisted_3$48 = {
-	key: 1,
-	class: "mint-experiment-popover__trigger-text"
-};
-var _hoisted_4$46 = {
-	key: 2,
-	class: "mint-experiment-popover__trigger-text"
-};
-var _hoisted_5$44 = ["disabled", "title"];
-var _hoisted_6$43 = {
-	key: 0,
-	class: "mint-experiment-popover__spinner--inline"
-};
-var _hoisted_7$38 = {
-	key: 1,
-	class: "mint-experiment-popover__save-trigger-icon",
-	fill: "none",
-	stroke: "currentColor",
-	viewBox: "0 0 24 24"
-};
-var _hoisted_8$35 = {
-	key: 2,
-	class: "mint-experiment-popover__save-trigger-icon",
-	fill: "none",
-	stroke: "currentColor",
-	viewBox: "0 0 24 24"
-};
-var _hoisted_9$32 = {
-	key: 0,
-	class: "mint-experiment-popover__panel"
-};
-var _hoisted_10$29 = { class: "mint-experiment-popover__header" };
-var _hoisted_11$27 = { class: "mint-experiment-popover__subtitle" };
-var _hoisted_12$24 = {
-	key: 0,
-	class: "mint-experiment-popover__body"
-};
-var _hoisted_13$23 = {
-	key: 1,
-	class: "mint-experiment-popover__body"
-};
-var _hoisted_14$20 = { class: "mint-experiment-popover__card" };
-var _hoisted_15$19 = { class: "mint-experiment-popover__card-info" };
-var _hoisted_16$17 = {
-	key: 0,
-	class: "mint-experiment-popover__card-code"
-};
-var _hoisted_17$17 = { class: "mint-experiment-popover__card-name" };
-var _hoisted_18$15 = {
-	key: 1,
-	class: "mint-experiment-popover__card-status"
-};
-var _hoisted_19$15 = { class: "mint-experiment-popover__card-actions" };
-//#endregion
-//#region src/components/ExperimentPopover.vue
-var ExperimentPopover_default = /* @__PURE__ */ defineComponent({
-	__name: "ExperimentPopover",
-	props: {
-		experimentName: {},
-		experimentCode: {},
-		experimentStatus: {},
-		showSave: {
-			type: Boolean,
-			default: false
-		},
-		showDetach: {
-			type: Boolean,
-			default: false
-		},
-		saveDisabled: {
-			type: Boolean,
-			default: false
-		},
-		saveLoading: {
-			type: Boolean,
-			default: false
-		},
-		saveSuccessMessage: {},
-		saveDisabledMessage: {},
-		confirmSave: {
-			type: Boolean,
-			default: true
-		},
-		confirmTitle: {},
-		confirmMessage: {}
-	},
-	emits: [
-		"select",
-		"save",
-		"detach"
-	],
-	setup(__props, { emit: __emit }) {
-		/** Floating popover showing the active experiment with save, detach, and select actions. */
-		const props = __props;
-		const emit = __emit;
-		const { isOpen, rootRef: popoverRef, close, toggle } = useDropdownState({ closeOnEscape: false });
-		const showSuccess = ref(false);
-		const showConfirm = ref(false);
-		function handleSelect() {
-			emit("select");
-			close();
-		}
-		function handleSave() {
-			if (props.saveDisabled || props.saveLoading) return;
-			if (props.confirmSave) showConfirm.value = true;
-			else emit("save");
-		}
-		function handleConfirmSave() {
-			showConfirm.value = false;
-			emit("save");
-		}
-		function handleDetach() {
-			emit("detach");
-			close();
-		}
-		let successTimer = null;
-		watch(() => props.saveSuccessMessage, (msg) => {
-			if (successTimer) clearTimeout(successTimer);
-			if (msg) {
-				showSuccess.value = true;
-				successTimer = setTimeout(() => {
-					showSuccess.value = false;
-					successTimer = null;
-				}, 3e3);
-			}
-		});
-		onUnmounted(() => {
-			if (successTimer) clearTimeout(successTimer);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "popoverRef",
-				ref: popoverRef,
-				class: "mint-experiment-popover"
-			}, [
-				createElementVNode("div", { class: normalizeClass(["mint-experiment-popover__split", { "mint-experiment-popover__split--with-save": __props.showSave && __props.experimentName }]) }, [createElementVNode("button", {
-					type: "button",
-					class: normalizeClass([
-						"mint-experiment-popover__trigger",
-						{ "mint-experiment-popover__trigger--active": unref(isOpen) },
-						{ "mint-experiment-popover__trigger--empty": !__props.experimentCode && !__props.experimentName }
-					]),
-					title: __props.experimentName || void 0,
-					onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
-				}, [
-					_cache[2] || (_cache[2] = createElementVNode("svg", {
-						class: "mint-experiment-popover__trigger-icon",
-						fill: "none",
-						stroke: "currentColor",
-						viewBox: "0 0 24 24"
-					}, [createElementVNode("path", {
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						"stroke-width": "1.75",
-						d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
-					})], -1)),
-					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_2$52, toDisplayString(__props.experimentCode), 1)) : __props.experimentName ? (openBlock(), createElementBlock("span", _hoisted_3$48, toDisplayString(__props.experimentName), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$46, "No experiment")),
-					_cache[3] || (_cache[3] = createElementVNode("svg", {
-						class: "mint-experiment-popover__trigger-chevron",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "2",
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1))
-				], 10, _hoisted_1$60), __props.showSave && __props.experimentName ? (openBlock(), createElementBlock("button", {
-					key: 0,
-					type: "button",
-					class: normalizeClass([
-						"mint-experiment-popover__save-trigger",
-						{ "mint-experiment-popover__save-trigger--loading": __props.saveLoading },
-						{ "mint-experiment-popover__save-trigger--success": showSuccess.value },
-						{ "mint-experiment-popover__save-trigger--disabled": __props.saveDisabled && !showSuccess.value }
-					]),
-					disabled: __props.saveDisabled && !showSuccess.value,
-					title: __props.saveDisabled && __props.saveDisabledMessage ? __props.saveDisabledMessage : showSuccess.value && __props.saveSuccessMessage ? __props.saveSuccessMessage : "Save to Experiment",
-					onClick: withModifiers(handleSave, ["stop"])
-				}, [__props.saveLoading ? (openBlock(), createElementBlock("span", _hoisted_6$43)) : showSuccess.value ? (openBlock(), createElementBlock("svg", _hoisted_7$38, [..._cache[4] || (_cache[4] = [createElementVNode("path", {
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "2.5",
-					d: "M5 13l4 4L19 7"
-				}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_8$35, [..._cache[5] || (_cache[5] = [createElementVNode("path", {
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "2",
-					d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"
-				}, null, -1)])]))], 10, _hoisted_5$44)) : createCommentVNode("", true)], 2),
-				unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_9$32, [createElementVNode("div", _hoisted_10$29, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "mint-experiment-popover__title" }, "Experiment", -1)), createElementVNode("div", _hoisted_11$27, toDisplayString(__props.experimentName ? "Linked experiment context" : "Link to an MINT experiment"), 1)]), !__props.experimentName ? (openBlock(), createElementBlock("div", _hoisted_12$24, [createElementVNode("button", {
-					type: "button",
-					class: "mint-experiment-popover__select-btn",
-					onClick: handleSelect
-				}, [..._cache[7] || (_cache[7] = [createElementVNode("svg", {
-					width: "14",
-					height: "14",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24"
-				}, [createElementVNode("path", {
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "2",
-					d: "M12 4v16m8-8H4"
-				})], -1), createTextVNode(" Select Experiment ", -1)])])])) : (openBlock(), createElementBlock("div", _hoisted_13$23, [createElementVNode("div", _hoisted_14$20, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "mint-experiment-popover__card-icon" }, [createElementVNode("svg", {
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24"
-				}, [createElementVNode("path", {
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "1.75",
-					d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
-				})])], -1)), createElementVNode("div", _hoisted_15$19, [
-					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_16$17, toDisplayString(__props.experimentCode), 1)) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_17$17, toDisplayString(__props.experimentName), 1),
-					__props.experimentStatus ? (openBlock(), createElementBlock("div", _hoisted_18$15, toDisplayString(unref(formatExperimentStatus)(__props.experimentStatus)), 1)) : createCommentVNode("", true)
-				])]), createElementVNode("div", _hoisted_19$15, [createElementVNode("button", {
-					type: "button",
-					class: "mint-experiment-popover__change-btn",
-					onClick: handleSelect
-				}, " Change "), __props.showDetach ? (openBlock(), createElementBlock("button", {
-					key: 0,
-					type: "button",
-					class: "mint-experiment-popover__detach-btn",
-					onClick: handleDetach
-				}, " Detach ")) : createCommentVNode("", true)])]))])) : createCommentVNode("", true),
-				createVNode(ConfirmDialog_default, {
-					modelValue: showConfirm.value,
-					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showConfirm.value = $event),
-					title: __props.confirmTitle ?? "Save to Experiment",
-					message: __props.confirmMessage ?? `Save current data to ${__props.experimentName}?`,
-					variant: "info",
-					"confirm-label": "Save",
-					loading: __props.saveLoading,
-					onConfirm: handleConfirmSave
-				}, null, 8, [
-					"modelValue",
-					"title",
-					"message",
-					"loading"
-				])
-			], 512);
-		};
-	}
-});
-//#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(() => {
-			const base = ["bg-bg-hover"];
-			switch (props.variant) {
-				case "circular":
-					base.push("rounded-full");
-					if (!props.width && !props.height) base.push("w-10 h-10");
-					break;
-				case "rectangular":
-					base.push("rounded-none");
-					if (!props.height) base.push("h-24");
-					break;
-				case "rounded":
-					base.push("rounded-mint");
-					if (!props.height) base.push("h-24");
-					break;
-				default:
-					base.push("rounded");
-					if (!props.height) base.push("h-4");
-					if (!props.width) base.push("w-full");
-			}
-			switch (props.animation) {
-				case "pulse":
-					base.push("animate-pulse");
-					break;
-				case "wave":
-					base.push("skeleton-wave");
-					break;
-			}
-			return base;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(classes.value),
-				style: normalizeStyle(style.value)
-			}, null, 6);
-		};
-	}
-});
-//#endregion
-//#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = ["d"];
-var _hoisted_2$51 = ["d"];
-var _hoisted_3$47 = { class: "mint-empty-state__body" };
-var _hoisted_4$45 = {
-	key: 0,
-	class: "mint-empty-state__title"
-};
-var _hoisted_5$43 = {
-	key: 1,
-	class: "mint-empty-state__description"
-};
-var _hoisted_6$42 = {
-	key: 0,
-	class: "mint-empty-state__action"
-};
-//#endregion
-//#region src/components/EmptyState.vue
-var EmptyState_default = /* @__PURE__ */ defineComponent({
-	__name: "EmptyState",
-	props: {
-		title: {},
-		description: {},
-		iconPath: {},
-		color: { default: "primary" },
-		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.color}`]) }, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createElementBlock("svg", {
-					class: normalizeClass(["mint-empty-state__icon", `mint-empty-state__icon--${__props.color}`]),
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, [__props.iconPath ? (openBlock(), createElementBlock("path", {
-					key: 0,
-					d: __props.iconPath
-				}, null, 8, _hoisted_1$59)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(defaultIconPaths, (d, i) => {
-					return createElementVNode("path", {
-						key: i,
-						d
-					}, null, 8, _hoisted_2$51);
-				}), 64))], 2))])], 2),
-				createElementVNode("div", _hoisted_3$47, [
-					__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$45, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-					__props.description ? (openBlock(), createElementBlock("p", _hoisted_5$43, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "default")
-				]),
-				__props.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6$42, [createVNode(BaseButton_default, { onClick: _cache[0] || (_cache[0] = ($event) => emit("action")) }, {
-					default: withCtx(() => [createTextVNode(toDisplayString(__props.actionLabel), 1)]),
-					_: 1
-				})])) : createCommentVNode("", true)
-			], 2);
-		};
-	}
-});
-//#endregion
-//#region src/components/ExperimentCodeBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = [
-	"role",
-	"tabindex",
-	"title"
-];
-//#endregion
-//#region src/components/ExperimentCodeBadge.vue
-var ExperimentCodeBadge_default = /* @__PURE__ */ defineComponent({
-	__name: "ExperimentCodeBadge",
-	props: {
-		code: {},
-		size: { default: "md" },
-		copyable: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: ["copy"],
-	setup(__props, { emit: __emit }) {
-		/** Inline badge that displays an experiment code and copies it to the clipboard on click. */
-		const props = __props;
-		const emit = __emit;
-		const copied = ref(false);
-		let copyTimeout = null;
-		async function handleCopy() {
-			if (!props.copyable) return;
-			try {
-				await navigator.clipboard.writeText(props.code);
-				copied.value = true;
-				emit("copy", props.code);
-				if (copyTimeout) clearTimeout(copyTimeout);
-				copyTimeout = setTimeout(() => {
-					copied.value = false;
-				}, 1500);
-			} catch {}
-		}
-		function handleKeydown(event) {
-			if (!props.copyable) return;
-			if (event.key === "Enter" || event.key === " ") {
-				event.preventDefault();
-				handleCopy();
-			}
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", {
-				class: normalizeClass([
-					"mint-exp-code",
-					`mint-exp-code--${__props.size}`,
-					{
-						"mint-exp-code--copyable": __props.copyable,
-						"mint-exp-code--copied": copied.value
-					}
-				]),
-				role: __props.copyable ? "button" : void 0,
-				tabindex: __props.copyable ? 0 : void 0,
-				title: __props.copyable ? copied.value ? "Copied!" : "Click to copy" : void 0,
-				onClick: handleCopy,
-				onKeydown: handleKeydown
-			}, toDisplayString(copied.value ? "Copied!" : __props.code), 43, _hoisted_1$58);
-		};
-	}
-});
-//#endregion
-//#region src/components/ExperimentSelectorModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = { class: "mint-experiment-selector__filters-row" };
-var _hoisted_2$50 = { class: "mint-experiment-selector__search" };
-var _hoisted_3$46 = { class: "mint-experiment-selector__filter-select" };
-var _hoisted_4$44 = {
-	key: 0,
-	class: "mint-experiment-selector__filter-select"
-};
-var _hoisted_5$42 = {
-	key: 0,
-	class: "mint-experiment-selector__filters-dot"
-};
-var _hoisted_6$41 = {
-	key: 0,
-	class: "mint-experiment-selector__filters-advanced"
-};
-var _hoisted_7$37 = {
-	key: 0,
-	class: "mint-experiment-selector__filter-select"
-};
-var _hoisted_8$34 = { class: "mint-experiment-selector__filter-select" };
-var _hoisted_9$31 = { class: "mint-experiment-selector__filter-select" };
-var _hoisted_10$28 = { class: "mint-experiment-selector__group-toggle" };
-var _hoisted_11$26 = {
-	key: 1,
-	class: "mint-experiment-selector__skeleton"
-};
-var _hoisted_12$23 = { class: "mint-experiment-selector__skeleton-content" };
-var _hoisted_13$22 = {
-	key: 2,
-	class: "mint-experiment-selector__error"
-};
-var _hoisted_14$19 = ["onClick"];
-var _hoisted_15$18 = { class: "mint-experiment-selector__group-name" };
-var _hoisted_16$16 = { class: "mint-experiment-selector__group-count" };
-var _hoisted_17$16 = ["onClick", "onMouseenter"];
-var _hoisted_18$14 = { class: "mint-experiment-selector__row-content" };
-var _hoisted_19$14 = { class: "mint-experiment-selector__name" };
-var _hoisted_20$13 = { class: "mint-experiment-selector__meta" };
-var _hoisted_21$11 = ["onClick", "onMouseenter"];
-var _hoisted_22$9 = { class: "mint-experiment-selector__row-content" };
-var _hoisted_23$8 = { class: "mint-experiment-selector__name" };
-var _hoisted_24$8 = { class: "mint-experiment-selector__meta" };
-var _hoisted_25$8 = { key: 0 };
-var _hoisted_26$8 = {
-	key: 6,
-	class: "mint-experiment-selector__footer"
-};
-//#endregion
-//#region src/components/ExperimentSelectorModal.vue
-var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
-	__name: "ExperimentSelectorModal",
-	props: {
-		modelValue: { type: Boolean },
-		experimentType: {},
-		currentExperimentId: { default: null },
-		title: { default: "Select Experiment" },
-		size: { default: "full" },
-		groupByProject: {
-			type: Boolean,
-			default: false
-		},
-		showFilters: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"select",
-		"deselect"
-	],
-	setup(__props, { emit: __emit }) {
-		/** Modal for searching and selecting an experiment from the platform list with filters and keyboard nav. */
+		/** Card whose body collapses with a chevron-rotate animation, with an optional inline toggle switch independent of expand state. */
 		const props = __props;
 		const emit = __emit;
-		const { experiments, filters, isLoading, error, sortKey, experimentTypes, projects, groupedByProject, fetch: fetchExperiments, fetchFilterOptions } = useExperimentSelector({ experimentType: props.experimentType });
-		const activeIndex = ref(-1);
-		const listRef = ref(null);
-		const showAdvanced = ref(props.showFilters);
-		const groupToggle = ref(props.groupByProject);
-		const hasActiveAdvancedFilters = computed(() => !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== "created_at:desc"));
-		const typeFilterOptions = computed(() => [{
-			value: "",
-			label: "All types"
-		}, ...experimentTypes.value.map((t) => ({
-			value: t.value,
-			label: t.label
-		}))]);
-		const projectFilterOptions = computed(() => [{
-			value: "",
-			label: "All projects"
-		}, ...projects.value]);
-		const flatExperiments = computed(() => {
-			if (!groupToggle.value) return experiments.value;
-			return groupedByProject.value.flatMap(([, exps]) => exps);
+		const isOpen = ref(props.defaultOpen);
+		const toggle = () => {
+			if (!props.disabled) isOpen.value = !isOpen.value;
+		};
+		const handleToggleClick = (event) => {
+			event.stopPropagation();
+			emit("update:toggleValue", !props.toggleValue);
+		};
+		const headerClasses = computed(() => ["mint-collapsible-card__header", props.disabled ? "mint-collapsible-card__header--disabled" : ""]);
+		const iconBgStyle = computed(() => ({ backgroundColor: props.iconBg || "var(--color-primary-soft)" }));
+		const iconColorStyle = computed(() => ({ color: props.iconColor || "var(--color-primary)" }));
+		const isSvgIcon = computed(() => isSvgIconValue(props.icon));
+		const toggleTrackStyle = computed(() => {
+			if (!props.toggleValue || !props.toggleColor) return {};
+			return {
+				backgroundColor: props.toggleColor,
+				borderColor: props.toggleColor
+			};
 		});
-		function setFilter(key, value) {
-			filters[key] = String(value) || void 0;
-		}
-		function handleSortChange(value) {
-			sortKey.value = String(value) || "created_at:desc";
-		}
-		function handleSelect(experiment) {
-			emit("select", experiment);
-			emit("update:modelValue", false);
-		}
-		function handleDeselect() {
-			emit("deselect");
-			emit("update:modelValue", false);
-		}
-		function handleKeydown(event) {
-			const list = flatExperiments.value;
-			if (!list.length) return;
-			switch (event.key) {
-				case "ArrowDown":
-					event.preventDefault();
-					activeIndex.value = Math.min(activeIndex.value + 1, list.length - 1);
-					scrollActiveIntoView();
-					break;
-				case "ArrowUp":
-					event.preventDefault();
-					activeIndex.value = Math.max(activeIndex.value - 1, 0);
-					scrollActiveIntoView();
-					break;
-				case "Enter":
-					event.preventDefault();
-					if (activeIndex.value >= 0 && activeIndex.value < list.length) handleSelect(list[activeIndex.value]);
-					break;
-			}
+		const badgeClasses = computed(() => ["mint-collapsible-card__badge", `mint-collapsible-card__badge--${props.badgeTone}`]);
+		function isSvgIconValue(icon) {
+			if (!icon) return false;
+			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
 		}
-		function scrollActiveIntoView() {
-			nextTick(() => {
-				(listRef.value?.querySelector(".mint-experiment-selector__row--focused"))?.scrollIntoView({ block: "nearest" });
-			});
+		function actionClasses(action) {
+			return [
+				"mint-collapsible-card__action",
+				action.tone ? `mint-collapsible-card__action--${action.tone}` : "",
+				action.disabled ? "mint-collapsible-card__action--disabled" : ""
+			];
 		}
-		const flatIndexMap = computed(() => {
-			const map = /* @__PURE__ */ new Map();
-			flatExperiments.value.forEach((exp, i) => map.set(exp.id, i));
-			return map;
-		});
-		function getFlatIndex(experiment) {
-			return flatIndexMap.value.get(experiment.id) ?? -1;
+		function actionStyle(action) {
+			return action.iconColor ? { color: action.iconColor } : {};
 		}
-		const collapsedGroups = reactive(/* @__PURE__ */ new Set());
-		function toggleGroup(groupName) {
-			if (collapsedGroups.has(groupName)) collapsedGroups.delete(groupName);
-			else collapsedGroups.add(groupName);
+		function handleActionClick(action) {
+			if (props.disabled || action.disabled) return;
+			emit("action", action.id);
 		}
-		watch(experiments, () => {
-			activeIndex.value = -1;
-		});
-		watch(() => props.modelValue, (isOpen) => {
-			if (isOpen) {
-				activeIndex.value = -1;
-				collapsedGroups.clear();
-				fetchFilterOptions();
-				fetchExperiments();
-			}
-		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(BaseModal_default, {
-				"model-value": __props.modelValue,
-				title: __props.title,
-				size: __props.size,
-				"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => emit("update:modelValue", $event))
-			}, {
-				default: withCtx(() => [createElementVNode("div", {
-					class: "mint-experiment-selector",
-					onKeydown: handleKeydown
-				}, [
-					createElementVNode("div", _hoisted_1$57, [
-						createElementVNode("div", _hoisted_2$50, [createVNode(BaseInput_default, {
-							modelValue: unref(filters).search,
-							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(filters).search = $event),
-							placeholder: "Search experiments...",
-							size: "sm",
-							type: "search"
-						}, null, 8, ["modelValue"])]),
-						createElementVNode("div", _hoisted_3$46, [createVNode(BaseSelect_default, {
-							"model-value": unref(filters).status ?? "",
-							options: unref(EXPERIMENT_STATUS_OPTIONS),
-							size: "sm",
-							"onUpdate:modelValue": _cache[1] || (_cache[1] = (v) => setFilter("status", v))
-						}, null, 8, ["model-value", "options"])]),
-						typeFilterOptions.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_4$44, [createVNode(BaseSelect_default, {
-							"model-value": unref(filters).experimentType ?? "",
-							options: typeFilterOptions.value,
-							size: "sm",
-							"onUpdate:modelValue": _cache[2] || (_cache[2] = (v) => setFilter("experimentType", v))
-						}, null, 8, ["model-value", "options"])])) : createCommentVNode("", true),
-						createElementVNode("button", {
-							class: normalizeClass(["mint-experiment-selector__filters-toggle", { "mint-experiment-selector__filters-toggle--active": hasActiveAdvancedFilters.value }]),
-							type: "button",
-							onClick: _cache[3] || (_cache[3] = ($event) => showAdvanced.value = !showAdvanced.value)
-						}, [
-							_cache[8] || (_cache[8] = createElementVNode("svg", {
-								width: "14",
-								height: "14",
-								viewBox: "0 0 24 24",
-								fill: "none",
-								stroke: "currentColor",
-								"stroke-width": "2",
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round"
-							}, [
-								createElementVNode("line", {
-									x1: "4",
-									y1: "6",
-									x2: "20",
-									y2: "6"
-								}),
-								createElementVNode("line", {
-									x1: "8",
-									y1: "12",
-									x2: "20",
-									y2: "12"
-								}),
-								createElementVNode("line", {
-									x1: "12",
-									y1: "18",
-									x2: "20",
-									y2: "18"
-								}),
-								createElementVNode("circle", {
-									cx: "6",
-									cy: "12",
-									r: "2"
-								}),
-								createElementVNode("circle", {
-									cx: "10",
-									cy: "18",
-									r: "2"
-								}),
-								createElementVNode("circle", {
-									cx: "6",
-									cy: "6",
-									r: "2"
-								})
-							], -1)),
-							_cache[9] || (_cache[9] = createTextVNode(" Filters ", -1)),
-							hasActiveAdvancedFilters.value ? (openBlock(), createElementBlock("span", _hoisted_5$42)) : createCommentVNode("", true)
-						], 2)
-					]),
-					showAdvanced.value ? (openBlock(), createElementBlock("div", _hoisted_6$41, [
-						projectFilterOptions.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_7$37, [createVNode(BaseSelect_default, {
-							"model-value": unref(filters).project ?? "",
-							options: projectFilterOptions.value,
-							size: "sm",
-							"onUpdate:modelValue": _cache[4] || (_cache[4] = (v) => setFilter("project", v))
-						}, null, 8, ["model-value", "options"])])) : createCommentVNode("", true),
-						createElementVNode("div", _hoisted_8$34, [createVNode(BaseSelect_default, {
-							"model-value": unref(filters).datePreset ?? "",
-							options: unref(DATE_PRESET_OPTIONS),
-							size: "sm",
-							"onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => setFilter("datePreset", v))
-						}, null, 8, ["model-value", "options"])]),
-						createElementVNode("div", _hoisted_9$31, [createVNode(BaseSelect_default, {
-							"model-value": unref(sortKey),
-							options: unref(SORT_OPTIONS),
-							size: "sm",
-							"onUpdate:modelValue": handleSortChange
-						}, null, 8, ["model-value", "options"])]),
-						createElementVNode("label", _hoisted_10$28, [withDirectives(createElementVNode("input", {
-							"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => groupToggle.value = $event),
-							type: "checkbox",
-							class: "mint-experiment-selector__group-checkbox"
-						}, null, 512), [[vModelCheckbox, groupToggle.value]]), _cache[10] || (_cache[10] = createTextVNode(" Group by project ", -1))])
-					])) : createCommentVNode("", true),
-					unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_11$26, [(openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
-						return createElementVNode("div", {
-							key: n,
-							class: "mint-experiment-selector__skeleton-row"
-						}, [createElementVNode("div", _hoisted_12$23, [createVNode(Skeleton_default, {
-							width: 120 + n * 20,
-							height: "14px"
-						}, null, 8, ["width"]), createVNode(Skeleton_default, {
-							width: "80px",
-							height: "10px"
-						})]), createVNode(Skeleton_default, {
-							width: "60px",
-							height: "20px",
-							variant: "rounded"
-						})]);
-					}), 64))])) : unref(error) ? (openBlock(), createElementBlock("div", _hoisted_13$22, toDisplayString(unref(error)), 1)) : unref(experiments).length === 0 ? (openBlock(), createBlock(EmptyState_default, {
-						key: 3,
-						title: "No experiments found",
-						description: "Try adjusting your search or filters.",
-						size: "sm"
-					})) : groupToggle.value ? (openBlock(), createElementBlock("div", {
-						key: 4,
-						ref_key: "listRef",
-						ref: listRef,
-						class: "mint-experiment-selector__list"
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupedByProject), ([groupName, groupExps]) => {
-						return openBlock(), createElementBlock(Fragment, { key: groupName }, [createElementVNode("button", {
-							type: "button",
-							class: "mint-experiment-selector__group-header",
-							onClick: ($event) => toggleGroup(groupName)
-						}, [
-							(openBlock(), createElementBlock("svg", {
-								class: normalizeClass(["mint-experiment-selector__group-chevron", { "mint-experiment-selector__group-chevron--collapsed": collapsedGroups.has(groupName) }]),
-								width: "14",
-								height: "14",
-								viewBox: "0 0 24 24",
-								fill: "none",
-								stroke: "currentColor",
-								"stroke-width": "2",
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round"
-							}, [..._cache[11] || (_cache[11] = [createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1)])], 2)),
-							createElementVNode("span", _hoisted_15$18, toDisplayString(groupName), 1),
-							createElementVNode("span", _hoisted_16$16, toDisplayString(groupExps.length), 1)
-						], 8, _hoisted_14$19), !collapsedGroups.has(groupName) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupExps, (exp) => {
-							return openBlock(), createElementBlock("div", {
-								key: exp.id,
-								class: normalizeClass(["mint-experiment-selector__row", {
-									"mint-experiment-selector__row--active": exp.id === __props.currentExperimentId,
-									"mint-experiment-selector__row--focused": getFlatIndex(exp) === activeIndex.value
-								}]),
-								onClick: ($event) => handleSelect(exp),
-								onMouseenter: ($event) => activeIndex.value = getFlatIndex(exp)
-							}, [createElementVNode("div", _hoisted_18$14, [createElementVNode("div", _hoisted_19$14, [createTextVNode(toDisplayString(exp.name) + " ", 1), exp.experiment_code ? (openBlock(), createBlock(ExperimentCodeBadge_default, {
-								key: 0,
-								code: exp.experiment_code,
-								size: "sm",
-								copyable: false
-							}, null, 8, ["code"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_20$13, [createElementVNode("span", null, toDisplayString(unref(formatExperimentDate)(exp.created_at)), 1)])]), createVNode(BasePill_default, {
-								variant: unref(getExperimentStatusVariant)(exp.status),
-								size: "sm"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(unref(formatExperimentStatus)(exp.status)), 1)]),
-								_: 2
-							}, 1032, ["variant"])], 42, _hoisted_17$16);
-						}), 128)) : createCommentVNode("", true)], 64);
-					}), 128))], 512)) : (openBlock(), createElementBlock("div", {
-						key: 5,
-						ref_key: "listRef",
-						ref: listRef,
-						class: "mint-experiment-selector__list"
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(experiments), (exp, idx) => {
-						return openBlock(), createElementBlock("div", {
-							key: exp.id,
-							class: normalizeClass(["mint-experiment-selector__row", {
-								"mint-experiment-selector__row--active": exp.id === __props.currentExperimentId,
-								"mint-experiment-selector__row--focused": idx === activeIndex.value
-							}]),
-							onClick: ($event) => handleSelect(exp),
-							onMouseenter: ($event) => activeIndex.value = idx
-						}, [createElementVNode("div", _hoisted_22$9, [createElementVNode("div", _hoisted_23$8, [createTextVNode(toDisplayString(exp.name) + " ", 1), exp.experiment_code ? (openBlock(), createBlock(ExperimentCodeBadge_default, {
-							key: 0,
-							code: exp.experiment_code,
-							size: "sm",
-							copyable: false
-						}, null, 8, ["code"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_24$8, [exp.project_name || exp.project ? (openBlock(), createElementBlock("span", _hoisted_25$8, toDisplayString(exp.project_name || exp.project), 1)) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(unref(formatExperimentDate)(exp.created_at)), 1)])]), createVNode(BasePill_default, {
-							variant: unref(getExperimentStatusVariant)(exp.status),
-							size: "sm"
-						}, {
-							default: withCtx(() => [createTextVNode(toDisplayString(unref(formatExperimentStatus)(exp.status)), 1)]),
-							_: 2
-						}, 1032, ["variant"])], 42, _hoisted_21$11);
-					}), 128))], 512)),
-					__props.currentExperimentId != null ? (openBlock(), createElementBlock("div", _hoisted_26$8, [createElementVNode("button", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$57, [createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(headerClasses.value),
+				disabled: __props.disabled,
+				"aria-expanded": isOpen.value,
+				onClick: toggle
+			}, [createElementVNode("div", _hoisted_3$46, [__props.icon ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "mint-collapsible-card__icon-badge",
+				style: normalizeStyle(iconBgStyle.value)
+			}, [isSvgIcon.value ? (openBlock(), createElementBlock("svg", {
+				key: 0,
+				class: "mint-collapsible-card__icon",
+				style: normalizeStyle(iconColorStyle.value),
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [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_4$45);
+			}), 128)) : (openBlock(), createElementBlock("path", {
+				key: 1,
+				d: __props.icon
+			}, null, 8, _hoisted_5$43))], 4)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: "mint-collapsible-card__icon-text",
+				style: normalizeStyle(iconColorStyle.value)
+			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$42, [createElementVNode("h3", _hoisted_7$38, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$35, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$50), createElementVNode("div", _hoisted_9$32, [
+				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(badgeClasses.value)
+				}, toDisplayString(__props.badge), 3)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
+					return openBlock(), createElementBlock("button", {
+						key: action.id,
 						type: "button",
-						class: "mint-experiment-selector__clear-btn",
-						onClick: handleDeselect
-					}, " Clear selection ")])) : createCommentVNode("", true)
-				], 32)]),
-				_: 1
-			}, 8, [
-				"model-value",
-				"title",
-				"size"
-			]);
+						class: normalizeClass(actionClasses(action)),
+						style: normalizeStyle(actionStyle(action)),
+						disabled: __props.disabled || action.disabled,
+						"aria-label": action.label,
+						title: action.label,
+						onClick: ($event) => handleActionClick(action)
+					}, [action.icon && isSvgIconValue(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_11$26, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
+						return openBlock(), createElementBlock("path", {
+							key: i,
+							d
+						}, null, 8, _hoisted_12$23);
+					}), 128)) : (openBlock(), createElementBlock("path", {
+						key: 1,
+						d: action.icon
+					}, null, 8, _hoisted_13$22))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$19, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$28);
+				}), 128)),
+				__props.showToggle ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "mint-collapsible-card__toggle",
+					onClick: handleToggleClick
+				}, [createElementVNode("div", {
+					role: "switch",
+					tabindex: "0",
+					"aria-checked": __props.toggleValue,
+					class: normalizeClass(["mint-collapsible-card__toggle-track", __props.toggleValue ? "mint-collapsible-card__toggle-track--on" : ""]),
+					style: normalizeStyle(toggleTrackStyle.value),
+					onKeydown: [withKeys(withModifiers(handleToggleClick, ["prevent"]), ["enter"]), withKeys(withModifiers(handleToggleClick, ["prevent"]), ["space"])]
+				}, [createElementVNode("span", { class: normalizeClass(["mint-collapsible-card__toggle-knob", __props.toggleValue ? "mint-collapsible-card__toggle-knob--on" : ""]) }, null, 2)], 46, _hoisted_15$18)])) : createCommentVNode("", true),
+				createElementVNode("button", {
+					type: "button",
+					class: "mint-collapsible-card__chevron-button",
+					disabled: __props.disabled,
+					"aria-label": isOpen.value ? "Collapse section" : "Expand section",
+					"aria-expanded": isOpen.value,
+					onClick: toggle
+				}, [(openBlock(), createElementBlock("svg", {
+					class: normalizeClass(["mint-collapsible-card__chevron", isOpen.value ? "mint-collapsible-card__chevron--open" : ""]),
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					viewBox: "0 0 24 24",
+					"aria-hidden": "true"
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_16$16)
+			])]), createVNode(Transition, { name: "collapse" }, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_17$16, [createElementVNode("div", _hoisted_18$14, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
+				_: 3
+			})], 2);
 		};
 	}
 });
@@ -3487,6 +1784,11 @@ var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
 var PLUGIN_ICON_FALLBACK_PATH = "M14 7v4a1 1 0 0 0 1 1h4M5 3h9l5 5v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z";
 var PATH_REGEX = /^[Mm][\s,\d\-.]/;
 var RASTER_DATA_URL_REGEX = /^data:image\/(png|jpeg|jpg|gif|webp);/;
+var VIEW_BOX_REGEX = /^-?\d+(?:\.\d+)?\s+-?\d+(?:\.\d+)?\s+\d+(?:\.\d+)?\s+\d+(?:\.\d+)?$/;
+var COLOR_REGEX = /^(#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})|currentColor|white|black|none)$/i;
+var MAX_STRUCTURED_ICON_LENGTH = 8e3;
+var MAX_PATHS = 8;
+var MAX_STOPS = 8;
 function normalizePluginIconSource(icon) {
 	return (icon ?? "").replace(/^[\s]+/, "");
 }
@@ -3496,6 +1798,11 @@ function detectPluginIcon(icon) {
 		format: "fallback",
 		value: PLUGIN_ICON_FALLBACK_PATH
 	};
+	const structured = parseStructuredPluginIcon(raw);
+	if (structured) return {
+		format: "structured",
+		value: structured
+	};
 	if (PATH_REGEX.test(raw)) return {
 		format: "path",
 		value: raw
@@ -3517,6 +1824,93 @@ function isPluginIconFormat(icon) {
 	const raw = normalizePluginIconSource(icon);
 	return !!raw && detectPluginIcon(raw).format !== "fallback";
 }
+function parseStructuredPluginIcon(raw) {
+	if (!raw.startsWith("{") || raw.length > MAX_STRUCTURED_ICON_LENGTH) return void 0;
+	let parsed;
+	try {
+		parsed = JSON.parse(raw);
+	} catch {
+		return;
+	}
+	if (!isRecord(parsed) || parsed.type !== "mint-icon") return void 0;
+	const viewBox = typeof parsed.viewBox === "string" && VIEW_BOX_REGEX.test(parsed.viewBox) ? parsed.viewBox : "0 0 24 24";
+	const paths = parseStructuredPaths(parsed.paths);
+	if (!paths.length) return void 0;
+	const gradient = parseStructuredGradient(parsed.gradient);
+	const background = parseStructuredBackground(parsed.background, gradient);
+	return {
+		type: "mint-icon",
+		viewBox,
+		...background ? { background } : {},
+		...gradient ? { gradient } : {},
+		paths
+	};
+}
+function parseStructuredPaths(value) {
+	if (!Array.isArray(value)) return [];
+	return value.slice(0, MAX_PATHS).flatMap((item) => {
+		if (!isRecord(item) || typeof item.d !== "string" || !item.d.trim()) return [];
+		const path = { d: item.d.slice(0, 2e3) };
+		if (isSafeColor(item.fill)) path.fill = item.fill;
+		if (isSafeColor(item.stroke)) path.stroke = item.stroke;
+		if (isFiniteNumber(item.strokeWidth, 0, 24)) path.strokeWidth = item.strokeWidth;
+		if (isFiniteNumber(item.opacity, 0, 1)) path.opacity = item.opacity;
+		return [path];
+	});
+}
+function parseStructuredGradient(value) {
+	if (!isRecord(value) || value.type !== "linear") return void 0;
+	const stops = parseStructuredStops(value.stops);
+	if (stops.length < 2 && isSafeColor(value.from) && isSafeColor(value.to)) stops.push({
+		offset: "0%",
+		color: value.from
+	}, {
+		offset: "100%",
+		color: value.to
+	});
+	if (stops.length < 2) return void 0;
+	return {
+		type: "linear",
+		angle: isFiniteNumber(value.angle, 0, 360) ? value.angle : 135,
+		stops
+	};
+}
+function parseStructuredStops(value) {
+	if (!Array.isArray(value)) return [];
+	return value.slice(0, MAX_STOPS).flatMap((item) => {
+		if (!isRecord(item) || !isSafeColor(item.color)) return [];
+		const offset = parseOffset(item.offset);
+		if (!offset) return [];
+		return [{
+			offset,
+			color: item.color,
+			...isFiniteNumber(item.opacity, 0, 1) ? { opacity: item.opacity } : {}
+		}];
+	});
+}
+function parseStructuredBackground(value, gradient) {
+	if (!isRecord(value)) return void 0;
+	const fill = value.fill === "gradient" && gradient ? "gradient" : isSafeColor(value.fill) ? value.fill : void 0;
+	if (!fill) return void 0;
+	return {
+		fill,
+		radius: isFiniteNumber(value.radius, 0, 12) ? value.radius : 5
+	};
+}
+function parseOffset(value) {
+	if (isFiniteNumber(value, 0, 1)) return String(value);
+	if (typeof value !== "string") return void 0;
+	if (/^(?:100|(?:[1-9]?\d)(?:\.\d+)?)%$/.test(value)) return value;
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isSafeColor(value) {
+	return typeof value === "string" && COLOR_REGEX.test(value);
+}
+function isFiniteNumber(value, min, max) {
+	return typeof value === "number" && Number.isFinite(value) && value >= min && value <= max;
+}
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$56 = [
@@ -3598,8 +1992,37 @@ var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PluginIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = {
-	key: 0,
+var _hoisted_1$55 = ["viewBox"];
+var _hoisted_2$48 = { key: 0 };
+var _hoisted_3$44 = [
+	"id",
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+];
+var _hoisted_4$44 = [
+	"offset",
+	"stop-color",
+	"stop-opacity"
+];
+var _hoisted_5$42 = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx",
+	"fill"
+];
+var _hoisted_6$41 = [
+	"d",
+	"fill",
+	"stroke",
+	"stroke-width",
+	"opacity"
+];
+var _hoisted_7$37 = {
+	key: 1,
 	class: "mint-plugin-icon__svg",
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -3609,8 +2032,8 @@ var _hoisted_1$55 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_2$48 = ["d"];
-var _hoisted_3$44 = ["src"];
+var _hoisted_8$34 = ["d"];
+var _hoisted_9$31 = ["src"];
 //#endregion
 //#region src/components/PluginIcon.vue
 var PluginIcon_default = /* @__PURE__ */ defineComponent({
@@ -3624,6 +2047,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		/** Renders a plugin's icon as a sized chip. Auto-detects format:
+		*  - Structured MINT icon JSON ({"type":"mint-icon",...}) → controlled multi-color SVG
 		*  - SVG path data (e.g. "M13 10V3...") → inline <svg><path>
 		*  - Raster data URL (data:image/png|jpeg|jpg|gif|webp;...) → <img>
 		*  - https:// URL → <img> with no-referrer + lazy loading
@@ -3633,6 +2057,40 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 		*  (mixed-content + XSS, see spec 2026-05-04-plugin-icon-component-design.md). */
 		const props = __props;
 		const detected = computed(() => detectPluginIcon(props.icon));
+		const structuredIcon = computed(() => detected.value.format === "structured" ? detected.value.value : void 0);
+		const iconValue = computed(() => typeof detected.value.value === "string" ? detected.value.value : "");
+		const gradientId = computed(() => {
+			const source = props.icon ?? "";
+			let hash = 0;
+			for (let index = 0; index < source.length; index += 1) hash = (hash << 5) - hash + source.charCodeAt(index) | 0;
+			return `mint-plugin-icon-gradient-${Math.abs(hash)}`;
+		});
+		const gradientCoords = computed(() => {
+			const radians = ((structuredIcon.value?.gradient?.angle ?? 135) - 90) * Math.PI / 180;
+			const x = Math.cos(radians) * 50;
+			const y = Math.sin(radians) * 50;
+			return {
+				x1: `${50 - x}%`,
+				y1: `${50 - y}%`,
+				x2: `${50 + x}%`,
+				y2: `${50 + y}%`
+			};
+		});
+		const structuredViewBox = computed(() => {
+			const parts = structuredIcon.value?.viewBox.split(/\s+/).map(Number) ?? [
+				0,
+				0,
+				24,
+				24
+			];
+			return {
+				x: parts[0],
+				y: parts[1],
+				width: parts[2],
+				height: parts[3]
+			};
+		});
+		const backgroundFill = computed(() => structuredIcon.value?.background?.fill === "gradient" ? `url(#${gradientId.value})` : structuredIcon.value?.background?.fill);
 		const rootClasses = computed(() => [
 			"mint-plugin-icon",
 			`mint-plugin-icon--${props.size}`,
@@ -3643,14 +2101,55 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("span", {
 				class: normalizeClass(rootClasses.value),
 				style: normalizeStyle(rootStyle.value)
-			}, [detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_1$55, [createElementVNode("path", { d: detected.value.value }, null, 8, _hoisted_2$48)])) : (openBlock(), createElementBlock("img", {
-				key: 1,
+			}, [structuredIcon.value ? (openBlock(), createElementBlock("svg", {
+				key: 0,
+				class: "mint-plugin-icon__svg mint-plugin-icon__svg--structured",
+				viewBox: structuredIcon.value.viewBox,
+				"aria-hidden": "true"
+			}, [
+				structuredIcon.value.gradient ? (openBlock(), createElementBlock("defs", _hoisted_2$48, [createElementVNode("linearGradient", {
+					id: gradientId.value,
+					x1: gradientCoords.value.x1,
+					y1: gradientCoords.value.y1,
+					x2: gradientCoords.value.x2,
+					y2: gradientCoords.value.y2
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(structuredIcon.value.gradient.stops, (stop) => {
+					return openBlock(), createElementBlock("stop", {
+						key: `${stop.offset}-${stop.color}`,
+						offset: stop.offset,
+						"stop-color": stop.color,
+						"stop-opacity": stop.opacity
+					}, null, 8, _hoisted_4$44);
+				}), 128))], 8, _hoisted_3$44)])) : createCommentVNode("", true),
+				structuredIcon.value.background ? (openBlock(), createElementBlock("rect", {
+					key: 1,
+					x: structuredViewBox.value.x,
+					y: structuredViewBox.value.y,
+					width: structuredViewBox.value.width,
+					height: structuredViewBox.value.height,
+					rx: structuredIcon.value.background.radius,
+					fill: backgroundFill.value
+				}, null, 8, _hoisted_5$42)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(structuredIcon.value.paths, (path, index) => {
+					return openBlock(), createElementBlock("path", {
+						key: index,
+						d: path.d,
+						fill: path.fill ?? "none",
+						stroke: path.stroke,
+						"stroke-width": path.strokeWidth,
+						opacity: path.opacity,
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					}, null, 8, _hoisted_6$41);
+				}), 128))
+			], 8, _hoisted_1$55)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$37, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$34)])) : (openBlock(), createElementBlock("img", {
+				key: 2,
 				class: "mint-plugin-icon__img",
-				src: detected.value.value,
+				src: iconValue.value,
 				alt: "",
 				referrerpolicy: "no-referrer",
 				loading: "lazy"
-			}, null, 8, _hoisted_3$44))], 6);
+			}, null, 8, _hoisted_9$31))], 6);
 		};
 	}
 });
@@ -4425,6 +2924,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		/** Full application top bar with brand logo, page selector or plugin switcher, centered pill nav, experiment popover, and avatar menu. */
 		const props = __props;
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-L7Ejny45.js"));
+		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-D0bg_fqM.js"));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-B_kPbXcg.js"));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const { isIntegrated, plugin } = usePlatformContext();
@@ -4532,7 +3034,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_12$21, [
 						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_13$21, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
-						unref(appExperiment) && !isStandalone.value ? (openBlock(), createBlock(ExperimentPopover_default, mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
+						unref(appExperiment) && !isStandalone.value ? (openBlock(), createBlock(unref(ExperimentPopover), mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
 							onSelect: _cache[5] || (_cache[5] = ($event) => unref(appExperiment).openModal()),
 							onSave: _cache[6] || (_cache[6] = ($event) => unref(appExperiment).handleSave()),
 							onDetach: _cache[7] || (_cache[7] = ($event) => unref(appExperiment).handleDetach())
@@ -4625,7 +3127,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						}, [createElementVNode("div", _hoisted_16$15, toDisplayString(profileInitial.value), 1), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_17$15, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
 					])
 				])], 2),
-				__props.showSettings ? (openBlock(), createBlock(SettingsModal_default, {
+				__props.showSettings && settingsOpen.value ? (openBlock(), createBlock(unref(SettingsModal), {
 					key: 0,
 					modelValue: settingsOpen.value,
 					"onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => settingsOpen.value = $event),
@@ -4665,7 +3167,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					"enhancements",
 					"user-type"
 				])) : createCommentVNode("", true),
-				unref(appExperiment) && !isStandalone.value ? (openBlock(), createBlock(ExperimentSelectorModal_default, mergeProps({ key: 1 }, unref(appExperiment).selectorModal.value, {
+				unref(appExperiment) && !isStandalone.value && unref(appExperiment).selectorModal.value.modelValue ? (openBlock(), createBlock(unref(ExperimentSelectorModal), mergeProps({ key: 1 }, unref(appExperiment).selectorModal.value, {
 					"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()),
 					onSelect: _cache[17] || (_cache[17] = ($event) => unref(appExperiment).handleSelect($event)),
 					onDeselect: _cache[18] || (_cache[18] = ($event) => unref(appExperiment).handleDetach())
@@ -16823,7 +15325,11 @@ var ExperimentDataViewer_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		downloadJsonUrl: {},
-		downloadCsvUrl: {}
+		downloadCsvUrl: {},
+		autoFetch: {
+			type: Boolean,
+			default: true
+		}
 	},
 	emits: [
 		"open-plugin",
@@ -16836,7 +15342,7 @@ var ExperimentDataViewer_default = /* @__PURE__ */ defineComponent({
 		const expData = useExperimentData();
 		const hasPropData = computed(() => props.treeData && props.treeData.length > 0 || props.summaryData);
 		watch(() => props.experimentId, (id) => {
-			if (id && !hasPropData.value) expData.fetch(id);
+			if (props.autoFetch && id && !hasPropData.value) expData.fetch(id);
 		}, { immediate: true });
 		const mergedTreeData = computed(() => props.treeData?.length ? props.treeData : expData.treeData.value);
 		const mergedTableData = computed(() => props.tableData?.length ? props.tableData : expData.tableData.value);
@@ -16916,22 +15422,24 @@ var ExperimentDataViewer_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [createTextVNode(" Open in " + toDisplayString(__props.pluginName || "Plugin"), 1)]),
 					_: 1
 				})) : createCommentVNode("", true),
-				createVNode(BaseButton_default, {
+				__props.downloadJsonUrl ? (openBlock(), createBlock(BaseButton_default, {
+					key: 1,
 					variant: "ghost",
 					size: "sm",
 					onClick: handleDownloadJson
 				}, {
 					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" JSON ", -1)])]),
 					_: 1
-				}),
-				createVNode(BaseButton_default, {
+				})) : createCommentVNode("", true),
+				__props.downloadCsvUrl ? (openBlock(), createBlock(BaseButton_default, {
+					key: 2,
 					variant: "ghost",
 					size: "sm",
 					onClick: handleDownloadCsv
 				}, {
 					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" CSV ", -1)])]),
 					_: 1
-				})
+				})) : createCommentVNode("", true)
 			])]), createElementVNode("div", _hoisted_5$2, [isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_6$2, [createElementVNode("div", _hoisted_7$1, [
 				createVNode(Skeleton_default, {
 					width: "40%",
@@ -17501,6 +16009,6 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	WellPlate: () => WellPlate_default
 });
 //#endregion
-export { SampleLegend_default as $, ReagentEditor_default as A, SegmentedControl_default as At, ProgressBar_default as B, formatSequenceRemaining as C, AppToastContainer_default as Ct, ScientificNumber_default as D, Calendar_default as Dt, ChemicalFormula_default as E, DataFrame_default as Et, BioTemplateExperimentWorkspaceView_default as F, ControlWorkspaceView_default as G, Divider_default as H, BioTemplateRenderer_default as I, SampleSelector_default as J, ComponentBindingRenderer_default as K, ChartContainer_default as L, RackEditor_default as M, BaseTabs_default as Mt, BioTemplatePresetWorkspaceView_default as N, ColorSlider_default as Nt, ProtocolStepEditor_default as O, DropdownButton_default as Ot, BioTemplatePackWorkspaceView_default as P, BaseButton_default as Pt, PlateMapEditor_default as Q, Breadcrumb_default as R, formatSequenceEta as S, IconButton_default as St, sequenceSamplesRemaining as T, FormField_default as Tt, AppContainer_default as U, StatusIndicator_default as V, DoseDesignWorkspaceView_default as W, LoadingSpinner_default as X, AutoGroupModal_default as Y, ReagentList_default as Z, InstrumentStateBadge_default as _, ExperimentPopover_default as _t, ExperimentDataViewer_default as a, AppSidebar_default as at, estimateSequenceFinishDate as b, CollapsibleCard_default as bt, LcmsSequenceTable_default as c, StepWizard_default as ct, extractLcmsCommonPrefix as d, AppAvatarMenu_default as dt, WellPlate_default as et, extractLcmsSampleName as f, PluginIcon_default as ft, InstrumentStatusCard_default as g, Skeleton_default as gt, reconstructLcmsPlateCellsFromSequenceItems as h, EmptyState_default as ht, TimeRangeInput_default as i, AppLayout_default as it, GroupAssigner_default as j, BaseModal_default as jt, SampleHierarchyTree_default as k, BasePill_default as kt, DEFAULT_LCMS_SEQUENCE_COLUMNS as l, AppTopBar_default as lt, lcmsWellIdFromPosition as m, ExperimentCodeBadge_default as mt, FitPanel_default as n, DoseCalculator_default as nt, BatchProgressList_default as o, FormBuilder_default as ot, inferLcmsPlateTypeFromWellIds as p, ExperimentSelectorModal_default as pt, ScheduleCalendar_default as q, ResourceCard_default as r, PluginWorkspaceView_default as rt, AuditTrail_default as s, FormActions_default as st, components_exports as t, ExperimentTimeline_default as tt, basenameFromWindowsPath as u, AppPluginSwitcher_default as ut, InstrumentAlertLog_default as v, ConfirmDialog_default as vt, sequenceProgressPercent as w, AlertBox_default as wt, estimateSequenceRemainingSeconds as x, ThemeToggle_default as xt, SequenceProgressBar_default as y, SettingsModal_default as yt, Avatar_default as z };
+export { SampleLegend_default as $, ReagentEditor_default as A, ProgressBar_default as B, formatSequenceRemaining as C, ColorSlider_default as Ct, ScientificNumber_default as D, ChemicalFormula_default as E, BioTemplateExperimentWorkspaceView_default as F, ControlWorkspaceView_default as G, Divider_default as H, BioTemplateRenderer_default as I, SampleSelector_default as J, ComponentBindingRenderer_default as K, ChartContainer_default as L, RackEditor_default as M, BioTemplatePresetWorkspaceView_default as N, ProtocolStepEditor_default as O, BioTemplatePackWorkspaceView_default as P, PlateMapEditor_default as Q, Breadcrumb_default as R, formatSequenceEta as S, BaseTabs_default as St, sequenceSamplesRemaining as T, AppContainer_default as U, StatusIndicator_default as V, DoseDesignWorkspaceView_default as W, LoadingSpinner_default as X, AutoGroupModal_default as Y, ReagentList_default as Z, InstrumentStateBadge_default as _, AlertBox_default as _t, ExperimentDataViewer_default as a, AppSidebar_default as at, estimateSequenceFinishDate as b, DropdownButton_default as bt, LcmsSequenceTable_default as c, StepWizard_default as ct, extractLcmsCommonPrefix as d, AppAvatarMenu_default as dt, WellPlate_default as et, extractLcmsSampleName as f, PluginIcon_default as ft, InstrumentStatusCard_default as g, AppToastContainer_default as gt, reconstructLcmsPlateCellsFromSequenceItems as h, IconButton_default as ht, TimeRangeInput_default as i, AppLayout_default as it, GroupAssigner_default as j, SampleHierarchyTree_default as k, DEFAULT_LCMS_SEQUENCE_COLUMNS as l, AppTopBar_default as lt, lcmsWellIdFromPosition as m, ThemeToggle_default as mt, FitPanel_default as n, DoseCalculator_default as nt, BatchProgressList_default as o, FormBuilder_default as ot, inferLcmsPlateTypeFromWellIds as p, CollapsibleCard_default as pt, ScheduleCalendar_default as q, ResourceCard_default as r, PluginWorkspaceView_default as rt, AuditTrail_default as s, FormActions_default as st, components_exports as t, ExperimentTimeline_default as tt, basenameFromWindowsPath as u, AppPluginSwitcher_default as ut, InstrumentAlertLog_default as v, DataFrame_default as vt, sequenceProgressPercent as w, estimateSequenceRemainingSeconds as x, SegmentedControl_default as xt, SequenceProgressBar_default as y, Calendar_default as yt, Avatar_default as z };
 
-//# sourceMappingURL=components-DtX3LDLq.js.map
+//# sourceMappingURL=components-CdjRzHI2.js.map