@morscherlab/mint-sdk 1.4.0-beta.20 → 1.4.0-beta.22

package/dist/runtime.js

@@ -1,8 +1,8 @@
 import { i as AuthenticationRequiredError, o as useApi } from "./experiment-DyO54FQB.js";
-import { d as isActiveJobStatus, f as isTerminalJobStatus, g as resolveJobCapabilities, h as normalizeJobState, m as normalizeJobPercent, o as resolveCurrentPluginId, p as jobStatusLabel } from "./records-CR_pYzIP.js";
-import { A as useJobsEndpoint, E as GeneratedPathInput_default, _ as getTypeDefault, g as getFieldRegistryEntry, k as createGeneratedAnalysisTransport } from "./useListReorder-CQ9OCScc.js";
-import { a as GeneratedPlotlyResult_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, o as createClient, p as buildEndpointUrl, u as uploadEndpoint } from "./useRackEditor-wL3kPrRT.js";
-import { a as ComponentBindingRenderer_default, c as generatedJobFormSchema, f as useControlWorkspace, i as RuntimeUpdateNotice_default, l as normalizeGeneratedJobInput, m as useJobCenter, n as PresenceAvatars_default, o as GeneratedPluginView_default, p as combinePluginJobSources, r as usePresence, s as generatedJobDefaults } from "./runtime-CoHhBP10.js";
-import { D as useControlSchema, E as getControlDefaults, F as getDefaultControlView, M as controlsTo, O as controlBindings, T as defineControls, d as useForm, l as useFormBuilder, u as evaluateCondition, w as defineControlComponentBindings } from "./AppSidebar-6oTT-gPO.js";
-import { r as useRealtime } from "./useRealtime-C3whhVvb.js";
+import { d as isActiveJobStatus, f as isTerminalJobStatus, g as resolveJobCapabilities, h as normalizeJobState, m as normalizeJobPercent, o as resolveCurrentPluginId, p as jobStatusLabel } from "./records-D4aQXyZu.js";
+import { A as useJobsEndpoint, E as GeneratedPathInput_default, _ as getTypeDefault, g as getFieldRegistryEntry, k as createGeneratedAnalysisTransport } from "./useListReorder-DsuzwWGS.js";
+import { a as GeneratedPlotlyResult_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, o as createClient, p as buildEndpointUrl, u as uploadEndpoint } from "./useRackEditor-KpZ4iJ6o.js";
+import { a as ComponentBindingRenderer_default, c as generatedJobFormSchema, f as useControlWorkspace, i as RuntimeUpdateNotice_default, l as normalizeGeneratedJobInput, m as useJobCenter, n as PresenceAvatars_default, o as GeneratedPluginView_default, p as combinePluginJobSources, r as usePresence, s as generatedJobDefaults } from "./runtime-q-R0CNLh.js";
+import { D as useControlSchema, E as getControlDefaults, F as getDefaultControlView, M as controlsTo, O as controlBindings, T as defineControls, d as useForm, l as useFormBuilder, u as evaluateCondition, w as defineControlComponentBindings } from "./AppSidebar-CZZaxni0.js";
+import { r as useRealtime } from "./useRealtime-B58Lo-Tm.js";
 export { AuthenticationRequiredError, ComponentBindingRenderer_default as ComponentBindingRenderer, GeneratedPathInput_default as GeneratedPathInput, GeneratedPlotlyResult_default as GeneratedPlotlyResult, GeneratedPluginView_default as GeneratedPluginView, GeneratedResultRenderer_default as GeneratedResultRenderer, PresenceAvatars_default as PresenceAvatars, RuntimeUpdateNotice_default as RuntimeUpdateNotice, buildEndpointUrl, combinePluginJobSources, controlBindings, controlsTo, createClient, createGeneratedAnalysisTransport, defineControlComponentBindings, defineControls, downloadEndpoint, evaluateCondition, generatedJobDefaults, generatedJobFormSchema, getControlDefaults, getDefaultControlView, getFieldRegistryEntry, getTypeDefault, isActiveJobStatus, isTerminalJobStatus, jobStatusLabel, normalizeGeneratedJobInput, normalizeJobPercent, normalizeJobState, pluginFormDataFromPayload, resolveCurrentPluginId, resolveJobCapabilities, resolvePluginBaseUrl, uploadEndpoint, useApi, useControlSchema, useControlWorkspace, useEventStream, useForm, useFormBuilder, useJobCenter, useJobsEndpoint, usePresence, useRealtime, useSettingsEndpoint };

package/dist/{shell-BDuZf2zb.js → shell-6CGFvUUw.js}

@@ -1,7 +1,7 @@
-import { i as useEventListener, o as __exportAll, r as useFocusTrap } from "./useDropdownState-Bb2N4m40.js";
-import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-CR_pYzIP.js";
-import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-CQ9OCScc.js";
-import { C as usePluginWorkspace, S as AppLayout_default, _ as provideOnboarding, f as AppTopBar_default, g as defineOnboarding, h as ONBOARDING_KEY, m as ANCHOR_WAIT_MS, t as AppSidebar_default, v as useOnboarding } from "./AppSidebar-6oTT-gPO.js";
+import { i as useEventListener, o as __exportAll, r as useFocusTrap } from "./useDropdownState-uFIz6Yv8.js";
+import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-D4aQXyZu.js";
+import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-DsuzwWGS.js";
+import { C as usePluginWorkspace, S as AppLayout_default, _ as provideOnboarding, f as AppTopBar_default, g as defineOnboarding, h as ONBOARDING_KEY, m as ANCHOR_WAIT_MS, t as AppSidebar_default, v as useOnboarding } from "./AppSidebar-CZZaxni0.js";
 import { t as useDebouncedWatch } from "./useDebouncedWatch-BPwyl6eS.js";
 import { t as useExpansionSet } from "./useExpansionSet-CvoNMZJi.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, shallowRef, toValue, watch } from "vue";
@@ -199,4 +199,4 @@ var shell_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { useManualLayoutResize as a, resizedVerticalSplitPercent as i, resizedLeadingPanelWidth as n, LayoutResizeHandle_default as o, resizedTrailingPanelWidth as r, shell_exports as t };
 
-//# sourceMappingURL=shell-BDuZf2zb.js.map
+//# sourceMappingURL=shell-6CGFvUUw.js.map

