@morscherlab/mint-sdk 1.5.0-beta.2 → 1.5.0-beta.3

package/dist/{AlertBox-CIhqsWbN.js → AlertBox-CexONPhA.js}

@@ -1,5 +1,5 @@
 import { a as BaseButton_default } from "./useDropdownState-uFIz6Yv8.js";
-import { L as EmptyState_default } from "./records-CWRztE5M.js";
+import { L as EmptyState_default } from "./records-BAymyHAn.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-CIhqsWbN.js.map
+//# sourceMappingURL=AlertBox-CexONPhA.js.map

package/dist/{AlertBox-CIhqsWbN.js.map → AlertBox-CexONPhA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AlertBox-CIhqsWbN.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-CexONPhA.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":";;;;;AAwBA,SAAgB,cAAqB,SAAkE;CACrG,MAAM,QAAQ,eAAe,qBAAqB,QAAQ,QAAQ,KAAK,CAAC,CAAC;CACzE,MAAM,UAAU,eAAe,QAAQ,QAAQ,OAAO,KAAK,IAAI;CAE/D,SAAS,QAAQ,MAAa,eAAoD;EAChF,MAAM,cAAc,kBAAkB,KAAA,IAAY,MAAM,QAAQ,qBAAqB,aAAa;EAClG,IAAI,CAAC,aAAa,OAAO;EACzB,OAAO,uBAAuB,QAAQ,QAAQ,IAAI,GAAG,WAAW;CAClE;CAQA,OAAO;EACL;EACA,eARoB,eAAe;GACnC,MAAM,QAAQ,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;GACxC,IAAI,CAAC,QAAQ,SAAS,CAAC,MAAM,OAAO,OAAO;GAC3C,OAAO,MAAM,QAAO,SAAQ,QAAQ,IAAI,CAAC;EAC3C,CAIE;EACA;CACF;AACF;AAEA,SAAgB,qBAAqB,OAA0C;CAC7E,QAAQ,SAAS,GAAA,CAAI,KAAK,CAAC,CAAC,YAAY;AAC1C;AAEA,SAAgB,uBAAuB,WAAgC,OAAwB;CAC7F,MAAM,kBAAkB,qBAAqB,KAAK;CAClD,IAAI,CAAC,iBAAiB,OAAO;CAE7B,QADe,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS,EAAA,CAClD,MAAM,UAAU;EAC5B,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW,OAAO;EAClD,OAAO,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,eAAe;CAC7D,CAAC;AACH;;;;;;;;;;;;;;;;GCzCE,OAAA,UAAA,GAAA,mBA4BM,OAAA;IA3BH,OAAK,eAAA;;KAAiD,iBAAA,QAAA;KAA+B,iBAAA,QAAA;;IAKtF,MAAK;GAEL,GAAA,CAAA,OAAA,OAAA,OAAA,KAAA,mBAkBM,OAAA;IAjBJ,OAAM;IACN,MAAK;IACL,SAAQ;GAER,GAAA,CAAA,mBAOE,UAAA;IANA,OAAA,EAAA,WAAA,OAAA;IACA,IAAG;IACH,IAAG;IACH,GAAE;IACF,QAAO;IACP,gBAAa;GAEf,CAAA,GAAA,mBAIE,QAAA;IAHA,OAAA,EAAA,WAAA,OAAA;IACA,MAAK;IACL,GAAE;GAGN,CAAA,CAAA,GAAA,EAAA,IAAA,mBAAoD,QAApD,cAAoD,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,GAAA,CAAA;;;;;;;;;;;;AEhC9C,IAAM,kBACF;;;;;;;;;;;;;;;;;;;;;;;;EAsBJ,MAAM,QAAQ;EAMd,MAAM,OAAO;EAIb,MAAM,cAAc,eAAgB,MAAM,SAAS,OAAO,OAAO,MAAM,SAAS,OAAO,OAAO,IAAK;;GAIjG,OAAA,UAAA,GAAA,mBAqBM,OAAA;IApBH,OAAK,eAAA;KAAA;KAAA,oBAA0C,QAAA;KAAK,oBAAwB,QAAA;IAAI,CAAA;IAChF,cAAY,QAAA;GAEG,GAAA,CAAA,QAAA,UAAK,aAArB,UAAA,GAAA,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAA4D,wBAAA;IAA3C,MAAM,YAAA;IAAc,OAAO,QAAA;GAC5C,GAAA,MAAA,GAAA,CAAA,QAAA,OAAA,CAAA,GAAA,mBAAkF,KAAlF,cAAkF,gBAAnB,QAAA,YAAY,GAAA,CAAA,CAAA,GAAA,EAAA,MAE7E,UAAA,GAAA,YAYa,oBAAA;;IAVV,OAAO,QAAA;IACP,aAAa,QAAA;IACb,aAAW,QAAA,UAAK,UAAe,kBAAkB,QAAA;IACjD,MAAM,QAAA,UAAK,UAAA,UAAA;IACX,MAAM,QAAA;IACN,SAAS,QAAA;IACT,gBAAc,QAAA;IACd,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;IAEb,SAAA,cAAQ,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EExDd,MAAM,QAAQ;EAKd,MAAM,OAAO;EAKb,MAAM,QAAQ,SAAS;EACvB,MAAM,mBAAmB,CAAC,CAAC,MAAM,eAAe,CAAC,CAAC,MAAM;;GAItD,OAAA,UAAA,GAAA,mBAoDM,OAAA;IAnDJ,OAAK,eAAA,CAAC,cAAY,eACK,MAAM,MAAI,CAAA;IACjC,MAAK;;IAEL,mBAiBO,QAAA,EAjBA,OAAK,eAAA,CAAA,oBAAA,qBAA4C,MAAM,MAAI,CAAA,EAAA,GAAA,CAErD,MAAM,SAAI,aAArB,UAAA,GAAA,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAiC,UAAA;KAAzB,IAAG;KAAK,IAAG;KAAK,GAAE;IAAO,GAAA,MAAA,EAAA,GAAA,mBAA0B,QAAA,EAApB,GAAE,gBAAe,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,KAG1C,MAAM,SAAI,WAA1B,UAAA,GAAA,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;KADJ,mBAAiC,UAAA;MAAzB,IAAG;MAAK,IAAG;MAAK,GAAE;;KAAO,mBAAsB,QAAA,EAAhB,GAAE,YAAW,GAAA,MAAA,EAAA;KAAG,mBAAqB,QAAA,EAAf,GAAE,WAAU,GAAA,MAAA,EAAA;IAG3D,EAAA,CAAA,KAAA,MAAM,SAAI,aAA1B,UAAA,GAAA,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;KADJ,mBAAqF,QAAA,EAA/E,GAAE,2EAA0E,GAAA,MAAA,EAAA;KAAG,mBAAoB,QAAA,EAAd,GAAE,UAAS,GAAA,MAAA,EAAA;KAAG,mBAAuB,QAAA,EAAjB,GAAE,aAAY,GAAA,MAAA,EAAA;IAG/H,EAAA,CAAA,MAAA,UAAA,GAAA,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;KADJ,mBAAiC,UAAA;MAAzB,IAAG;MAAK,IAAG;MAAK,GAAE;;KAAO,mBAAsB,QAAA,EAAhB,GAAE,YAAW,GAAA,MAAA,EAAA;KAAG,mBAAsB,QAAA,EAAhB,GAAE,YAAW,GAAA,MAAA,EAAA;;IAI9E,mBAOM,OAPN,YAOM,CANM,MAAM,SAAhB,UAAA,GAAA,mBAEK,MAFL,YAEK,gBADA,MAAM,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAEhB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAID,WAAU,KAArB,UAAA,GAAA,mBAMM,OANN,YAMM,CALJ,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA,CAHL,YAEa,oBAAA;KAFD,SAAQ;KAAY,MAAK;KAAM,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;KACpD,SAAA,cAAuB,CAApB,gBAAA,gBAAA,MAAM,WAAW,GAAA,CAAA,CAAA,CAAA;;;IAMlB,MAAM,eADd,UAAA,GAAA,mBAUS,UAAA;;KARP,MAAK;KACL,OAAM;KACN,cAAW;KACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;IAEZ,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,mBAEM,OAAA;KAFD,OAAM;KAA2B,SAAQ;KAAY,MAAK;KAAO,QAAO;KAAe,gBAAa;KAAI,kBAAe;KAAQ,mBAAgB;IAClJ,GAAA,CAAA,mBAAuB,QAAA,EAAjB,GAAE,aAAY,CAAA,GAAG,mBAAuB,QAAA,EAAjB,GAAE,aAAY,CAAA,CAAA,GAAA,EAAA,CAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/{AppSidebar-BDrd7Kwn.js → AppSidebar-FxlF5_dI.js}

@@ -1,7 +1,7 @@
 import { a as BaseButton_default, i as useEventListener, t as useDropdownState } from "./useDropdownState-uFIz6Yv8.js";
 import { n as integrationHost, u as useSettingsStore } from "./experiment-DyO54FQB.js";
-import { E as useMenuKeyboard, I as FormField_default, _ as APP_EXPERIMENT_KEY, t as isRecord, z as BaseCheckbox_default } from "./records-CWRztE5M.js";
-import { F as applySpecDefaults, M as usePlatform, _ as getTypeDefault, a as StepWizard_default, c as normalizeControls, d as numericValue, g as getFieldRegistryEntry, l as normalizeOption, o as defaultValueForControl, p as orderedUnique, u as humanize } from "./useListReorder-QqJc1dpX.js";
+import { E as useMenuKeyboard, I as FormField_default, _ as APP_EXPERIMENT_KEY, t as isRecord, z as BaseCheckbox_default } from "./records-BAymyHAn.js";
+import { F as applySpecDefaults, M as usePlatform, _ as getTypeDefault, a as StepWizard_default, c as normalizeControls, d as numericValue, g as getFieldRegistryEntry, l as normalizeOption, o as defaultValueForControl, p as orderedUnique, u as humanize } from "./useListReorder-W1bzK_bo.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useId, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { Check, CircleAlert, CircleCheck, CircleHelp, CircleX, ListChecks, LoaderCircle, Moon, Play, Sun, X } from "lucide-vue-next";
 import { autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
@@ -90,7 +90,7 @@ var _hoisted_15$3 = [
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_16$2 = { class: "mint-collapsible-card__body" };
+var _hoisted_16$3 = { class: "mint-collapsible-card__body" };
 var _hoisted_17$2 = { class: "mint-collapsible-card__content" };
 //#endregion
 //#region src/components/CollapsibleCard.vue
@@ -100,7 +100,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 		title: {},
 		subtitle: {},
 		badge: { default: void 0 },
-		badgeTone: { default: "cta" },
+		badgeTone: { default: "primary" },
 		defaultOpen: {
 			type: Boolean,
 			default: false
@@ -247,7 +247,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 					"aria-hidden": "true"
 				}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_15$3)
 			])]), createVNode(Transition, { name: "collapse" }, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_16$2, [createElementVNode("div", _hoisted_17$2, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_16$3, [createElementVNode("div", _hoisted_17$2, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
 				_: 3
 			})], 2);
 		};
