@morscherlab/mint-sdk 1.3.9 → 1.4.0-beta.2

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

@@ -1,13 +1,24 @@
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, watch, withCtx, withKeys, withModifiers } from "vue";
-//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = ["type", "disabled"];
-var _hoisted_2$1 = {
-	key: 0,
-	class: "mint-button__spinner",
-	fill: "none",
-	viewBox: "0 0 24 24"
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRef, useSlots, watch, withCtx, withKeys, withModifiers } from "vue";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
 };
 //#endregion
+//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = [
+	"type",
+	"disabled",
+	"aria-label",
+	"title"
+];
+//#endregion
 //#region src/components/BaseButton.vue
 var BaseButton_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseButton",
@@ -26,13 +37,28 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 		fullWidth: {
 			type: Boolean,
 			default: false
-		}
+		},
+		icon: { default: void 0 },
+		label: { default: void 0 }
 	},
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
-		/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */
+		/**
+		* Renders a styled `<button>` with variant, size, loading spinner, and full-width options.
+		* With `icon` and no default slot it is a square icon-only button; `label` is then its accessible name.
+		*
+		* @example
+		* ```vue
+		* <BaseButton variant="primary" :loading="busy">Save</BaseButton>
+		* <BaseButton :icon="Plus">Add sample</BaseButton>
+		* <BaseButton variant="ghost" :icon="Trash2" label="Delete" />
+		* ```
+		*/
 		const props = __props;
 		const emit = __emit;
+		const slots = useSlots();
+		const iconOnly = computed(() => Boolean(props.icon) && !slots.default);
+		const block = computed(() => iconOnly.value ? "mint-icon-button" : "mint-button");
 		function handleClick(event) {
 			if (!props.disabled && !props.loading) emit("click", event);
 		}
@@ -40,16 +66,23 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("button", {
 				type: __props.type,
 				disabled: __props.disabled || __props.loading,
+				"aria-label": iconOnly.value ? __props.label : void 0,
+				title: iconOnly.value ? __props.label : void 0,
 				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" : ""
+					block.value,
+					`${block.value}--${__props.variant}`,
+					`${block.value}--${__props.size}`,
+					__props.fullWidth && !iconOnly.value ? "mint-button--full-width" : "",
+					__props.disabled || __props.loading ? `${block.value}--disabled` : ""
 				]),
 				onClick: handleClick
 			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$1, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				__props.loading ? (openBlock(), createElementBlock("svg", {
+					key: 0,
+					class: normalizeClass(iconOnly.value ? ["mint-icon-button__spinner", `mint-icon-button__icon--${__props.size}`] : "mint-button__spinner"),
+					fill: "none",
+					viewBox: "0 0 24 24"
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 					style: { "opacity": "0.25" },
 					cx: "12",
 					cy: "12",
@@ -60,10 +93,21 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 					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, "icon-left"),
-				renderSlot(_ctx.$slots, "default"),
-				renderSlot(_ctx.$slots, "icon-right")
+				}, null, -1)])], 2)) : createCommentVNode("", true),
+				iconOnly.value && !__props.loading ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(`mint-icon-button__icon--${__props.size}`)
+				}, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { "aria-hidden": "true" }))], 2)) : createCommentVNode("", true),
+				!iconOnly.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
+						key: 0,
+						class: "mint-button__icon",
+						"aria-hidden": "true"
+					})) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "icon-left"),
+					renderSlot(_ctx.$slots, "default"),
+					renderSlot(_ctx.$slots, "icon-right")
+				], 64)) : createCommentVNode("", true)
 			], 10, _hoisted_1$1);
 		};
 	}
@@ -294,7 +338,7 @@ var openModals = [];
 var BaseModal_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseModal",
 	props: {
-		modelValue: { type: Boolean },
+		open: { type: Boolean },
 		title: {},
 		subtitle: {},
 		size: { default: "md" },
@@ -316,7 +360,7 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		activeTab: {}
 	},
 	emits: [
-		"update:modelValue",
+		"update:open",
 		"update:activeTab",
 		"close"
 	],
