@morscherlab/mint-sdk 1.3.11 → 1.4.0-beta.10

package/dist/useDropdownState-8yWMu-7_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownState-8yWMu-7_.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 { 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","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/useExpansionSet-CvoNMZJi.js

@@ -0,0 +1,68 @@
+import { computed, ref, toValue, watch } from "vue";
+//#region src/composables/useExpansionSet.ts
+/** Shared expansion state for trees, grouped selectors, and disclosure lists. */
+function useExpansionSet(options = {}) {
+	const expandedIds = ref(new Set(normalizeIds(toValue(options.defaultIds))));
+	const expandedList = computed(() => [...expandedIds.value]);
+	if (options.expandAll !== void 0) watch(() => toValue(options.expandAll), (shouldExpandAll) => {
+		if (shouldExpandAll === void 0 || shouldExpandAll === null) return;
+		if (shouldExpandAll) setExpanded(normalizeIds(toValue(options.allIds)));
+		else reset();
+	}, { immediate: true });
+	if (options.allIds !== void 0) watch(() => normalizeIds(toValue(options.allIds)), (ids) => {
+		if (toValue(options.expandAll)) setExpanded(ids);
+	});
+	function isExpanded(id) {
+		return expandedIds.value.has(id);
+	}
+	function expand(id) {
+		if (expandedIds.value.has(id)) return;
+		expandedIds.value = /* @__PURE__ */ new Set([...expandedIds.value, id]);
+	}
+	function collapse(id) {
+		if (!expandedIds.value.has(id)) return;
+		const next = new Set(expandedIds.value);
+		next.delete(id);
+		expandedIds.value = next;
+	}
+	function toggle(id) {
+		if (expandedIds.value.has(id)) {
+			collapse(id);
+			return false;
+		}
+		expand(id);
+		return true;
+	}
+	function expandMany(ids) {
+		expandedIds.value = /* @__PURE__ */ new Set([...expandedIds.value, ...normalizeIds(ids)]);
+	}
+	function setExpanded(ids) {
+		expandedIds.value = new Set(normalizeIds(ids));
+	}
+	function collapseAll() {
+		expandedIds.value = /* @__PURE__ */ new Set();
+	}
+	function reset() {
+		setExpanded(normalizeIds(toValue(options.defaultIds)));
+	}
+	return {
+		expandedIds,
+		expandedList,
+		isExpanded,
+		expand,
+		collapse,
+		toggle,
+		expandMany,
+		setExpanded,
+		collapseAll,
+		reset
+	};
+}
+function normalizeIds(ids) {
+	if (!ids) return [];
+	return [...new Set(ids.filter(Boolean))];
+}
+//#endregion
+export { useExpansionSet as t };
+
+//# sourceMappingURL=useExpansionSet-CvoNMZJi.js.map

package/dist/useExpansionSet-CvoNMZJi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpansionSet-CvoNMZJi.js","names":[],"sources":["../src/composables/useExpansionSet.ts"],"sourcesContent":["import { computed, ref, toValue, watch, type ComputedRef, type Ref } from 'vue'\n\nexport type ExpansionSetSource<T> =\n  | T\n  | Ref<T>\n  | ComputedRef<T>\n  | (() => T)\n\nexport interface UseExpansionSetOptions {\n  defaultIds?: ExpansionSetSource<readonly string[] | null | undefined>\n  allIds?: ExpansionSetSource<readonly string[] | null | undefined>\n  expandAll?: ExpansionSetSource<boolean | null | undefined>\n}\n\nexport interface UseExpansionSetReturn {\n  expandedIds: Ref<Set<string>>\n  expandedList: ComputedRef<string[]>\n  isExpanded: (id: string) => boolean\n  expand: (id: string) => void\n  collapse: (id: string) => void\n  toggle: (id: string) => boolean\n  expandMany: (ids: readonly string[]) => void\n  setExpanded: (ids: readonly string[]) => void\n  collapseAll: () => void\n  reset: () => void\n}\n\n/** Shared expansion state for trees, grouped selectors, and disclosure lists. */\nexport function useExpansionSet(options: UseExpansionSetOptions = {}): UseExpansionSetReturn {\n  const expandedIds = ref(new Set(normalizeIds(toValue(options.defaultIds))))\n  const expandedList = computed(() => [...expandedIds.value])\n\n  if (options.expandAll !== undefined) {\n    watch(\n      () => toValue(options.expandAll),\n      (shouldExpandAll) => {\n        if (shouldExpandAll === undefined || shouldExpandAll === null) return\n        if (shouldExpandAll) {\n          setExpanded(normalizeIds(toValue(options.allIds)))\n        } else {\n          reset()\n        }\n      },\n      { immediate: true },\n    )\n  }\n\n  if (options.allIds !== undefined) {\n    watch(\n      () => normalizeIds(toValue(options.allIds)),\n      (ids) => {\n        if (toValue(options.expandAll)) {\n          setExpanded(ids)\n        }\n      },\n    )\n  }\n\n  function isExpanded(id: string): boolean {\n    return expandedIds.value.has(id)\n  }\n\n  function expand(id: string) {\n    if (expandedIds.value.has(id)) return\n    expandedIds.value = new Set([...expandedIds.value, id])\n  }\n\n  function collapse(id: string) {\n    if (!expandedIds.value.has(id)) return\n    const next = new Set(expandedIds.value)\n    next.delete(id)\n    expandedIds.value = next\n  }\n\n  function toggle(id: string): boolean {\n    if (expandedIds.value.has(id)) {\n      collapse(id)\n      return false\n    }\n    expand(id)\n    return true\n  }\n\n  function expandMany(ids: readonly string[]) {\n    expandedIds.value = new Set([...expandedIds.value, ...normalizeIds(ids)])\n  }\n\n  function setExpanded(ids: readonly string[]) {\n    expandedIds.value = new Set(normalizeIds(ids))\n  }\n\n  function collapseAll() {\n    expandedIds.value = new Set()\n  }\n\n  function reset() {\n    setExpanded(normalizeIds(toValue(options.defaultIds)))\n  }\n\n  return {\n    expandedIds,\n    expandedList,\n    isExpanded,\n    expand,\n    collapse,\n    toggle,\n    expandMany,\n    setExpanded,\n    collapseAll,\n    reset,\n  }\n}\n\nfunction normalizeIds(ids: readonly string[] | null | undefined): string[] {\n  if (!ids) return []\n  return [...new Set(ids.filter(Boolean))]\n}\n"],"mappings":";;;AA4BA,SAAgB,gBAAgB,UAAkC,CAAC,GAA0B;CAC3F,MAAM,cAAc,IAAI,IAAI,IAAI,aAAa,QAAQ,QAAQ,UAAU,CAAC,CAAC,CAAC;CAC1E,MAAM,eAAe,eAAe,CAAC,GAAG,YAAY,KAAK,CAAC;CAE1D,IAAI,QAAQ,cAAc,KAAA,GACxB,YACQ,QAAQ,QAAQ,SAAS,IAC9B,oBAAoB;EACnB,IAAI,oBAAoB,KAAA,KAAa,oBAAoB,MAAM;EAC/D,IAAI,iBACF,YAAY,aAAa,QAAQ,QAAQ,MAAM,CAAC,CAAC;OAEjD,MAAM;CAEV,GACA,EAAE,WAAW,KAAK,CACpB;CAGF,IAAI,QAAQ,WAAW,KAAA,GACrB,YACQ,aAAa,QAAQ,QAAQ,MAAM,CAAC,IACzC,QAAQ;EACP,IAAI,QAAQ,QAAQ,SAAS,GAC3B,YAAY,GAAG;CAEnB,CACF;CAGF,SAAS,WAAW,IAAqB;EACvC,OAAO,YAAY,MAAM,IAAI,EAAE;CACjC;CAEA,SAAS,OAAO,IAAY;EAC1B,IAAI,YAAY,MAAM,IAAI,EAAE,GAAG;EAC/B,YAAY,wBAAQ,IAAI,IAAI,CAAC,GAAG,YAAY,OAAO,EAAE,CAAC;CACxD;CAEA,SAAS,SAAS,IAAY;EAC5B,IAAI,CAAC,YAAY,MAAM,IAAI,EAAE,GAAG;EAChC,MAAM,OAAO,IAAI,IAAI,YAAY,KAAK;EACtC,KAAK,OAAO,EAAE;EACd,YAAY,QAAQ;CACtB;CAEA,SAAS,OAAO,IAAqB;EACnC,IAAI,YAAY,MAAM,IAAI,EAAE,GAAG;GAC7B,SAAS,EAAE;GACX,OAAO;EACT;EACA,OAAO,EAAE;EACT,OAAO;CACT;CAEA,SAAS,WAAW,KAAwB;EAC1C,YAAY,wBAAQ,IAAI,IAAI,CAAC,GAAG,YAAY,OAAO,GAAG,aAAa,GAAG,CAAC,CAAC;CAC1E;CAEA,SAAS,YAAY,KAAwB;EAC3C,YAAY,QAAQ,IAAI,IAAI,aAAa,GAAG,CAAC;CAC/C;CAEA,SAAS,cAAc;EACrB,YAAY,wBAAQ,IAAI,IAAI;CAC9B;CAEA,SAAS,QAAQ;EACf,YAAY,aAAa,QAAQ,QAAQ,UAAU,CAAC,CAAC;CACvD;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,SAAS,aAAa,KAAqD;CACzE,IAAI,CAAC,KAAK,OAAO,CAAC;CAClB,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,OAAO,OAAO,CAAC,CAAC;AACzC"}

package/dist/useExperimentSamples-DHnxKFAF.js

@@ -0,0 +1,366 @@
+import { o as useApi, r as readErrorMessage } from "./experiment-43OJtH7R.js";
+import { _ as APP_EXPERIMENT_KEY, a as parseExperimentId, t as isRecord } from "./records-B6gpM_3e.js";
+import { t as useRequest } from "./useRequest-D506eHi8.js";
+import { computed, inject, ref, shallowRef, toValue, watch } from "vue";
+//#region src/composables/experimentDesignData.ts
+function isPlatformDesignDataResponse(value) {
+	return "data" in value && ("experiment_id" in value || "plugin_id" in value || "schema_version" in value || "updated_at" in value);
+}
+/** Return the plugin-defined design_data payload from common platform and plugin response shapes. */
+function unwrapExperimentDesignData(rawData) {
+	if (!rawData) return null;
+	if (isRecord(rawData.data) && isPlatformDesignDataResponse(rawData)) return rawData.data;
+	if (isRecord(rawData.design_data)) return rawData.design_data;
+	if (isRecord(rawData.designData)) return rawData.designData;
+	return rawData;
+}
+function shouldIncludeSample(record, options) {
+	if (options.includeControls) return true;
+	const rawType = record.sample_type ?? record.sampleType ?? record.type ?? record.well_type ?? record.wellType;
+	const type = typeof rawType === "string" ? rawType.toLowerCase() : "";
+	return !["blank", "qc"].includes(type);
+}
+function readSampleValue(record) {
+	const candidates = [
+		record.sample_name,
+		record.sampleName,
+		record.sample_id,
+		record.sampleId,
+		record.name,
+		record.id,
+		record.label
+	];
+	for (const candidate of candidates) {
+		if (typeof candidate === "string" && candidate.trim()) return candidate;
+		if (typeof candidate === "number" && Number.isFinite(candidate)) return String(candidate);
+	}
+	return null;
+}
+function readSampleLabel(record, fallback) {
+	const label = record.name ?? record.label ?? record.sample_name ?? record.sampleName;
+	return typeof label === "string" && label.trim() ? label : fallback;
+}
+function readSampleDescription(record) {
+	const parts = [
+		record.group,
+		record.batch,
+		record.batch_id,
+		record.batchId,
+		record.plate_id,
+		record.plateId,
+		record.well_id,
+		record.wellId
+	].filter((value) => typeof value === "string" && value.trim().length > 0 || typeof value === "number");
+	return parts.length > 0 ? parts.map(String).join(" / ") : void 0;
+}
+function addSampleRecord(options, seen, value, extractOptions) {
+	if (typeof value === "string") {
+		const trimmed = value.trim();
+		if (trimmed && !seen.has(trimmed)) {
+			seen.add(trimmed);
+			options.push({
+				value: trimmed,
+				label: trimmed
+			});
+		}
+		return;
+	}
+	if (!isRecord(value) || !shouldIncludeSample(value, extractOptions)) return;
+	const sampleValue = readSampleValue(value);
+	if (!sampleValue || seen.has(sampleValue)) return;
+	seen.add(sampleValue);
+	options.push({
+		value: sampleValue,
+		label: readSampleLabel(value, sampleValue),
+		description: readSampleDescription(value)
+	});
+}
+function addSampleArray(options, seen, value, extractOptions) {
+	if (!Array.isArray(value)) return;
+	for (const sample of value) addSampleRecord(options, seen, sample, extractOptions);
+}
+/** Extract selectable sample options from raw or wrapped experiment design_data. */
+function extractSampleOptionsFromDesignData(rawData, options = {}) {
+	const designData = unwrapExperimentDesignData(rawData);
+	if (!designData) return [];
+	const sampleOptions = [];
+	const seen = /* @__PURE__ */ new Set();
+	addSampleArray(sampleOptions, seen, designData.samples, options);
+	if (isRecord(designData.templates)) for (const template of Object.values(designData.templates)) {
+		if (!isRecord(template)) continue;
+		addSampleArray(sampleOptions, seen, (isRecord(template.data) ? template.data : template).samples, options);
+	}
+	if (Array.isArray(designData.plates)) for (const plate of designData.plates) {
+		if (!isRecord(plate)) continue;
+		addSampleArray(sampleOptions, seen, plate.samples, options);
+	}
+	return sampleOptions;
+}
+/** Extract SampleSelector-compatible string values from raw or wrapped experiment design_data. */
+function extractSampleNamesFromDesignData(rawData, options = {}) {
+	return extractSampleOptionsFromDesignData(rawData, options).map((sample) => sample.value);
+}
+//#endregion
+//#region src/composables/useExperimentData.ts
+/** Fetches and normalises experiment output data (tree, table, summary) from the platform API. */
+function useExperimentData(options = {}) {
+	const data = shallowRef(null);
+	const request = useRequest("Failed to fetch experiment data");
+	const isLoading = request.isLoading;
+	const error = request.error;
+	const lastLoadedAt = request.lastLoadedAt;
+	let lastExperimentId = null;
+	let api = null;
+	function getApi() {
+		api ??= useApi({ baseUrl: options.apiBaseUrl });
+		return api;
+	}
+	const designData = computed(() => unwrapExperimentDesignData(data.value));
+	const sampleNames = computed(() => extractSampleNamesFromDesignData(designData.value));
+	const sampleOptions = computed(() => extractSampleOptionsFromDesignData(designData.value));
+	const treeData = computed(() => {
+		if (!designData.value) return [];
+		const tree = designData.value.tree_data ?? designData.value.treeData;
+		return Array.isArray(tree) ? tree : [];
+	});
+	const tableData = computed(() => {
+		if (!designData.value) return [];
+		const table = designData.value.table_data ?? designData.value.tableData;
+		return Array.isArray(table) ? table : [];
+	});
+	const summaryData = computed(() => {
+		if (!designData.value) return null;
+		const summary = designData.value.summary_data ?? designData.value.summaryData;
+		if (summary && typeof summary === "object" && "metadata" in summary) return summary;
+		return null;
+	});
+	async function fetchData(experimentId) {
+		lastExperimentId = experimentId;
+		try {
+			data.value = await request.run(() => getApi().get(`/experiments/${experimentId}/data`), {
+				kind: "load",
+				errorMessage: "Failed to fetch experiment data"
+			});
+			return data.value;
+		} catch {
+			data.value = null;
+			return null;
+		}
+	}
+	async function refresh() {
+		if (lastExperimentId !== null) await fetchData(lastExperimentId);
+	}
+	function clear() {
+		data.value = null;
+		lastExperimentId = null;
+		request.clearError();
+	}
+	return {
+		data,
+		designData,
+		sampleNames,
+		sampleOptions,
+		treeData,
+		tableData,
+		summaryData,
+		isLoading,
+		error,
+		lastLoadedAt,
+		fetch: fetchData,
+		refresh,
+		clear
+	};
+}
+//#endregion
+//#region src/composables/useFileImport.ts
+/** Stateful file reader for plugin import flows with shared validation and error handling. */
+function useFileImport(options = {}) {
+	const loading = shallowRef(false);
+	const error = ref(null);
+	const fileName = ref("");
+	const result = ref(null);
+	function clear() {
+		loading.value = false;
+		error.value = null;
+		fileName.value = "";
+		result.value = null;
+	}
+	async function importFile(file) {
+		loading.value = true;
+		error.value = null;
+		fileName.value = file.name;
+		try {
+			validateImportFile(file, options);
+			const text = await readFileAsText(file, options.encoding);
+			const parsed = options.parse ? await options.parse(text, file) : text;
+			result.value = parsed;
+			return parsed;
+		} catch (err) {
+			const message = readErrorMessage(err, "Failed to import file.");
+			error.value = message;
+			throw err;
+		} finally {
+			loading.value = false;
+		}
+	}
+	return {
+		loading,
+		error,
+		fileName,
+		result,
+		importFile,
+		clear
+	};
+}
+function validateImportFile(file, options = {}) {
+	if (options.maxSizeBytes !== void 0 && file.size > options.maxSizeBytes) throw new Error(`File is too large. Maximum size is ${formatBytes(options.maxSizeBytes)}.`);
+	const accept = normalizeAccept(options.accept);
+	if (accept.length === 0) return;
+	const name = file.name.toLowerCase();
+	const type = file.type.toLowerCase();
+	if (!accept.some((entry) => {
+		if (entry.startsWith(".")) return name.endsWith(entry);
+		if (entry.endsWith("/*")) return type.startsWith(entry.slice(0, -1));
+		return type === entry;
+	})) throw new Error(`Unsupported file type. Expected ${accept.join(", ")}.`);
+}
+function readFileAsText(file, encoding) {
+	if (typeof FileReader === "undefined" && typeof file.text === "function") return file.text();
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onload = () => resolve(String(reader.result ?? ""));
+		reader.onerror = () => reject(reader.error ?? /* @__PURE__ */ new Error("Failed to read file."));
+		reader.readAsText(file, encoding);
+	});
+}
+function parseDelimitedText(text, options = {}) {
+	const trim = options.trim ?? true;
+	const delimiter = options.delimiter ?? detectDelimiter(text);
+	const rawRows = parseDelimitedRows(text, delimiter).filter((row) => row.some((cell) => cell.trim().length > 0)).map((row) => trim ? row.map((cell) => cell.trim()) : row);
+	const hasHeaderRow = options.hasHeaderRow ?? !options.headers;
+	const columns = options.headers ? [...options.headers] : hasHeaderRow ? rawRows[0] ?? [] : createColumnNames(maxRowLength(rawRows));
+	return {
+		columns,
+		rows: (hasHeaderRow && !options.headers ? rawRows.slice(1) : rawRows).map((row) => Object.fromEntries(columns.map((column, index) => [column, row[index] ?? ""]))),
+		rawRows,
+		delimiter
+	};
+}
+function detectDelimiter(text) {
+	const firstLine = text.split(/\r?\n/, 1)[0] ?? "";
+	const commaCount = countChar(firstLine, ",");
+	const tabCount = countChar(firstLine, "	");
+	const semicolonCount = countChar(firstLine, ";");
+	if (tabCount > commaCount && tabCount >= semicolonCount) return "	";
+	if (semicolonCount > commaCount) return ";";
+	return ",";
+}
+function parseDelimitedRows(text, delimiter) {
+	const rows = [];
+	let row = [];
+	let field = "";
+	let quoted = false;
+	for (let index = 0; index < text.length; index++) {
+		const char = text[index];
+		const next = text[index + 1];
+		if (char === "\"") {
+			if (quoted && next === "\"") {
+				field += "\"";
+				index++;
+			} else quoted = !quoted;
+			continue;
+		}
+		if (!quoted && char === delimiter) {
+			row.push(field);
+			field = "";
+			continue;
+		}
+		if (!quoted && (char === "\n" || char === "\r")) {
+			if (char === "\r" && next === "\n") index++;
+			row.push(field);
+			rows.push(row);
+			row = [];
+			field = "";
+			continue;
+		}
+		field += char;
+	}
+	row.push(field);
+	rows.push(row);
+	return rows;
+}
+function normalizeAccept(accept) {
+	if (!accept) return [];
+	return (typeof accept === "string" ? accept.split(",") : [...accept]).map((entry) => entry.trim().toLowerCase()).filter(Boolean);
+}
+function createColumnNames(count) {
+	return Array.from({ length: count }, (_, index) => `column_${index + 1}`);
+}
+function maxRowLength(rows) {
+	return rows.reduce((max, row) => Math.max(max, row.length), 0);
+}
+function countChar(value, char) {
+	return [...value].filter((candidate) => candidate === char).length;
+}
+function formatBytes(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1048576) return `${Math.round(bytes / 1024)} KB`;
+	return `${Math.round(bytes / 1048576)} MB`;
+}
+//#endregion
+//#region src/composables/useExperimentSamples.ts
+/** Loads experiment design_data and derives samples for SampleSelector-style UIs. */
+function useExperimentSamples(options = {}) {
+	const appExperiment = options.syncAppExperiment === false ? void 0 : inject(APP_EXPERIMENT_KEY, void 0);
+	const experimentData = useExperimentData({ apiBaseUrl: options.apiBaseUrl });
+	const experimentId = computed(() => {
+		return parseExperimentId(toValue(options.experimentId)) ?? parseExperimentId(appExperiment?.experimentId.value);
+	});
+	const explicitDesignData = computed(() => unwrapExperimentDesignData(toValue(options.designData) ?? null));
+	const designData = computed(() => explicitDesignData.value ?? experimentData.designData.value);
+	const extractOptions = computed(() => ({ includeControls: options.includeControls }));
+	const samples = computed(() => extractSampleNamesFromDesignData(designData.value, extractOptions.value));
+	const sampleOptions = computed(() => extractSampleOptionsFromDesignData(designData.value, extractOptions.value));
+	const enabled = computed(() => toValue(options.enabled) ?? true);
+	async function fetchSamples(id = experimentId.value) {
+		const parsedId = parseExperimentId(id);
+		if (parsedId === void 0) {
+			experimentData.clear();
+			return null;
+		}
+		return experimentData.fetch(parsedId);
+	}
+	watch(() => ({
+		designData: explicitDesignData.value,
+		enabled: enabled.value,
+		experimentId: experimentId.value
+	}), ({ designData: currentDesignData, enabled: isEnabled, experimentId: currentExperimentId }) => {
+		if (options.immediate === false || !isEnabled) return;
+		if (currentDesignData) {
+			experimentData.clear();
+			return;
+		}
+		if (currentExperimentId === void 0) {
+			experimentData.clear();
+			return;
+		}
+		experimentData.fetch(currentExperimentId);
+	}, { immediate: options.immediate !== false });
+	return {
+		experimentId,
+		data: experimentData.data,
+		designData,
+		samples,
+		sampleOptions,
+		isLoading: experimentData.isLoading,
+		error: experimentData.error,
+		lastLoadedAt: experimentData.lastLoadedAt,
+		fetch: fetchSamples,
+		refresh: experimentData.refresh,
+		clear: experimentData.clear
+	};
+}
+//#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 };
+
+//# sourceMappingURL=useExperimentSamples-DHnxKFAF.js.map