@@ -2052,31 +2052,35 @@ var OnboardingLayerInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/AppTopBarOnboardingInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = ["aria-expanded"];
-var _hoisted_2$3 = { class: "mint-onboarding-help__count" };
-var _hoisted_3$3 = {
+var _hoisted_1$5 = {
+	key: 0,
+	class: "mint-onboarding-help__chip-group"
+};
+var _hoisted_2$3 = ["aria-expanded"];
+var _hoisted_3$3 = { class: "mint-onboarding-help__count" };
+var _hoisted_4$3 = {
 	class: "mint-onboarding-help__bar",
 	"aria-hidden": "true"
 };
-var _hoisted_4$3 = ["aria-label", "aria-expanded"];
-var _hoisted_5$3 = {
+var _hoisted_5$3 = ["aria-label", "aria-expanded"];
+var _hoisted_6$2 = {
 	key: 0,
 	class: "mint-onboarding-help__badge",
 	"aria-hidden": "true"
 };
-var _hoisted_6$2 = { class: "mint-onboarding-help__header" };
-var _hoisted_7$2 = { class: "mint-onboarding-help__count" };
-var _hoisted_8$2 = {
+var _hoisted_7$2 = { class: "mint-onboarding-help__header" };
+var _hoisted_8$2 = { class: "mint-onboarding-help__count" };
+var _hoisted_9$2 = {
 	class: "mint-onboarding-help__progress",
 	"aria-hidden": "true"
 };
-var _hoisted_9$2 = { class: "mint-onboarding-help__todos" };
-var _hoisted_10$2 = ["aria-label"];
-var _hoisted_11$2 = { class: "mint-onboarding-help__todo-title" };
-var _hoisted_12$2 = ["onClick"];
+var _hoisted_10$2 = { class: "mint-onboarding-help__todos" };
+var _hoisted_11$2 = ["aria-label"];
+var _hoisted_12$2 = { class: "mint-onboarding-help__todo-title" };
 var _hoisted_13$2 = ["onClick"];
 var _hoisted_14$2 = ["onClick"];
-var _hoisted_15$2 = {
+var _hoisted_15$2 = ["onClick"];
+var _hoisted_16$2 = {
 	key: 0,
 	class: "mint-onboarding-help__new"
 };
@@ -2130,6 +2134,10 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 			});
 		});
 		onBeforeUnmount(() => stopAutoUpdate?.());
