@morscherlab/mint-sdk 1.4.0-beta.9 → 1.4.0

package/README.md

@@ -415,19 +415,30 @@ derives its groups from the same jobs ref and does not mirror it with a watcher:
 
 ```vue
 <script setup lang="ts">
+import { AppTopBar } from '@morscherlab/mint-sdk/shell'
 import { JobsStatusTray } from '@morscherlab/mint-sdk/data'
+import { useJobCenter } from '@morscherlab/mint-sdk/runtime'
+import type { JobState } from '@morscherlab/mint-sdk/types'
 import { useJobs } from './generated/mint-plugin'
 
 const jobs = useJobs('analyze')
+const center = useJobCenter({ source: jobs })
+function openResult(job: JobState) { /* show the job's result */ }
 </script>
 
 <template>
-  <JobsStatusTray :source="jobs" />
+  <AppTopBar
+    :job="center.topBarJob.value"
+    :jobs-done="center.completedCount.value"
+    @job-click="center.handleTopBarClick(openResult)"
+  />
+  <JobsStatusTray :center="center" @select="openResult" />
 </template>
 ```
 
-`JobsStatusTray` accepts only the runtime source. Polling, SSE updates, and job
-actions therefore have exactly one state owner.
+The job center reads only the runtime source. Polling, SSE updates, and job
+actions therefore have exactly one state owner. `PluginWorkspaceView` does this
+wiring when its spec sets `jobs: jobs` and emits `job-select`.
 
 When an incremental migration temporarily has more than one owner, use
 `combinePluginJobSources([sdkJobs, legacyJobs])`. It preserves each source's

package/dist/{AlertBox-B2Bgr3ei.js → AlertBox-DwgNTEqf.js}

@@ -1,5 +1,5 @@
-import { a as BaseButton_default } from "./useDropdownState-8yWMu-7_.js";
-import { L as EmptyState_default } from "./records-B6gpM_3e.js";
+import { a as BaseButton_default } from "./useDropdownState-uFIz6Yv8.js";
+import { L as EmptyState_default } from "./records-D4aQXyZu.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, toValue, useSlots, withCtx } from "vue";
 //#region src/composables/useTextSearch.ts
 /** Shared text-search filtering for tables, lists, selectors, and chip inputs. */
@@ -273,4 +273,4 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { normalizeSearchQuery as a, candidateMatchesSearch as i, DataStateInternal_default as n, useTextSearch as o, LoadingSpinner_default as r, AlertBox_default as t };
 
-//# sourceMappingURL=AlertBox-B2Bgr3ei.js.map
+//# sourceMappingURL=AlertBox-DwgNTEqf.js.map