package/dist/{shell-BDuZf2zb.js.map → shell-6CGFvUUw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shell-BDuZf2zb.js","names":[],"sources":["../src/components/LayoutResizeHandle.vue","../src/components/LayoutResizeHandle.vue","../src/composables/useManualLayoutResize.ts","../src/shell.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/** Accessible pointer and keyboard handle for resizable workbench panes. */\ninterface Props {\n  modelValue: number\n  min: number\n  max: number\n  label: string\n  orientation: 'vertical' | 'horizontal'\n  edge?: 'left' | 'right'\n  step?: number\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  edge: undefined,\n  step: 10,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n  'resize-start': [event: PointerEvent]\n}>()\n\nfunction update(value: number): void {\n  emit('update:modelValue', Math.min(props.max, Math.max(props.min, value)))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n  const decrement = props.orientation === 'vertical' ? 'ArrowLeft' : 'ArrowUp'\n  const increment = props.orientation === 'vertical' ? 'ArrowRight' : 'ArrowDown'\n  if (event.key === decrement) update(props.modelValue - props.step)\n  else if (event.key === increment) update(props.modelValue + props.step)\n  else if (event.key === 'Home') update(props.min)\n  else if (event.key === 'End') update(props.max)\n  else return\n  event.preventDefault()\n}\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"[\n      'mint-layout-resize-handle',\n      `mint-layout-resize-handle--${orientation}`,\n      edge ? `mint-layout-resize-handle--edge-${edge}` : '',\n    ]\"\n    :aria-label=\"label\"\n    :aria-orientation=\"orientation\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-valuenow=\"modelValue\"\n    :aria-disabled=\"disabled || undefined\"\n    @pointerdown=\"!disabled && emit('resize-start', $event)\"\n    @keydown=\"handleKeydown\"\n  >\n    <span class=\"mint-layout-resize-handle__bar\" aria-hidden=\"true\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Accessible pointer and keyboard handle for resizable workbench panes. */\ninterface Props {\n  modelValue: number\n  min: number\n  max: number\n  label: string\n  orientation: 'vertical' | 'horizontal'\n  edge?: 'left' | 'right'\n  step?: number\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  edge: undefined,\n  step: 10,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n  'resize-start': [event: PointerEvent]\n}>()\n\nfunction update(value: number): void {\n  emit('update:modelValue', Math.min(props.max, Math.max(props.min, value)))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n  const decrement = props.orientation === 'vertical' ? 'ArrowLeft' : 'ArrowUp'\n  const increment = props.orientation === 'vertical' ? 'ArrowRight' : 'ArrowDown'\n  if (event.key === decrement) update(props.modelValue - props.step)\n  else if (event.key === increment) update(props.modelValue + props.step)\n  else if (event.key === 'Home') update(props.min)\n  else if (event.key === 'End') update(props.max)\n  else return\n  event.preventDefault()\n}\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"[\n      'mint-layout-resize-handle',\n      `mint-layout-resize-handle--${orientation}`,\n      edge ? `mint-layout-resize-handle--edge-${edge}` : '',\n    ]\"\n    :aria-label=\"label\"\n    :aria-orientation=\"orientation\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-valuenow=\"modelValue\"\n    :aria-disabled=\"disabled || undefined\"\n    @pointerdown=\"!disabled && emit('resize-start', $event)\"\n    @keydown=\"handleKeydown\"\n  >\n    <span class=\"mint-layout-resize-handle__bar\" aria-hidden=\"true\" />\n  </div>\n</template>\n","import { computed, onBeforeUnmount, shallowRef, toValue, watch, type MaybeRefOrGetter } from 'vue'\n\nexport interface ResizePanelWidthConstraints {\n  minWidth: number\n  maxWidth: number\n  mainMinWidth?: number\n  layoutGap?: number\n}\n\nexport interface ResizePercentConstraints {\n  minPercent: number\n  maxPercent: number\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value))\n}\n\nfunction availablePanelWidth(\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return Math.min(\n    constraints.maxWidth,\n    containerWidth - (constraints.mainMinWidth ?? 0) - (constraints.layoutGap ?? 0),\n  )\n}\n\nexport function resizedLeadingPanelWidth(\n  startWidth: number,\n  deltaX: number,\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return Math.round(clamp(\n    startWidth + deltaX,\n    constraints.minWidth,\n    Math.max(constraints.minWidth, availablePanelWidth(containerWidth, constraints)),\n  ))\n}\n\nexport function resizedTrailingPanelWidth(\n  startWidth: number,\n  deltaX: number,\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return resizedLeadingPanelWidth(startWidth, -deltaX, containerWidth, constraints)\n}\n\nexport function resizedVerticalSplitPercent(\n  startPercent: number,\n  deltaY: number,\n  containerHeight: number,\n  constraints: ResizePercentConstraints,\n): number {\n  if (containerHeight <= 0) return startPercent\n  return Math.round(clamp(\n    startPercent + (deltaY / containerHeight) * 100,\n    constraints.minPercent,\n    constraints.maxPercent,\n  ))\n}\n\nexport interface ManualLayoutResizeContext<TKind extends string> {\n  kind: TKind\n  startValue: number\n  deltaX: number\n  deltaY: number\n  containerRect: DOMRectReadOnly\n  secondaryRect: DOMRectReadOnly | null\n}\n\nexport interface ManualLayoutResizeTarget<TKind extends string> {\n  cursor?: string\n  getContainerElement: () => HTMLElement | null\n  getSecondaryElement?: () => HTMLElement | null\n  getStartValue: () => number\n  onResize: (context: ManualLayoutResizeContext<TKind>) => void\n}\n\n/** Coordinates pointer-driven resizing for one or more layout splitters. */\nexport function useManualLayoutResize<TKind extends string>(options: {\n  enabled: MaybeRefOrGetter<boolean>\n  resolveTarget: (kind: TKind) => ManualLayoutResizeTarget<TKind> | null\n}) {\n  const activeResize = shallowRef<{\n    kind: TKind\n    startClientX: number\n    startClientY: number\n    startValue: number\n    containerRect: DOMRectReadOnly\n    secondaryRect: DOMRectReadOnly | null\n    cursor: string\n  } | null>(null)\n  const isResizing = computed(() => activeResize.value !== null)\n  let previousBodyCursor = ''\n  let previousBodyUserSelect = ''\n\n  function stopResize(): void {\n    if (!activeResize.value) return\n    activeResize.value = null\n    window.removeEventListener('pointermove', handlePointerMove)\n    window.removeEventListener('pointerup', stopResize)\n    window.removeEventListener('pointercancel', stopResize)\n    if (typeof document !== 'undefined') {\n      document.body.style.cursor = previousBodyCursor\n      document.body.style.userSelect = previousBodyUserSelect\n    }\n  }\n\n  function handlePointerMove(event: PointerEvent): void {\n    const state = activeResize.value\n    if (!state) return\n    options.resolveTarget(state.kind)?.onResize({\n      kind: state.kind,\n      startValue: state.startValue,\n      deltaX: event.clientX - state.startClientX,\n      deltaY: event.clientY - state.startClientY,\n      containerRect: state.containerRect,\n      secondaryRect: state.secondaryRect,\n    })\n  }\n\n  function startResize(kind: TKind, event: PointerEvent): void {\n    if (!toValue(options.enabled) || event.button !== 0) return\n    const target = options.resolveTarget(kind)\n    const containerRect = target?.getContainerElement()?.getBoundingClientRect()\n    if (!target || !containerRect) return\n\n    event.preventDefault()\n    if (event.currentTarget instanceof HTMLElement) {\n      event.currentTarget.setPointerCapture(event.pointerId)\n    }\n    const secondary = target.getSecondaryElement?.() ?? null\n    activeResize.value = {\n      kind,\n      startClientX: event.clientX,\n      startClientY: event.clientY,\n      startValue: target.getStartValue(),\n      containerRect,\n      secondaryRect: secondary?.getBoundingClientRect() ?? null,\n      cursor: target.cursor ?? 'col-resize',\n    }\n\n    if (typeof document !== 'undefined') {\n      previousBodyCursor = document.body.style.cursor\n      previousBodyUserSelect = document.body.style.userSelect\n      document.body.style.cursor = activeResize.value.cursor\n      document.body.style.userSelect = 'none'\n    }\n    window.addEventListener('pointermove', handlePointerMove)\n    window.addEventListener('pointerup', stopResize)\n    window.addEventListener('pointercancel', stopResize)\n  }\n\n  function isResizingKind(kind: TKind): boolean {\n    return activeResize.value?.kind === kind\n  }\n\n  watch(() => toValue(options.enabled), enabled => { if (!enabled) stopResize() })\n  onBeforeUnmount(stopResize)\n\n  return { activeResize, isResizing, isResizingKind, startResize, stopResize }\n}\n","// Application shell components (`@morscherlab/mint-sdk/shell`).\n\n// Layout components\nexport { default as AppTopBar } from './components/AppTopBar.vue'\nexport { default as AppSidebar } from './components/AppSidebar.vue'\nexport { default as AppLayout } from './components/AppLayout.vue'\nexport { default as LayoutResizeHandle } from './components/LayoutResizeHandle.vue'\n\n// Headless interaction composables\nexport {\n  useEventListener,\n  type EventListenerEnabled,\n  type EventFor,\n  type EventListenerStop,\n  type EventMapFor,\n  type EventTargetGetter,\n  type EventTargetLike,\n  type UseEventListenerObjectOptions,\n  type UseEventListenerOptions,\n} from './composables/useEventListener'\nexport {\n  useDebouncedWatch,\n  type DebouncedWatchCallback,\n  type DebouncedWatchCleanup,\n  type DebouncedWatchSource,\n  type UseDebouncedWatchOptions,\n  type UseDebouncedWatchReturn,\n} from './composables/useDebouncedWatch'\nexport {\n  useFocusTrap,\n  type UseFocusTrapOptions,\n  type UseFocusTrapReturn,\n} from './composables/useFocusTrap'\nexport {\n  useRovingFocus,\n  type UseRovingFocusOptions,\n  type UseRovingFocusReturn,\n} from './composables/useRovingFocus'\nexport {\n  reorderList,\n  useListReorder,\n  useReorderAnnouncer,\n  REORDER_ANNOUNCER_STYLE,\n  type ListReorderMove,\n  type UseListReorderOptions,\n  type UseListReorderReturn,\n  type UseReorderAnnouncerReturn,\n} from './composables/useListReorder'\nexport {\n  useMenuKeyboard,\n  type UseMenuKeyboardOptions,\n  type UseMenuKeyboardReturn,\n} from './composables/useMenuKeyboard'\n\n// Layout, selection, expansion and sort primitives\nexport {\n  resizedLeadingPanelWidth,\n  resizedTrailingPanelWidth,\n  resizedVerticalSplitPercent,\n  useManualLayoutResize,\n  type ManualLayoutResizeContext,\n  type ManualLayoutResizeTarget,\n  type ResizePanelWidthConstraints,\n  type ResizePercentConstraints,\n} from './composables/useManualLayoutResize'\nexport {\n  useSelectionLimit,\n  type SelectionLimitSource,\n  type UseSelectionLimitOptions,\n  type UseSelectionLimitReturn,\n} from './composables/useSelectionLimit'\nexport {\n  useListSelection,\n  type ListSelectionSource,\n  type ListSelectionValue,\n  type UseListSelectionOptions,\n  type UseListSelectionReturn,\n  type WidenListSelectionValue,\n} from './composables/useListSelection'\nexport {\n  useExpansionSet,\n  type ExpansionSetSource,\n  type UseExpansionSetOptions,\n  type UseExpansionSetReturn,\n} from './composables/useExpansionSet'\nexport {\n  compareSortValues,\n  useSortedItems,\n  type CompareSortValuesOptions,\n  type SortComparator,\n  type SortComparatorContext,\n  type SortDescriptor,\n  type SortedItemsSource,\n  type SortOrder,\n  type UseSortedItemsOptions,\n  type UseSortedItemsReturn,\n} from './composables/useSortedItems'\nexport {\n  usePluginWorkspace,\n  type PluginWorkspaceSlotsLike,\n  type UsePluginWorkspaceOptions,\n  type UsePluginWorkspaceReturn,\n} from './composables/usePluginWorkspace'\n\n// Onboarding: tours, the Getting started checklist and what's-new hints\nexport {\n  ANCHOR_WAIT_MS,\n  defineOnboarding,\n  provideOnboarding,\n  useOnboarding,\n  ONBOARDING_KEY,\n  type OnboardingActiveStep,\n  type OnboardingDefinition,\n  type OnboardingNews,\n  type OnboardingState,\n  type OnboardingStep,\n  type OnboardingTask,\n  type OnboardingTour,\n  type ProvideOnboardingOptions,\n} from './composables/useOnboarding'\n"],"mappings":"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"}
+{"version":3,"file":"shell-6CGFvUUw.js","names":[],"sources":["../src/components/LayoutResizeHandle.vue","../src/components/LayoutResizeHandle.vue","../src/composables/useManualLayoutResize.ts","../src/shell.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/** Accessible pointer and keyboard handle for resizable workbench panes. */\ninterface Props {\n  modelValue: number\n  min: number\n  max: number\n  label: string\n  orientation: 'vertical' | 'horizontal'\n  edge?: 'left' | 'right'\n  step?: number\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  edge: undefined,\n  step: 10,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n  'resize-start': [event: PointerEvent]\n}>()\n\nfunction update(value: number): void {\n  emit('update:modelValue', Math.min(props.max, Math.max(props.min, value)))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n  const decrement = props.orientation === 'vertical' ? 'ArrowLeft' : 'ArrowUp'\n  const increment = props.orientation === 'vertical' ? 'ArrowRight' : 'ArrowDown'\n  if (event.key === decrement) update(props.modelValue - props.step)\n  else if (event.key === increment) update(props.modelValue + props.step)\n  else if (event.key === 'Home') update(props.min)\n  else if (event.key === 'End') update(props.max)\n  else return\n  event.preventDefault()\n}\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"[\n      'mint-layout-resize-handle',\n      `mint-layout-resize-handle--${orientation}`,\n      edge ? `mint-layout-resize-handle--edge-${edge}` : '',\n    ]\"\n    :aria-label=\"label\"\n    :aria-orientation=\"orientation\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-valuenow=\"modelValue\"\n    :aria-disabled=\"disabled || undefined\"\n    @pointerdown=\"!disabled && emit('resize-start', $event)\"\n    @keydown=\"handleKeydown\"\n  >\n    <span class=\"mint-layout-resize-handle__bar\" aria-hidden=\"true\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Accessible pointer and keyboard handle for resizable workbench panes. */\ninterface Props {\n  modelValue: number\n  min: number\n  max: number\n  label: string\n  orientation: 'vertical' | 'horizontal'\n  edge?: 'left' | 'right'\n  step?: number\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  edge: undefined,\n  step: 10,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n  'resize-start': [event: PointerEvent]\n}>()\n\nfunction update(value: number): void {\n  emit('update:modelValue', Math.min(props.max, Math.max(props.min, value)))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n  const decrement = props.orientation === 'vertical' ? 'ArrowLeft' : 'ArrowUp'\n  const increment = props.orientation === 'vertical' ? 'ArrowRight' : 'ArrowDown'\n  if (event.key === decrement) update(props.modelValue - props.step)\n  else if (event.key === increment) update(props.modelValue + props.step)\n  else if (event.key === 'Home') update(props.min)\n  else if (event.key === 'End') update(props.max)\n  else return\n  event.preventDefault()\n}\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"[\n      'mint-layout-resize-handle',\n      `mint-layout-resize-handle--${orientation}`,\n      edge ? `mint-layout-resize-handle--edge-${edge}` : '',\n    ]\"\n    :aria-label=\"label\"\n    :aria-orientation=\"orientation\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-valuenow=\"modelValue\"\n    :aria-disabled=\"disabled || undefined\"\n    @pointerdown=\"!disabled && emit('resize-start', $event)\"\n    @keydown=\"handleKeydown\"\n  >\n    <span class=\"mint-layout-resize-handle__bar\" aria-hidden=\"true\" />\n  </div>\n</template>\n","import { computed, onBeforeUnmount, shallowRef, toValue, watch, type MaybeRefOrGetter } from 'vue'\n\nexport interface ResizePanelWidthConstraints {\n  minWidth: number\n  maxWidth: number\n  mainMinWidth?: number\n  layoutGap?: number\n}\n\nexport interface ResizePercentConstraints {\n  minPercent: number\n  maxPercent: number\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value))\n}\n\nfunction availablePanelWidth(\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return Math.min(\n    constraints.maxWidth,\n    containerWidth - (constraints.mainMinWidth ?? 0) - (constraints.layoutGap ?? 0),\n  )\n}\n\nexport function resizedLeadingPanelWidth(\n  startWidth: number,\n  deltaX: number,\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return Math.round(clamp(\n    startWidth + deltaX,\n    constraints.minWidth,\n    Math.max(constraints.minWidth, availablePanelWidth(containerWidth, constraints)),\n  ))\n}\n\nexport function resizedTrailingPanelWidth(\n  startWidth: number,\n  deltaX: number,\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return resizedLeadingPanelWidth(startWidth, -deltaX, containerWidth, constraints)\n}\n\nexport function resizedVerticalSplitPercent(\n  startPercent: number,\n  deltaY: number,\n  containerHeight: number,\n  constraints: ResizePercentConstraints,\n): number {\n  if (containerHeight <= 0) return startPercent\n  return Math.round(clamp(\n    startPercent + (deltaY / containerHeight) * 100,\n    constraints.minPercent,\n    constraints.maxPercent,\n  ))\n}\n\nexport interface ManualLayoutResizeContext<TKind extends string> {\n  kind: TKind\n  startValue: number\n  deltaX: number\n  deltaY: number\n  containerRect: DOMRectReadOnly\n  secondaryRect: DOMRectReadOnly | null\n}\n\nexport interface ManualLayoutResizeTarget<TKind extends string> {\n  cursor?: string\n  getContainerElement: () => HTMLElement | null\n  getSecondaryElement?: () => HTMLElement | null\n  getStartValue: () => number\n  onResize: (context: ManualLayoutResizeContext<TKind>) => void\n}\n\n/** Coordinates pointer-driven resizing for one or more layout splitters. */\nexport function useManualLayoutResize<TKind extends string>(options: {\n  enabled: MaybeRefOrGetter<boolean>\n  resolveTarget: (kind: TKind) => ManualLayoutResizeTarget<TKind> | null\n}) {\n  const activeResize = shallowRef<{\n    kind: TKind\n    startClientX: number\n    startClientY: number\n    startValue: number\n    containerRect: DOMRectReadOnly\n    secondaryRect: DOMRectReadOnly | null\n    cursor: string\n  } | null>(null)\n  const isResizing = computed(() => activeResize.value !== null)\n  let previousBodyCursor = ''\n  let previousBodyUserSelect = ''\n\n  function stopResize(): void {\n    if (!activeResize.value) return\n    activeResize.value = null\n    window.removeEventListener('pointermove', handlePointerMove)\n    window.removeEventListener('pointerup', stopResize)\n    window.removeEventListener('pointercancel', stopResize)\n    if (typeof document !== 'undefined') {\n      document.body.style.cursor = previousBodyCursor\n      document.body.style.userSelect = previousBodyUserSelect\n    }\n  }\n\n  function handlePointerMove(event: PointerEvent): void {\n    const state = activeResize.value\n    if (!state) return\n    options.resolveTarget(state.kind)?.onResize({\n      kind: state.kind,\n      startValue: state.startValue,\n      deltaX: event.clientX - state.startClientX,\n      deltaY: event.clientY - state.startClientY,\n      containerRect: state.containerRect,\n      secondaryRect: state.secondaryRect,\n    })\n  }\n\n  function startResize(kind: TKind, event: PointerEvent): void {\n    if (!toValue(options.enabled) || event.button !== 0) return\n    const target = options.resolveTarget(kind)\n    const containerRect = target?.getContainerElement()?.getBoundingClientRect()\n    if (!target || !containerRect) return\n\n    event.preventDefault()\n    if (event.currentTarget instanceof HTMLElement) {\n      event.currentTarget.setPointerCapture(event.pointerId)\n    }\n    const secondary = target.getSecondaryElement?.() ?? null\n    activeResize.value = {\n      kind,\n      startClientX: event.clientX,\n      startClientY: event.clientY,\n      startValue: target.getStartValue(),\n      containerRect,\n      secondaryRect: secondary?.getBoundingClientRect() ?? null,\n      cursor: target.cursor ?? 'col-resize',\n    }\n\n    if (typeof document !== 'undefined') {\n      previousBodyCursor = document.body.style.cursor\n      previousBodyUserSelect = document.body.style.userSelect\n      document.body.style.cursor = activeResize.value.cursor\n      document.body.style.userSelect = 'none'\n    }\n    window.addEventListener('pointermove', handlePointerMove)\n    window.addEventListener('pointerup', stopResize)\n    window.addEventListener('pointercancel', stopResize)\n  }\n\n  function isResizingKind(kind: TKind): boolean {\n    return activeResize.value?.kind === kind\n  }\n\n  watch(() => toValue(options.enabled), enabled => { if (!enabled) stopResize() })\n  onBeforeUnmount(stopResize)\n\n  return { activeResize, isResizing, isResizingKind, startResize, stopResize }\n}\n","// Application shell components (`@morscherlab/mint-sdk/shell`).\n\n// Layout components\nexport { default as AppTopBar } from './components/AppTopBar.vue'\nexport { default as AppSidebar } from './components/AppSidebar.vue'\nexport { default as AppLayout } from './components/AppLayout.vue'\nexport { default as LayoutResizeHandle } from './components/LayoutResizeHandle.vue'\n\n// Headless interaction composables\nexport {\n  useEventListener,\n  type EventListenerEnabled,\n  type EventFor,\n  type EventListenerStop,\n  type EventMapFor,\n  type EventTargetGetter,\n  type EventTargetLike,\n  type UseEventListenerObjectOptions,\n  type UseEventListenerOptions,\n} from './composables/useEventListener'\nexport {\n  useDebouncedWatch,\n  type DebouncedWatchCallback,\n  type DebouncedWatchCleanup,\n  type DebouncedWatchSource,\n  type UseDebouncedWatchOptions,\n  type UseDebouncedWatchReturn,\n} from './composables/useDebouncedWatch'\nexport {\n  useFocusTrap,\n  type UseFocusTrapOptions,\n  type UseFocusTrapReturn,\n} from './composables/useFocusTrap'\nexport {\n  useRovingFocus,\n  type UseRovingFocusOptions,\n  type UseRovingFocusReturn,\n} from './composables/useRovingFocus'\nexport {\n  reorderList,\n  useListReorder,\n  useReorderAnnouncer,\n  REORDER_ANNOUNCER_STYLE,\n  type ListReorderMove,\n  type UseListReorderOptions,\n  type UseListReorderReturn,\n  type UseReorderAnnouncerReturn,\n} from './composables/useListReorder'\nexport {\n  useMenuKeyboard,\n  type UseMenuKeyboardOptions,\n  type UseMenuKeyboardReturn,\n} from './composables/useMenuKeyboard'\n\n// Layout, selection, expansion and sort primitives\nexport {\n  resizedLeadingPanelWidth,\n  resizedTrailingPanelWidth,\n  resizedVerticalSplitPercent,\n  useManualLayoutResize,\n  type ManualLayoutResizeContext,\n  type ManualLayoutResizeTarget,\n  type ResizePanelWidthConstraints,\n  type ResizePercentConstraints,\n} from './composables/useManualLayoutResize'\nexport {\n  useSelectionLimit,\n  type SelectionLimitSource,\n  type UseSelectionLimitOptions,\n  type UseSelectionLimitReturn,\n} from './composables/useSelectionLimit'\nexport {\n  useListSelection,\n  type ListSelectionSource,\n  type ListSelectionValue,\n  type UseListSelectionOptions,\n  type UseListSelectionReturn,\n  type WidenListSelectionValue,\n} from './composables/useListSelection'\nexport {\n  useExpansionSet,\n  type ExpansionSetSource,\n  type UseExpansionSetOptions,\n  type UseExpansionSetReturn,\n} from './composables/useExpansionSet'\nexport {\n  compareSortValues,\n  useSortedItems,\n  type CompareSortValuesOptions,\n  type SortComparator,\n  type SortComparatorContext,\n  type SortDescriptor,\n  type SortedItemsSource,\n  type SortOrder,\n  type UseSortedItemsOptions,\n  type UseSortedItemsReturn,\n} from './composables/useSortedItems'\nexport {\n  usePluginWorkspace,\n  type PluginWorkspaceSlotsLike,\n  type UsePluginWorkspaceOptions,\n  type UsePluginWorkspaceReturn,\n} from './composables/usePluginWorkspace'\n\n// Onboarding: tours, the Getting started checklist and what's-new hints\nexport {\n  ANCHOR_WAIT_MS,\n  defineOnboarding,\n  provideOnboarding,\n  useOnboarding,\n  ONBOARDING_KEY,\n  type OnboardingActiveStep,\n  type OnboardingDefinition,\n  type OnboardingNews,\n  type OnboardingState,\n  type OnboardingStep,\n  type OnboardingTask,\n  type OnboardingTour,\n  type ProvideOnboardingOptions,\n} from './composables/useOnboarding'\n"],"mappings":"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"}