+		function hideChecklist() {
+			props.state.setChecklistHidden(true);
+			nextTick(() => helpButton.value?.focus());
+		}
 		function run(action) {
 			open.value = false;
 			action();
@@ -2148,8 +2156,7 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 				ref: root,
 				class: "mint-onboarding-help"
 			}, [
-				__props.state.checklistVisible.value ? (openBlock(), createElementBlock("button", {
-					key: 0,
+				__props.state.checklistVisible.value ? (openBlock(), createElementBlock("span", _hoisted_1$5, [createElementVNode("button", {
 					type: "button",
 					class: normalizeClass(["mint-onboarding-help__chip", { "mint-onboarding-help__chip--open": open.value }]),
 					"data-onboarding": "topbar-checklist",
@@ -2157,9 +2164,18 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 					onClick: toggle
 				}, [
 					_cache[1] || (_cache[1] = createTextVNode(" Getting started ", -1)),
-					createElementVNode("span", _hoisted_2$3, toDisplayString(__props.state.tasksDone.value) + "/" + toDisplayString(__props.state.tasks.value.length), 1),
-					createElementVNode("span", _hoisted_3$3, [createElementVNode("span", { style: normalizeStyle({ width: `${progress.value}%` }) }, null, 4)])
-				], 10, _hoisted_1$5)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_3$3, toDisplayString(__props.state.tasksDone.value) + "/" + toDisplayString(__props.state.tasks.value.length), 1),
+					createElementVNode("span", _hoisted_4$3, [createElementVNode("span", { style: normalizeStyle({ width: `${progress.value}%` }) }, null, 4)])
+				], 10, _hoisted_2$3), createElementVNode("button", {
+					type: "button",
+					class: "mint-onboarding-help__chip-close",
+					"aria-label": "Hide checklist",
+					title: "Hide checklist (Help can show it again)",
+					onClick: hideChecklist
+				}, [createVNode(unref(X), {
+					size: 12,
+					"aria-hidden": "true"
+				})])])) : createCommentVNode("", true),
 				createElementVNode("button", {
 					ref_key: "helpButton",
 					ref: helpButton,
@@ -2172,7 +2188,7 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(unref(CircleHelp), {
 					class: "mint-topbar__settings-icon",
 					"aria-hidden": "true"
-				}), __props.state.unseenNews.value ? (openBlock(), createElementBlock("span", _hoisted_5$3, toDisplayString(__props.state.unseenNews.value), 1)) : createCommentVNode("", true)], 10, _hoisted_4$3),
+				}), __props.state.unseenNews.value ? (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(__props.state.unseenNews.value), 1)) : createCommentVNode("", true)], 10, _hoisted_5$3),
 				(openBlock(), createBlock(Teleport, { to: "body" }, [open.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					ref_key: "panel",
@@ -2186,9 +2202,9 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 					})
 				}, [
 					__props.state.tasks.value.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-						createElementVNode("div", _hoisted_6$2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "mint-onboarding-help__heading" }, "Getting started", -1)), createElementVNode("span", _hoisted_7$2, toDisplayString(__props.state.tasksDone.value) + "/" + toDisplayString(__props.state.tasks.value.length), 1)]),