@@ -359,23 +403,23 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		const containerRef = ref(null);
 		useFocusTrap({
 			containerRef,
-			active: toRef(props, "modelValue")
+			active: toRef(props, "open")
 		});
-		watch(() => props.modelValue, (isOpen) => {
+		watch(() => props.open, (isOpen) => {
 			document.body.style.overflow = isOpen ? "hidden" : "";
 		});
 		const self = {};
-		watch(() => props.modelValue, (isOpen) => {
+		watch(() => props.open, (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 && openModals[openModals.length - 1] === self) close();
+			if (event.key === "Escape" && props.closeOnEscape && props.open && openModals[openModals.length - 1] === self) close();
 		}
 		function close() {
 			if (props.closable) {
-				emit("update:modelValue", false);
+				emit("update:open", false);
 				emit("close");
 			}
 		}
@@ -390,7 +434,7 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: `modal-${__props.variant}` }, {
-				default: withCtx(() => [__props.modelValue ? (openBlock(), createElementBlock("div", {
+				default: withCtx(() => [__props.open ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(["mint-modal", `mint-modal--${__props.variant}`]),
 					onClick: handleOverlayClick
@@ -489,125 +533,6 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/composables/experiment-utils.ts
-function formatExperimentDate(dateStr) {
-	try {
-		return new Date(dateStr).toLocaleDateString(void 0, {
-			year: "numeric",
-			month: "short",
-			day: "numeric"
-		});
-	} catch {
-		return dateStr;
-	}
-}
-function datePresetToISO(preset) {
-	const now = /* @__PURE__ */ new Date();
-	const days = preset === "last_7_days" ? 7 : preset === "last_30_days" ? 30 : 90;
-	return (/* @__PURE__ */ new Date(now.getTime() - days * 864e5)).toISOString();
-}
-var EXPERIMENT_STATUS_OPTIONS = [
-	{
-		value: "",
-		label: "All statuses"
-	},
-	{
-		value: "planned",
-		label: "Planned"
-	},
-	{
-		value: "ongoing",
-		label: "Ongoing"
-	},
-	{
-		value: "completed",
-		label: "Completed"
-	},
-	{
-		value: "cancelled",
-		label: "Cancelled"
-	}
-];
-var EXPERIMENT_STATUS_VARIANT_MAP = {
-	planned: "default",
-	ongoing: "primary",
-	completed: "success",
-	cancelled: "error"
-};
-var EXPERIMENT_STATUS_LABELS = {
-	planned: "Planned",
-	ongoing: "Ongoing",
-	completed: "Completed",
-	cancelled: "Cancelled"
-};
-function formatExperimentStatus(status) {
-	if (!status) return "";
-	if (status in EXPERIMENT_STATUS_LABELS) return EXPERIMENT_STATUS_LABELS[status];
-	const label = String(status).replace(/[-_]+/g, " ").trim();
-	return label ? label.replace(/^\w/, (c) => c.toUpperCase()) : "";
-}
-function getExperimentStatusVariant(status) {
-	if (status && status in EXPERIMENT_STATUS_VARIANT_MAP) return EXPERIMENT_STATUS_VARIANT_MAP[status];
-	return "default";
-}
-function resolveExperimentCode(experiment) {
-	if (experiment.experiment_code) return experiment.experiment_code;
-}
-/**
-* Reads the experiment id a deep link was opened with.
-*
-* Returns an id and never a label: a display name belongs to the platform, so
-* callers must resolve it (see `useExperimentStore().selectById`) rather than
-* derive one from the query or the id itself.
-*/
-function experimentIdFromRoute(query) {
-	const raw = query.experiment_id ?? query.experimentId;
-	const value = Array.isArray(raw) ? raw.find((item) => typeof item === "string") : raw;
-	if (typeof value !== "string" || !value) return null;
-	const id = Number(value);
-	return Number.isInteger(id) && id > 0 ? id : null;
-}
-var DATE_PRESET_OPTIONS = [
-	{
-		value: "",
-		label: "Any time"
-	},
-	{
-		value: "last_7_days",
-		label: "Last 7 days"
-	},
-	{
-		value: "last_30_days",
-		label: "Last 30 days"
-	},
-	{
-		value: "last_90_days",
-		label: "Last 90 days"
-	}
-];
-var SORT_OPTIONS = [
-	{
-		value: "created_at:desc",
-		label: "Newest first"
-	},
-	{
-		value: "created_at:asc",
-		label: "Oldest first"
-	},
-	{
-		value: "updated_at:desc",
-		label: "Recently updated"
-	},
-	{
-		value: "name:asc",
-		label: "Name A–Z"
-	},
-	{
-		value: "name:desc",
-		label: "Name Z–A"
-	}
-];
-//#endregion
-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 };
+export { __exportAll as a, BaseButton_default as i, useFocusTrap as n, useEventListener as r, BaseModal_default as t };
 
-//# sourceMappingURL=experiment-utils-DTANyVKV.js.map
+//# sourceMappingURL=BaseModal-DfRIuVoj.js.map

package/dist/BaseModal-DfRIuVoj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModal-DfRIuVoj.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"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Renders a styled `<button>` with variant, size, loading spinner, and full-width options.\n * With `icon` and no default slot it is a square icon-only button; `label` is then its accessible name.\n *\n * @example\n * ```vue\n * <BaseButton variant=\"primary\" :loading=\"busy\">Save</BaseButton>\n * <BaseButton :icon=\"Plus\">Add sample</BaseButton>\n * <BaseButton variant=\"ghost\" :icon=\"Trash2\" label=\"Delete\" />\n * ```\n */\nimport { computed, useSlots, type Component } from 'vue'\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  /** Icon component (for example a lucide icon) rendered before the label, or alone when there is no default slot. */\n  icon?: Component\n  /** Accessible name and tooltip of an icon-only button. */\n  label?: string\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  icon: undefined,\n  label: undefined,\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst slots = useSlots()\nconst iconOnly = computed(() => Boolean(props.icon) && !slots.default)\nconst block = computed(() => (iconOnly.value ? 'mint-icon-button' : 'mint-button'))\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    :aria-label=\"iconOnly ? label : undefined\"\n    :title=\"iconOnly ? label : undefined\"\n    :class=\"[\n      block,\n      `${block}--${variant}`,\n      `${block}--${size}`,\n      fullWidth && !iconOnly ? 'mint-button--full-width' : '',\n      (disabled || loading) ? `${block}--disabled` : '',\n    ]\"\n    @click=\"handleClick\"\n  >\n    <svg\n      v-if=\"loading\"\n      :class=\"iconOnly ? ['mint-icon-button__spinner', `mint-icon-button__icon--${size}`] : '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    <span v-if=\"iconOnly && !loading\" :class=\"`mint-icon-button__icon--${size}`\">\n      <component :is=\"icon\" aria-hidden=\"true\" />\n    </span>\n    <template v-if=\"!iconOnly\">\n      <component :is=\"icon\" v-if=\"icon\" class=\"mint-button__icon\" aria-hidden=\"true\" />\n      <slot name=\"icon-left\" />\n      <slot />\n      <slot name=\"icon-right\" />\n    </template>\n  </button>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Renders a styled `<button>` with variant, size, loading spinner, and full-width options.\n * With `icon` and no default slot it is a square icon-only button; `label` is then its accessible name.\n *\n * @example\n * ```vue\n * <BaseButton variant=\"primary\" :loading=\"busy\">Save</BaseButton>\n * <BaseButton :icon=\"Plus\">Add sample</BaseButton>\n * <BaseButton variant=\"ghost\" :icon=\"Trash2\" label=\"Delete\" />\n * ```\n */\nimport { computed, useSlots, type Component } from 'vue'\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  /** Icon component (for example a lucide icon) rendered before the label, or alone when there is no default slot. */\n  icon?: Component\n  /** Accessible name and tooltip of an icon-only button. */\n  label?: string\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  icon: undefined,\n  label: undefined,\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst slots = useSlots()\nconst iconOnly = computed(() => Boolean(props.icon) && !slots.default)\nconst block = computed(() => (iconOnly.value ? 'mint-icon-button' : 'mint-button'))\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    :aria-label=\"iconOnly ? label : undefined\"\n    :title=\"iconOnly ? label : undefined\"\n    :class=\"[\n      block,\n      `${block}--${variant}`,\n      `${block}--${size}`,\n      fullWidth && !iconOnly ? 'mint-button--full-width' : '',\n      (disabled || loading) ? `${block}--disabled` : '',\n    ]\"\n    @click=\"handleClick\"\n  >\n    <svg\n      v-if=\"loading\"\n      :class=\"iconOnly ? ['mint-icon-button__spinner', `mint-icon-button__icon--${size}`] : '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    <span v-if=\"iconOnly && !loading\" :class=\"`mint-icon-button__icon--${size}`\">\n      <component :is=\"icon\" aria-hidden=\"true\" />\n    </span>\n    <template v-if=\"!iconOnly\">\n      <component :is=\"icon\" v-if=\"icon\" class=\"mint-button__icon\" aria-hidden=\"true\" />\n      <slot name=\"icon-left\" />\n      <slot />\n      <slot name=\"icon-right\" />\n    </template>\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  open: 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:open': [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, 'open') })\n\nwatch(() => props.open, (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.open, (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.open && openModals[openModals.length - 1] === self) {\n    close()\n  }\n}\n\nfunction close() {\n  if (props.closable) {\n    emit('update:open', 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=\"open\"\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  open: 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:open': [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, 'open') })\n\nwatch(() => props.open, (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.open, (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.open && openModals[openModals.length - 1] === self) {\n    close()\n  }\n}\n\nfunction close() {\n  if (props.closable) {\n    emit('update:open', 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=\"open\"\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"],"mappings":"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"}

package/dist/ConfirmDialog-CJ7hqYUP.js

@@ -0,0 +1,102 @@
+import { i as BaseButton_default, t as BaseModal_default } from "./BaseModal-DfRIuVoj.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
+//#region src/components/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mint-confirm" };
+var _hoisted_2 = {
+	key: 1,
+	class: "mint-confirm__message"
+};
+var _hoisted_3 = { class: "mint-confirm__footer" };
+//#endregion
+//#region src/components/ConfirmDialog.vue
+var ConfirmDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "ConfirmDialog",
+	props: {
+		open: { type: Boolean },
+		title: { default: "Confirm" },
+		subtitle: {},
+		message: {},
+		tone: { default: "error" },
+		confirmLabel: { default: "Confirm" },
+		cancelLabel: { default: "Cancel" },
+		loading: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update:open",
+		"confirm",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		/** Confirm/cancel dialog whose `tone` colors the confirm button; blocks close while loading. */
+		const props = __props;
+		const emit = __emit;
+		function handleCancel() {
+			emit("update:open", false);
+			emit("cancel");
+		}
+		function handleConfirm() {
+			emit("confirm");
+		}
+		const confirmVariant = computed(() => {
+			if (props.tone === "error") return "danger";
+			if (props.tone === "warning" || props.tone === "cta") return "cta";
+			if (props.tone === "success") return "success";
+			return "primary";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				open: __props.open,
+				title: __props.title,
+				subtitle: __props.subtitle,
+				size: "sm",
+				closable: !__props.loading,
+				"close-on-overlay": !__props.loading,
+				"close-on-escape": !__props.loading,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => emit("update:open", $event))
+			}, {
+				footer: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(BaseButton_default, {
+					type: "button",
+					variant: "secondary",
+					size: "md",
+					disabled: __props.loading,
+					onClick: handleCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelLabel), 1)]),
+					_: 1
+				}, 8, ["disabled"]), createVNode(BaseButton_default, {
+					type: "button",
+					variant: confirmVariant.value,
+					size: "md",
+					loading: __props.loading,
+					onClick: handleConfirm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmLabel), 1)]),
+					_: 1
+				}, 8, ["variant", "loading"])])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					_ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["mint-confirm__icon", `mint-confirm__icon--${__props.tone}`])
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
+					__props.message ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default")
+				])]),
+				_: 3
+			}, 8, [
+				"open",
+				"title",
+				"subtitle",
+				"closable",
+				"close-on-overlay",
+				"close-on-escape"
+			]);
+		};
+	}
+});
+//#endregion
+export { ConfirmDialog_default as t };
+
+//# sourceMappingURL=ConfirmDialog-CJ7hqYUP.js.map