package/dist/shell.js

@@ -1,8 +1,8 @@
-import { i as useEventListener, r as useFocusTrap } from "./useDropdownState-Bb2N4m40.js";
-import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-CR_pYzIP.js";
-import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-CQ9OCScc.js";
-import { C as usePluginWorkspace, S as AppLayout_default, _ as provideOnboarding, f as AppTopBar_default, g as defineOnboarding, h as ONBOARDING_KEY, m as ANCHOR_WAIT_MS, t as AppSidebar_default, v as useOnboarding } from "./AppSidebar-6oTT-gPO.js";
+import { i as useEventListener, r as useFocusTrap } from "./useDropdownState-uFIz6Yv8.js";
+import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-D4aQXyZu.js";
+import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-DsuzwWGS.js";
+import { C as usePluginWorkspace, S as AppLayout_default, _ as provideOnboarding, f as AppTopBar_default, g as defineOnboarding, h as ONBOARDING_KEY, m as ANCHOR_WAIT_MS, t as AppSidebar_default, v as useOnboarding } from "./AppSidebar-CZZaxni0.js";
 import { t as useDebouncedWatch } from "./useDebouncedWatch-BPwyl6eS.js";
 import { t as useExpansionSet } from "./useExpansionSet-CvoNMZJi.js";