-						createElementVNode("div", _hoisted_8$2, [createElementVNode("span", { style: normalizeStyle({ width: `${progress.value}%` }) }, null, 4)]),
-						createElementVNode("ul", _hoisted_9$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.tasks.value, (task) => {
+						createElementVNode("div", _hoisted_7$2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "mint-onboarding-help__heading" }, "Getting started", -1)), createElementVNode("span", _hoisted_8$2, toDisplayString(__props.state.tasksDone.value) + "/" + toDisplayString(__props.state.tasks.value.length), 1)]),
+						createElementVNode("div", _hoisted_9$2, [createElementVNode("span", { style: normalizeStyle({ width: `${progress.value}%` }) }, null, 4)]),
+						createElementVNode("ul", _hoisted_10$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.tasks.value, (task) => {
 							return openBlock(), createElementBlock("li", {
 								key: task.id,
 								class: normalizeClass(["mint-onboarding-help__todo", { "mint-onboarding-help__todo--done": task.done }])
@@ -2202,14 +2218,14 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 									size: 10,
 									"stroke-width": 3,
 									"aria-hidden": "true"
-								})) : createCommentVNode("", true)], 8, _hoisted_10$2),
-								createElementVNode("span", _hoisted_11$2, toDisplayString(task.title), 1),
+								})) : createCommentVNode("", true)], 8, _hoisted_11$2),
+								createElementVNode("span", _hoisted_12$2, toDisplayString(task.title), 1),
 								task.action && !task.done ? (openBlock(), createElementBlock("button", {
 									key: 0,
 									type: "button",
 									class: "mint-onboarding-help__link",
 									onClick: ($event) => run(task.action.run)
-								}, toDisplayString(task.action.label), 9, _hoisted_12$2)) : createCommentVNode("", true)
+								}, toDisplayString(task.action.label), 9, _hoisted_13$2)) : createCommentVNode("", true)
 							], 2);
 						}), 128))]),
 						__props.state.tasksDone.value < __props.state.tasks.value.length ? (openBlock(), createElementBlock("button", {
@@ -2228,7 +2244,7 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 						}, [createVNode(unref(Play), {
 							class: "mint-onboarding-help__icon",
 							"aria-hidden": "true"
-						}), createTextVNode(" " + toDisplayString(tour.title), 1)], 8, _hoisted_13$2);
+						}), createTextVNode(" " + toDisplayString(tour.title), 1)], 8, _hoisted_14$2);
 					}), 128))], 64)) : createCommentVNode("", true),
 					__props.state.news.value.length ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "mint-onboarding-help__section" }, "What's new", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.news.value, (item) => {
 						return openBlock(), createElementBlock("button", {
@@ -2236,7 +2252,7 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 							type: "button",
 							class: "mint-menu-item",
 							onClick: ($event) => run(() => __props.state.showNews(item.id))
-						}, [createTextVNode(toDisplayString(item.title) + " ", 1), item.unseen ? (openBlock(), createElementBlock("span", _hoisted_15$2, "New")) : createCommentVNode("", true)], 8, _hoisted_14$2);
+						}, [createTextVNode(toDisplayString(item.title) + " ", 1), item.unseen ? (openBlock(), createElementBlock("span", _hoisted_16$2, "New")) : createCommentVNode("", true)], 8, _hoisted_15$2);
 					}), 128))], 64)) : createCommentVNode("", true)
 				], 4)) : createCommentVNode("", true)]))
 			], 512)) : createCommentVNode("", true), createVNode(OnboardingLayerInternal_default, { state: __props.state }, null, 8, ["state"])], 64);
