@morscherlab/mint-sdk 1.2.0 → 1.2.1

package/dist/Skeleton-jhF9wUkU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton-jhF9wUkU.js","names":[],"sources":["../src/components/BaseInput.vue","../src/components/BaseInput.vue","../src/utils/options.ts","../src/components/BaseSelect.vue","../src/components/BaseSelect.vue","../src/components/BasePill.vue","../src/components/BasePill.vue","../src/components/EmptyState.vue","../src/components/EmptyState.vue","../src/composables/useRequestSyncState.ts","../src/components/Skeleton.vue","../src/components/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Renders a styled `<input>` supporting text/number/email types, size, error, and readonly states. */\nimport type { InputType } from '../types'\n\ninterface Props {\n  modelValue?: string | number\n  type?: InputType\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  autocomplete?: string\n  autofocus?: boolean\n  min?: number\n  max?: number\n  step?: number\n  list?: string\n  ariaDescribedby?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  type: 'text',\n  disabled: false,\n  readonly: false,\n  error: false,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number | null]\n  focus: [event: FocusEvent]\n  blur: [event: FocusEvent]\n  keydown: [event: KeyboardEvent]\n}>()\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLInputElement\n  const value = props.type === 'number'\n    ? (target.value === '' ? null : Number(target.value))\n    : target.value\n  emit('update:modelValue', value as string | number)\n}\n</script>\n\n<template>\n  <input\n    :type=\"type\"\n    :value=\"modelValue\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :readonly=\"readonly\"\n    :autocomplete=\"autocomplete\"\n    :autofocus=\"autofocus\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :list=\"list\"\n    :aria-invalid=\"error || undefined\"\n    :aria-describedby=\"ariaDescribedby || undefined\"\n    :class=\"[\n      'mint-input',\n      `mint-input--${size}`,\n      error ? 'mint-input--error' : '',\n      disabled ? 'mint-input--disabled' : '',\n    ]\"\n    @input=\"handleInput\"\n    @focus=\"emit('focus', $event)\"\n    @blur=\"emit('blur', $event)\"\n    @keydown=\"emit('keydown', $event)\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/** Renders a styled `<input>` supporting text/number/email types, size, error, and readonly states. */\nimport type { InputType } from '../types'\n\ninterface Props {\n  modelValue?: string | number\n  type?: InputType\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  autocomplete?: string\n  autofocus?: boolean\n  min?: number\n  max?: number\n  step?: number\n  list?: string\n  ariaDescribedby?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  type: 'text',\n  disabled: false,\n  readonly: false,\n  error: false,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number | null]\n  focus: [event: FocusEvent]\n  blur: [event: FocusEvent]\n  keydown: [event: KeyboardEvent]\n}>()\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLInputElement\n  const value = props.type === 'number'\n    ? (target.value === '' ? null : Number(target.value))\n    : target.value\n  emit('update:modelValue', value as string | number)\n}\n</script>\n\n<template>\n  <input\n    :type=\"type\"\n    :value=\"modelValue\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :readonly=\"readonly\"\n    :autocomplete=\"autocomplete\"\n    :autofocus=\"autofocus\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :list=\"list\"\n    :aria-invalid=\"error || undefined\"\n    :aria-describedby=\"ariaDescribedby || undefined\"\n    :class=\"[\n      'mint-input',\n      `mint-input--${size}`,\n      error ? 'mint-input--error' : '',\n      disabled ? 'mint-input--disabled' : '',\n    ]\"\n    @input=\"handleInput\"\n    @focus=\"emit('focus', $event)\"\n    @blur=\"emit('blur', $event)\"\n    @keydown=\"emit('keydown', $event)\"\n  />\n</template>\n","export type OptionLike<TValue extends string | number> = {\n  value: TValue\n  label: string\n}\n\nexport function normalizeOptionInput<\n  TValue extends string | number,\n  TOption extends OptionLike<TValue>,\n>(option: TOption | TValue): TOption {\n  if (typeof option === 'object') return option\n\n  return {\n    value: option,\n    label: String(option),\n  } as TOption\n}\n\nexport function findOptionByDomValue<\n  TValue extends string | number,\n  TOption extends OptionLike<TValue>,\n>(options: TOption[], value: string): TOption | undefined {\n  return options.find(option => String(option.value) === value)\n}\n","<script setup lang=\"ts\">\n/** Renders a native `<select>` element with size, error, and disabled states. */\nimport { computed, useAttrs } from 'vue'\nimport type { HTMLAttributes } from 'vue'\nimport type { SelectOption, SelectOptionInput } from '../types'\nimport { findOptionByDomValue, normalizeOptionInput } from '../utils/options'\n\ndefineOptions({ inheritAttrs: false })\n\ninterface Props {\n  modelValue?: string | number\n  options: SelectOptionInput<string | number>[]\n  placeholder?: string\n  disabled?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  ariaDescribedby?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n  error: false,\n  size: 'md',\n})\nconst attrs = useAttrs()\n\nconst controlAttrs = computed(() => {\n  const { class: _class, style: _style, ...nativeAttrs } = attrs\n  return nativeAttrs\n})\nconst wrapperAttrs = computed<Pick<HTMLAttributes, 'class' | 'style'>>(() => ({\n  class: attrs.class as HTMLAttributes['class'],\n  style: attrs.style as HTMLAttributes['style'],\n}))\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n}>()\n\nconst normalizedOptions = computed<SelectOption<string | number>[]>(() =>\n  props.options.map(normalizeOptionInput)\n)\n\nfunction handleChange(event: Event) {\n  const target = event.target as HTMLSelectElement\n  const option = findOptionByDomValue(normalizedOptions.value, target.value)\n  emit('update:modelValue', option?.value ?? target.value)\n}\n</script>\n\n<template>\n  <div v-bind=\"wrapperAttrs\" class=\"mint-select\">\n    <select\n      v-bind=\"controlAttrs\"\n      :value=\"modelValue\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"error || undefined\"\n      :aria-describedby=\"ariaDescribedby || undefined\"\n      :class=\"[\n        'mint-select__control',\n        `mint-select__control--${size}`,\n        error ? 'mint-select__control--error' : '',\n        disabled ? 'mint-select__control--disabled' : '',\n      ]\"\n      @change=\"handleChange\"\n    >\n      <option v-if=\"placeholder\" value=\"\" disabled>\n        {{ placeholder }}\n      </option>\n      <option\n        v-for=\"option in normalizedOptions\"\n        :key=\"String(option.value)\"\n        :value=\"option.value\"\n        :disabled=\"option.disabled\"\n      >\n        {{ option.label }}\n      </option>\n    </select>\n    <div class=\"mint-select__icon\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Renders a native `<select>` element with size, error, and disabled states. */\nimport { computed, useAttrs } from 'vue'\nimport type { HTMLAttributes } from 'vue'\nimport type { SelectOption, SelectOptionInput } from '../types'\nimport { findOptionByDomValue, normalizeOptionInput } from '../utils/options'\n\ndefineOptions({ inheritAttrs: false })\n\ninterface Props {\n  modelValue?: string | number\n  options: SelectOptionInput<string | number>[]\n  placeholder?: string\n  disabled?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  ariaDescribedby?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n  error: false,\n  size: 'md',\n})\nconst attrs = useAttrs()\n\nconst controlAttrs = computed(() => {\n  const { class: _class, style: _style, ...nativeAttrs } = attrs\n  return nativeAttrs\n})\nconst wrapperAttrs = computed<Pick<HTMLAttributes, 'class' | 'style'>>(() => ({\n  class: attrs.class as HTMLAttributes['class'],\n  style: attrs.style as HTMLAttributes['style'],\n}))\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n}>()\n\nconst normalizedOptions = computed<SelectOption<string | number>[]>(() =>\n  props.options.map(normalizeOptionInput)\n)\n\nfunction handleChange(event: Event) {\n  const target = event.target as HTMLSelectElement\n  const option = findOptionByDomValue(normalizedOptions.value, target.value)\n  emit('update:modelValue', option?.value ?? target.value)\n}\n</script>\n\n<template>\n  <div v-bind=\"wrapperAttrs\" class=\"mint-select\">\n    <select\n      v-bind=\"controlAttrs\"\n      :value=\"modelValue\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"error || undefined\"\n      :aria-describedby=\"ariaDescribedby || undefined\"\n      :class=\"[\n        'mint-select__control',\n        `mint-select__control--${size}`,\n        error ? 'mint-select__control--error' : '',\n        disabled ? 'mint-select__control--disabled' : '',\n      ]\"\n      @change=\"handleChange\"\n    >\n      <option v-if=\"placeholder\" value=\"\" disabled>\n        {{ placeholder }}\n      </option>\n      <option\n        v-for=\"option in normalizedOptions\"\n        :key=\"String(option.value)\"\n        :value=\"option.value\"\n        :disabled=\"option.disabled\"\n      >\n        {{ option.label }}\n      </option>\n    </select>\n    <div class=\"mint-select__icon\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Compact label for tags, status indicators, and badges; supports removable and icon slots. */\nimport type { PillVariant, PillColor, PillSize } from '../types'\n\n/**\n * BasePill - Compact label component for tags, status indicators, and badges.\n *\n * @example\n * ```vue\n * <BasePill variant=\"success\">Active</BasePill>\n * <BasePill variant=\"warning\" removable @remove=\"handleRemove\">Tag</BasePill>\n * <BasePill :icon=\"true\">\n *   <template #icon><CheckIcon /></template>\n *   Verified\n * </BasePill>\n * ```\n */\ninterface Props {\n  /** Visual style variant */\n  variant?: PillVariant\n  /** Semantic color modifier — use with variant=\"outline\" for colored outlines */\n  color?: PillColor\n  /** Size of the pill */\n  size?: PillSize\n  /** Show remove button */\n  removable?: boolean\n  /** Disable interaction */\n  disabled?: boolean\n  /** Show icon slot */\n  icon?: boolean\n  /** Leading status dot in the pill's tone color */\n  dot?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'default',\n  color: undefined,\n  size: 'md',\n  removable: false,\n  disabled: false,\n  icon: false,\n  dot: false,\n})\n\n/**\n * @event remove - Emitted when the remove button is clicked\n */\nconst emit = defineEmits<{\n  remove: []\n}>()\n\nfunction handleRemove(event: MouseEvent) {\n  event.stopPropagation()\n  if (!props.disabled) {\n    emit('remove')\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mint-pill',\n      `mint-pill--${variant}`,\n      color && `mint-pill--${color}`,\n      `mint-pill--${size}`,\n      { 'mint-pill--disabled': disabled, 'mint-pill--with-icon': icon },\n    ]\"\n  >\n    <span v-if=\"dot\" class=\"mint-pill__dot\" aria-hidden=\"true\" />\n    <span v-if=\"icon\" class=\"mint-pill__icon\">\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"mint-pill__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable && !disabled\"\n      type=\"button\"\n      class=\"mint-pill__remove\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg class=\"mint-pill__remove-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  </span>\n</template>\n","<script setup lang=\"ts\">\n/** Compact label for tags, status indicators, and badges; supports removable and icon slots. */\nimport type { PillVariant, PillColor, PillSize } from '../types'\n\n/**\n * BasePill - Compact label component for tags, status indicators, and badges.\n *\n * @example\n * ```vue\n * <BasePill variant=\"success\">Active</BasePill>\n * <BasePill variant=\"warning\" removable @remove=\"handleRemove\">Tag</BasePill>\n * <BasePill :icon=\"true\">\n *   <template #icon><CheckIcon /></template>\n *   Verified\n * </BasePill>\n * ```\n */\ninterface Props {\n  /** Visual style variant */\n  variant?: PillVariant\n  /** Semantic color modifier — use with variant=\"outline\" for colored outlines */\n  color?: PillColor\n  /** Size of the pill */\n  size?: PillSize\n  /** Show remove button */\n  removable?: boolean\n  /** Disable interaction */\n  disabled?: boolean\n  /** Show icon slot */\n  icon?: boolean\n  /** Leading status dot in the pill's tone color */\n  dot?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'default',\n  color: undefined,\n  size: 'md',\n  removable: false,\n  disabled: false,\n  icon: false,\n  dot: false,\n})\n\n/**\n * @event remove - Emitted when the remove button is clicked\n */\nconst emit = defineEmits<{\n  remove: []\n}>()\n\nfunction handleRemove(event: MouseEvent) {\n  event.stopPropagation()\n  if (!props.disabled) {\n    emit('remove')\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mint-pill',\n      `mint-pill--${variant}`,\n      color && `mint-pill--${color}`,\n      `mint-pill--${size}`,\n      { 'mint-pill--disabled': disabled, 'mint-pill--with-icon': icon },\n    ]\"\n  >\n    <span v-if=\"dot\" class=\"mint-pill__dot\" aria-hidden=\"true\" />\n    <span v-if=\"icon\" class=\"mint-pill__icon\">\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"mint-pill__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable && !disabled\"\n      type=\"button\"\n      class=\"mint-pill__remove\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg class=\"mint-pill__remove-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  </span>\n</template>\n","<script setup lang=\"ts\">\n/** Empty-state placeholder with icon badge, headline, description, default slot, and optional CTA button. */\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  title?: string\n  description?: string\n  iconPath?: string\n  color?: 'primary' | 'cta' | 'success' | 'warning' | 'error' | 'muted'\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'illustrated' | 'inline'\n  actionLabel?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  color: 'primary',\n  size: 'md',\n  variant: 'illustrated',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst defaultIconPaths = [\n  'M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z',\n  'M7 11h10',\n  'M7 15h6',\n  'M7 7h8',\n]\n</script>\n\n<template>\n  <div :class=\"['mint-empty-state', `mint-empty-state--${variant}`, `mint-empty-state--${size}`]\">\n    <div :class=\"['mint-empty-state__icon-wrapper', `mint-empty-state__icon-wrapper--${color}`]\">\n      <slot name=\"icon\">\n        <svg\n          class=\"mint-empty-state__icon\"\n          :class=\"`mint-empty-state__icon--${color}`\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <template v-if=\"iconPath\">\n            <path :d=\"iconPath\" />\n          </template>\n          <template v-else>\n            <path v-for=\"(d, i) in defaultIconPaths\" :key=\"i\" :d=\"d\" />\n          </template>\n        </svg>\n      </slot>\n    </div>\n    <div class=\"mint-empty-state__body\">\n      <h3 v-if=\"title\" class=\"mint-empty-state__title\">{{ title }}</h3>\n      <p v-if=\"description\" class=\"mint-empty-state__description\">{{ description }}</p>\n      <slot />\n    </div>\n    <div v-if=\"actionLabel\" class=\"mint-empty-state__action\">\n      <BaseButton @click=\"emit('action')\">\n        {{ actionLabel }}\n      </BaseButton>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Empty-state placeholder with icon badge, headline, description, default slot, and optional CTA button. */\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  title?: string\n  description?: string\n  iconPath?: string\n  color?: 'primary' | 'cta' | 'success' | 'warning' | 'error' | 'muted'\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'illustrated' | 'inline'\n  actionLabel?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  color: 'primary',\n  size: 'md',\n  variant: 'illustrated',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst defaultIconPaths = [\n  'M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z',\n  'M7 11h10',\n  'M7 15h6',\n  'M7 7h8',\n]\n</script>\n\n<template>\n  <div :class=\"['mint-empty-state', `mint-empty-state--${variant}`, `mint-empty-state--${size}`]\">\n    <div :class=\"['mint-empty-state__icon-wrapper', `mint-empty-state__icon-wrapper--${color}`]\">\n      <slot name=\"icon\">\n        <svg\n          class=\"mint-empty-state__icon\"\n          :class=\"`mint-empty-state__icon--${color}`\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <template v-if=\"iconPath\">\n            <path :d=\"iconPath\" />\n          </template>\n          <template v-else>\n            <path v-for=\"(d, i) in defaultIconPaths\" :key=\"i\" :d=\"d\" />\n          </template>\n        </svg>\n      </slot>\n    </div>\n    <div class=\"mint-empty-state__body\">\n      <h3 v-if=\"title\" class=\"mint-empty-state__title\">{{ title }}</h3>\n      <p v-if=\"description\" class=\"mint-empty-state__description\">{{ description }}</p>\n      <slot />\n    </div>\n    <div v-if=\"actionLabel\" class=\"mint-empty-state__action\">\n      <BaseButton @click=\"emit('action')\">\n        {{ actionLabel }}\n      </BaseButton>\n    </div>\n  </div>\n</template>\n","import { ref, type Ref } from 'vue'\nimport { readErrorMessage as readSharedErrorMessage } from '../utils/errors'\n\nexport type RequestSyncSuccessKind = 'load' | 'save' | 'run'\n\n/**\n * The unit of work `run()` drives.\n *\n * It receives an `AbortSignal` that fires when the run is superseded by a\n * newer `run()` or by `cancel()`. Zero-argument operations stay valid and\n * simply ignore it.\n */\nexport type RequestSyncOperation<T> = (signal: AbortSignal) => Promise<T>\n\nexport interface RequestSyncRunOptions {\n  success?: RequestSyncSuccessKind\n  errorMessage?: string\n  /**\n   * Abort the previously started run when this one starts. Default `true`;\n   * pass `false` to let overlapping runs finish their own work (the stale\n   * guard on shared state still applies either way).\n   */\n  abortPrevious?: boolean\n  /** Caller-owned signal; aborting it aborts this run's signal too. */\n  signal?: AbortSignal\n}\n\nexport interface UseRequestSyncStateReturn {\n  /** Whether a request is in progress. */\n  loading: Ref<boolean>\n  /** Message from the last failed request, or null. */\n  error: Ref<string | null>\n  /** Timestamp of the last successful load operation, or null. */\n  lastLoadedAt: Ref<Date | null>\n  /** Timestamp of the last successful save operation, or null. */\n  lastSavedAt: Ref<Date | null>\n  /** Timestamp of the last successful run operation, or null. */\n  lastRunAt: Ref<Date | null>\n  /** Clear the current error without changing loading or timestamps. */\n  clearError: () => void\n  /** Convert thrown values into a developer-facing error message. */\n  readErrorMessage: (value: unknown, fallback?: string) => string\n  /** Store and return a normalized error message. */\n  setError: (value: unknown, fallback?: string) => string\n  /** Mark the resource as successfully loaded. */\n  markLoaded: (date?: Date) => void\n  /** Mark the resource as successfully saved. */\n  markSaved: (date?: Date) => void\n  /** Mark the operation as successfully run. */\n  markRun: (date?: Date) => void\n  /**\n   * Run a request with shared loading/error handling and optional sync marking.\n   *\n   * ## Stale-response semantics\n   *\n   * Every call takes a monotonically increasing token. Starting a run\n   * supersedes any run started before it, and a superseded run writes **no**\n   * shared state when it finally settles: it does not clear `loading`, does not\n   * set `error`, and does not move `lastLoadedAt` / `lastSavedAt` / `lastRunAt`.\n   * Only the newest run owns those.\n   *\n   * The caller's own promise is untouched by the guard — a superseded run still\n   * resolves with its value or rejects with its own error, exactly as the\n   * operation did. The guard never invents a rejection, so a caller awaiting\n   * `run()` never sees a \"superseded\" error it did not cause.\n   *\n   * The operation additionally receives an `AbortSignal` that fires when its\n   * run is superseded or `cancel()` is called, so an operation that forwards\n   * the signal (`fetch(url, { signal })`) stops work instead of racing.\n   */\n  run: <T>(operation: RequestSyncOperation<T>, options?: RequestSyncRunOptions) => Promise<T>\n  /**\n   * Abort the in-flight run and drop `loading`. The aborted run's completion\n   * is treated as stale and writes no state.\n   */\n  cancel: () => void\n}\n\n/** Shared loading/error/timestamp state for generated plugin request helpers. */\nexport function useRequestSyncState(\n  defaultErrorMessage = 'Request failed.',\n): UseRequestSyncStateReturn {\n  const loading = ref(false)\n  const error = ref<string | null>(null)\n  const lastLoadedAt = ref<Date | null>(null)\n  const lastSavedAt = ref<Date | null>(null)\n  const lastRunAt = ref<Date | null>(null)\n\n  function clearError(): void {\n    error.value = null\n  }\n\n  function readErrorMessage(value: unknown, fallback = defaultErrorMessage): string {\n    return readSharedErrorMessage(value, fallback)\n  }\n\n  function setError(value: unknown, fallback?: string): string {\n    const message = readErrorMessage(value, fallback)\n    error.value = message\n    return message\n  }\n\n  function markLoaded(date = new Date()): void {\n    lastLoadedAt.value = date\n  }\n\n  function markSaved(date = new Date()): void {\n    lastSavedAt.value = date\n  }\n\n  function markRun(date = new Date()): void {\n    lastRunAt.value = date\n  }\n\n  // Monotonic token guarding every write to the shared loading/error/timestamp\n  // state. Overlapping runs settle in any order, and a superseded one must not\n  // clear a newer run's loading flag or overwrite its error.\n  let runToken = 0\n  let activeController: AbortController | null = null\n\n  function cancel(): void {\n    runToken += 1\n    activeController?.abort()\n    activeController = null\n    loading.value = false\n  }\n\n  async function run<T>(\n    operation: RequestSyncOperation<T>,\n    options: RequestSyncRunOptions = {},\n  ): Promise<T> {\n    if (options.abortPrevious !== false) {\n      activeController?.abort()\n    }\n\n    const token = (runToken += 1)\n    const controller = new AbortController()\n    activeController = controller\n\n    const callerSignal = options.signal\n    if (callerSignal) {\n      if (callerSignal.aborted) controller.abort(callerSignal.reason)\n      else callerSignal.addEventListener(\n        'abort',\n        () => controller.abort(callerSignal.reason),\n        { once: true },\n      )\n    }\n\n    const isCurrent = (): boolean => token === runToken\n\n    loading.value = true\n    clearError()\n    try {\n      const response = await operation(controller.signal)\n      if (isCurrent()) {\n        if (options.success === 'load') {\n          markLoaded()\n        } else if (options.success === 'save') {\n          markSaved()\n        } else if (options.success === 'run') {\n          markRun()\n        }\n      }\n      return response\n    } catch (err) {\n      if (isCurrent()) {\n        setError(err, options.errorMessage)\n      }\n      throw err\n    } finally {\n      if (isCurrent()) {\n        loading.value = false\n      }\n      if (activeController === controller) {\n        activeController = null\n      }\n    }\n  }\n\n  return {\n    loading,\n    error,\n    lastLoadedAt,\n    lastSavedAt,\n    lastRunAt,\n    clearError,\n    readErrorMessage,\n    setError,\n    markLoaded,\n    markSaved,\n    markRun,\n    run,\n    cancel,\n  }\n}\n","<script setup lang=\"ts\">\n/** Animated loading placeholder in text, circular, rectangular, or rounded variants with pulse or wave animation. */\nimport { computed } from 'vue'\n\ninterface Props {\n  variant?: 'text' | 'circular' | 'rectangular' | 'rounded'\n  width?: string | number\n  height?: string | number\n  animation?: 'pulse' | 'wave' | 'none'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'text',\n  animation: 'wave',\n})\n\nconst style = computed(() => {\n  const s: Record<string, string> = {}\n\n  if (props.width) {\n    s.width = typeof props.width === 'number' ? `${props.width}px` : props.width\n  }\n\n  if (props.height) {\n    s.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n  }\n\n  return s\n})\n\nconst classes = computed(() => {\n  const base = ['bg-bg-hover']\n\n  switch (props.variant) {\n    case 'circular':\n      base.push('rounded-full')\n      if (!props.width && !props.height) {\n        base.push('w-10 h-10')\n      }\n      break\n    case 'rectangular':\n      base.push('rounded-none')\n      if (!props.height) base.push('h-24')\n      break\n    case 'rounded':\n      base.push('rounded-mint')\n      if (!props.height) base.push('h-24')\n      break\n    default:\n      base.push('rounded')\n      if (!props.height) base.push('h-4')\n      if (!props.width) base.push('w-full')\n  }\n\n  switch (props.animation) {\n    case 'pulse':\n      base.push('animate-pulse')\n      break\n    case 'wave':\n      base.push('skeleton-wave')\n      break\n  }\n\n  return base\n})\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\" />\n</template>\n","<script setup lang=\"ts\">\n/** Animated loading placeholder in text, circular, rectangular, or rounded variants with pulse or wave animation. */\nimport { computed } from 'vue'\n\ninterface Props {\n  variant?: 'text' | 'circular' | 'rectangular' | 'rounded'\n  width?: string | number\n  height?: string | number\n  animation?: 'pulse' | 'wave' | 'none'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'text',\n  animation: 'wave',\n})\n\nconst style = computed(() => {\n  const s: Record<string, string> = {}\n\n  if (props.width) {\n    s.width = typeof props.width === 'number' ? `${props.width}px` : props.width\n  }\n\n  if (props.height) {\n    s.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n  }\n\n  return s\n})\n\nconst classes = computed(() => {\n  const base = ['bg-bg-hover']\n\n  switch (props.variant) {\n    case 'circular':\n      base.push('rounded-full')\n      if (!props.width && !props.height) {\n        base.push('w-10 h-10')\n      }\n      break\n    case 'rectangular':\n      base.push('rounded-none')\n      if (!props.height) base.push('h-24')\n      break\n    case 'rounded':\n      base.push('rounded-mint')\n      if (!props.height) base.push('h-24')\n      break\n    default:\n      base.push('rounded')\n      if (!props.height) base.push('h-4')\n      if (!props.width) base.push('w-full')\n  }\n\n  switch (props.animation) {\n    case 'pulse':\n      base.push('animate-pulse')\n      break\n    case 'wave':\n      base.push('skeleton-wave')\n      break\n  }\n\n  return base\n})\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECqBA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAOb,SAAS,YAAY,OAAc;GACjC,MAAM,SAAS,MAAM;AAIrB,QAAK,qBAHS,MAAM,SAAS,WACxB,OAAO,UAAU,KAAK,OAAO,OAAO,OAAO,MAAM,GAClD,OAAO,MACuC;;;uBAKlD,mBAwBE,SAAA;IAvBC,MAAM,QAAA;IACN,OAAO,QAAA;IACP,aAAa,QAAA;IACb,UAAU,QAAA;IACV,UAAU,QAAA;IACV,cAAc,QAAA;IACd,WAAW,QAAA;IACX,KAAK,QAAA;IACL,KAAK,QAAA;IACL,MAAM,QAAA;IACN,MAAM,QAAA;IACN,gBAAc,QAAA,SAAS,KAAA;IACvB,oBAAkB,QAAA,mBAAmB,KAAA;IACrC,OAAK,eAAA;;oBAA6C,QAAA;KAAc,QAAA,QAAK,sBAAA;KAAmC,QAAA,WAAQ,yBAAA;;IAMhH,SAAO;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,OAAM;IAC3B,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAS,OAAM;IACzB,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,WAAY,OAAM;;;;;;;AChEpC,SAAgB,qBAGd,QAAmC;AACnC,KAAI,OAAO,WAAW,SAAU,QAAO;AAEvC,QAAO;EACL,OAAO;EACP,OAAO,OAAO,OAAO;EACtB;;AAGH,SAAgB,qBAGd,SAAoB,OAAoC;AACxD,QAAO,QAAQ,MAAK,WAAU,OAAO,OAAO,MAAM,KAAK,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEF/D,MAAM,QAAQ;EAKd,MAAM,QAAQ,UAAS;EAEvB,MAAM,eAAe,eAAe;GAClC,MAAM,EAAE,OAAO,QAAQ,OAAO,QAAQ,GAAG,gBAAgB;AACzD,UAAO;IACR;EACD,MAAM,eAAe,gBAAyD;GAC5E,OAAO,MAAM;GACb,OAAO,MAAM;GACd,EAAC;EAEF,MAAM,OAAO;EAIb,MAAM,oBAAoB,eACxB,MAAM,QAAQ,IAAI,qBAAoB,CACxC;EAEA,SAAS,aAAa,OAAc;GAClC,MAAM,SAAS,MAAM;AAErB,QAAK,qBADU,qBAAqB,kBAAkB,OAAO,OAAO,MAAK,EACvC,SAAS,OAAO,MAAK;;;uBAKvD,mBAgCM,OAhCN,WAAa,aAgCP,OAhCmB,EAAE,OAAM,eAAa,CAAA,EAAA,CAC5C,mBAyBS,UAzBT,WACU,aAwBD,OAxBa;IACnB,OAAO,QAAA;IACP,UAAU,QAAA;IACV,gBAAc,QAAA,SAAS,KAAA;IACvB,oBAAkB,QAAA,mBAAmB,KAAA;IACrC,OAAK;;8BAAqE,QAAA;KAAgB,QAAA,QAAK,gCAAA;KAA+C,QAAA,WAAQ,mCAAA;;IAMtJ,UAAQ;QAEK,QAAA,eAAA,WAAA,EAAd,mBAES,UAFT,cAES,gBADJ,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,GAAA,UAAA,KAAA,EAEhB,mBAOS,UAAA,MAAA,WANU,kBAAA,QAAV,WAAM;wBADf,mBAOS,UAAA;KALN,KAAK,OAAO,OAAO,MAAK;KACxB,OAAO,OAAO;KACd,UAAU,OAAO;uBAEf,OAAO,MAAK,EAAA,GAAA,aAAA;4DAGnB,mBAIM,OAAA,EAJD,OAAM,qBAAmB,EAAA,CAC5B,mBAEM,OAAA;IAFD,MAAK;IAAO,QAAO;IAAe,gBAAa;IAAI,kBAAe;IAAQ,mBAAgB;IAAQ,SAAQ;OAC7G,mBAAyB,QAAA,EAAnB,GAAE,gBAAc,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EE9C9B,MAAM,QAAQ;;;;EAad,MAAM,OAAO;EAIb,SAAS,aAAa,OAAmB;AACvC,SAAM,iBAAgB;AACtB,OAAI,CAAC,MAAM,SACT,MAAK,SAAQ;;;uBAMf,mBA2BO,QAAA,EA1BJ,OAAK,eAAA;;kBAA2C,QAAA;IAAiB,QAAA,SAAK,cAAkB,QAAA;kBAA6B,QAAA;;4BAAuC,QAAA;KAAQ,wBAA0B,QAAA;KAAI;;IAQvL,QAAA,OAAA,WAAA,EAAZ,mBAA6D,QAA7D,aAA6D,IAAA,mBAAA,IAAA,KAAA;IACjD,QAAA,QAAA,WAAA,EAAZ,mBAEO,QAFP,cAEO,CADL,WAAoB,KAAA,QAAA,OAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAEtB,mBAEO,QAFP,cAEO,CADL,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;IAGF,QAAA,aAAS,CAAK,QAAA,YAAA,WAAA,EADtB,mBAUS,UAAA;;KARP,MAAK;KACL,OAAM;KACN,cAAW;KACV,SAAO;sCAER,mBAEM,OAAA;KAFD,OAAM;KAAyB,MAAK;KAAO,QAAO;KAAe,gBAAa;KAAI,kBAAe;KAAQ,mBAAgB;KAAQ,SAAQ;QAC5I,mBAAuB,QAAA,EAAjB,GAAE,cAAY,CAAA,EAAG,mBAAuB,QAAA,EAAjB,GAAE,cAAY,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEhEnD,MAAM,OAAO;EAIb,MAAM,mBAAmB;GACvB;GACA;GACA;GACA;GACF;;uBAIE,mBAgCM,OAAA,EAhCA,OAAK,eAAA;IAAA;IAAA,qBAA4C,QAAA;IAAO,qBAAyB,QAAA;IAAI,CAAA,EAAA,EAAA;IACzF,mBAoBM,OAAA,EApBA,OAAK,eAAA,CAAA,kCAAA,mCAAwE,QAAA,QAAK,CAAA,EAAA,EAAA,CACtF,WAkBO,KAAA,QAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAjBL,mBAgBM,OAAA;KAfJ,OAAK,eAAA,CAAC,0BAAwB,2BACK,QAAA,QAAK,CAAA;KACxC,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;QAEA,QAAA,YAAA,WAAA,EACd,mBAAsB,QAAA;;KAAf,GAAG,QAAA;6CAGV,mBAA2D,UAAA,EAAA,KAAA,GAAA,EAAA,WAApC,mBAAT,GAAG,MAAC;YAAlB,mBAA2D,QAAA;MAAjB,KAAK;MAAO;;;IAK9D,mBAIM,OAJN,YAIM;KAHM,QAAA,SAAA,WAAA,EAAV,mBAAiE,MAAjE,YAAiE,gBAAb,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAChD,QAAA,eAAA,WAAA,EAAT,mBAAiF,KAAjF,YAAiF,gBAAlB,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAC1E,WAAQ,KAAA,QAAA,UAAA;;IAEC,QAAA,eAAA,WAAA,EAAX,mBAIM,OAJN,YAIM,CAHJ,YAEa,oBAAA,EAFA,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA,GAAA,EAAA;4BACL,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;ACiBtB,SAAgB,oBACd,sBAAsB,mBACK;CAC3B,MAAM,UAAU,IAAI,MAAM;CAC1B,MAAM,QAAQ,IAAmB,KAAK;CACtC,MAAM,eAAe,IAAiB,KAAK;CAC3C,MAAM,cAAc,IAAiB,KAAK;CAC1C,MAAM,YAAY,IAAiB,KAAK;CAExC,SAAS,aAAmB;AAC1B,QAAM,QAAQ;;CAGhB,SAAS,mBAAiB,OAAgB,WAAW,qBAA6B;AAChF,SAAO,iBAAuB,OAAO,SAAS;;CAGhD,SAAS,SAAS,OAAgB,UAA2B;EAC3D,MAAM,UAAU,mBAAiB,OAAO,SAAS;AACjD,QAAM,QAAQ;AACd,SAAO;;CAGT,SAAS,WAAW,uBAAO,IAAI,MAAM,EAAQ;AAC3C,eAAa,QAAQ;;CAGvB,SAAS,UAAU,uBAAO,IAAI,MAAM,EAAQ;AAC1C,cAAY,QAAQ;;CAGtB,SAAS,QAAQ,uBAAO,IAAI,MAAM,EAAQ;AACxC,YAAU,QAAQ;;CAMpB,IAAI,WAAW;CACf,IAAI,mBAA2C;CAE/C,SAAS,SAAe;AACtB,cAAY;AACZ,oBAAkB,OAAO;AACzB,qBAAmB;AACnB,UAAQ,QAAQ;;CAGlB,eAAe,IACb,WACA,UAAiC,EAAE,EACvB;AACZ,MAAI,QAAQ,kBAAkB,MAC5B,mBAAkB,OAAO;EAG3B,MAAM,QAAS,YAAY;EAC3B,MAAM,aAAa,IAAI,iBAAiB;AACxC,qBAAmB;EAEnB,MAAM,eAAe,QAAQ;AAC7B,MAAI,aACF,KAAI,aAAa,QAAS,YAAW,MAAM,aAAa,OAAO;MAC1D,cAAa,iBAChB,eACM,WAAW,MAAM,aAAa,OAAO,EAC3C,EAAE,MAAM,MAAM,CACf;EAGH,MAAM,kBAA2B,UAAU;AAE3C,UAAQ,QAAQ;AAChB,cAAY;AACZ,MAAI;GACF,MAAM,WAAW,MAAM,UAAU,WAAW,OAAO;AACnD,OAAI,WAAW;QACT,QAAQ,YAAY,OACtB,aAAY;aACH,QAAQ,YAAY,OAC7B,YAAW;aACF,QAAQ,YAAY,MAC7B,UAAS;;AAGb,UAAO;WACA,KAAK;AACZ,OAAI,WAAW,CACb,UAAS,KAAK,QAAQ,aAAa;AAErC,SAAM;YACE;AACR,OAAI,WAAW,CACb,SAAQ,QAAQ;AAElB,OAAI,qBAAqB,WACvB,oBAAmB;;;AAKzB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,kBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;;;;;;;;;;;;;EEvLH,MAAM,QAAQ;EAKd,MAAM,QAAQ,eAAe;GAC3B,MAAM,IAA4B,EAAC;AAEnC,OAAI,MAAM,MACR,GAAE,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,MAAM,MAAM,MAAM,MAAM;AAGzE,OAAI,MAAM,OACR,GAAE,SAAS,OAAO,MAAM,WAAW,WAAW,GAAG,MAAM,OAAO,MAAM,MAAM;AAG5E,UAAO;IACR;EAED,MAAM,UAAU,eAAe;GAC7B,MAAM,OAAO,CAAC,cAAa;AAE3B,WAAQ,MAAM,SAAd;IACE,KAAK;AACH,UAAK,KAAK,eAAc;AACxB,SAAI,CAAC,MAAM,SAAS,CAAC,MAAM,OACzB,MAAK,KAAK,YAAW;AAEvB;IACF,KAAK;AACH,UAAK,KAAK,eAAc;AACxB,SAAI,CAAC,MAAM,OAAQ,MAAK,KAAK,OAAM;AACnC;IACF,KAAK;AACH,UAAK,KAAK,eAAc;AACxB,SAAI,CAAC,MAAM,OAAQ,MAAK,KAAK,OAAM;AACnC;IACF;AACE,UAAK,KAAK,UAAS;AACnB,SAAI,CAAC,MAAM,OAAQ,MAAK,KAAK,MAAK;AAClC,SAAI,CAAC,MAAM,MAAO,MAAK,KAAK,SAAQ;;AAGxC,WAAQ,MAAM,WAAd;IACE,KAAK;AACH,UAAK,KAAK,gBAAe;AACzB;IACF,KAAK;AACH,UAAK,KAAK,gBAAe;AACzB;;AAGJ,UAAO;IACR;;uBAIC,mBAAuC,OAAA;IAAjC,OAAK,eAAE,QAAA,MAAO;IAAG,OAAK,eAAE,MAAA,MAAK"}