-import { a as useManualLayoutResize, i as resizedVerticalSplitPercent, n as resizedLeadingPanelWidth, o as LayoutResizeHandle_default, r as resizedTrailingPanelWidth } from "./shell-BDuZf2zb.js";
+import { a as useManualLayoutResize, i as resizedVerticalSplitPercent, n as resizedLeadingPanelWidth, o as LayoutResizeHandle_default, r as resizedTrailingPanelWidth } from "./shell-6CGFvUUw.js";
 export { ANCHOR_WAIT_MS, AppLayout_default as AppLayout, AppSidebar_default as AppSidebar, AppTopBar_default as AppTopBar, LayoutResizeHandle_default as LayoutResizeHandle, ONBOARDING_KEY, REORDER_ANNOUNCER_STYLE, compareSortValues, defineOnboarding, provideOnboarding, reorderList, resizedLeadingPanelWidth, resizedTrailingPanelWidth, resizedVerticalSplitPercent, useDebouncedWatch, useEventListener, useExpansionSet, useFocusTrap, useListReorder, useListSelection, useManualLayoutResize, useMenuKeyboard, useOnboarding, usePluginWorkspace, useReorderAnnouncer, useRovingFocus, useSelectionLimit, useSortedItems };

package/dist/styles.css

@@ -500,6 +500,12 @@
   --mint-border-focus: var(--color-primary);
   /* Colour-only transitions; no lift, bounce or glow. */
   --mint-transition: 120ms ease;