@@ -2493,8 +2509,7 @@ function provideOnboarding(definition, options) {
 	}
 	function dismiss() {
 		autoStartAbort?.abort();
-		const tour = run?.tour;
-		if (tour) markSeen(...tour.steps.map((step) => stepKey(tour, step)));
+		if (run?.tour) markSeen(...(definition.tours ?? []).flatMap((tour) => tour.steps.map((step) => stepKey(tour, step))));
 		stop();
 	}
 	function complete(taskId) {
@@ -2759,9 +2774,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		}, props.spec));
 		const settingsConfig = computed(() => toValue(config.value.settings) || void 0);
 		const showSettings = computed(() => settingsConfig.value !== void 0);
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-C-MSR-bk.js").then((n) => n.n));
-		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-BM92LlrQ.js").then((n) => n.n));
-		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-LsB1ABmh.js").then((n) => n.n));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-BIC0dAYc.js").then((n) => n.n));
+		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-Bbd6RaoH.js").then((n) => n.n));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-CUkKmgfr.js").then((n) => n.n));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const headerEl = ref(null);
@@ -4333,10 +4348,10 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 			};
 		}
 		function badgeToneClass(section) {
-			return `mint-sidebar__rail-badge--${section.badgeTone ?? "cta"}`;
+			return `mint-sidebar__rail-badge--${section.badgeTone ?? "primary"}`;
 		}
 		function tagToneClass(section) {
-			return `mint-sidebar__tag--${section.badgeTone ?? "cta"}`;
+			return `mint-sidebar__tag--${section.badgeTone ?? "primary"}`;
 		}
 		function actionClasses(action) {
 			return ["mint-sidebar__group-action", action.tone ? `mint-sidebar__group-action--${action.tone}` : ""];
@@ -4521,4 +4536,4 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { controlValuesToComponentBindingsById as A, usePluginWorkspace as C, useControlSchema as D, getControlDefaults as E, getDefaultControlView as F, CollapsibleCard_default as I, ThemeToggle_default as L, controlsTo as M, controlsToFormSchema as N, controlBindings as O, controlsToSettingsSchema as P, useTheme as R, AppLayout_default as S, defineControls as T, provideOnboarding as _, pickExistingRecordKeys as a, normalizeItemInput as b, valuesEqual as c, useForm as d, AppTopBar_default as f, defineOnboarding as g, ONBOARDING_KEY as h, formSchemaFieldNames as i, controlValuesToComponentProps as j, controlValuesToComponentBindings as k, useFormBuilder as l, ANCHOR_WAIT_MS as m, FormSchemaInternal_default as n, pickRecordKeys as o, providePluginIdentity as p, FormFieldRendererInternal_default as r, recordValuesEqualForKeys as s, AppSidebar_default as t, evaluateCondition as u, useOnboarding as v, defineControlComponentBindings as w, normalizeLabelItemInput as x, PluginIcon_default as y };
 
-//# sourceMappingURL=AppSidebar-BDrd7Kwn.js.map
+//# sourceMappingURL=AppSidebar-FxlF5_dI.js.map