package/dist/ConfirmDialog-CJ7hqYUP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog-CJ7hqYUP.js","names":["$slots"],"sources":["../src/components/ConfirmDialog.vue","../src/components/ConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Confirm/cancel dialog whose `tone` colors the confirm button; blocks close while loading. */\nimport { computed } from 'vue'\nimport type { ButtonVariant, Tone } from '../types'\nimport BaseModal from './BaseModal.vue'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  open: boolean\n  title?: string\n  subtitle?: string\n  message?: string\n  tone?: Tone\n  confirmLabel?: string\n  cancelLabel?: string\n  loading?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Confirm',\n  tone: 'error',\n  confirmLabel: 'Confirm',\n  cancelLabel: 'Cancel',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n  confirm: []\n  cancel: []\n}>()\n\nfunction handleCancel() {\n  emit('update:open', false)\n  emit('cancel')\n}\n\nfunction handleConfirm() {\n  emit('confirm')\n}\n\nconst confirmVariant = computed<ButtonVariant>(() => {\n  if (props.tone === 'error') return 'danger'\n  if (props.tone === 'warning' || props.tone === 'cta') return 'cta'\n  if (props.tone === 'success') return 'success'\n  return 'primary'\n})\n</script>\n\n<template>\n  <BaseModal\n    :open=\"open\"\n    :title=\"title\"\n    :subtitle=\"subtitle\"\n    size=\"sm\"\n    :closable=\"!loading\"\n    :close-on-overlay=\"!loading\"\n    :close-on-escape=\"!loading\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <div class=\"mint-confirm\">\n      <!-- Icon is now opt-in via slot. Refresh design keeps the body focused on\n           the message; tone is carried by the confirm button's color. -->\n      <div\n        v-if=\"$slots.icon\"\n        :class=\"['mint-confirm__icon', `mint-confirm__icon--${tone}`]\"\n      >\n        <slot name=\"icon\" />\n      </div>\n      <p v-if=\"message\" class=\"mint-confirm__message\">{{ message }}</p>\n      <slot />\n    </div>\n\n    <template #footer>\n      <div class=\"mint-confirm__footer\">\n        <BaseButton\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"md\"\n          :disabled=\"loading\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </BaseButton>\n        <BaseButton\n          type=\"button\"\n          :variant=\"confirmVariant\"\n          size=\"md\"\n          :loading=\"loading\"\n          @click=\"handleConfirm\"\n        >\n          {{ confirmLabel }}\n        </BaseButton>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n","<script setup lang=\"ts\">\n/** Confirm/cancel dialog whose `tone` colors the confirm button; blocks close while loading. */\nimport { computed } from 'vue'\nimport type { ButtonVariant, Tone } from '../types'\nimport BaseModal from './BaseModal.vue'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  open: boolean\n  title?: string\n  subtitle?: string\n  message?: string\n  tone?: Tone\n  confirmLabel?: string\n  cancelLabel?: string\n  loading?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Confirm',\n  tone: 'error',\n  confirmLabel: 'Confirm',\n  cancelLabel: 'Cancel',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n  confirm: []\n  cancel: []\n}>()\n\nfunction handleCancel() {\n  emit('update:open', false)\n  emit('cancel')\n}\n\nfunction handleConfirm() {\n  emit('confirm')\n}\n\nconst confirmVariant = computed<ButtonVariant>(() => {\n  if (props.tone === 'error') return 'danger'\n  if (props.tone === 'warning' || props.tone === 'cta') return 'cta'\n  if (props.tone === 'success') return 'success'\n  return 'primary'\n})\n</script>\n\n<template>\n  <BaseModal\n    :open=\"open\"\n    :title=\"title\"\n    :subtitle=\"subtitle\"\n    size=\"sm\"\n    :closable=\"!loading\"\n    :close-on-overlay=\"!loading\"\n    :close-on-escape=\"!loading\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <div class=\"mint-confirm\">\n      <!-- Icon is now opt-in via slot. Refresh design keeps the body focused on\n           the message; tone is carried by the confirm button's color. -->\n      <div\n        v-if=\"$slots.icon\"\n        :class=\"['mint-confirm__icon', `mint-confirm__icon--${tone}`]\"\n      >\n        <slot name=\"icon\" />\n      </div>\n      <p v-if=\"message\" class=\"mint-confirm__message\">{{ message }}</p>\n      <slot />\n    </div>\n\n    <template #footer>\n      <div class=\"mint-confirm__footer\">\n        <BaseButton\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"md\"\n          :disabled=\"loading\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </BaseButton>\n        <BaseButton\n          type=\"button\"\n          :variant=\"confirmVariant\"\n          size=\"md\"\n          :loading=\"loading\"\n          @click=\"handleConfirm\"\n        >\n          {{ confirmLabel }}\n        </BaseButton>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAMb,SAAS,eAAe;GACtB,KAAK,eAAe,KAAK;GACzB,KAAK,QAAQ;EACf;EAEA,SAAS,gBAAgB;GACvB,KAAK,SAAS;EAChB;EAEA,MAAM,iBAAiB,eAA8B;GACnD,IAAI,MAAM,SAAS,SAAS,OAAO;GACnC,IAAI,MAAM,SAAS,aAAa,MAAM,SAAS,OAAO,OAAO;GAC7D,IAAI,MAAM,SAAS,WAAW,OAAO;GACrC,OAAO;EACT,CAAC;;GAIC,OAAA,UAAA,GAAA,YA6CY,mBAAA;IA5CT,MAAM,QAAA;IACN,OAAO,QAAA;IACP,UAAU,QAAA;IACX,MAAK;IACJ,UAAQ,CAAG,QAAA;IACX,oBAAgB,CAAG,QAAA;IACnB,mBAAe,CAAG,QAAA;IAClB,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,MAAM;;IAe7B,QAAM,cAoBT,CAnBN,mBAmBM,OAnBN,YAmBM,CAlBJ,YAQa,oBAAA;KAPX,MAAK;KACL,SAAQ;KACR,MAAK;KACJ,UAAU,QAAA;KACV,SAAO;;KAER,SAAA,cAAiB,CAAd,gBAAA,gBAAA,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;IAEhB,GAAA,GAAA,CAAA,UAAA,CAAA,GAAA,YAQa,oBAAA;KAPX,MAAK;KACJ,SAAS,eAAA;KACV,MAAK;KACJ,SAAS,QAAA;KACT,SAAO;;KAER,SAAA,cAAkB,CAAf,gBAAA,gBAAA,QAAA,YAAY,GAAA,CAAA,CAAA,CAAA;;;IA/BrB,SAAA,cAWM,CAXN,mBAWM,OAXN,YAWM;KAPIA,KAAAA,OAAO,QADf,UAAA,GAAA,mBAKM,OAAA;;MAHH,OAAK,eAAA,CAAA,sBAAA,uBAAgD,QAAA,MAAI,CAAA;KAE1D,GAAA,CAAA,WAAoB,KAAA,QAAA,MAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAEb,QAAA,WAAT,UAAA,GAAA,mBAAiE,KAAjE,YAAiE,gBAAd,QAAA,OAAO,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAC1D,WAAQ,KAAA,QAAA,SAAA"}