package/dist/__tests__/components/FormField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/components/NumberInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/composables/localFiles.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/composables/usePickerSelection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/styles/tokenOnlyColors.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/AppSidebar.vue.d.ts

@@ -8,17 +8,17 @@ interface Props {
     subtitle?: string;
     /** Optional compact badge/count rendered in the chrome header. */
     badge?: string | number;
-    /** Visual preset for common plugin sidebars. `analysis` preserves the LEAF-style MINT analysis sidebar design language. */
-    variant?: 'default' | 'analysis';
     /** Map of view IDs to their tool sections */
     panels?: Record<string, SidebarToolSection[]>;
     /** Which view's panels to display. Defaults to the first non-empty panel view. */
     activeView?: string;
-    /** Floating variant with absolute positioning. Defaults to false for analysis variant. */
+    /** Floating shell with absolute positioning. Prefer letting `AppLayout` own this; it stays for standalone use. */
     floating?: boolean;
-    /** Compact layout: smaller headers, tighter spacing, no icon backgrounds */
+    /** Section density. `compact` (default) is the 36px header row; `comfortable` restores the roomier spacing. */
+    density?: 'compact' | 'comfortable';
+    /** @deprecated Compact is now the default. Pass `density="comfortable"` for the roomier layout. */
     dense?: boolean;
-    /** Width when visible. Defaults to 20rem for analysis variant, otherwise 280px. */
+    /** Width when visible. */
     width?: string;
     /** Position sidebar on left or right side */
     side?: 'left' | 'right';
@@ -58,7 +58,7 @@ interface Props {
     formReadonly?: boolean;
     /** Size passed to auto-rendered section forms */
     formSize?: 'sm' | 'md' | 'lg';
-    /** Show a built-in collapse/expand button in the sidebar chrome. Defaults to true for analysis variant. */
+    /** Show a built-in collapse/expand button in the sidebar chrome. */
     collapsible?: boolean;
     /** Controlled collapsed state. */
     collapsed?: boolean;
@@ -116,9 +116,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     values: Record<string, unknown>;
     modelValue: Record<string, unknown>;
     title: string;
-    variant: "default" | "analysis";
     width: string;
     floating: boolean;
+    density: "compact" | "comfortable";
     badge: string | number;
     subtitle: string;
     controlOptions: ControlWorkspaceOptions;

package/dist/components/BasePill.vue.d.ts

@@ -25,6 +25,8 @@ interface Props {
     disabled?: boolean;
     /** Show icon slot */
     icon?: boolean;
+    /** Leading status dot in the pill's tone color */
+    dot?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -47,6 +49,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     color: PillColor;
     variant: PillVariant;
     removable: boolean;
+    dot: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/BaseTabs.vue.d.ts

@@ -2,13 +2,10 @@ import { TabItemInput } from '../types';
 interface Props {
     modelValue: string;
     tabs: TabItemInput[];
-    variant?: 'underline' | 'pills';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    variant: "underline" | "pills";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/FileUploader.vue.d.ts

@@ -7,6 +7,9 @@ interface Props {
     mode?: 'file' | 'folder' | 'file+folder';
     /** Hide the selection list when a parent presents the files itself. */
     showFiles?: boolean;
+    /** Restore selections owned by a parent form; omitted for internal selection state. */
+    files?: File[];
+    rootName?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/FormField.vue.d.ts

@@ -6,6 +6,8 @@ interface Props {
     showOptional?: boolean;
     htmlFor?: string;
     fieldId?: string;
+    /** `row` puts the label left and the control in a fixed 7.5rem column. Use for numbers, toggles, short enums. */
+    layout?: 'stacked' | 'row';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -13,12 +15,17 @@ declare function __VLS_template(): {
         default?(_: {
             describedBy: string | undefined;
         }): any;
+        default?(_: {
+            describedBy: string | undefined;
+        }): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    layout: "stacked" | "row";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/PluginWorkspaceView.props.d.ts

@@ -71,9 +71,9 @@ export interface PluginWorkspaceViewProps {
     sidebarSubtitle?: string;
     /** Optional compact badge/count rendered in the sidebar header. */
     sidebarBadge?: string | number;
-    /** AppSidebar visual preset. `analysis` matches the LEAF-style MINT analysis sidebar language. */
+    /** @deprecated No-op. AppSidebar has one look now; the former `analysis` preset is the default. */
     sidebarVariant?: PluginWorkspaceSidebarVariant;
-    /** Sidebar CSS width. Defaults to AppSidebar's variant width. */
+    /** Sidebar CSS width. Defaults to AppSidebar's width. */
     sidebarWidth?: string;
     /** Sidebar position in AppLayout. */
     sidebarPosition?: 'left' | 'right';
@@ -87,7 +87,7 @@ export interface PluginWorkspaceViewProps {
     sidebarContentId?: string;
     /** Compact AppSidebar density. */
     dense?: boolean;
-    /** Show a built-in collapse/expand button in the sidebar chrome. Defaults to AppSidebar's variant behavior. */
+    /** Show a built-in collapse/expand button in the sidebar chrome. Defaults to true. */
     sidebarCollapsible?: boolean;
     /** Sidebar width when collapsed. */
     sidebarCollapsedWidth?: string;

package/dist/components/index.js

@@ -1,8 +1,8 @@
 import { f as BaseModal_default, h as BaseButton_default } from "../experiment-utils-CV2Wza3z.js";
-import { a as BaseSelect_default, i as BasePill_default, r as EmptyState_default, s as BaseInput_default, t as Skeleton_default } from "../Skeleton-BAF3CKY7.js";
-import { Bt as MultiSelect_default, Gt as BaseToggle_default, Jt as BaseTextarea_default, Kt as BaseCheckbox_default, L as GeneratedPathInput_default, M as SequenceInput_default, O as ConcentrationInput_default, P as FormulaInput_default, R as ArtifactSelectorModal_default, St as TimePicker_default, Ut as BaseSlider_default, Wt as BaseRadioGroup_default, at as AlertBox_default, ct as SecretInput_default, j as MoleculeInput_default, k as UnitInput_default, ot as FileUploader_default, qt as Tooltip_default, st as NumberInput_default, tt as DateTimePicker_default, xt as TagsInput_default, zt as DatePicker_default } from "../useControlSchema-DldpxNOP.js";
-import { $ as AutoGroupModal_default, A as ChemicalFormula_default, At as ActionMenu_default, B as BioTemplateExperimentWorkspaceView_default, Bt as ColorSlider_default, C as SequenceProgressBar_default, Ct as StepWizard_default, Dt as PluginIcon_default, Et as AppAvatarMenu_default, F as SmartGroupModal_default, Ft as LoadingSpinner_default, G as StatusIndicator_default, H as Breadcrumb_default, I as GroupAssigner_default, It as Calendar_default, J as DoseDesignWorkspaceView_default, K as Divider_default, L as RackEditor_default, Lt as DropdownButton_default, M as ProtocolStepEditor_default, Mt as RuntimeUpdateNotice_default, N as SampleHierarchyTree_default, Nt as AppToastContainer_default, Ot as CollapsibleCard_default, P as ReagentEditor_default, Pt as DataFrame_default, Q as SampleSelector_default, R as BioTemplatePresetWorkspaceView_default, Rt as SegmentedControl_default, S as InstrumentAlertLog_default, St as FormActions_default, Tt as AppPluginSwitcher_default, U as Avatar_default, V as BioTemplateRenderer_default, W as ProgressBar_default, X as ComponentBindingRenderer_default, Y as ControlWorkspaceView_default, Z as ScheduleCalendar_default, _t as PluginWorkspaceView_default, a as FileBrowserModal_default, at as WellPlate_default, b as InstrumentStatusCard_default, bt as AppSidebar_default, c as TimeRangeInput_default, ct as GeneratedPluginView_default, d as AuditTrail_default, dt as GeneratedPlotlyResult_default, et as SmartGroupManual_default, f as LcmsSequenceTable_default, ft as PlotlyChart_default, i as ArtifactSaveDialog_default, it as SampleLegend_default, j as ScientificNumber_default, jt as IconButton_default, kt as ThemeToggle_default, l as ExperimentDataViewer_default, lt as JobsStatusTray_default, n as FilePicker_default, nt as ReagentList_default, o as SectionCard_default, ot as ExperimentTimeline_default, pt as ChartContainer_default, q as AppContainer_default, r as FitPanel_default, rt as PlateMapEditor_default, s as ResourceCard_default, st as DoseCalculator_default, tt as SmartGroupFieldRecipe_default, u as BatchProgressList_default, ut as GeneratedResultRenderer_default, vt as MobileSupportGate_default, wt as AppTopBar_default, x as InstrumentStateBadge_default, xt as FormBuilder_default, yt as AppLayout_default, z as BioTemplatePackWorkspaceView_default, zt as BaseTabs_default } from "../components-DIum5hkx.js";
-import { s as FormField_default, t as SettingsModal_default } from "../SettingsModal-BYR20I4c.js";
+import { a as BaseSelect_default, i as BasePill_default, r as EmptyState_default, s as BaseInput_default, t as Skeleton_default } from "../Skeleton-jhF9wUkU.js";
+import { Bt as MultiSelect_default, Gt as BaseToggle_default, Jt as BaseTextarea_default, Kt as BaseCheckbox_default, L as GeneratedPathInput_default, M as SequenceInput_default, O as ConcentrationInput_default, P as FormulaInput_default, R as ArtifactSelectorModal_default, St as TimePicker_default, Ut as BaseSlider_default, Wt as BaseRadioGroup_default, at as AlertBox_default, ct as SecretInput_default, j as MoleculeInput_default, k as UnitInput_default, ot as FileUploader_default, qt as Tooltip_default, st as NumberInput_default, tt as DateTimePicker_default, xt as TagsInput_default, zt as DatePicker_default } from "../useControlSchema-BB2GRPhW.js";
+import { $ as AutoGroupModal_default, A as ChemicalFormula_default, At as ActionMenu_default, B as BioTemplateExperimentWorkspaceView_default, Bt as ColorSlider_default, C as SequenceProgressBar_default, Ct as StepWizard_default, Dt as PluginIcon_default, Et as AppAvatarMenu_default, F as SmartGroupModal_default, Ft as LoadingSpinner_default, G as StatusIndicator_default, H as Breadcrumb_default, I as GroupAssigner_default, It as Calendar_default, J as DoseDesignWorkspaceView_default, K as Divider_default, L as RackEditor_default, Lt as DropdownButton_default, M as ProtocolStepEditor_default, Mt as RuntimeUpdateNotice_default, N as SampleHierarchyTree_default, Nt as AppToastContainer_default, Ot as CollapsibleCard_default, P as ReagentEditor_default, Pt as DataFrame_default, Q as SampleSelector_default, R as BioTemplatePresetWorkspaceView_default, Rt as SegmentedControl_default, S as InstrumentAlertLog_default, St as FormActions_default, Tt as AppPluginSwitcher_default, U as Avatar_default, V as BioTemplateRenderer_default, W as ProgressBar_default, X as ComponentBindingRenderer_default, Y as ControlWorkspaceView_default, Z as ScheduleCalendar_default, _t as PluginWorkspaceView_default, a as FileBrowserModal_default, at as WellPlate_default, b as InstrumentStatusCard_default, bt as AppSidebar_default, c as TimeRangeInput_default, ct as GeneratedPluginView_default, d as AuditTrail_default, dt as GeneratedPlotlyResult_default, et as SmartGroupManual_default, f as LcmsSequenceTable_default, ft as PlotlyChart_default, i as ArtifactSaveDialog_default, it as SampleLegend_default, j as ScientificNumber_default, jt as IconButton_default, kt as ThemeToggle_default, l as ExperimentDataViewer_default, lt as JobsStatusTray_default, n as FilePicker_default, nt as ReagentList_default, o as SectionCard_default, ot as ExperimentTimeline_default, pt as ChartContainer_default, q as AppContainer_default, r as FitPanel_default, rt as PlateMapEditor_default, s as ResourceCard_default, st as DoseCalculator_default, tt as SmartGroupFieldRecipe_default, u as BatchProgressList_default, ut as GeneratedResultRenderer_default, vt as MobileSupportGate_default, wt as AppTopBar_default, x as InstrumentStateBadge_default, xt as FormBuilder_default, yt as AppLayout_default, z as BioTemplatePackWorkspaceView_default, zt as BaseTabs_default } from "../components-Cp8DcNrU.js";
+import { s as FormField_default, t as SettingsModal_default } from "../SettingsModal-DOcCf0Vo.js";
 import { r as ConfirmDialog_default, t as ExperimentPopover_default } from "../ExperimentPopover-CJdNlCZb.js";
-import { r as ExperimentCodeBadge_default, t as ExperimentSelectorModal_default } from "../ExperimentSelectorModal-DCXmwKNS.js";
+import { r as ExperimentCodeBadge_default, t as ExperimentSelectorModal_default } from "../ExperimentSelectorModal-DHE9k8TP.js";
 export { ActionMenu_default as ActionMenu, AlertBox_default as AlertBox, AppAvatarMenu_default as AppAvatarMenu, AppContainer_default as AppContainer, AppLayout_default as AppLayout, AppPluginSwitcher_default as AppPluginSwitcher, AppSidebar_default as AppSidebar, AppToastContainer_default as AppToastContainer, AppTopBar_default as AppTopBar, ArtifactSaveDialog_default as ArtifactSaveDialog, ArtifactSelectorModal_default as ArtifactSelectorModal, AuditTrail_default as AuditTrail, AutoGroupModal_default as AutoGroupModal, Avatar_default as Avatar, BaseButton_default as BaseButton, BaseCheckbox_default as BaseCheckbox, BaseInput_default as BaseInput, BaseModal_default as BaseModal, BasePill_default as BasePill, BaseRadioGroup_default as BaseRadioGroup, BaseSelect_default as BaseSelect, BaseSlider_default as BaseSlider, BaseTabs_default as BaseTabs, BaseTextarea_default as BaseTextarea, BaseToggle_default as BaseToggle, BatchProgressList_default as BatchProgressList, BioTemplateExperimentWorkspaceView_default as BioTemplateExperimentWorkspaceView, BioTemplatePackWorkspaceView_default as BioTemplatePackWorkspaceView, BioTemplatePresetWorkspaceView_default as BioTemplatePresetWorkspaceView, BioTemplateRenderer_default as BioTemplateRenderer, Breadcrumb_default as Breadcrumb, Calendar_default as Calendar, ChartContainer_default as ChartContainer, ChemicalFormula_default as ChemicalFormula, CollapsibleCard_default as CollapsibleCard, ColorSlider_default as ColorSlider, ComponentBindingRenderer_default as ComponentBindingRenderer, ConcentrationInput_default as ConcentrationInput, ConfirmDialog_default as ConfirmDialog, ControlWorkspaceView_default as ControlWorkspaceView, DataFrame_default as DataFrame, DatePicker_default as DatePicker, DateTimePicker_default as DateTimePicker, Divider_default as Divider, DoseCalculator_default as DoseCalculator, DoseDesignWorkspaceView_default as DoseDesignWorkspaceView, DropdownButton_default as DropdownButton, EmptyState_default as EmptyState, ExperimentCodeBadge_default as ExperimentCodeBadge, ExperimentDataViewer_default as ExperimentDataViewer, ExperimentPopover_default as ExperimentPopover, ExperimentSelectorModal_default as ExperimentSelectorModal, ExperimentTimeline_default as ExperimentTimeline, FileBrowserModal_default as FileBrowserModal, FilePicker_default as FilePicker, FileUploader_default as FileUploader, FitPanel_default as FitPanel, FormActions_default as FormActions, FormBuilder_default as FormBuilder, FormField_default as FormField, FormulaInput_default as FormulaInput, GeneratedPathInput_default as GeneratedPathInput, GeneratedPlotlyResult_default as GeneratedPlotlyResult, GeneratedPluginView_default as GeneratedPluginView, GeneratedResultRenderer_default as GeneratedResultRenderer, GroupAssigner_default as GroupAssigner, IconButton_default as IconButton, InstrumentAlertLog_default as InstrumentAlertLog, InstrumentStateBadge_default as InstrumentStateBadge, InstrumentStatusCard_default as InstrumentStatusCard, JobsStatusTray_default as JobsStatusTray, LcmsSequenceTable_default as LcmsSequenceTable, LoadingSpinner_default as LoadingSpinner, MobileSupportGate_default as MobileSupportGate, MoleculeInput_default as MoleculeInput, MultiSelect_default as MultiSelect, NumberInput_default as NumberInput, PlateMapEditor_default as PlateMapEditor, PlotlyChart_default as PlotlyChart, PluginIcon_default as PluginIcon, PluginWorkspaceView_default as PluginWorkspaceView, ProgressBar_default as ProgressBar, ProtocolStepEditor_default as ProtocolStepEditor, RackEditor_default as RackEditor, ReagentEditor_default as ReagentEditor, ReagentList_default as ReagentList, ResourceCard_default as ResourceCard, RuntimeUpdateNotice_default as RuntimeUpdateNotice, SampleHierarchyTree_default as SampleHierarchyTree, SampleLegend_default as SampleLegend, SampleSelector_default as SampleSelector, ScheduleCalendar_default as ScheduleCalendar, ScientificNumber_default as ScientificNumber, SecretInput_default as SecretInput, SectionCard_default as SectionCard, SegmentedControl_default as SegmentedControl, SequenceInput_default as SequenceInput, SequenceProgressBar_default as SequenceProgressBar, SettingsModal_default as SettingsModal, Skeleton_default as Skeleton, SmartGroupFieldRecipe_default as SmartGroupFieldRecipe, SmartGroupManual_default as SmartGroupManual, SmartGroupModal_default as SmartGroupModal, StatusIndicator_default as StatusIndicator, StepWizard_default as StepWizard, TagsInput_default as TagsInput, ThemeToggle_default as ThemeToggle, TimePicker_default as TimePicker, TimeRangeInput_default as TimeRangeInput, Tooltip_default as Tooltip, UnitInput_default as UnitInput, WellPlate_default as WellPlate };