@morscherlab/mint-sdk 1.2.10 → 1.3.0-beta.10

package/dist/{experiment-utils-CV2Wza3z.js → experiment-utils-DTANyVKV.js}

@@ -135,7 +135,8 @@ var FOCUSABLE_SELECTOR = [
 * Traps Tab focus within a container while `active` is true: Tab wraps from the last
 * focusable element back to the first (and Shift+Tab from the first to the last), the
 * first focusable element (or the container itself, if none) receives focus when the
-* trap activates, and focus returns to whatever was focused beforehand when it releases.
+* trap activates, an `[autofocus]` descendant taking precedence, and focus returns to
+* whatever was focused beforehand when it releases.
 * Used by BaseModal and WellEditPopupInternal.
 */
 function useFocusTrap(options) {
@@ -167,14 +168,17 @@ function useFocusTrap(options) {
 		if (isActive) {
 			previouslyFocused = document.activeElement;
 			await nextTick();
-			const focusable = getFocusableElements();
-			if (focusable.length > 0) focusable[0].focus();
+			const target = containerRef.value?.querySelector("[autofocus]") ?? getFocusableElements()[0];
+			if (target) target.focus();
 			else containerRef.value?.focus();
 		} else {
 			if (restoreFocus) previouslyFocused?.focus();
 			previouslyFocused = null;
 		}
-	}, { flush: "sync" });
+	}, {
+		flush: "sync",
+		immediate: true
+	});
 	useEventListener(() => document, "keydown", handleKeydown);
 	return { getFocusableElements };
 }
@@ -226,18 +230,27 @@ var _hoisted_10 = {
 	"aria-orientation": "vertical"
 };
 var _hoisted_11 = { class: "mint-modal__rail-items" };