+  /* Stacking layers: modal < jobs tray < onboarding tour < floating panels < tooltips and toasts. */
+  --mint-z-modal: 50;
+  --mint-z-tray: 1000;
+  --mint-z-tour: 1100;
+  --mint-z-popover: 1200;
+  --mint-z-toast: 9999;
 }
 
 /* ==========================================================================
@@ -1345,7 +1351,7 @@ button, input, select, textarea {
 
 .mint-action-menu__panel {
   position: fixed;
-  z-index: 1000;
+  z-index: var(--mint-z-popover);
   min-width: 10rem;
   max-width: min(18rem, calc(100vw - 1rem));
 }
@@ -1684,8 +1690,10 @@ button, input, select, textarea {
     transform: translateX(calc(100% + 1rem));
   }
 
+  /* `none`, not translateX(0): any transform makes the sidebar the containing
+     block of its fixed dropdown panels, and its overflow would clip them. */
   .mint-layout--responsive-sidebar.mint-layout--sidebar-open .mint-layout__sidebar {
-    transform: translateX(0);
+    transform: none;
   }
 
   .mint-layout--responsive-sidebar .mint-layout__sidebar-toggle {
@@ -3550,11 +3558,13 @@ button, input, select, textarea {
   height: 0.875rem;
 }
 
-/* Calendar dropdown (teleported to body, positioned via JS). */
+/* Calendar dropdown (teleported to body, positioned by useFloatingPanel). */
 .mint-date-picker__dropdown {
   position: fixed;
-  z-index: 9999;
+  z-index: var(--mint-z-popover);
   width: 252px;
+  max-height: var(--mint-floating-available-height, none);
+  overflow-y: auto;
   padding: 0.5rem;
 }
 
@@ -4350,14 +4360,14 @@ button, input, select, textarea {
 .mint-jobs-tray__scrim {
   position: fixed;
   inset: 0;
-  z-index: 999;
+  z-index: calc(var(--mint-z-tray) - 1);
 }
 
 .mint-jobs-tray__panel {
   position: fixed;
   top: calc(4.5rem + env(safe-area-inset-top));
   right: max(1rem, env(safe-area-inset-right));
-  z-index: 1000;
+  z-index: var(--mint-z-tray);
   display: flex;
   width: min(360px, calc(100vw - 2rem));
   max-height: 75vh;
@@ -4617,7 +4627,7 @@ button, input, select, textarea {
 
 /* The tray's confirm dialog sits above the tray and its scrim (BaseModal drops class fallthrough). */
 .mint-modal:has(.mint-jobs-tray__confirm) {
-  z-index: 1001;
+  z-index: calc(var(--mint-z-tray) + 1);
 }
 /* The handle is the gap between two panels: its layout width (horizontal: height)
    is the gap, --mint-layout-resize-gap or else --mint-gutter (8px compact, 12px
@@ -4891,7 +4901,7 @@ button, input, select, textarea {
 .mint-modal {
   position: fixed;
   inset: 0;
-  z-index: 50;
+  z-index: var(--mint-z-modal);
   display: flex;
   padding: 1rem;
 }
@@ -5821,7 +5831,7 @@ html.dark {
 
 .mint-onboarding-help__panel {
   position: fixed;
-  z-index: 1000;
+  z-index: var(--mint-z-tray);
   width: 18rem;
   padding: 0 0 4px;
   overflow: hidden;
@@ -5956,7 +5966,7 @@ html.dark {
 .mint-onboarding {
   position: fixed;
   inset: 0;
-  z-index: 1100;
+  z-index: var(--mint-z-tour);
   pointer-events: none;
 }
 
@@ -7167,14 +7177,10 @@ button.mint-section-card__row:hover {
 .mint-searchable-select__value { flex: 1; min-width: 0; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
 .mint-searchable-select__value--placeholder { color: var(--text-muted); }
 
-/* Surface = .mint-popover (2d); this alias keeps only placement. */
+/* Surface = .mint-popover (2d). useFloatingPanel sets the fixed position and width. */
 .mint-searchable-select__panel {
-  position: absolute;
-  top: calc(100% + 0.25rem);
-  right: 0;
-  left: 0;
-  z-index: 30;
-  max-height: min(38rem, 80vh);
+  z-index: var(--mint-z-popover);
+  max-height: min(38rem, 80vh, var(--mint-floating-available-height, 100vh));
   overflow: hidden;
 }
 
@@ -7763,7 +7769,7 @@ button.mint-section-card__row:hover {
   /* AppTopBar publishes its bottom edge + 1rem so toasts clear its controls. */
   top: var(--mint-toast-offset-top, 1rem);
   right: 1rem;
-  z-index: 9999;
+  z-index: var(--mint-z-toast);
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -12037,12 +12043,12 @@ html.dark .mint-dataframe__loading {
 .mint-well-edit-popup__backdrop {
   position: fixed;
   inset: 0;
-  z-index: 40;
+  z-index: calc(var(--mint-z-popover) - 1);
 }
 
 .mint-well-edit-popup {
   position: fixed;
-  z-index: 50;
+  z-index: var(--mint-z-popover);
   width: 300px;
   padding: 0;
   overflow: hidden;
@@ -12915,8 +12921,8 @@ html.dark .mint-dataframe__loading {
 }
 
 .mint-tooltip__content {
-  position: absolute;
-  z-index: 9999;
+  position: fixed;
+  z-index: var(--mint-z-toast);
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -14892,7 +14898,7 @@ button.mint-unit-input__unit:focus-visible {
 
 .mint-unit-input__menu {
   position: fixed;
-  z-index: 1000;
+  z-index: var(--mint-z-popover);
   width: 148px;
 }
 
@@ -15679,13 +15685,10 @@ button.mint-unit-input__unit:focus-visible {
   height: 0.875rem;
 }
 
-/* Dropdown — placement only; the look is .mint-popover. Spans the field width. */
+/* Dropdown — the look is .mint-popover; useFloatingPanel sets the fixed position and the field width. */
 .mint-time-picker__dropdown {
-  position: absolute;
-  z-index: 50;
-  margin-top: 0.25rem;
-  width: 100%;
-  min-width: 100%;
+  z-index: var(--mint-z-popover);
+  max-height: var(--mint-floating-available-height, none);
   overflow: hidden;
 }
 
@@ -15868,12 +15871,12 @@ button.mint-unit-input__unit:focus-visible {
   color: var(--text-muted);
 }
 
-/* Dropdown — placement only; the look is .mint-popover. */
+/* Dropdown — the look is .mint-popover; useFloatingPanel sets the fixed position. */
 .mint-datetime-picker__dropdown {
-  position: absolute;
-  z-index: 50;
-  margin-top: 0.25rem;
+  z-index: var(--mint-z-popover);
   width: 18rem;
+  max-height: var(--mint-floating-available-height, none);
+  overflow-y: auto;
   padding: 0.625rem;
 }
 

package/dist/{useDropdownState-Bb2N4m40.js → useDropdownState-uFIz6Yv8.js}

@@ -427,7 +427,7 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 			if (!isOpen && index !== -1) openModals.splice(index, 1);
 		}, { immediate: true });
 		function handleEscapeKeydown(event) {
-			if (event.key === "Escape" && props.closeOnEscape && props.open && openModals[openModals.length - 1] === self) close();
+			if (event.key === "Escape" && !event.defaultPrevented && props.closeOnEscape && props.open && openModals[openModals.length - 1] === self) close();
 		}
 		function close() {
 			if (props.closable) {
@@ -605,4 +605,4 @@ function useDropdownState(options = {}) {
 //#endregion
 export { BaseButton_default as a, useEventListener as i, BaseModal_default as n, __exportAll as o, useFocusTrap as r, useDropdownState as t };
 
-//# sourceMappingURL=useDropdownState-Bb2N4m40.js.map
+//# sourceMappingURL=useDropdownState-uFIz6Yv8.js.map

package/dist/useDropdownState-uFIz6Yv8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownState-uFIz6Yv8.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/useDropdownState.ts"],"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 { Comment, Fragment, Text, computed, useSlots, type Component, type VNode } 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\n// A text-only label gets its own span so the stylesheet can centre the cap height.\n// Element children are left as flex items, so their gap and alignment do not change.\nfunction isTextNode(node: VNode): boolean {\n  if (node.type === Text || node.type === Comment) return true\n  return node.type === Fragment && Array.isArray(node.children)\n    && (node.children as VNode[]).every(isTextNode)\n}\n\nfunction hasTextLabel(): boolean {\n  const nodes = slots.default?.()\n  return !!nodes && nodes.length > 0 && nodes.every(isTextNode)\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    :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      <span v-if=\"hasTextLabel()\" class=\"mint-button__label\"><slot /></span>\n      <slot v-else />\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 { Comment, Fragment, Text, computed, useSlots, type Component, type VNode } 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\n// A text-only label gets its own span so the stylesheet can centre the cap height.\n// Element children are left as flex items, so their gap and alignment do not change.\nfunction isTextNode(node: VNode): boolean {\n  if (node.type === Text || node.type === Comment) return true\n  return node.type === Fragment && Array.isArray(node.children)\n    && (node.children as VNode[]).every(isTextNode)\n}\n\nfunction hasTextLabel(): boolean {\n  const nodes = slots.default?.()\n  return !!nodes && nodes.length > 0 && nodes.every(isTextNode)\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    :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      <span v-if=\"hasTextLabel()\" class=\"mint-button__label\"><slot /></span>\n      <slot v-else />\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\n// A control inside the modal that handles Escape (an open select) prevents the default first.\nfunction handleEscapeKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape' && !event.defaultPrevented && 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\n// A control inside the modal that handles Escape (an open select) prevents the default first.\nfunction handleEscapeKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape' && !event.defaultPrevented && 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","import { nextTick, ref, type Ref } from 'vue'\nimport { useEventListener } from './useEventListener'\n\nexport interface UseDropdownStateOptions {\n  closeOnOutsideClick?: boolean\n  closeOnEscape?: boolean\n  /** Close the panel when the page scrolls or the viewport resizes. Default `false`. */\n  closeOnScroll?: boolean\n  insideRefs?: Array<Ref<HTMLElement | null>>\n  /**\n   * Element that counts as \"inside\" for outside-click closing, typically a\n   * `useTemplateRef()`. Without one, bind the returned `rootRef` instead.\n   */\n  rootRef?: Ref<HTMLElement | null>\n  /**\n   * Element focus returns to when the panel closes with `close(true)` (Escape).\n   * Pass one when the trigger lives outside `rootRef`; otherwise bind the\n   * returned `triggerRef` to the trigger element.\n   */\n  triggerRef?: Ref<HTMLElement | null>\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nexport interface UseDropdownStateReturn {\n  isOpen: Ref<boolean>\n  rootRef: Ref<HTMLElement | null>\n  /** Bind to the trigger element so Escape can return focus to it. */\n  triggerRef: Ref<HTMLElement | null>\n  open: () => void\n  /** Closes the panel; `returnFocus` moves focus back to `triggerRef`. */\n  close: (returnFocus?: boolean) => void\n  toggle: () => void\n  handleClickOutside: (event: MouseEvent) => void\n  handleKeydown: (event: KeyboardEvent) => void\n}\n\n/**\n * Shared disclosure state for dropdown-style SDK components: open/close state,\n * outside-click and Escape closing, optional scroll/resize closing, and focus\n * return to the trigger. `close(returnFocus)` mirrors `useMenuKeyboard`'s\n * contract, so the two compose directly.\n */\nexport function useDropdownState(options: UseDropdownStateOptions = {}): UseDropdownStateReturn {\n  const isOpen = ref(false)\n  const rootRef = options.rootRef ?? ref<HTMLElement | null>(null)\n  const triggerRef = options.triggerRef ?? ref<HTMLElement | null>(null)\n  const closeOnOutsideClick = options.closeOnOutsideClick ?? true\n  const closeOnEscape = options.closeOnEscape ?? true\n  const closeOnScroll = options.closeOnScroll ?? false\n\n  function open(): void {\n    if (isOpen.value) return\n    isOpen.value = true\n    options.onOpen?.()\n  }\n\n  function close(returnFocus = false): void {\n    if (!isOpen.value) return\n    isOpen.value = false\n    options.onClose?.()\n    if (returnFocus) {\n      void nextTick(() => triggerRef.value?.focus())\n    }\n  }\n\n  function toggle(): void {\n    if (isOpen.value) {\n      close()\n    } else {\n      open()\n    }\n  }\n\n  function handleClickOutside(event: MouseEvent): void {\n    if (!closeOnOutsideClick || !isOpen.value || !rootRef.value) return\n    const target = event.target\n    if (\n      target instanceof Node &&\n      !rootRef.value.contains(target) &&\n      !options.insideRefs?.some(ref => ref.value?.contains(target))\n    ) {\n      close()\n    }\n  }\n\n  function handleKeydown(event: KeyboardEvent): void {\n    if (closeOnEscape && event.key === 'Escape') {\n      close(true)\n    }\n  }\n\n  function handleViewportChange(): void {\n    if (isOpen.value) close()\n  }\n\n  if (closeOnOutsideClick) {\n    useEventListener(() => document, 'click', handleClickOutside)\n  }\n  if (closeOnEscape) {\n    useEventListener(() => document, 'keydown', handleKeydown)\n  }\n  if (closeOnScroll) {\n    useEventListener(() => window, 'scroll', handleViewportChange, true)\n    useEventListener(() => window, 'resize', handleViewportChange)\n  }\n\n  return {\n    isOpen,\n    rootRef,\n    triggerRef,\n    open,\n    close,\n    toggle,\n    handleClickOutside,\n    handleKeydown,\n  }\n}\n"],"mappings":"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"}

package/dist/{useExperimentSamples-Dno1fFMq.js → useExperimentSamples-QEFoq4tf.js}

@@ -1,6 +1,6 @@
 import { o as useApi, r as readErrorMessage } from "./experiment-DyO54FQB.js";
-import { _ as APP_EXPERIMENT_KEY, a as parseExperimentId, t as isRecord } from "./records-CR_pYzIP.js";
-import { t as useRequest } from "./useRequest-CDkrXNU7.js";
+import { _ as APP_EXPERIMENT_KEY, a as parseExperimentId, t as isRecord } from "./records-D4aQXyZu.js";
+import { t as useRequest } from "./useRequest-BuDmW8Jc.js";
 import { computed, inject, ref, shallowRef, toValue, watch } from "vue";
 //#region src/composables/experimentDesignData.ts
 function isPlatformDesignDataResponse(value) {
@@ -233,6 +233,47 @@ function readFileAsText(file, encoding) {
 		reader.readAsText(file, encoding);
 	});
 }
+/**
+* Read a `.csv`, `.tsv` or `.xlsx` upload as comma-delimited CSV text.
+* A `.csv` file (or any other extension) comes back unchanged. An `.xlsx`
+* file gives its first sheet; each cell is its stored value, so number
+* formats such as leading zeros are not applied. Dates become ISO text.
+*/
+async function readTableFileAsCsv(file) {
+	const name = file.name.toLowerCase();
+	if (name.endsWith(".xlsx")) return rowsToCsv(await readFirstSheet(file));
+	const text = await readFileAsText(file);
+	return name.endsWith(".tsv") ? rowsToCsv(parseDelimitedRows(text, "	")) : text;
+}
+async function readFirstSheet(file) {
+	const { readSheet } = await import("read-excel-file/universal");
+	let rows;
+	try {
+		rows = await readSheet(file, {
+			trim: false,
+			parseNumber: (text) => text
+		});
+	} catch {
+		throw new Error(`${file.name} is not a valid .xlsx workbook.`);
+	}
+	return rows.map((row) => row.map(formatCell));
+}
+function formatCell(value) {
+	if (value === null || value === void 0) return "";
+	if (typeof value === "boolean") return value ? "TRUE" : "FALSE";
+	if (value instanceof Date) {
+		const [date, time] = (/* @__PURE__ */ new Date(Math.round(value.getTime() / 1e3) * 1e3)).toISOString().slice(0, 19).split("T");
+		if (date === "1899-12-30") return time;
+		return time === "00:00:00" ? date : `${date}T${time}`;
+	}
+	return String(value);
+}
+function rowsToCsv(rows) {
+	return rows.map((row) => row.map(quoteCsvField).join(",")).join("\n");
+}
+function quoteCsvField(value) {
+	return /[",\r\n]/.test(value) ? `"${value.replace(/"/g, "\"\"")}"` : value;
+}
 function parseDelimitedText(text, options = {}) {
 	const trim = options.trim ?? true;
 	const delimiter = options.delimiter ?? detectDelimiter(text);
@@ -267,7 +308,8 @@ function parseDelimitedRows(text, delimiter) {
 			if (quoted && next === "\"") {
 				field += "\"";
 				index++;
-			} else quoted = !quoted;
+			} else if (quoted || field === "") quoted = !quoted;
+			else field += "\"";
 			continue;
 		}
 		if (!quoted && char === delimiter) {
@@ -361,6 +403,6 @@ function useExperimentSamples(options = {}) {
 	};
 }
 //#endregion
-export { useFileImport as a, extractSampleNamesFromDesignData as c, readFileAsText as i, extractSampleOptionsFromDesignData as l, detectDelimiter as n, validateImportFile as o, parseDelimitedText as r, useExperimentData as s, useExperimentSamples as t, unwrapExperimentDesignData as u };
+export { readTableFileAsCsv as a, useExperimentData as c, unwrapExperimentDesignData as d, readFileAsText as i, extractSampleNamesFromDesignData as l, detectDelimiter as n, useFileImport as o, parseDelimitedText as r, validateImportFile as s, useExperimentSamples as t, extractSampleOptionsFromDesignData as u };
 
-//# sourceMappingURL=useExperimentSamples-Dno1fFMq.js.map
+//# sourceMappingURL=useExperimentSamples-QEFoq4tf.js.map