package/dist/{AlertBox-B2Bgr3ei.js.map → AlertBox-DwgNTEqf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AlertBox-B2Bgr3ei.js","names":[],"sources":["../src/composables/useTextSearch.ts","../src/components/LoadingSpinner.vue","../src/components/LoadingSpinner.vue","../src/components/internal/DataStateInternal.vue","../src/components/internal/DataStateInternal.vue","../src/components/AlertBox.vue","../src/components/AlertBox.vue"],"sourcesContent":["import { computed, toValue, type ComputedRef, type Ref } from 'vue'\n\nexport type TextSearchSource<T> =\n  | T\n  | Ref<T>\n  | ComputedRef<T>\n  | (() => T)\n\nexport type TextSearchCandidate = unknown | readonly unknown[]\n\nexport interface UseTextSearchOptions<TItem> {\n  items: TextSearchSource<readonly TItem[]>\n  query: TextSearchSource<string | null | undefined>\n  enabled?: TextSearchSource<boolean | null | undefined>\n  getText: (item: TItem) => TextSearchCandidate\n}\n\nexport interface UseTextSearchReturn<TItem> {\n  query: ComputedRef<string>\n  filteredItems: ComputedRef<TItem[]>\n  matches: (item: TItem, query?: string | null | undefined) => boolean\n}\n\n/** Shared text-search filtering for tables, lists, selectors, and chip inputs. */\nexport function useTextSearch<TItem>(options: UseTextSearchOptions<TItem>): UseTextSearchReturn<TItem> {\n  const query = computed(() => normalizeSearchQuery(toValue(options.query)))\n  const enabled = computed(() => toValue(options.enabled) ?? true)\n\n  function matches(item: TItem, overrideQuery?: string | null | undefined): boolean {\n    const activeQuery = overrideQuery === undefined ? query.value : normalizeSearchQuery(overrideQuery)\n    if (!activeQuery) return true\n    return candidateMatchesSearch(options.getText(item), activeQuery)\n  }\n\n  const filteredItems = computed(() => {\n    const items = [...toValue(options.items)]\n    if (!enabled.value || !query.value) return items\n    return items.filter(item => matches(item))\n  })\n\n  return {\n    query,\n    filteredItems,\n    matches,\n  }\n}\n\nexport function normalizeSearchQuery(value: string | null | undefined): string {\n  return (value ?? '').trim().toLowerCase()\n}\n\nexport function candidateMatchesSearch(candidate: TextSearchCandidate, query: string): boolean {\n  const normalizedQuery = normalizeSearchQuery(query)\n  if (!normalizedQuery) return true\n  const values = Array.isArray(candidate) ? candidate : [candidate]\n  return values.some((value) => {\n    if (value === null || value === undefined) return false\n    return String(value).toLowerCase().includes(normalizedQuery)\n  })\n}\n","<script setup lang=\"ts\">\n/** Animated SVG spinner with size and tone, and a visually hidden status label for screen readers. `tone=\"inherit\"` takes the parent's text color. */\nimport type { Tone } from '../types'\n\ninterface Props {\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  tone?: Tone | 'inherit'\n  label?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  size: 'md',\n  tone: 'primary',\n  label: 'Loading',\n})\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mint-spinner',\n      `mint-spinner--${size}`,\n      `mint-spinner--${tone}`,\n    ]\"\n    role=\"status\"\n  >\n    <svg\n      class=\"mint-spinner__svg\"\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 12h4z\"\n      />\n    </svg>\n    <span class=\"mint-spinner__label\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Animated SVG spinner with size and tone, and a visually hidden status label for screen readers. `tone=\"inherit\"` takes the parent's text color. */\nimport type { Tone } from '../types'\n\ninterface Props {\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  tone?: Tone | 'inherit'\n  label?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  size: 'md',\n  tone: 'primary',\n  label: 'Loading',\n})\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mint-spinner',\n      `mint-spinner--${size}`,\n      `mint-spinner--${tone}`,\n    ]\"\n    role=\"status\"\n  >\n    <svg\n      class=\"mint-spinner__svg\"\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 12h4z\"\n      />\n    </svg>\n    <span class=\"mint-spinner__label\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Shared loading / error / empty presentation for the SDK data components.\n *\n * Internal: not exported from the package entrypoints. Data components render\n * this instead of hand-rolling their own placeholder markup so that the\n * loading, error and empty states look the same everywhere.\n */\nimport { computed } from 'vue'\nimport EmptyState from '../EmptyState.vue'\nimport LoadingSpinner from '../LoadingSpinner.vue'\n\n/** Single-path warning triangle used for the error state. */\nconst ERROR_ICON_PATH\n  = 'M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'\n  + 'M12 9v4M12 17h.01'\n\ninterface Props {\n  /** Which of the three placeholder states to render. */\n  state: 'loading' | 'error' | 'empty'\n  /** Headline for the empty/error state. */\n  title?: string\n  /** Supporting copy for the empty/error state. */\n  description?: string\n  /** Custom `<path d>` for the empty state icon (the error state has its own). */\n  iconPath?: string\n  /** Placeholder scale; also drives the loading spinner size. */\n  size?: 'sm' | 'md' | 'lg'\n  /** `EmptyState` layout variant. */\n  variant?: 'illustrated' | 'inline'\n  /** Accessible label (and visible caption) for the loading state. */\n  loadingLabel?: string\n  /** Optional call-to-action rendered under the empty/error copy. */\n  actionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'illustrated',\n  loadingLabel: 'Loading',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst spinnerSize = computed(() => (props.size === 'sm' ? 'sm' : props.size === 'lg' ? 'lg' : 'md'))\n</script>\n\n<template>\n  <div\n    :class=\"['mint-data-state', `mint-data-state--${state}`, `mint-data-state--${size}`]\"\n    :data-state=\"state\"\n  >\n    <template v-if=\"state === 'loading'\">\n      <LoadingSpinner :size=\"spinnerSize\" :label=\"loadingLabel\" />\n      <p class=\"mint-data-state__loading-text\" aria-hidden=\"true\">{{ loadingLabel }}</p>\n    </template>\n    <EmptyState\n      v-else\n      :title=\"title\"\n      :description=\"description\"\n      :icon-path=\"state === 'error' ? ERROR_ICON_PATH : iconPath\"\n      :tone=\"state === 'error' ? 'error' : 'neutral'\"\n      :size=\"size\"\n      :variant=\"variant\"\n      :action-label=\"actionLabel\"\n      @action=\"emit('action')\"\n    >\n      <slot />\n    </EmptyState>\n  </div>\n</template>\n\n","<script setup lang=\"ts\">\n/**\n * Shared loading / error / empty presentation for the SDK data components.\n *\n * Internal: not exported from the package entrypoints. Data components render\n * this instead of hand-rolling their own placeholder markup so that the\n * loading, error and empty states look the same everywhere.\n */\nimport { computed } from 'vue'\nimport EmptyState from '../EmptyState.vue'\nimport LoadingSpinner from '../LoadingSpinner.vue'\n\n/** Single-path warning triangle used for the error state. */\nconst ERROR_ICON_PATH\n  = 'M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'\n  + 'M12 9v4M12 17h.01'\n\ninterface Props {\n  /** Which of the three placeholder states to render. */\n  state: 'loading' | 'error' | 'empty'\n  /** Headline for the empty/error state. */\n  title?: string\n  /** Supporting copy for the empty/error state. */\n  description?: string\n  /** Custom `<path d>` for the empty state icon (the error state has its own). */\n  iconPath?: string\n  /** Placeholder scale; also drives the loading spinner size. */\n  size?: 'sm' | 'md' | 'lg'\n  /** `EmptyState` layout variant. */\n  variant?: 'illustrated' | 'inline'\n  /** Accessible label (and visible caption) for the loading state. */\n  loadingLabel?: string\n  /** Optional call-to-action rendered under the empty/error copy. */\n  actionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'illustrated',\n  loadingLabel: 'Loading',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst spinnerSize = computed(() => (props.size === 'sm' ? 'sm' : props.size === 'lg' ? 'lg' : 'md'))\n</script>\n\n<template>\n  <div\n    :class=\"['mint-data-state', `mint-data-state--${state}`, `mint-data-state--${size}`]\"\n    :data-state=\"state\"\n  >\n    <template v-if=\"state === 'loading'\">\n      <LoadingSpinner :size=\"spinnerSize\" :label=\"loadingLabel\" />\n      <p class=\"mint-data-state__loading-text\" aria-hidden=\"true\">{{ loadingLabel }}</p>\n    </template>\n    <EmptyState\n      v-else\n      :title=\"title\"\n      :description=\"description\"\n      :icon-path=\"state === 'error' ? ERROR_ICON_PATH : iconPath\"\n      :tone=\"state === 'error' ? 'error' : 'neutral'\"\n      :size=\"size\"\n      :variant=\"variant\"\n      :action-label=\"actionLabel\"\n      @action=\"emit('action')\"\n    >\n      <slot />\n    </EmptyState>\n  </div>\n</template>\n\n","<script setup lang=\"ts\">\n/** Inline alert banner with semantic icon, title, message slot, optional action button, and optional dismiss button. */\nimport { useSlots } from 'vue'\nimport type { Tone } from '../types'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  tone?: Tone\n  title?: string\n  dismissible?: boolean\n  actionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  tone: 'info',\n  dismissible: false,\n})\n\nconst emit = defineEmits<{\n  dismiss: []\n  action: []\n}>()\n\nconst slots = useSlots()\nconst hasActions = () => !!props.actionLabel || !!slots.actions\n</script>\n\n<template>\n  <div\n    class=\"mint-alert\"\n    :class=\"`mint-alert--${props.tone}`\"\n    role=\"alert\"\n  >\n    <span :class=\"['mint-alert__icon', `mint-alert__icon--${props.tone}`]\">\n      <!-- Lucide circle-check -->\n      <svg v-if=\"props.tone === 'success'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m9 12 2 2 4-4\" />\n      </svg>\n      <!-- Lucide circle-x -->\n      <svg v-else-if=\"props.tone === 'error'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m15 9-6 6\" /><path d=\"m9 9 6 6\" />\n      </svg>\n      <!-- Lucide triangle-alert -->\n      <svg v-else-if=\"props.tone === 'warning'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" />\n      </svg>\n      <!-- Lucide info -->\n      <svg v-else viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 16v-4\" /><path d=\"M12 8h.01\" />\n      </svg>\n    </span>\n\n    <div class=\"mint-alert__content\">\n      <h4 v-if=\"props.title\" class=\"mint-alert__title\">\n        {{ props.title }}\n      </h4>\n      <div class=\"mint-alert__message\">\n        <slot />\n      </div>\n    </div>\n\n    <div v-if=\"hasActions()\" class=\"mint-alert__actions\">\n      <slot name=\"actions\">\n        <BaseButton variant=\"secondary\" size=\"sm\" @click=\"emit('action')\">\n          {{ props.actionLabel }}\n        </BaseButton>\n      </slot>\n    </div>\n\n    <button\n      v-if=\"props.dismissible\"\n      type=\"button\"\n      class=\"mint-alert__dismiss\"\n      aria-label=\"Dismiss\"\n      @click=\"emit('dismiss')\"\n    >\n      <svg class=\"mint-alert__dismiss-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Inline alert banner with semantic icon, title, message slot, optional action button, and optional dismiss button. */\nimport { useSlots } from 'vue'\nimport type { Tone } from '../types'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  tone?: Tone\n  title?: string\n  dismissible?: boolean\n  actionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  tone: 'info',\n  dismissible: false,\n})\n\nconst emit = defineEmits<{\n  dismiss: []\n  action: []\n}>()\n\nconst slots = useSlots()\nconst hasActions = () => !!props.actionLabel || !!slots.actions\n</script>\n\n<template>\n  <div\n    class=\"mint-alert\"\n    :class=\"`mint-alert--${props.tone}`\"\n    role=\"alert\"\n  >\n    <span :class=\"['mint-alert__icon', `mint-alert__icon--${props.tone}`]\">\n      <!-- Lucide circle-check -->\n      <svg v-if=\"props.tone === 'success'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m9 12 2 2 4-4\" />\n      </svg>\n      <!-- Lucide circle-x -->\n      <svg v-else-if=\"props.tone === 'error'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m15 9-6 6\" /><path d=\"m9 9 6 6\" />\n      </svg>\n      <!-- Lucide triangle-alert -->\n      <svg v-else-if=\"props.tone === 'warning'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" />\n      </svg>\n      <!-- Lucide info -->\n      <svg v-else viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 16v-4\" /><path d=\"M12 8h.01\" />\n      </svg>\n    </span>\n\n    <div class=\"mint-alert__content\">\n      <h4 v-if=\"props.title\" class=\"mint-alert__title\">\n        {{ props.title }}\n      </h4>\n      <div class=\"mint-alert__message\">\n        <slot />\n      </div>\n    </div>\n\n    <div v-if=\"hasActions()\" class=\"mint-alert__actions\">\n      <slot name=\"actions\">\n        <BaseButton variant=\"secondary\" size=\"sm\" @click=\"emit('action')\">\n          {{ props.actionLabel }}\n        </BaseButton>\n      </slot>\n    </div>\n\n    <button\n      v-if=\"props.dismissible\"\n      type=\"button\"\n      class=\"mint-alert__dismiss\"\n      aria-label=\"Dismiss\"\n      @click=\"emit('dismiss')\"\n    >\n      <svg class=\"mint-alert__dismiss-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AlertBox-DwgNTEqf.js","names":[],"sources":["../src/composables/useTextSearch.ts","../src/components/LoadingSpinner.vue","../src/components/LoadingSpinner.vue","../src/components/internal/DataStateInternal.vue","../src/components/internal/DataStateInternal.vue","../src/components/AlertBox.vue","../src/components/AlertBox.vue"],"sourcesContent":["import { computed, toValue, type ComputedRef, type Ref } from 'vue'\n\nexport type TextSearchSource<T> =\n  | T\n  | Ref<T>\n  | ComputedRef<T>\n  | (() => T)\n\nexport type TextSearchCandidate = unknown | readonly unknown[]\n\nexport interface UseTextSearchOptions<TItem> {\n  items: TextSearchSource<readonly TItem[]>\n  query: TextSearchSource<string | null | undefined>\n  enabled?: TextSearchSource<boolean | null | undefined>\n  getText: (item: TItem) => TextSearchCandidate\n}\n\nexport interface UseTextSearchReturn<TItem> {\n  query: ComputedRef<string>\n  filteredItems: ComputedRef<TItem[]>\n  matches: (item: TItem, query?: string | null | undefined) => boolean\n}\n\n/** Shared text-search filtering for tables, lists, selectors, and chip inputs. */\nexport function useTextSearch<TItem>(options: UseTextSearchOptions<TItem>): UseTextSearchReturn<TItem> {\n  const query = computed(() => normalizeSearchQuery(toValue(options.query)))\n  const enabled = computed(() => toValue(options.enabled) ?? true)\n\n  function matches(item: TItem, overrideQuery?: string | null | undefined): boolean {\n    const activeQuery = overrideQuery === undefined ? query.value : normalizeSearchQuery(overrideQuery)\n    if (!activeQuery) return true\n    return candidateMatchesSearch(options.getText(item), activeQuery)\n  }\n\n  const filteredItems = computed(() => {\n    const items = [...toValue(options.items)]\n    if (!enabled.value || !query.value) return items\n    return items.filter(item => matches(item))\n  })\n\n  return {\n    query,\n    filteredItems,\n    matches,\n  }\n}\n\nexport function normalizeSearchQuery(value: string | null | undefined): string {\n  return (value ?? '').trim().toLowerCase()\n}\n\nexport function candidateMatchesSearch(candidate: TextSearchCandidate, query: string): boolean {\n  const normalizedQuery = normalizeSearchQuery(query)\n  if (!normalizedQuery) return true\n  const values = Array.isArray(candidate) ? candidate : [candidate]\n  return values.some((value) => {\n    if (value === null || value === undefined) return false\n    return String(value).toLowerCase().includes(normalizedQuery)\n  })\n}\n","<script setup lang=\"ts\">\n/** Animated SVG spinner with size and tone, and a visually hidden status label for screen readers. `tone=\"inherit\"` takes the parent's text color. */\nimport type { Tone } from '../types'\n\ninterface Props {\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  tone?: Tone | 'inherit'\n  label?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  size: 'md',\n  tone: 'primary',\n  label: 'Loading',\n})\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mint-spinner',\n      `mint-spinner--${size}`,\n      `mint-spinner--${tone}`,\n    ]\"\n    role=\"status\"\n  >\n    <svg\n      class=\"mint-spinner__svg\"\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 12h4z\"\n      />\n    </svg>\n    <span class=\"mint-spinner__label\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Animated SVG spinner with size and tone, and a visually hidden status label for screen readers. `tone=\"inherit\"` takes the parent's text color. */\nimport type { Tone } from '../types'\n\ninterface Props {\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  tone?: Tone | 'inherit'\n  label?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  size: 'md',\n  tone: 'primary',\n  label: 'Loading',\n})\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'mint-spinner',\n      `mint-spinner--${size}`,\n      `mint-spinner--${tone}`,\n    ]\"\n    role=\"status\"\n  >\n    <svg\n      class=\"mint-spinner__svg\"\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 12h4z\"\n      />\n    </svg>\n    <span class=\"mint-spinner__label\">{{ label }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Shared loading / error / empty presentation for the SDK data components.\n *\n * Internal: not exported from the package entrypoints. Data components render\n * this instead of hand-rolling their own placeholder markup so that the\n * loading, error and empty states look the same everywhere.\n */\nimport { computed } from 'vue'\nimport EmptyState from '../EmptyState.vue'\nimport LoadingSpinner from '../LoadingSpinner.vue'\n\n/** Single-path warning triangle used for the error state. */\nconst ERROR_ICON_PATH\n  = 'M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'\n  + 'M12 9v4M12 17h.01'\n\ninterface Props {\n  /** Which of the three placeholder states to render. */\n  state: 'loading' | 'error' | 'empty'\n  /** Headline for the empty/error state. */\n  title?: string\n  /** Supporting copy for the empty/error state. */\n  description?: string\n  /** Custom `<path d>` for the empty state icon (the error state has its own). */\n  iconPath?: string\n  /** Placeholder scale; also drives the loading spinner size. */\n  size?: 'sm' | 'md' | 'lg'\n  /** `EmptyState` layout variant. */\n  variant?: 'illustrated' | 'inline'\n  /** Accessible label (and visible caption) for the loading state. */\n  loadingLabel?: string\n  /** Optional call-to-action rendered under the empty/error copy. */\n  actionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'illustrated',\n  loadingLabel: 'Loading',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst spinnerSize = computed(() => (props.size === 'sm' ? 'sm' : props.size === 'lg' ? 'lg' : 'md'))\n</script>\n\n<template>\n  <div\n    :class=\"['mint-data-state', `mint-data-state--${state}`, `mint-data-state--${size}`]\"\n    :data-state=\"state\"\n  >\n    <template v-if=\"state === 'loading'\">\n      <LoadingSpinner :size=\"spinnerSize\" :label=\"loadingLabel\" />\n      <p class=\"mint-data-state__loading-text\" aria-hidden=\"true\">{{ loadingLabel }}</p>\n    </template>\n    <EmptyState\n      v-else\n      :title=\"title\"\n      :description=\"description\"\n      :icon-path=\"state === 'error' ? ERROR_ICON_PATH : iconPath\"\n      :tone=\"state === 'error' ? 'error' : 'neutral'\"\n      :size=\"size\"\n      :variant=\"variant\"\n      :action-label=\"actionLabel\"\n      @action=\"emit('action')\"\n    >\n      <slot />\n    </EmptyState>\n  </div>\n</template>\n\n","<script setup lang=\"ts\">\n/**\n * Shared loading / error / empty presentation for the SDK data components.\n *\n * Internal: not exported from the package entrypoints. Data components render\n * this instead of hand-rolling their own placeholder markup so that the\n * loading, error and empty states look the same everywhere.\n */\nimport { computed } from 'vue'\nimport EmptyState from '../EmptyState.vue'\nimport LoadingSpinner from '../LoadingSpinner.vue'\n\n/** Single-path warning triangle used for the error state. */\nconst ERROR_ICON_PATH\n  = 'M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'\n  + 'M12 9v4M12 17h.01'\n\ninterface Props {\n  /** Which of the three placeholder states to render. */\n  state: 'loading' | 'error' | 'empty'\n  /** Headline for the empty/error state. */\n  title?: string\n  /** Supporting copy for the empty/error state. */\n  description?: string\n  /** Custom `<path d>` for the empty state icon (the error state has its own). */\n  iconPath?: string\n  /** Placeholder scale; also drives the loading spinner size. */\n  size?: 'sm' | 'md' | 'lg'\n  /** `EmptyState` layout variant. */\n  variant?: 'illustrated' | 'inline'\n  /** Accessible label (and visible caption) for the loading state. */\n  loadingLabel?: string\n  /** Optional call-to-action rendered under the empty/error copy. */\n  actionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'illustrated',\n  loadingLabel: 'Loading',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst spinnerSize = computed(() => (props.size === 'sm' ? 'sm' : props.size === 'lg' ? 'lg' : 'md'))\n</script>\n\n<template>\n  <div\n    :class=\"['mint-data-state', `mint-data-state--${state}`, `mint-data-state--${size}`]\"\n    :data-state=\"state\"\n  >\n    <template v-if=\"state === 'loading'\">\n      <LoadingSpinner :size=\"spinnerSize\" :label=\"loadingLabel\" />\n      <p class=\"mint-data-state__loading-text\" aria-hidden=\"true\">{{ loadingLabel }}</p>\n    </template>\n    <EmptyState\n      v-else\n      :title=\"title\"\n      :description=\"description\"\n      :icon-path=\"state === 'error' ? ERROR_ICON_PATH : iconPath\"\n      :tone=\"state === 'error' ? 'error' : 'neutral'\"\n      :size=\"size\"\n      :variant=\"variant\"\n      :action-label=\"actionLabel\"\n      @action=\"emit('action')\"\n    >\n      <slot />\n    </EmptyState>\n  </div>\n</template>\n\n","<script setup lang=\"ts\">\n/** Inline alert banner with semantic icon, title, message slot, optional action button, and optional dismiss button. */\nimport { useSlots } from 'vue'\nimport type { Tone } from '../types'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  tone?: Tone\n  title?: string\n  dismissible?: boolean\n  actionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  tone: 'info',\n  dismissible: false,\n})\n\nconst emit = defineEmits<{\n  dismiss: []\n  action: []\n}>()\n\nconst slots = useSlots()\nconst hasActions = () => !!props.actionLabel || !!slots.actions\n</script>\n\n<template>\n  <div\n    class=\"mint-alert\"\n    :class=\"`mint-alert--${props.tone}`\"\n    role=\"alert\"\n  >\n    <span :class=\"['mint-alert__icon', `mint-alert__icon--${props.tone}`]\">\n      <!-- Lucide circle-check -->\n      <svg v-if=\"props.tone === 'success'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m9 12 2 2 4-4\" />\n      </svg>\n      <!-- Lucide circle-x -->\n      <svg v-else-if=\"props.tone === 'error'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m15 9-6 6\" /><path d=\"m9 9 6 6\" />\n      </svg>\n      <!-- Lucide triangle-alert -->\n      <svg v-else-if=\"props.tone === 'warning'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" />\n      </svg>\n      <!-- Lucide info -->\n      <svg v-else viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 16v-4\" /><path d=\"M12 8h.01\" />\n      </svg>\n    </span>\n\n    <div class=\"mint-alert__content\">\n      <h4 v-if=\"props.title\" class=\"mint-alert__title\">\n        {{ props.title }}\n      </h4>\n      <div class=\"mint-alert__message\">\n        <slot />\n      </div>\n    </div>\n\n    <div v-if=\"hasActions()\" class=\"mint-alert__actions\">\n      <slot name=\"actions\">\n        <BaseButton variant=\"secondary\" size=\"sm\" @click=\"emit('action')\">\n          {{ props.actionLabel }}\n        </BaseButton>\n      </slot>\n    </div>\n\n    <button\n      v-if=\"props.dismissible\"\n      type=\"button\"\n      class=\"mint-alert__dismiss\"\n      aria-label=\"Dismiss\"\n      @click=\"emit('dismiss')\"\n    >\n      <svg class=\"mint-alert__dismiss-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Inline alert banner with semantic icon, title, message slot, optional action button, and optional dismiss button. */\nimport { useSlots } from 'vue'\nimport type { Tone } from '../types'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  tone?: Tone\n  title?: string\n  dismissible?: boolean\n  actionLabel?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  tone: 'info',\n  dismissible: false,\n})\n\nconst emit = defineEmits<{\n  dismiss: []\n  action: []\n}>()\n\nconst slots = useSlots()\nconst hasActions = () => !!props.actionLabel || !!slots.actions\n</script>\n\n<template>\n  <div\n    class=\"mint-alert\"\n    :class=\"`mint-alert--${props.tone}`\"\n    role=\"alert\"\n  >\n    <span :class=\"['mint-alert__icon', `mint-alert__icon--${props.tone}`]\">\n      <!-- Lucide circle-check -->\n      <svg v-if=\"props.tone === 'success'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m9 12 2 2 4-4\" />\n      </svg>\n      <!-- Lucide circle-x -->\n      <svg v-else-if=\"props.tone === 'error'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"m15 9-6 6\" /><path d=\"m9 9 6 6\" />\n      </svg>\n      <!-- Lucide triangle-alert -->\n      <svg v-else-if=\"props.tone === 'warning'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" />\n      </svg>\n      <!-- Lucide info -->\n      <svg v-else viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 16v-4\" /><path d=\"M12 8h.01\" />\n      </svg>\n    </span>\n\n    <div class=\"mint-alert__content\">\n      <h4 v-if=\"props.title\" class=\"mint-alert__title\">\n        {{ props.title }}\n      </h4>\n      <div class=\"mint-alert__message\">\n        <slot />\n      </div>\n    </div>\n\n    <div v-if=\"hasActions()\" class=\"mint-alert__actions\">\n      <slot name=\"actions\">\n        <BaseButton variant=\"secondary\" size=\"sm\" @click=\"emit('action')\">\n          {{ props.actionLabel }}\n        </BaseButton>\n      </slot>\n    </div>\n\n    <button\n      v-if=\"props.dismissible\"\n      type=\"button\"\n      class=\"mint-alert__dismiss\"\n      aria-label=\"Dismiss\"\n      @click=\"emit('dismiss')\"\n    >\n      <svg class=\"mint-alert__dismiss-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}