-var _hoisted_12 = [
+var _hoisted_12 = {
+	key: 0,
+	class: "mint-modal__rail-divider",
+	"aria-hidden": "true"
+};
+var _hoisted_13 = {
+	class: "mint-modal__rail-section",
+	"aria-hidden": "true"
+};
+var _hoisted_14 = [
 	"aria-selected",
 	"aria-disabled",
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_13 = {
+var _hoisted_15 = {
 	key: 0,
 	class: "mint-modal__rail-item-icon",
 	"aria-hidden": "true"
 };
-var _hoisted_14 = {
+var _hoisted_16 = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -246,34 +259,36 @@ var _hoisted_14 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_15 = ["d"];
-var _hoisted_16 = ["d"];
-var _hoisted_17 = ["innerHTML"];
-var _hoisted_18 = { class: "mint-modal__rail-item-text" };
-var _hoisted_19 = { class: "mint-modal__rail-item-label" };
-var _hoisted_20 = {
+var _hoisted_17 = ["d"];
+var _hoisted_18 = ["d"];
+var _hoisted_19 = ["innerHTML"];
+var _hoisted_20 = { class: "mint-modal__rail-item-text" };
+var _hoisted_21 = { class: "mint-modal__rail-item-label" };
+var _hoisted_22 = {
 	key: 0,
 	class: "mint-modal__rail-item-description"
 };
-var _hoisted_21 = {
+var _hoisted_23 = {
 	key: 1,
 	class: "mint-modal__rail-item-meta"
 };
-var _hoisted_22 = ["aria-label"];
-var _hoisted_23 = {
+var _hoisted_24 = ["aria-label"];
+var _hoisted_25 = {
 	key: 0,
 	class: "mint-modal__pane-header"
 };
-var _hoisted_24 = { class: "mint-modal__pane-title" };
-var _hoisted_25 = {
+var _hoisted_26 = { class: "mint-modal__pane-title" };
+var _hoisted_27 = {
 	key: 0,
 	class: "mint-modal__pane-subtitle"
 };
-var _hoisted_26 = { class: "mint-modal__pane-body" };
-var _hoisted_27 = {
+var _hoisted_28 = { class: "mint-modal__pane-body" };
+var _hoisted_29 = {
 	key: 5,
 	class: "mint-modal__footer"
 };
+/** Open modals, oldest first; shared by every BaseModal instance. */
+var openModals = [];
 //#endregion
 //#region src/components/BaseModal.vue
 var BaseModal_default = /* @__PURE__ */ defineComponent({
@@ -310,6 +325,15 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const activeTabMeta = computed(() => props.tabs.find((tab) => tab.id === props.activeTab));
+		/** Roving tabindex; with no active tab (e.g. a search is showing) the first tab stays reachable. */
+		function isTabStop(tab, index) {
+			return activeTabMeta.value ? tab.id === props.activeTab : index === 0;
+		}
+		/** A rail section heading goes before the first tab of each run of one `section`. */
+		function startsSection(index) {
+			const section = props.tabs[index].section;
+			return !!section && section !== props.tabs[index - 1]?.section;
+		}
 		const tabButtonRefs = /* @__PURE__ */ new Map();
 		function setTabButtonRef(id, el) {
 			if (el instanceof HTMLElement) tabButtonRefs.set(id, el);
@@ -340,8 +364,14 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		watch(() => props.modelValue, (isOpen) => {
 			document.body.style.overflow = isOpen ? "hidden" : "";
 		});
+		const self = {};
+		watch(() => props.modelValue, (isOpen) => {
+			const index = openModals.indexOf(self);
+			if (isOpen && index === -1) openModals.push(self);
+			if (!isOpen && index !== -1) openModals.splice(index, 1);
+		}, { immediate: true });
 		function handleEscapeKeydown(event) {
-			if (event.key === "Escape" && props.closeOnEscape && props.modelValue) close();
+			if (event.key === "Escape" && props.closeOnEscape && props.modelValue && openModals[openModals.length - 1] === self) close();
 		}
 		function close() {
 			if (props.closable) {
@@ -355,6 +385,8 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		useEventListener(() => document, "keydown", handleEscapeKeydown);
 		onUnmounted(() => {
 			document.body.style.overflow = "";
+			const index = openModals.indexOf(self);
+			if (index !== -1) openModals.splice(index, 1);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: `modal-${__props.variant}` }, {
@@ -391,7 +423,7 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 						"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),
-					__props.layout === "tabs" && __props.tabs.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+					__props.layout === "tabs" && __props.tabs.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
 						return openBlock(), createElementBlock("button", {
 							key: tab.id,
 							ref_for: true,
@@ -400,7 +432,7 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 							role: "tab",
 							"aria-selected": __props.activeTab === tab.id,
 							"aria-disabled": tab.disabled || void 0,
-							tabindex: __props.activeTab === tab.id ? 0 : -1,
+							tabindex: isTabStop(tab, index) ? 0 : -1,
 							class: normalizeClass(["mint-modal__tab", {
 								"mint-modal__tab--active": __props.activeTab === tab.id,
 								"mint-modal__tab--disabled": tab.disabled
@@ -409,16 +441,15 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 							onKeydown: [_cache[0] || (_cache[0] = withKeys(withModifiers(($event) => focusTab(-1), ["prevent"]), ["left"])), _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => focusTab(1), ["prevent"]), ["right"]))]
 						}, [createTextVNode(toDisplayString(tab.label) + " ", 1), tab.meta ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(tab.meta), 1)) : createCommentVNode("", true)], 42, _hoisted_7);
 					}), 128))])) : createCommentVNode("", true),
-					__props.layout === "rail" ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
-						return openBlock(), createElementBlock("button", {
-							key: tab.id,
+					__props.layout === "rail" ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: tab.id }, [startsSection(index) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [index > 0 ? (openBlock(), createElementBlock("div", _hoisted_12)) : createCommentVNode("", true), createElementVNode("span", _hoisted_13, toDisplayString(tab.section), 1)], 64)) : createCommentVNode("", true), createElementVNode("button", {
 							ref_for: true,
 							ref: (el) => setTabButtonRef(tab.id, el),
 							type: "button",
 							role: "tab",
 							"aria-selected": __props.activeTab === tab.id,
 							"aria-disabled": tab.disabled || void 0,
-							tabindex: __props.activeTab === tab.id ? 0 : -1,
+							tabindex: isTabStop(tab, index) ? 0 : -1,
 							class: normalizeClass(["mint-modal__rail-item", {
 								"mint-modal__rail-item--active": __props.activeTab === tab.id,
 								"mint-modal__rail-item--disabled": tab.disabled
@@ -426,31 +457,31 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 							onClick: ($event) => selectTab(tab),
 							onKeydown: [_cache[2] || (_cache[2] = withKeys(withModifiers(($event) => focusTab(-1), ["prevent"]), ["up"])), _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => focusTab(1), ["prevent"]), ["down"]))]
 						}, [
-							tab.icon ? (openBlock(), createElementBlock("span", _hoisted_13, [isPathIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_14, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
+							tab.icon ? (openBlock(), createElementBlock("span", _hoisted_15, [isPathIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_16, [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_15);
+								}, null, 8, _hoisted_17);
 							}), 128)) : (openBlock(), createElementBlock("path", {
 								key: 1,
 								d: tab.icon
-							}, null, 8, _hoisted_16))])) : (openBlock(), createElementBlock("span", {
+							}, null, 8, _hoisted_18))])) : (openBlock(), createElementBlock("span", {
 								key: 1,
 								innerHTML: tab.icon
-							}, null, 8, _hoisted_17))])) : createCommentVNode("", true),
-							createElementVNode("span", _hoisted_18, [createElementVNode("span", _hoisted_19, toDisplayString(tab.label), 1), tab.description ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(tab.description), 1)) : createCommentVNode("", true)]),
-							tab.meta ? (openBlock(), createElementBlock("span", _hoisted_21, toDisplayString(tab.meta), 1)) : createCommentVNode("", true)
-						], 42, _hoisted_12);
+							}, null, 8, _hoisted_19))])) : createCommentVNode("", true),
+							createElementVNode("span", _hoisted_20, [createElementVNode("span", _hoisted_21, toDisplayString(tab.label), 1), tab.description ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(tab.description), 1)) : createCommentVNode("", true)]),
+							tab.meta ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(tab.meta), 1)) : createCommentVNode("", true)
+						], 42, _hoisted_14)], 64);
 					}), 128))]), renderSlot(_ctx.$slots, "rail-footer")]), createElementVNode("section", {
 						class: "mint-modal__pane",
 						role: "tabpanel",
 						"aria-label": activeTabMeta.value?.label,
 						tabindex: "0"
-					}, [activeTabMeta.value?.label ? (openBlock(), createElementBlock("header", _hoisted_23, [createElementVNode("h4", _hoisted_24, toDisplayString(activeTabMeta.value.label), 1), activeTabMeta.value.description ? (openBlock(), createElementBlock("p", _hoisted_25, toDisplayString(activeTabMeta.value.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_26, [renderSlot(_ctx.$slots, "default")])], 8, _hoisted_22)])) : (openBlock(), createElementBlock("div", {
+					}, [_ctx.$slots["pane-header"] || activeTabMeta.value?.label ? (openBlock(), createElementBlock("header", _hoisted_25, [renderSlot(_ctx.$slots, "pane-header", { tab: activeTabMeta.value }, () => [createElementVNode("h4", _hoisted_26, toDisplayString(activeTabMeta.value?.label), 1), activeTabMeta.value?.description ? (openBlock(), createElementBlock("p", _hoisted_27, toDisplayString(activeTabMeta.value.description), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_28, [renderSlot(_ctx.$slots, "default")])], 8, _hoisted_24)])) : (openBlock(), createElementBlock("div", {
 						key: 4,
 						class: normalizeClass(["mint-modal__body", __props.layout === "tabs" ? "mint-modal__body--tabbed" : null])
 					}, [renderSlot(_ctx.$slots, "default")], 2)),
-					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_27, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_29, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
 				], 2)], 2)) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["name"])]);
