@morscherlab/mint-sdk 1.2.0-beta.8 → 1.2.0

package/src/styles/components/sample-selector.css

@@ -468,14 +468,21 @@
   height: 0.625rem;
 }
 
-/* Empty State */
-.mint-sample-selector__empty {
+/* Inline hint shown inside the grouped/flat sub-lists */
+.mint-sample-selector__hint {
   text-align: center;
   padding: 1rem;
   font-size: 0.875rem;
   color: var(--text-muted);
 }
 
+/* Empty / loading / error placeholder host (content comes from EmptyState) */
+.mint-sample-selector__state {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /* Ungrouped Section */
 .mint-sample-selector__ungrouped {
   margin-top: 0.75rem;

package/src/styles/components/schedule-calendar.css

@@ -470,3 +470,11 @@
 .mint-schedule__month-more:hover {
   text-decoration: underline;
 }
+
+/* Empty / loading / error placeholder host (content comes from EmptyState) */
+.mint-schedule__state {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 12rem;
+}

package/src/styles/components/scientific-number.css

@@ -59,5 +59,5 @@
 }
 
 .mint-sci-number__copy-btn--copied {
-  color: var(--color-success, #10b981);
+  color: var(--mint-success);
 }

package/src/styles/components/well-plate.css

@@ -284,3 +284,11 @@
   font-size: 0.75rem;
   color: var(--text-muted);
 }
+
+/* Empty / loading / error placeholder host (content comes from EmptyState) */
+.mint-well-plate__state {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 12rem;
+}

package/src/styles/index.css

@@ -57,6 +57,7 @@
 @import './components/dropdown-button.css';
 @import './components/calendar.css';
 @import './components/dataframe.css';
+@import './components/data-state.css';
 @import './components/well-edit-popup.css';
 @import './components/rack-editor.css';
 @import './components/loading-spinner.css';
@@ -89,6 +90,16 @@
 @import './components/experiment-code-badge.css';
 @import './components/experiment-selector-modal.css';
 @import './components/artifact-selector-modal.css';
+@import './components/file-browser-modal.css';
 @import './components/artifact-save-dialog.css';
 @import './components/experiment-popover.css';
 @import './components/fit-panel.css';
+@import './components/app-avatar-menu.css';
+@import './components/app-page-selector.css';
+@import './components/app-pill-nav.css';
+@import './components/app-plugin-switcher.css';
+@import './components/mobile-support-gate.css';
+@import './components/plugin-icon.css';
+@import './components/reagent-editor.css';
+
+@import './components/file-picker.css';

package/src/styles/variables.css

@@ -66,6 +66,32 @@
   /* The MINT 1.1 card system uses exactly one shadow for every card. */
   --card-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.04), 0 1px 3px 0 rgb(0 0 0 / 0.06);
 
+  /* Categorical sample scale — mirrored by SAMPLE_COLOR_SCALE in
+     src/utils/color.ts. The JS constant carries the same hexes as a
+     canvas/SVG/persistence-safe fallback; change both together. */
+  --mint-sample-1: #3B82F6;
+  --mint-sample-2: #10B981;
+  --mint-sample-3: #EF4444;
+  --mint-sample-4: #F59E0B;
+  --mint-sample-5: #8B5CF6;
+  --mint-sample-6: #F97316;
+  --mint-sample-7: #06B6D4;
+  --mint-sample-8: #14B8A6;
+  --mint-sample-9: #6B7280;
+
+  /* Rack / plate slot positions — mirrored by SLOT_COLORS in
+     src/utils/color.ts. */
+  --mint-slot-r: #ef4444;
+  --mint-slot-g: #22c55e;
+  --mint-slot-b: #3b82f6;
+  --mint-slot-y: #eab308;
+
+  /* Motion — the SDK's standard easing curve. */
+  --mint-ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
+
+  /* Typography — Fira Code for data, code and routes. */
+  --font-mono: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, monospace;
+
   /* Border radius */
   --radius-sm: 0.25rem;
   --radius: 0.375rem;
@@ -90,6 +116,8 @@
   --mint-warning-hover: #D97706;
   --mint-warning-bg: rgba(245, 158, 11, 0.1);
   --mint-warning-border: rgba(245, 158, 11, 0.3);
+  /* Readable warning label on --mint-warning-bg (amber-700, 5.9:1). */
+  --mint-warning-text: #B45309;
   --mint-info: #3B82F6;
   --mint-info-bg: rgba(59, 130, 246, 0.1);
   --mint-info-border: rgba(59, 130, 246, 0.3);
@@ -178,6 +206,7 @@ html.dark {
   --mint-success-bg: rgba(16, 185, 129, 0.15);
   --mint-error-bg: rgba(239, 68, 68, 0.15);
   --mint-warning-bg: rgba(245, 158, 11, 0.15);
+  --mint-warning-text: #FCD34D;
   --mint-info-bg: rgba(59, 130, 246, 0.15);
 
   /* Focus ring - dark mode offset uses bg-primary instead of white */

package/src/templates/builderPresetControls.ts

@@ -7,7 +7,7 @@ import {
   readString,
   readStringList,
 } from './builderReadUtils'
-import { readPlateFormat } from './plateGeometry'
+import { readPlateFormat } from '../components/WellPlate.geometry'
 import { getBioTemplatePresetInfo } from './presets'
 import type {
   CreateElisaAssayCollectionOptions,

package/src/templates/componentPlateHelpers.ts

@@ -2,6 +2,7 @@ import type {
   PlateMapEditorState,
   WellLegendItem,
 } from '../types'
+import { SAMPLE_COLOR_SCALE } from '../utils/color'
 
 export function activePlateFromState(state: PlateMapEditorState) {
   return state.plates.find(plate => plate.id === state.activePlateId) ?? state.plates[0]
@@ -24,6 +25,7 @@ export function legendItemsFromPlateState(state: PlateMapEditorState): WellLegen
 }
 
 export function colorForIndex(index: number): string {
-  const colors = ['#3B82F6', '#10B981', '#EF4444', '#F59E0B', '#8B5CF6', '#F97316', '#06B6D4', '#14B8A6']
+  // The gray tail of the scale is reserved for "other"; component plates cycle the eight hues.
+  const colors = SAMPLE_COLOR_SCALE.slice(0, 8)
   return colors[index % colors.length]
 }

package/src/templates/doseResponseAdapters.ts

@@ -2,6 +2,7 @@ import type {
   PlateCondition,
   PlateMapEditorState,
 } from '../types'
+import { SAMPLE_COLOR_SCALE } from '../utils/color'
 import { toPlateMapEditorState } from './plateMapAdapters'
 import { getTemplateData } from './templateEnvelopes'
 import { validateDoseResponseData } from './templateValidators'
@@ -11,18 +12,6 @@ import type {
   DoseResponseTemplateData,
 } from './types'
 
-const CONDITION_COLORS = [
-  '#3B82F6',
-  '#10B981',
-  '#EF4444',
-  '#F59E0B',
-  '#8B5CF6',
-  '#F97316',
-  '#06B6D4',
-  '#14B8A6',
-  '#6B7280',
-]
-
 export function toDoseConditions(
   template: DoseResponseTemplate | DoseResponseTemplateData
 ): DoseConditionsAdapterResult {
@@ -30,7 +19,7 @@ export function toDoseConditions(
   validateDoseResponseData(data)
   return data.compounds.map((compound, index): PlateCondition => ({
     label: compound.name,
-    color: String(compound.metadata?.color ?? CONDITION_COLORS[index % CONDITION_COLORS.length]),
+    color: String(compound.metadata?.color ?? SAMPLE_COLOR_SCALE[index % SAMPLE_COLOR_SCALE.length]),
     concentrations: compound.concentrations,
     unit: data.unit,
   }))

package/src/templates/elisaAssayCollectionBuilder.ts

@@ -1,5 +1,5 @@
 import { createAssayMatrixTemplate } from './assayMatrixBuilder'
-import { DEFAULT_SAMPLE_COLORS } from './builderDefaults'
+import { SAMPLE_COLOR_SCALE } from '../utils/color'
 import { idFromName } from './builderIdUtils'
 import { createCalibrationCurveTemplate } from './calibrationCurveBuilder'
 import { createPlateMapTemplate } from './plateMapBuilder'
@@ -27,7 +27,7 @@ export function createElisaAssayCollection(
       ...sampleRecords.map((sample, index) => ({
         id: sample.sampleId,
         name: sample.name ?? sample.sampleId,
-        color: DEFAULT_SAMPLE_COLORS[index % DEFAULT_SAMPLE_COLORS.length],
+        color: SAMPLE_COLOR_SCALE[index % SAMPLE_COLOR_SCALE.length],
       })),
     ],
   })

package/src/templates/plateMapBuilder.ts

@@ -1,4 +1,4 @@
-import { DEFAULT_SAMPLE_COLORS } from './builderDefaults'
+import { SAMPLE_COLOR_SCALE } from '../utils/color'
 import { sampleIdFromName } from './builderIdUtils'
 import { createTemplateEnvelope } from './templateEnvelopes'
 import type {
@@ -23,7 +23,7 @@ export function createPlateMapTemplate(
     return {
       id: sampleIdFromName(sample, index),
       name: sample,
-      color: DEFAULT_SAMPLE_COLORS[index % DEFAULT_SAMPLE_COLORS.length],
+      color: SAMPLE_COLOR_SCALE[index % SAMPLE_COLOR_SCALE.length],
     }
   })
 

package/src/templates/qpcrPlateBuilder.ts

@@ -1,5 +1,5 @@
 import { idFromName } from './builderIdUtils'
-import { wellIdsForFormat } from './plateGeometry'
+import { wellIdsForFormat } from '../components/WellPlate.geometry'
 import {
   normalizeQpcrSample,
   normalizeQpcrTarget,

package/src/templates/templateValidators.ts

@@ -12,7 +12,7 @@ import type {
   SampleSheetTemplateData,
   TimeCourseTemplateData,
 } from './types'
-import { assertWellInFormat } from './plateGeometry'
+import { assertWellInFormat } from '../components/WellPlate.geometry'
 
 export function validatePlateMapData(data: PlateMapTemplateData): void {
   if (!Array.isArray(data.plates) || data.plates.length === 0) {

package/src/templates/timeCourseBuilder.ts

@@ -1,4 +1,4 @@
-import { DEFAULT_SAMPLE_COLORS } from './builderDefaults'
+import { SAMPLE_COLOR_SCALE } from '../utils/color'
 import {
   idFromName,
   timepointId,
@@ -36,7 +36,7 @@ export function createTimeCourseTemplate(
     return {
       id: idFromName(condition, `condition-${index + 1}`),
       name: condition,
-      color: DEFAULT_SAMPLE_COLORS[index % DEFAULT_SAMPLE_COLORS.length],
+      color: SAMPLE_COLOR_SCALE[index % SAMPLE_COLOR_SCALE.length],
       metadata: {},
     }
   })

package/src/templates/wellPlateScreenCollectionBuilder.ts

@@ -1,4 +1,4 @@
-import { DEFAULT_SAMPLE_COLORS } from './builderDefaults'
+import { SAMPLE_COLOR_SCALE } from '../utils/color'
 import { createDoseResponseTemplate } from './doseResponseBuilder'
 import { createPlateMapTemplate } from './plateMapBuilder'
 import { createSampleSheetTemplate } from './sampleSheetBuilder'
@@ -19,7 +19,7 @@ export function createWellPlateScreenCollection(
     samples: sampleRecords.map((sample, index) => ({
       id: sample.sampleId,
       name: sample.name ?? sample.sampleId,
-      color: DEFAULT_SAMPLE_COLORS[index % DEFAULT_SAMPLE_COLORS.length],
+      color: SAMPLE_COLOR_SCALE[index % SAMPLE_COLOR_SCALE.length],
     })),
   })
   const sampleSheet = createSampleSheetTemplate({ samples: sampleRecords })

package/src/types/fileBrowserTypes.ts

@@ -0,0 +1,85 @@
+/**
+ * Types for browsing read-only server mounts.
+ *
+ * These mirror the `mint_sdk.filesystem` wire models. MINT records the path of
+ * data that already sits on a mount; it never copies it.
+ */
+
+/** What a listing row is. */
+export type FileEntryKind = 'file' | 'directory'
+
+/** Field a listing is ordered by, after directories are grouped first. */
+export type FileBrowserSortKey = 'name' | 'size' | 'modified'
+
+/** One read-only directory tree exposed by the server. */
+export interface ServerMount {
+  id: string
+  label: string
+  read_only?: boolean
+  /** False when the mount is configured but currently unreachable. */
+  available?: boolean
+  /** Child mounts, used to render the sidebar tree. */
+  children?: ServerMount[]
+  /** Item count shown beside the mount; free-form so callers can send "1.2k". */
+  count?: string | number
+}
+
+/** One step of the trail from a mount root to the current directory. */
+export interface FilePathCrumb {
+  label: string
+  path: string
+}
+
+/** A single file or directory inside a mount. */
+export interface FileEntry {
+  name: string
+  /** Mount-relative POSIX path. */
+  path: string
+  kind: FileEntryKind
+  /** Null for directories. */
+  size_bytes?: number | null
+  modified_at?: string | null
+  extension?: string
+  /**
+   * False when the entry fails the active type rules. Non-matching entries are
+   * still listed — they dim rather than vanish.
+   */
+  matches_type_rules?: boolean
+  /** Directories only. */
+  child_count?: number | null
+}
+
+/** The contents of one directory inside a mount. */
+export interface FileDirectoryListing {
+  mount_id: string
+  path: string
+  /** Null at the mount root. */
+  parent?: string | null
+  breadcrumbs?: FilePathCrumb[]
+  entries?: FileEntry[]
+  /** Directory size before any search filter. */
+  total_count?: number
+  /** How many entries satisfy the type rules. */
+  match_count?: number
+  /** How many entries this response carries, after search and any cap. */
+  shown_count?: number
+  /** True when the directory held more entries than the server will return. */
+  truncated?: boolean
+}
+
+/** One item the user has picked. */
+export interface FileSelection {
+  mount_id: string
+  path: string
+  name: string
+  kind: FileEntryKind
+  /** For a directory pick, how many files it contains. */
+  child_count?: number | null
+  size_bytes?: number | null
+}
+
+/** Where the user is standing in the browser. */
+export interface FileBrowserLocation {
+  mount_id: string
+  path: string
+}

package/src/types/filePicker.ts

@@ -0,0 +1,72 @@
+/** Sources are supplied by the host; the SDK never infers a host filesystem path. */
+export type PickerSource = 'server' | 'localFile'
+export type PickerSelectionMode = 'single-file' | 'multi-file' | 'folder' | 'folder+files'
+
+interface PickerNodeBase {
+  path: string
+  name: string
+  parentPath?: string | null
+  parentName?: string
+  bytes?: number | null
+  /** An explicit adapter failure makes a row inert, including its disclosure. */
+  unavailableReason?: string
+}
+export interface PickerFolder extends PickerNodeBase {
+  kind: 'folder'
+  fileCount?: number | null
+  formats?: Record<string, number>
+  hasChildren?: boolean
+}
+export interface PickerFile extends PickerNodeBase {
+  kind: 'file'
+  format: string
+  /** Present only for browser-selected files. The picker does not read its bytes. */
+  file?: File
+}
+export type PickerNode = PickerFolder | PickerFile
+export interface PickerRequest {
+  signal?: AbortSignal
+  source?: PickerSource
+  /**
+   * Set only when the user pressed Refresh. Adapters that cache listings (or
+   * ask a server to bypass its own cache) should re-read the location then and
+   * serve cached data otherwise; the picker keeps folder contents while it is
+   * open and re-reads the current location on each open.
+   */
+  refresh?: true
+}
+export interface PickerAdapter {
+  listRoot(request?: PickerRequest): Promise<PickerNode[]>
+  listChildren(path: string, request?: PickerRequest): Promise<PickerNode[]>
+  search(
+    query: string,
+    scope: { path: string; recursive: boolean },
+    request?: PickerRequest,
+  ): Promise<PickerNode[]>
+}
+export interface PickerCapability {
+  /** Case-insensitive suffixes, including compound extensions such as mzML.gz. */
+  formats: string[]
+  maxBytes?: number
+  /** Optional host-owned blank classification; no filename heuristics in the SDK. */
+  isBlank?: (node: PickerNode) => boolean
+}
+export type PickerCapabilities = Partial<Record<PickerSource, PickerCapability>>
+export type PickerExclusionReason =
+  'deselected' | 'unsupported' | 'tooLarge' | 'blank' | 'unreadable' | 'forbidden'
+export interface PickerExcluded {
+  /** Opaque identity prevents collisions between equal filenames in different folders. */
+  path: string
+  name: string
+  reason: PickerExclusionReason
+}
+export type PickerSelection =
+  | { source: 'server'; folders: string[]; files: PickerFile[]; excluded: PickerExcluded[] }
+  | { source: 'localFile'; files: File[]; relativePaths?: string[] }
+export interface PickerTreeRow {
+  node: PickerNode
+  depth: number
+  expanded: boolean
+  loading: boolean
+  error?: string
+}

package/src/types/index.ts

@@ -208,6 +208,18 @@ export type {
 } from './analysisArtifactTypes'
 export { ANALYSIS_FILE_ARTIFACT_SCHEMA } from './analysisArtifactTypes'
 
+// File browser types
+export type {
+  FileBrowserLocation,
+  FileBrowserSortKey,
+  FileDirectoryListing,
+  FileEntry,
+  FileEntryKind,
+  FilePathCrumb,
+  FileSelection,
+  ServerMount,
+} from './fileBrowserTypes'
+
 export type {
   JobListPayload,
   JobProgress,
@@ -297,3 +309,5 @@ export type {
   TableDensity,
   UserSummary,
 } from './platform'
+
+export type * from './filePicker'

package/src/utils/color.ts

@@ -1,3 +1,54 @@
+/**
+ * Shared color scales and color math for the MINT SDK.
+ *
+ * ## Why the exported values are hex, not `var(--…)`
+ *
+ * Every scale below is mirrored by a CSS custom property in
+ * `styles/variables.css` (`--mint-sample-1…9`, `--mint-slot-r/g/b/y`), so
+ * stylesheets and `:style` bindings can stay theme-aware by referencing the
+ * token. The JavaScript constants deliberately carry the plain hex **fallback**
+ * for the same slot, because these values are also
+ *
+ * - persisted into experiment design data (`SampleType.color`), where a
+ *   `var(--…)` string would be meaningless outside the browser, and
+ * - handed to canvas / SVG / export code paths, which cannot resolve CSS
+ *   custom properties.
+ *
+ * Keep the two in sync: a change here must be mirrored in `variables.css`.
+ */
+
+import type { SlotPosition } from '../types/componentLabTypes'
+
+/**
+ * Canonical categorical scale for sample types, plate maps, dose-response
+ * series and legends. Mirrors `--mint-sample-1` … `--mint-sample-9`.
+ */
+export const SAMPLE_COLOR_SCALE: readonly string[] = [
+  '#3B82F6', // blue
+  '#10B981', // green
+  '#EF4444', // red
+  '#F59E0B', // amber
+  '#8B5CF6', // purple
+  '#F97316', // orange
+  '#06B6D4', // cyan
+  '#14B8A6', // teal
+  '#6B7280', // gray
+]
+
+/**
+ * Slot-position colors shared by `PlateMapEditor` and `RackEditor`.
+ * Mirrors `--mint-slot-r`, `--mint-slot-g`, `--mint-slot-b`, `--mint-slot-y`.
+ */
+export const SLOT_COLORS: Record<SlotPosition, string> = {
+  R: '#ef4444', // red
+  G: '#22c55e', // green
+  B: '#3b82f6', // blue
+  Y: '#eab308', // yellow
+}
+
+/** Slot positions in their canonical display order. */
+export const SLOT_ORDER: readonly SlotPosition[] = ['R', 'G', 'B', 'Y']
+
 /**
  * Color utilities for deriving same-hue-family shades.
  *

package/src/utils/errors.ts

@@ -0,0 +1,29 @@
+/**
+ * The one place a thrown value is turned into a developer-facing message.
+ *
+ * Five copies of this logic drifted apart across the composables and stores
+ * (some checked a bare `{ message }` object, some did not); this export is the
+ * union of what they all accepted, so every caller now reads the same message
+ * from the same value.
+ */
+export function readErrorMessage(value: unknown, fallback = 'Request failed.'): string {
+  if (value instanceof Error && value.message) {
+    return value.message
+  }
+
+  if (typeof value === 'string' && value.trim()) {
+    return value
+  }
+
+  if (
+    typeof value === 'object'
+    && value !== null
+    && 'message' in value
+    && typeof (value as { message?: unknown }).message === 'string'
+    && (value as { message: string }).message.trim()
+  ) {
+    return (value as { message: string }).message
+  }
+
+  return fallback
+}

package/dist/EmptyState-NBqf2_8z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState-NBqf2_8z.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/composables/useRequestSyncState.ts","../src/components/Skeleton.vue","../src/components/Skeleton.vue","../src/components/EmptyState.vue","../src/components/EmptyState.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\n<style>\n@import '../styles/components/input.css';\n</style>\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\n<style>\n@import '../styles/components/input.css';\n</style>\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\n<style>\n@import '../styles/components/select.css';\n</style>\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\n<style>\n@import '../styles/components/select.css';\n</style>\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}\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})\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=\"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\n<style>\n@import '../styles/components/pill.css';\n</style>\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}\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})\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=\"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\n<style>\n@import '../styles/components/pill.css';\n</style>\n","import { ref, type Ref } from 'vue'\n\nexport type RequestSyncSuccessKind = 'load' | 'save' | 'run'\n\nexport interface RequestSyncRunOptions {\n  success?: RequestSyncSuccessKind\n  errorMessage?: string\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  /** Run a request with shared loading/error handling and optional sync marking. */\n  run: <T>(operation: () => Promise<T>, options?: RequestSyncRunOptions) => Promise<T>\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    if (value instanceof Error && value.message) {\n      return value.message\n    }\n    if (typeof value === 'string' && value.trim()) {\n      return value\n    }\n    if (\n      typeof value === 'object'\n      && value !== null\n      && 'message' in value\n      && typeof (value as { message?: unknown }).message === 'string'\n      && (value as { message: string }).message\n    ) {\n      return (value as { message: string }).message\n    }\n    return 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  async function run<T>(\n    operation: () => Promise<T>,\n    options: RequestSyncRunOptions = {},\n  ): Promise<T> {\n    loading.value = true\n    clearError()\n    try {\n      const response = await operation()\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      return response\n    } catch (err) {\n      setError(err, options.errorMessage)\n      throw err\n    } finally {\n      loading.value = false\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  }\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\n<style>\n@import '../styles/components/skeleton.css';\n</style>\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\n<style>\n@import '../styles/components/skeleton.css';\n</style>\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\n<style>\n@import '../styles/components/empty-state.css';\n</style>\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\n<style>\n@import '../styles/components/empty-state.css';\n</style>\n"],"mappings":"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"}