@@ -579,4 +610,4 @@ var SORT_OPTIONS = [
 //#endregion
 export { SORT_OPTIONS as a, formatExperimentDate as c, resolveExperimentCode as d, BaseModal_default as f, BaseButton_default as h, EXPERIMENT_STATUS_VARIANT_MAP as i, formatExperimentStatus as l, useEventListener as m, EXPERIMENT_STATUS_LABELS as n, datePresetToISO as o, useFocusTrap as p, EXPERIMENT_STATUS_OPTIONS as r, experimentIdFromRoute as s, DATE_PRESET_OPTIONS as t, getExperimentStatusVariant as u };
 
-//# sourceMappingURL=experiment-utils-CV2Wza3z.js.map
+//# sourceMappingURL=experiment-utils-DTANyVKV.js.map

package/dist/experiment-utils-DTANyVKV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"experiment-utils-DTANyVKV.js","names":["$slots"],"sources":["../src/components/BaseButton.vue","../src/components/BaseButton.vue","../src/composables/useEventListener.ts","../src/composables/useFocusTrap.ts","../src/components/BaseModal.vue","../src/components/BaseModal.vue","../src/composables/experiment-utils.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */\nimport type { ButtonVariant, ButtonSize } from '../types'\n\ninterface Props {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: boolean\n  loading?: boolean\n  type?: 'button' | 'submit' | 'reset'\n  fullWidth?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  loading: false,\n  type: 'button',\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled && !props.loading) {\n    emit('click', event)\n  }\n}\n</script>\n\n<template>\n  <button\n    :type=\"type\"\n    :disabled=\"disabled || loading\"\n    :class=\"[\n      'mint-button',\n      `mint-button--${variant}`,\n      `mint-button--${size}`,\n      fullWidth ? 'mint-button--full-width' : '',\n      (disabled || loading) ? 'mint-button--disabled' : '',\n    ]\"\n    @click=\"handleClick\"\n  >\n    <svg\n      v-if=\"loading\"\n      class=\"mint-button__spinner\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle\n        style=\"opacity: 0.25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n      />\n      <path\n        style=\"opacity: 0.75\"\n        fill=\"currentColor\"\n        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\"\n      />\n    </svg>\n    <slot name=\"icon-left\" />\n    <slot />\n    <slot name=\"icon-right\" />\n  </button>\n</template>\n","<script setup lang=\"ts\">\n/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */\nimport type { ButtonVariant, ButtonSize } from '../types'\n\ninterface Props {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: boolean\n  loading?: boolean\n  type?: 'button' | 'submit' | 'reset'\n  fullWidth?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  loading: false,\n  type: 'button',\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled && !props.loading) {\n    emit('click', event)\n  }\n}\n</script>\n\n<template>\n  <button\n    :type=\"type\"\n    :disabled=\"disabled || loading\"\n    :class=\"[\n      'mint-button',\n      `mint-button--${variant}`,\n      `mint-button--${size}`,\n      fullWidth ? 'mint-button--full-width' : '',\n      (disabled || loading) ? 'mint-button--disabled' : '',\n    ]\"\n    @click=\"handleClick\"\n  >\n    <svg\n      v-if=\"loading\"\n      class=\"mint-button__spinner\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle\n        style=\"opacity: 0.25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n      />\n      <path\n        style=\"opacity: 0.75\"\n        fill=\"currentColor\"\n        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\"\n      />\n    </svg>\n    <slot name=\"icon-left\" />\n    <slot />\n    <slot name=\"icon-right\" />\n  </button>\n</template>\n","import { isRef, onMounted, onUnmounted, watch, type Ref } from 'vue'\n\nexport type EventTargetGetter<TTarget extends EventTarget = EventTarget> =\n  () => TTarget | null | undefined\n\nexport type EventTargetLike<TTarget extends EventTarget = EventTarget> =\n  | TTarget\n  | Ref<TTarget | null | undefined>\n  | EventTargetGetter<TTarget>\n  | null\n  | undefined\n\nexport type EventListenerEnabled = boolean | Ref<boolean>\n\nexport interface UseEventListenerObjectOptions extends AddEventListenerOptions {\n  enabled?: EventListenerEnabled\n}\n\nexport type UseEventListenerOptions = boolean | UseEventListenerObjectOptions\nexport type EventListenerStop = () => void\n\nexport type EventMapFor<TTarget extends EventTarget> =\n  TTarget extends Window\n    ? WindowEventMap\n    : TTarget extends Document\n      ? DocumentEventMap\n      : TTarget extends HTMLElement\n        ? HTMLElementEventMap\n        : Record<string, Event>\n\nexport type EventFor<\n  TTarget extends EventTarget,\n  TType extends string,\n> = TType extends keyof EventMapFor<TTarget>\n  ? EventMapFor<TTarget>[TType]\n  : Event\n\n/** Bind a DOM event listener on mount, remove it on unmount, and rebind when a ref target changes. */\nexport function useEventListener<\n  TTarget extends EventTarget = EventTarget,\n  TType extends string = string,\n>(\n  target: EventTargetLike<TTarget>,\n  type: TType,\n  listener: (event: EventFor<TTarget, TType>) => void,\n  options?: UseEventListenerOptions,\n): EventListenerStop {\n  let stopCurrent: EventListenerStop | undefined\n  let mounted = false\n\n  function stop(): void {\n    stopCurrent?.()\n    stopCurrent = undefined\n  }\n\n  function start(): void {\n    stop()\n    if (!mounted || !isEnabled(options)) return\n    const resolvedTarget = resolveEventTarget(target)\n    if (!resolvedTarget) return\n\n    const eventListener = listener as EventListener\n    const eventOptions = getEventOptions(options)\n    resolvedTarget.addEventListener(type, eventListener, eventOptions)\n    stopCurrent = () => {\n      resolvedTarget.removeEventListener(type, eventListener, eventOptions)\n    }\n  }\n\n  onMounted(() => {\n    mounted = true\n    start()\n  })\n\n  if (isRef(target)) {\n    watch(target, start, { flush: 'post' })\n  }\n  const enabled = getEnabledOption(options)\n  if (isRef(enabled)) {\n    watch(enabled, start, { flush: 'post' })\n  }\n\n  onUnmounted(() => {\n    mounted = false\n    stop()\n  })\n\n  return stop\n}\n\nfunction resolveEventTarget(target: EventTargetLike): EventTarget | null | undefined {\n  if (isRef(target)) return target.value\n  if (typeof target === 'function') return target()\n  return target\n}\n\nfunction getEnabledOption(options: UseEventListenerOptions | undefined): EventListenerEnabled | undefined {\n  return typeof options === 'object' ? options.enabled : undefined\n}\n\nfunction isEnabled(options: UseEventListenerOptions | undefined): boolean {\n  const enabled = getEnabledOption(options)\n  if (isRef(enabled)) return enabled.value\n  return enabled ?? true\n}\n\nfunction getEventOptions(options: UseEventListenerOptions | undefined): boolean | AddEventListenerOptions | undefined {\n  if (typeof options !== 'object') return options\n  const { enabled: _enabled, ...eventOptions } = options\n  return eventOptions\n}\n","import { nextTick, watch, type Ref } from 'vue'\nimport { useEventListener } from './useEventListener'\n\nexport interface UseFocusTrapOptions {\n  /** Ref to the trap's container element. Focusable elements are queried within it. */\n  containerRef: Ref<HTMLElement | null>\n  /** Reactive flag — the trap activates when this becomes `true` and releases when it becomes `false`. */\n  active: Ref<boolean>\n  /** Restore focus to the element that was focused before activation, when the trap releases. Default `true`. */\n  restoreFocus?: boolean\n}\n\nexport interface UseFocusTrapReturn {\n  /** Focusable descendants of the container, in DOM order, excluding roving-tabindex (`tabindex=\"-1\"`) elements. */\n  getFocusableElements: () => HTMLElement[]\n}\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ')\n\n/**\n * Traps Tab focus within a container while `active` is true: Tab wraps from the last\n * focusable element back to the first (and Shift+Tab from the first to the last), the\n * first focusable element (or the container itself, if none) receives focus when the\n * trap activates, an `[autofocus]` descendant taking precedence, and focus returns to\n * whatever was focused beforehand when it releases.\n * Used by BaseModal and WellEditPopupInternal.\n */\nexport function useFocusTrap(options: UseFocusTrapOptions): UseFocusTrapReturn {\n  const { containerRef, active } = options\n  const restoreFocus = options.restoreFocus ?? true\n  let previouslyFocused: HTMLElement | null = null\n\n  function getFocusableElements(): HTMLElement[] {\n    if (!containerRef.value) return []\n    // Roving tabindex (inactive tabs/rail items) stays out of the Tab cycle. Checking\n    // the attribute directly (rather than the `.tabIndex` IDL property) avoids relying\n    // on a browser/engine's default-tabindex computation for freshly-patched elements.\n    return Array.from(containerRef.value.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR))\n      .filter((el) => el.getAttribute('tabindex') !== '-1')\n  }\n\n  function handleKeydown(event: KeyboardEvent) {\n    if (event.key !== 'Tab' || !active.value || !containerRef.value) return\n\n    const focusable = getFocusableElements()\n    if (focusable.length === 0) {\n      event.preventDefault()\n      return\n    }\n\n    const first = focusable[0]\n    const last = focusable[focusable.length - 1]\n\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault()\n      last.focus()\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n\n  // `immediate` so a container mounted already active (`v-if` + a constant\n  // `modelValue`) still takes focus. `flush: 'sync'` so releasing the trap from `onBeforeUnmount` restores focus\n  // before the component's reactive scope is torn down — a batched (default\n  // 'pre') watcher would be scheduled but never flushed once that scope stops.\n  watch(active, async (isActive) => {\n    if (isActive) {\n      previouslyFocused = document.activeElement as HTMLElement | null\n      await nextTick()\n      // Like <dialog>: an [autofocus] descendant wins over the first focusable element.\n      const target = containerRef.value?.querySelector<HTMLElement>('[autofocus]') ?? getFocusableElements()[0]\n      if (target) {\n        target.focus()\n      } else {\n        containerRef.value?.focus()\n      }\n    } else {\n      if (restoreFocus) previouslyFocused?.focus()\n      previouslyFocused = null\n    }\n  }, { flush: 'sync', immediate: true })\n\n  useEventListener(() => document, 'keydown', handleKeydown)\n\n  return { getFocusableElements }\n}\n","<script lang=\"ts\">\n/** Open modals, oldest first; shared by every BaseModal instance. */\nconst openModals: object[] = []\n</script>\n\n<script setup lang=\"ts\">\n/** Modal dialog with backdrop, focus trap, Escape-to-close, and configurable size/variant/layout. */\nimport { computed, ref, toRef, watch, onUnmounted, type ComponentPublicInstance } from 'vue'\nimport type { ModalLayout, ModalSize, ModalTab, ModalVariant } from '../types'\nimport { useEventListener } from '../composables/useEventListener'\nimport { useFocusTrap } from '../composables/useFocusTrap'\n\nexport interface Props {\n  modelValue: boolean\n  title?: string\n  subtitle?: string\n  size?: ModalSize\n  variant?: ModalVariant\n  closable?: boolean\n  closeOnOverlay?: boolean\n  closeOnEscape?: boolean\n  /**\n   * Shell layout. 'tabs' renders a tab strip between header and body;\n   * 'rail' renders a sidebar rail + pane as the shell's middle row.\n   * Both are shell regions — never part of the scrolling body content.\n   */\n  layout?: ModalLayout\n  /** Sections for the tab strip / rail. The strip renders only with 2+ tabs. */\n  tabs?: ModalTab[]\n  /** Id of the selected tab. Two-way bindable via update:activeTab. */\n  activeTab?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'centered',\n  closable: true,\n  closeOnOverlay: false,\n  closeOnEscape: true,\n  layout: 'plain',\n  tabs: () => [],\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  'update:activeTab': [id: string]\n  close: []\n}>()\n\nconst activeTabMeta = computed(() => props.tabs.find((tab) => tab.id === props.activeTab))\n\n/** Roving tabindex; with no active tab (e.g. a search is showing) the first tab stays reachable. */\nfunction isTabStop(tab: ModalTab, index: number): boolean {\n  return activeTabMeta.value ? tab.id === props.activeTab : index === 0\n}\n\n/** A rail section heading goes before the first tab of each run of one `section`. */\nfunction startsSection(index: number): boolean {\n  const section = props.tabs[index].section\n  return !!section && section !== props.tabs[index - 1]?.section\n}\n\nconst tabButtonRefs = new Map<string, HTMLElement>()\n\nfunction setTabButtonRef(id: string, el: Element | ComponentPublicInstance | null) {\n  if (el instanceof HTMLElement) {\n    tabButtonRefs.set(id, el)\n  } else {\n    tabButtonRefs.delete(id)\n  }\n}\n\nfunction selectTab(tab: ModalTab) {\n  if (tab.disabled || tab.id === props.activeTab) return\n  emit('update:activeTab', tab.id)\n}\n\n/** ARIA tablist keyboard contract: arrows move selection to the next non-disabled tab, wrapping. */\nfunction focusTab(delta: number) {\n  const enabled = props.tabs.filter((tab) => !tab.disabled)\n  if (enabled.length === 0) return\n  const currentIndex = enabled.findIndex((tab) => tab.id === props.activeTab)\n  const next = enabled[(currentIndex + delta + enabled.length) % enabled.length]\n  if (!next || next.id === props.activeTab) return\n  emit('update:activeTab', next.id)\n  tabButtonRefs.get(next.id)?.focus()\n}\n\nfunction isPathIcon(icon: ModalTab['icon']): icon is string | string[] {\n  if (!icon) return false\n  return Array.isArray(icon) || icon.trim().startsWith('M') || icon.trim().startsWith('m')\n}\n\nconst containerRef = ref<HTMLElement | null>(null)\n\nuseFocusTrap({ containerRef, active: toRef(props, 'modelValue') })\n\nwatch(() => props.modelValue, (isOpen) => {\n  document.body.style.overflow = isOpen ? 'hidden' : ''\n})\n\n// Every open modal listens on document, so only the most recently opened one answers Escape.\nconst self = {}\nwatch(() => props.modelValue, (isOpen) => {\n  const index = openModals.indexOf(self)\n  if (isOpen && index === -1) openModals.push(self)\n  if (!isOpen && index !== -1) openModals.splice(index, 1)\n}, { immediate: true })\n\nfunction handleEscapeKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape' && props.closeOnEscape && props.modelValue && openModals[openModals.length - 1] === self) {\n    close()\n  }\n}\n\nfunction close() {\n  if (props.closable) {\n    emit('update:modelValue', false)\n    emit('close')\n  }\n}\n\nfunction handleOverlayClick(event: MouseEvent) {\n  if (props.closeOnOverlay && event.target === event.currentTarget) {\n    close()\n  }\n}\n\nuseEventListener(() => document, 'keydown', handleEscapeKeydown)\n\nonUnmounted(() => {\n  document.body.style.overflow = ''\n  const index = openModals.indexOf(self)\n  if (index !== -1) openModals.splice(index, 1)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition :name=\"`modal-${variant}`\">\n      <div\n        v-if=\"modelValue\"\n        :class=\"['mint-modal', `mint-modal--${variant}`]\"\n        @click=\"handleOverlayClick\"\n      >\n        <!-- Overlay -->\n        <div class=\"mint-modal__overlay\" />\n\n        <!-- Modal -->\n        <div\n          ref=\"containerRef\"\n          :class=\"[\n            'mint-modal__container',\n            `mint-modal__container--${size}`,\n            `mint-modal__container--${variant}`,\n            `mint-modal__container--${layout}`,\n          ]\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          tabindex=\"-1\"\n        >\n          <!-- Sheet grab-hint bar (sheet variant only) -->\n          <div v-if=\"variant === 'sheet'\" class=\"mint-modal__grab-hint\" aria-hidden=\"true\" />\n\n          <!-- Header -->\n          <div v-if=\"title || subtitle || closable || $slots.header\" class=\"mint-modal__header\">\n            <div v-if=\"title || subtitle || $slots.header\" class=\"mint-modal__header-text\">\n              <slot name=\"header\">\n                <h3 v-if=\"title\" class=\"mint-modal__title\">\n                  {{ title }}\n                </h3>\n                <p v-if=\"subtitle\" class=\"mint-modal__subtitle\">\n                  {{ subtitle }}\n                </p>\n              </slot>\n            </div>\n            <button\n              v-if=\"closable\"\n              type=\"button\"\n              class=\"mint-modal__close\"\n              aria-label=\"Close modal\"\n              @click=\"close\"\n            >\n              <svg class=\"mint-modal__close-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n                <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n              </svg>\n            </button>\n          </div>\n\n          <!-- Tab strip — a shell region between header and body, flush with the modal edges -->\n          <div\n            v-if=\"layout === 'tabs' && tabs.length > 1\"\n            class=\"mint-modal__tabs\"\n            role=\"tablist\"\n          >\n            <button\n              v-for=\"(tab, index) in tabs\"\n              :key=\"tab.id\"\n              :ref=\"(el) => setTabButtonRef(tab.id, el)\"\n              type=\"button\"\n              role=\"tab\"\n              :aria-selected=\"activeTab === tab.id\"\n              :aria-disabled=\"tab.disabled || undefined\"\n              :tabindex=\"isTabStop(tab, index) ? 0 : -1\"\n              :class=\"['mint-modal__tab', {\n                'mint-modal__tab--active': activeTab === tab.id,\n                'mint-modal__tab--disabled': tab.disabled,\n              }]\"\n              @click=\"selectTab(tab)\"\n              @keydown.left.prevent=\"focusTab(-1)\"\n              @keydown.right.prevent=\"focusTab(1)\"\n            >\n              {{ tab.label }}\n              <span v-if=\"tab.meta\" class=\"mint-modal__tab-meta\">{{ tab.meta }}</span>\n            </button>\n          </div>\n\n          <!-- Rail layout: rail column + pane are the shell's middle row -->\n          <div v-if=\"layout === 'rail'\" class=\"mint-modal__split\">\n            <div class=\"mint-modal__rail\" role=\"tablist\" aria-orientation=\"vertical\">\n              <div class=\"mint-modal__rail-items\">\n                <template v-for=\"(tab, index) in tabs\" :key=\"tab.id\">\n                  <template v-if=\"startsSection(index)\">\n                    <div v-if=\"index > 0\" class=\"mint-modal__rail-divider\" aria-hidden=\"true\" />\n                    <span class=\"mint-modal__rail-section\" aria-hidden=\"true\">{{ tab.section }}</span>\n                  </template>\n                  <button\n                    :ref=\"(el) => setTabButtonRef(tab.id, el)\"\n                    type=\"button\"\n                    role=\"tab\"\n                    :aria-selected=\"activeTab === tab.id\"\n                    :aria-disabled=\"tab.disabled || undefined\"\n                    :tabindex=\"isTabStop(tab, index) ? 0 : -1\"\n                    :class=\"['mint-modal__rail-item', {\n                      'mint-modal__rail-item--active': activeTab === tab.id,\n                      'mint-modal__rail-item--disabled': tab.disabled,\n                    }]\"\n                    @click=\"selectTab(tab)\"\n                    @keydown.up.prevent=\"focusTab(-1)\"\n                    @keydown.down.prevent=\"focusTab(1)\"\n                  >\n                    <span v-if=\"tab.icon\" class=\"mint-modal__rail-item-icon\" aria-hidden=\"true\">\n                      <svg\n                        v-if=\"isPathIcon(tab.icon)\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                      >\n                        <template v-if=\"Array.isArray(tab.icon)\">\n                          <path v-for=\"(d, index) in tab.icon\" :key=\"index\" :d=\"d\" />\n                        </template>\n                        <path v-else :d=\"tab.icon\" />\n                      </svg>\n                      <!-- Trusted, author-controlled markup only — same contract as SettingsTab.icon. -->\n                      <span v-else v-html=\"tab.icon\" />\n                    </span>\n                    <span class=\"mint-modal__rail-item-text\">\n                      <span class=\"mint-modal__rail-item-label\">{{ tab.label }}</span>\n                      <span v-if=\"tab.description\" class=\"mint-modal__rail-item-description\">{{ tab.description }}</span>\n                    </span>\n                    <span v-if=\"tab.meta\" class=\"mint-modal__rail-item-meta\">{{ tab.meta }}</span>\n                  </button>\n                </template>\n              </div>\n              <!-- Quiet rail-bottom action (e.g. Log out) -->\n              <slot name=\"rail-footer\" />\n            </div>\n\n            <section\n              class=\"mint-modal__pane\"\n              role=\"tabpanel\"\n              :aria-label=\"activeTabMeta?.label\"\n              tabindex=\"0\"\n            >\n              <header v-if=\"$slots['pane-header'] || activeTabMeta?.label\" class=\"mint-modal__pane-header\">\n                <!-- Replaces the default title + subtitle, e.g. to add pane actions. -->\n                <slot name=\"pane-header\" :tab=\"activeTabMeta\">\n                  <h4 class=\"mint-modal__pane-title\">{{ activeTabMeta?.label }}</h4>\n                  <p v-if=\"activeTabMeta?.description\" class=\"mint-modal__pane-subtitle\">\n                    {{ activeTabMeta.description }}\n                  </p>\n                </slot>\n              </header>\n              <div class=\"mint-modal__pane-body\">\n                <slot />\n              </div>\n            </section>\n          </div>\n\n          <!-- Body -->\n          <div\n            v-else\n            :class=\"['mint-modal__body', layout === 'tabs' ? 'mint-modal__body--tabbed' : null]\"\n          >\n            <slot />\n          </div>\n\n          <!-- Footer -->\n          <div v-if=\"$slots.footer\" class=\"mint-modal__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n","<script lang=\"ts\">\n/** Open modals, oldest first; shared by every BaseModal instance. */\nconst openModals: object[] = []\n</script>\n\n<script setup lang=\"ts\">\n/** Modal dialog with backdrop, focus trap, Escape-to-close, and configurable size/variant/layout. */\nimport { computed, ref, toRef, watch, onUnmounted, type ComponentPublicInstance } from 'vue'\nimport type { ModalLayout, ModalSize, ModalTab, ModalVariant } from '../types'\nimport { useEventListener } from '../composables/useEventListener'\nimport { useFocusTrap } from '../composables/useFocusTrap'\n\nexport interface Props {\n  modelValue: boolean\n  title?: string\n  subtitle?: string\n  size?: ModalSize\n  variant?: ModalVariant\n  closable?: boolean\n  closeOnOverlay?: boolean\n  closeOnEscape?: boolean\n  /**\n   * Shell layout. 'tabs' renders a tab strip between header and body;\n   * 'rail' renders a sidebar rail + pane as the shell's middle row.\n   * Both are shell regions — never part of the scrolling body content.\n   */\n  layout?: ModalLayout\n  /** Sections for the tab strip / rail. The strip renders only with 2+ tabs. */\n  tabs?: ModalTab[]\n  /** Id of the selected tab. Two-way bindable via update:activeTab. */\n  activeTab?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'centered',\n  closable: true,\n  closeOnOverlay: false,\n  closeOnEscape: true,\n  layout: 'plain',\n  tabs: () => [],\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  'update:activeTab': [id: string]\n  close: []\n}>()\n\nconst activeTabMeta = computed(() => props.tabs.find((tab) => tab.id === props.activeTab))\n\n/** Roving tabindex; with no active tab (e.g. a search is showing) the first tab stays reachable. */\nfunction isTabStop(tab: ModalTab, index: number): boolean {\n  return activeTabMeta.value ? tab.id === props.activeTab : index === 0\n}\n\n/** A rail section heading goes before the first tab of each run of one `section`. */\nfunction startsSection(index: number): boolean {\n  const section = props.tabs[index].section\n  return !!section && section !== props.tabs[index - 1]?.section\n}\n\nconst tabButtonRefs = new Map<string, HTMLElement>()\n\nfunction setTabButtonRef(id: string, el: Element | ComponentPublicInstance | null) {\n  if (el instanceof HTMLElement) {\n    tabButtonRefs.set(id, el)\n  } else {\n    tabButtonRefs.delete(id)\n  }\n}\n\nfunction selectTab(tab: ModalTab) {\n  if (tab.disabled || tab.id === props.activeTab) return\n  emit('update:activeTab', tab.id)\n}\n\n/** ARIA tablist keyboard contract: arrows move selection to the next non-disabled tab, wrapping. */\nfunction focusTab(delta: number) {\n  const enabled = props.tabs.filter((tab) => !tab.disabled)\n  if (enabled.length === 0) return\n  const currentIndex = enabled.findIndex((tab) => tab.id === props.activeTab)\n  const next = enabled[(currentIndex + delta + enabled.length) % enabled.length]\n  if (!next || next.id === props.activeTab) return\n  emit('update:activeTab', next.id)\n  tabButtonRefs.get(next.id)?.focus()\n}\n\nfunction isPathIcon(icon: ModalTab['icon']): icon is string | string[] {\n  if (!icon) return false\n  return Array.isArray(icon) || icon.trim().startsWith('M') || icon.trim().startsWith('m')\n}\n\nconst containerRef = ref<HTMLElement | null>(null)\n\nuseFocusTrap({ containerRef, active: toRef(props, 'modelValue') })\n\nwatch(() => props.modelValue, (isOpen) => {\n  document.body.style.overflow = isOpen ? 'hidden' : ''\n})\n\n// Every open modal listens on document, so only the most recently opened one answers Escape.\nconst self = {}\nwatch(() => props.modelValue, (isOpen) => {\n  const index = openModals.indexOf(self)\n  if (isOpen && index === -1) openModals.push(self)\n  if (!isOpen && index !== -1) openModals.splice(index, 1)\n}, { immediate: true })\n\nfunction handleEscapeKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape' && props.closeOnEscape && props.modelValue && openModals[openModals.length - 1] === self) {\n    close()\n  }\n}\n\nfunction close() {\n  if (props.closable) {\n    emit('update:modelValue', false)\n    emit('close')\n  }\n}\n\nfunction handleOverlayClick(event: MouseEvent) {\n  if (props.closeOnOverlay && event.target === event.currentTarget) {\n    close()\n  }\n}\n\nuseEventListener(() => document, 'keydown', handleEscapeKeydown)\n\nonUnmounted(() => {\n  document.body.style.overflow = ''\n  const index = openModals.indexOf(self)\n  if (index !== -1) openModals.splice(index, 1)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition :name=\"`modal-${variant}`\">\n      <div\n        v-if=\"modelValue\"\n        :class=\"['mint-modal', `mint-modal--${variant}`]\"\n        @click=\"handleOverlayClick\"\n      >\n        <!-- Overlay -->\n        <div class=\"mint-modal__overlay\" />\n\n        <!-- Modal -->\n        <div\n          ref=\"containerRef\"\n          :class=\"[\n            'mint-modal__container',\n            `mint-modal__container--${size}`,\n            `mint-modal__container--${variant}`,\n            `mint-modal__container--${layout}`,\n          ]\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          tabindex=\"-1\"\n        >\n          <!-- Sheet grab-hint bar (sheet variant only) -->\n          <div v-if=\"variant === 'sheet'\" class=\"mint-modal__grab-hint\" aria-hidden=\"true\" />\n\n          <!-- Header -->\n          <div v-if=\"title || subtitle || closable || $slots.header\" class=\"mint-modal__header\">\n            <div v-if=\"title || subtitle || $slots.header\" class=\"mint-modal__header-text\">\n              <slot name=\"header\">\n                <h3 v-if=\"title\" class=\"mint-modal__title\">\n                  {{ title }}\n                </h3>\n                <p v-if=\"subtitle\" class=\"mint-modal__subtitle\">\n                  {{ subtitle }}\n                </p>\n              </slot>\n            </div>\n            <button\n              v-if=\"closable\"\n              type=\"button\"\n              class=\"mint-modal__close\"\n              aria-label=\"Close modal\"\n              @click=\"close\"\n            >\n              <svg class=\"mint-modal__close-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n                <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n              </svg>\n            </button>\n          </div>\n\n          <!-- Tab strip — a shell region between header and body, flush with the modal edges -->\n          <div\n            v-if=\"layout === 'tabs' && tabs.length > 1\"\n            class=\"mint-modal__tabs\"\n            role=\"tablist\"\n          >\n            <button\n              v-for=\"(tab, index) in tabs\"\n              :key=\"tab.id\"\n              :ref=\"(el) => setTabButtonRef(tab.id, el)\"\n              type=\"button\"\n              role=\"tab\"\n              :aria-selected=\"activeTab === tab.id\"\n              :aria-disabled=\"tab.disabled || undefined\"\n              :tabindex=\"isTabStop(tab, index) ? 0 : -1\"\n              :class=\"['mint-modal__tab', {\n                'mint-modal__tab--active': activeTab === tab.id,\n                'mint-modal__tab--disabled': tab.disabled,\n              }]\"\n              @click=\"selectTab(tab)\"\n              @keydown.left.prevent=\"focusTab(-1)\"\n              @keydown.right.prevent=\"focusTab(1)\"\n            >\n              {{ tab.label }}\n              <span v-if=\"tab.meta\" class=\"mint-modal__tab-meta\">{{ tab.meta }}</span>\n            </button>\n          </div>\n\n          <!-- Rail layout: rail column + pane are the shell's middle row -->\n          <div v-if=\"layout === 'rail'\" class=\"mint-modal__split\">\n            <div class=\"mint-modal__rail\" role=\"tablist\" aria-orientation=\"vertical\">\n              <div class=\"mint-modal__rail-items\">\n                <template v-for=\"(tab, index) in tabs\" :key=\"tab.id\">\n                  <template v-if=\"startsSection(index)\">\n                    <div v-if=\"index > 0\" class=\"mint-modal__rail-divider\" aria-hidden=\"true\" />\n                    <span class=\"mint-modal__rail-section\" aria-hidden=\"true\">{{ tab.section }}</span>\n                  </template>\n                  <button\n                    :ref=\"(el) => setTabButtonRef(tab.id, el)\"\n                    type=\"button\"\n                    role=\"tab\"\n                    :aria-selected=\"activeTab === tab.id\"\n                    :aria-disabled=\"tab.disabled || undefined\"\n                    :tabindex=\"isTabStop(tab, index) ? 0 : -1\"\n                    :class=\"['mint-modal__rail-item', {\n                      'mint-modal__rail-item--active': activeTab === tab.id,\n                      'mint-modal__rail-item--disabled': tab.disabled,\n                    }]\"\n                    @click=\"selectTab(tab)\"\n                    @keydown.up.prevent=\"focusTab(-1)\"\n                    @keydown.down.prevent=\"focusTab(1)\"\n                  >\n                    <span v-if=\"tab.icon\" class=\"mint-modal__rail-item-icon\" aria-hidden=\"true\">\n                      <svg\n                        v-if=\"isPathIcon(tab.icon)\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                        stroke-linecap=\"round\"\n                        stroke-linejoin=\"round\"\n                      >\n                        <template v-if=\"Array.isArray(tab.icon)\">\n                          <path v-for=\"(d, index) in tab.icon\" :key=\"index\" :d=\"d\" />\n                        </template>\n                        <path v-else :d=\"tab.icon\" />\n                      </svg>\n                      <!-- Trusted, author-controlled markup only — same contract as SettingsTab.icon. -->\n                      <span v-else v-html=\"tab.icon\" />\n                    </span>\n                    <span class=\"mint-modal__rail-item-text\">\n                      <span class=\"mint-modal__rail-item-label\">{{ tab.label }}</span>\n                      <span v-if=\"tab.description\" class=\"mint-modal__rail-item-description\">{{ tab.description }}</span>\n                    </span>\n                    <span v-if=\"tab.meta\" class=\"mint-modal__rail-item-meta\">{{ tab.meta }}</span>\n                  </button>\n                </template>\n              </div>\n              <!-- Quiet rail-bottom action (e.g. Log out) -->\n              <slot name=\"rail-footer\" />\n            </div>\n\n            <section\n              class=\"mint-modal__pane\"\n              role=\"tabpanel\"\n              :aria-label=\"activeTabMeta?.label\"\n              tabindex=\"0\"\n            >\n              <header v-if=\"$slots['pane-header'] || activeTabMeta?.label\" class=\"mint-modal__pane-header\">\n                <!-- Replaces the default title + subtitle, e.g. to add pane actions. -->\n                <slot name=\"pane-header\" :tab=\"activeTabMeta\">\n                  <h4 class=\"mint-modal__pane-title\">{{ activeTabMeta?.label }}</h4>\n                  <p v-if=\"activeTabMeta?.description\" class=\"mint-modal__pane-subtitle\">\n                    {{ activeTabMeta.description }}\n                  </p>\n                </slot>\n              </header>\n              <div class=\"mint-modal__pane-body\">\n                <slot />\n              </div>\n            </section>\n          </div>\n\n          <!-- Body -->\n          <div\n            v-else\n            :class=\"['mint-modal__body', layout === 'tabs' ? 'mint-modal__body--tabbed' : null]\"\n          >\n            <slot />\n          </div>\n\n          <!-- Footer -->\n          <div v-if=\"$slots.footer\" class=\"mint-modal__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n","import type { DatePreset, ExperimentStatus, SelectOption, PillVariant } from '../types'\n\ninterface ExperimentCodeSource {\n  id?: number | null\n  experiment_code?: string | null\n}\n\nexport function formatExperimentDate(dateStr: string): string {\n  try {\n    return new Date(dateStr).toLocaleDateString(undefined, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n    })\n  } catch {\n    return dateStr\n  }\n}\n\nexport function datePresetToISO(preset: DatePreset): string {\n  const now = new Date()\n  const days = preset === 'last_7_days' ? 7 : preset === 'last_30_days' ? 30 : 90\n  const d = new Date(now.getTime() - days * 86_400_000)\n  return d.toISOString()\n}\n\nexport const EXPERIMENT_STATUS_OPTIONS: SelectOption<string>[] = [\n  { value: '', label: 'All statuses' },\n  { value: 'planned', label: 'Planned' },\n  { value: 'ongoing', label: 'Ongoing' },\n  { value: 'completed', label: 'Completed' },\n  { value: 'cancelled', label: 'Cancelled' },\n]\n\nexport const EXPERIMENT_STATUS_VARIANT_MAP: Record<ExperimentStatus, PillVariant> = {\n  planned: 'default',\n  ongoing: 'primary',\n  completed: 'success',\n  cancelled: 'error',\n}\n\nexport const EXPERIMENT_STATUS_LABELS: Record<ExperimentStatus, string> = {\n  planned: 'Planned',\n  ongoing: 'Ongoing',\n  completed: 'Completed',\n  cancelled: 'Cancelled',\n}\n\nexport function formatExperimentStatus(status?: ExperimentStatus | string | null): string {\n  if (!status) return ''\n  if (status in EXPERIMENT_STATUS_LABELS) {\n    return EXPERIMENT_STATUS_LABELS[status as ExperimentStatus]\n  }\n  const label = String(status).replace(/[-_]+/g, ' ').trim()\n  return label ? label.replace(/^\\w/, c => c.toUpperCase()) : ''\n}\n\nexport function getExperimentStatusVariant(status?: ExperimentStatus | string | null): PillVariant {\n  if (status && status in EXPERIMENT_STATUS_VARIANT_MAP) {\n    return EXPERIMENT_STATUS_VARIANT_MAP[status as ExperimentStatus]\n  }\n  return 'default'\n}\n\nexport function resolveExperimentCode(experiment: ExperimentCodeSource): string | undefined {\n  if (experiment.experiment_code) return experiment.experiment_code\n  return undefined\n}\n\n// Mirrors vue-router's LocationQuery, whose array members are `string | null`.\n// Declaring `string[]` here made the helper reject the very type every caller\n// passes it, so keep this assignable from LocationQuery without importing\n// vue-router (the SDK does not depend on it).\ntype RouteQueryValue = string | null | undefined | readonly (string | null | undefined)[]\ntype RouteQueryLike = Record<string, RouteQueryValue>\n\n/**\n * Reads the experiment id a deep link was opened with.\n *\n * Returns an id and never a label: a display name belongs to the platform, so\n * callers must resolve it (see `useExperimentStore().selectById`) rather than\n * derive one from the query or the id itself.\n */\nexport function experimentIdFromRoute(query: RouteQueryLike): number | null {\n  const raw = query.experiment_id ?? query.experimentId\n  const value = Array.isArray(raw) ? raw.find(item => typeof item === 'string') : raw\n  if (typeof value !== 'string' || !value) return null\n  const id = Number(value)\n  return Number.isInteger(id) && id > 0 ? id : null\n}\n\nexport const DATE_PRESET_OPTIONS: SelectOption<string>[] = [\n  { value: '', label: 'Any time' },\n  { value: 'last_7_days', label: 'Last 7 days' },\n  { value: 'last_30_days', label: 'Last 30 days' },\n  { value: 'last_90_days', label: 'Last 90 days' },\n]\n\nexport const SORT_OPTIONS: SelectOption<string>[] = [\n  { value: 'created_at:desc', label: 'Newest first' },\n  { value: 'created_at:asc', label: 'Oldest first' },\n  { value: 'updated_at:desc', label: 'Recently updated' },\n  { value: 'name:asc', label: 'Name A\\u2013Z' },\n  { value: 'name:desc', label: 'Name Z\\u2013A' },\n]\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -11,6 +11,8 @@ export * from './generated/schema';
 export * from './lcms';
 export { hexToHsl, hslToHex, deriveShade, type Hsl, } from './utils/color';
 export { PLUGIN_SECRET_FORMAT_KEY, PLUGIN_SECRET_FORMAT_REF, PLUGIN_SECRET_REF_KEY, clearPluginSecret, isPluginSecretLocked, isPluginSecretRef, keepPluginSecret, pluginSecretId, pluginSecretLabel, pluginSecretState, setPluginSecret, usesPluginSecretReferences, type PluginSecretRef, type PluginSecretState, } from './utils/pluginSecrets';
+export { sampleTypeMarker, type SampleMarkerType, type SampleTypeMarker, } from './utils/sampleTypeMarker';
+export { mintPlotlyTemplate } from './utils/plotlyTemplate';
 export { LCMS_DEFAULT_CONTROL_POSITIONS, createLcmsControlWellEditData, getLcmsDefaultControlWellId, lcmsPlateCellsToRack, lcmsPlateCellsToRacks, lcmsPlateTypeToRackFormat, lcmsWellId, parseLcmsWellId, rackFormatToLcmsPlateType, rackToLcmsPlateCells, racksToLcmsPlateCells, type LcmsControlSampleType, type LcmsPlateCell, type LcmsPlateCellsToRackOptions, type LcmsPlateCellsToRacksOptions, type LcmsPlateType, } from './utils/rack';
 export * from './templates';
 export type * from './types';