@morscherlab/mint-sdk 1.0.63 → 1.1.0-beta.10

package/src/generated-ui/main.ts

@@ -0,0 +1,21 @@
+import { createPinia } from 'pinia'
+import { createApp, h } from 'vue'
+
+import GeneratedPluginView from '../components/GeneratedPluginView.vue'
+import '../styles/index.css'
+
+function generatedApiBase(location: Location): string {
+  const pluginPath = new URL('.', location.href).pathname.replace(/\/$/, '')
+  return `/api${pluginPath}`
+}
+
+const app = createApp({
+  name: 'MintGeneratedUiApp',
+  render: () => h(GeneratedPluginView, {
+    baseUrl: generatedApiBase(window.location),
+    showStandaloneLabel: true,
+  }),
+})
+
+app.use(createPinia())
+app.mount('#app')

package/src/index.ts

@@ -28,6 +28,9 @@ export * from './instrument'
 // Job state helpers
 export * from './jobs'
 
+// Experimental generated analysis workspace
+export * from './generated/schema'
+
 // LCMS sequence helpers
 export * from './lcms'
 

package/src/jobs.ts

@@ -43,6 +43,11 @@ export function normalizeJobState(job: JobStateInput): JobState {
   const capabilities = resolveJobCapabilities(job)
   return {
     ...job,
+    definition_id: job.definition_id
+      ?? (typeof job.metadata.definition_id === 'string' ? job.metadata.definition_id : null),
+    result_status: job.result_status
+      ?? (job.status === 'completed' && job.metadata.has_result === true ? 'available' : 'none'),
+    result_expires_at: job.result_expires_at ?? null,
     progress: {
       ...job.progress,
       percent: normalizeJobPercent(job.progress.percent),

package/src/plotly-dist.d.ts

@@ -0,0 +1,3 @@
+declare module 'plotly.js-dist-min' {
+  export * from 'plotly.js'
+}

package/src/styles/components/section-card.css

@@ -0,0 +1,161 @@
+/* SectionCard — the MINT 1.1 one-card system.
+ *
+ * One card per page region: 12px radius, one shadow token (--card-shadow),
+ * a single header strip, and hairline-separated regions inside — never a
+ * card nested in a card.
+ */
+
+.mint-section-card {
+  display: flex;
+  flex-direction: column;
+  border-radius: 12px;
+  border: 1px solid var(--border-color);
+  background: var(--bg-secondary);
+  box-shadow: var(--card-shadow);
+  overflow: hidden;
+  transition: background-color var(--mint-transition), border-color var(--mint-transition);
+}
+
+/* Fill the height the parent offers: the body takes the slack and scrolls,
+ * so the header and footer stay pinned to the card's edges. */
+.mint-section-card--fill {
+  flex: 1;
+  min-height: 0;
+}
+
+.mint-section-card--fill .mint-section-card__body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.mint-section-card__header {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  padding: 0.6875rem 1rem;
+  border-bottom: 1px solid var(--border-color);
+  flex-shrink: 0;
+}
+
+.mint-section-card__header--divider-light {
+  border-bottom-color: var(--border-light);
+}
+
+.mint-section-card__icon-chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 1.375rem;
+  height: 1.375rem;
+  border-radius: 6px;
+}
+
+.mint-section-card__icon {
+  width: 0.8125rem;
+  height: 0.8125rem;
+}
+
+.mint-section-card__icon-chip--primary {
+  background: var(--color-primary-soft);
+  color: var(--color-primary);
+}
+
+.mint-section-card__icon-chip--experiment {
+  background: var(--color-experiment-soft);
+  color: var(--color-experiment);
+}
+
+.mint-section-card__icon-chip--project {
+  background: var(--color-project-soft);
+  color: var(--color-project);
+}
+
+.mint-section-card__icon-chip--success {
+  background: var(--mint-success-bg);
+  color: var(--mint-success);
+}
+
+.mint-section-card__icon-chip--error {
+  background: var(--mint-error-bg);
+  color: var(--mint-error);
+}
+
+.mint-section-card__icon-chip--warning {
+  background: var(--mint-warning-bg);
+  color: var(--mint-warning);
+}
+
+.mint-section-card__icon-chip--info {
+  background: var(--mint-info-bg);
+  color: var(--mint-info);
+}
+
+.mint-section-card__title {
+  margin: 0;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.mint-section-card__title--uppercase {
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-secondary);
+}
+
+.mint-section-card__count {
+  font-family: 'Fira Code', monospace;
+  font-size: 0.6875rem;
+  color: var(--text-muted);
+}
+
+.mint-section-card__spacer {
+  flex: 1;
+}
+
+.mint-section-card__toolbar {
+  flex-shrink: 0;
+}
+
+.mint-section-card__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1rem;
+  border-top: 1px solid var(--border-color);
+  background: var(--bg-primary);
+  flex-shrink: 0;
+}
+
+/* Hairline row helpers — regions inside a card separate with 1px lines,
+ * rendered by a 1px gap over a hairline-colored track. */
+.mint-section-card__rows {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  background: var(--border-light);
+}
+
+.mint-section-card__row {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  padding: 0.5625rem 1rem;
+  background: var(--bg-secondary);
+  transition: background-color var(--mint-transition);
+}
+
+a.mint-section-card__row,
+button.mint-section-card__row {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+a.mint-section-card__row:hover,
+button.mint-section-card__row:hover {
+  background: var(--bg-primary);
+}

package/src/styles/index.css

@@ -28,6 +28,7 @@
 @import './components/plate-map-editor.css';
 @import './components/radio-group.css';
 @import './components/sample-legend.css';
+@import './components/section-card.css';
 @import './components/select.css';
 @import './components/skeleton.css';
 @import './components/slider.css';

package/src/styles/variables.css

@@ -36,6 +36,18 @@
   --color-cta-hover: #EA580C;
   --color-purple: #8B5CF6;
 
+  /* Entity accent colors — experiments (cyan) and projects (sky), from the
+     MINT 1.1 card system. -soft backs icon chips and pills, -border outlines
+     pills that sit on a card surface. */
+  --color-experiment: #06B6D4;
+  --color-experiment-hover: #0891B2;
+  --color-experiment-soft: rgba(6, 182, 212, 0.12);
+  --color-experiment-border: rgba(6, 182, 212, 0.3);
+  --color-project: #0EA5E9;
+  --color-project-hover: #0284C7;
+  --color-project-soft: rgba(14, 165, 233, 0.12);
+  --color-project-border: rgba(14, 165, 233, 0.32);
+
   /* MINT brand mark — used for browser theme-color, marketing chrome, app icon background */
   --mint-brand: #7BD0B5;
   --mint-brand-hover: #5FB89A;
@@ -51,6 +63,8 @@
   --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  /* 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);
 
   /* Border radius */
   --radius-sm: 0.25rem;
@@ -148,6 +162,17 @@ html.dark {
   --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.2);
   --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.2);
   --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.2);
+  --card-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.24), 0 1px 3px 0 rgb(0 0 0 / 0.32);
+
+  /* Entity accent colors - Dark mode */
+  --color-experiment: #22D3EE;
+  --color-experiment-hover: #67E8F9;
+  --color-experiment-soft: rgba(34, 211, 238, 0.16);
+  --color-experiment-border: rgba(34, 211, 238, 0.36);
+  --color-project: #38BDF8;
+  --color-project-hover: #7DD3FC;
+  --color-project-soft: rgba(56, 189, 248, 0.16);
+  --color-project-border: rgba(56, 189, 248, 0.38);
 
   /* Semantic colors - Dark mode */
   --mint-success-bg: rgba(16, 185, 129, 0.15);

package/src/tailwind.preset.ts

@@ -18,6 +18,10 @@ const mintPreset = {
           'warning-hover': 'var(--mint-warning-hover)',
           brand: 'var(--mint-brand)',
           'brand-hover': 'var(--mint-brand-hover)',
+          experiment: 'var(--color-experiment)',
+          'experiment-hover': 'var(--color-experiment-hover)',
+          project: 'var(--color-project)',
+          'project-hover': 'var(--color-project-hover)',
         },
         bg: {
           primary: 'var(--mint-bg-primary)',
@@ -50,6 +54,7 @@ const mintPreset = {
         mint: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
         'mint-md': '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
         'mint-lg': '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+        'mint-card': 'var(--card-shadow)',
       },
       transitionDuration: {
         mint: '150ms',

package/src/templates/packs.ts

@@ -13,7 +13,6 @@ export interface BioTemplatePackEntry {
   frontend_adapters: readonly string[]
   components: readonly string[]
   add_command: string
-  init_command: string
   docs_command: string
 }
 
@@ -55,7 +54,6 @@ function createPack(definition: BioTemplatePackDefinition): BioTemplatePackEntry
     frontend_adapters: collectTemplateField(definition.templates, 'frontend_adapters'),
     components: collectTemplateField(definition.templates, 'components'),
     add_command: `mint add data-template-pack ${definition.name} --page`,
-    init_command: `mint init --template ${definition.name}`,
     docs_command: `mint docs template-pack ${definition.name}`,
   }
 }
@@ -155,7 +153,6 @@ export function searchBioTemplatePacks(query: string): readonly BioTemplatePackE
     entry.label,
     entry.purpose,
     entry.add_command,
-    entry.init_command,
     entry.docs_command,
     ...entry.templates,
     ...entry.aliases,

package/src/types/components.ts

@@ -66,6 +66,18 @@ export interface FormFieldProps {
   required?: boolean
 }
 
+// Section card types
+export type SectionCardAccent =
+  | 'primary'
+  | 'experiment'
+  | 'project'
+  | 'success'
+  | 'error'
+  | 'warning'
+  | 'info'
+
+export type SectionCardDivider = 'strong' | 'light'
+
 // Sidebar types
 export type SidebarBadgeTone =
   | 'primary'

package/src/types/form-builder.ts

@@ -27,6 +27,7 @@ export type FormFieldType =
   | 'time'
   | 'datetime'
   | 'file'
+  | 'path'
   | 'formula'
   | 'sequence'
   | 'molecule'

package/src/types/generated-ui.ts

@@ -0,0 +1,189 @@
+import type { JobState, JobStateInput } from './jobs'
+
+export interface GeneratedJsonSchema {
+  type?: string | string[]
+  format?: string
+  title?: string
+  description?: string
+  default?: unknown
+  const?: unknown
+  enum?: unknown[]
+  minimum?: number
+  maximum?: number
+  exclusiveMinimum?: number
+  minLength?: number
+  maxLength?: number
+  pattern?: string
+  minItems?: number
+  maxItems?: number
+  writeOnly?: boolean
+  properties?: Record<string, GeneratedJsonSchema>
+  additionalProperties?: boolean | GeneratedJsonSchema
+  required?: string[]
+  anyOf?: GeneratedJsonSchema[]
+  allOf?: GeneratedJsonSchema[]
+  oneOf?: GeneratedJsonSchema[]
+  prefixItems?: GeneratedJsonSchema[]
+  items?: GeneratedJsonSchema
+  discriminator?: {
+    propertyName: string
+    mapping?: Record<string, string>
+  }
+  $ref?: string
+  $defs?: Record<string, GeneratedJsonSchema>
+  'x-mint-component'?: 'path'
+}
+
+export interface PluginJobPathInput {
+  kind: 'path'
+  files: File[]
+  relativePaths: string[]
+  rootName?: string
+  signal?: AbortSignal
+}
+
+export interface PluginJobPathUpload {
+  token: string
+  kind: 'file' | 'directory'
+  name: string
+  size: number
+}
+
+export interface PluginJobStagedPartInput<Metadata = Record<string, unknown>> {
+  job: GeneratedAnalysisJob | string
+  key: string
+  file: Blob
+  metadata: Metadata
+  expectedSize?: number
+  expectedSha256?: string
+  signal?: AbortSignal
+}
+
+export interface PluginJobStagedPart<Metadata = unknown> {
+  key: string
+  size: number
+  sha256: string
+  metadata: Metadata
+}
+
+export interface PluginJobStagingSummary {
+  job_id: string
+  sealed: boolean
+  part_count: number
+  total_bytes: number
+}
+
+export interface PluginJobStagedPartUploadResult<Metadata = unknown> {
+  part: PluginJobStagedPart<Metadata>
+  staging: PluginJobStagingSummary
+}
+
+export interface PluginJobStagingPagination {
+  offset?: number
+  limit?: number
+}
+
+export interface PluginJobStaging<Metadata = unknown> extends PluginJobStagingSummary {
+  parts: PluginJobStagedPart<Metadata>[]
+  offset: number
+  limit: number
+  next_offset: number | null
+  has_more: boolean
+}
+
+export type GeneratedJobLifecycle = 'process' | 'staged' | 'service'
+
+export type GeneratedJobProfile =
+  | { kind: 'process' }
+  | {
+      kind: 'staged'
+      partSchema: GeneratedJsonSchema
+      minParts: number
+      maxParts: number
+      maxBytes: number
+    }
+  | {
+      kind: 'service'
+      timeoutSeconds: number
+      maxConcurrency: number
+    }
+
+export interface GeneratedJobDefinition {
+  id: string
+  title: string
+  description: string
+  cpu: number
+  /** Whether integrated submission requires a platform or current-plugin administrator. */
+  requires_admin?: boolean
+  /** Defaults to process for manifests generated before lifecycle profiles. */
+  lifecycle?: GeneratedJobLifecycle
+  /** Defaults to `{ kind: 'process' }` for older manifests. */
+  profile?: GeneratedJobProfile
+  input_schema: GeneratedJsonSchema
+  output_schema: GeneratedJsonSchema
+  result_schema?: GeneratedJsonSchema
+}
+
+export interface GeneratedAnalysisManifest {
+  schema_version: '1'
+  plugin: {
+    name: string
+    version: string
+    description: string
+    routes_prefix: string
+  }
+  ui: {
+    title: string
+    description: string
+  }
+  jobs: GeneratedJobDefinition[]
+}
+
+export interface GeneratedSession {
+  id: string
+  tab_id: string
+  created_at: string
+  last_seen_at: string
+  active_job_ids: string[]
+}
+
+export type GeneratedAnalysisResult =
+  | { kind: 'text'; text: string }
+  | { kind: 'json'; value: unknown }
+  | { kind: 'table'; columns: string[]; rows: Record<string, unknown>[] }
+  | { kind: 'image'; media_type: string; data: string; alt: string }
+  | {
+      kind: 'plotly'
+      spec: Record<string, unknown>
+      fallback?: { media_type: 'image/png'; data: string }
+    }
+  | {
+      kind: 'artifact'
+      id: string
+      name: string
+      media_type: string
+      size: number | null
+      data?: string
+      download_url?: string
+      download_expires_at?: string
+      sha256?: string
+      managed?: boolean
+    }
+
+export interface GeneratedAnalysisJobInput extends JobStateInput {
+  definition_id?: string | null
+  metadata: JobStateInput['metadata'] & {
+    definition_id?: string
+    client_request_id?: string
+    has_result?: boolean
+  }
+}
+
+/** Canonical job state exposed after transport payloads cross the SDK boundary. */
+export interface GeneratedAnalysisJob extends JobState {
+  metadata: JobState['metadata'] & {
+    definition_id?: string
+    client_request_id?: string
+    has_result?: boolean
+  }
+}

package/src/types/index.ts

@@ -16,6 +16,8 @@ export type {
   RadioOption,
   RadioOptionInput,
   FormFieldProps,
+  SectionCardAccent,
+  SectionCardDivider,
   SidebarBadgeTone,
   SidebarToolSection,
   SidebarToolSectionAction,
@@ -176,6 +178,8 @@ export type {
   TreeNode,
 } from './components'
 
+export type * from './generated-ui'
+
 export type {
   AnalysisArtifactStatus,
   AnalysisArtifactStatusFilter,

package/src/types/instrument.ts

@@ -49,6 +49,7 @@ export interface InstrumentAlertBody {
 
 export interface InstrumentAlert {
   id?: string
+  event_key: string
   instrument_id: string
   instrument_name?: string | null
   level: InstrumentAlertLevel

package/src/types/jobs.ts

@@ -22,6 +22,7 @@ export interface JobState {
   job_id: string
   kind: string
   name: string
+  definition_id: string | null
   status: JobStatus
   progress: JobProgress
   queue_position: number
@@ -42,12 +43,20 @@ export interface JobState {
   completed_at: string | null
   can_cancel: boolean
   can_delete: boolean
+  result_status: 'none' | 'available' | 'expired'
+  result_expires_at: string | null
 }
 
 /** Backward-compatible transport shape accepted from pre-capability backends. */
-export type JobStateInput = Omit<JobState, 'can_cancel' | 'can_delete'> & {
+export type JobStateInput = Omit<
+  JobState,
+  'can_cancel' | 'can_delete' | 'definition_id' | 'result_status' | 'result_expires_at'
+> & {
   can_cancel?: boolean | null
   can_delete?: boolean | null
+  definition_id?: string | null
+  result_status?: 'none' | 'available' | 'expired'
+  result_expires_at?: string | null
 }
 
 export interface JobListPayload {

package/src/types/platform.ts

@@ -10,6 +10,8 @@ export interface PluginInfo {
   color?: string
   route_prefix: string
   api_prefix: string
+  /** Settings route selected by the platform for this plugin runtime. */
+  settings_api?: 'plugin' | 'platform'
   nav_items?: PluginNavItem[]
   settings?: PluginSettings
 }

package/dist/BaseButton-Dgqrze41.js

@@ -1,74 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
-//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["type", "disabled"];
-var _hoisted_2 = {
-	key: 0,
-	class: "mint-button__spinner",
-	fill: "none",
-	viewBox: "0 0 24 24"
-};
-//#endregion
-//#region src/components/BaseButton.vue
-var BaseButton_default = /* @__PURE__ */ defineComponent({
-	__name: "BaseButton",
-	props: {
-		variant: { default: "primary" },
-		size: { default: "md" },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		type: { default: "button" },
-		fullWidth: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
-		/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */
-		const props = __props;
-		const emit = __emit;
-		function handleClick(event) {
-			if (!props.disabled && !props.loading) emit("click", event);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
-				type: __props.type,
-				disabled: __props.disabled || __props.loading,
-				class: normalizeClass([
-					"mint-button",
-					`mint-button--${__props.variant}`,
-					`mint-button--${__props.size}`,
-					__props.fullWidth ? "mint-button--full-width" : "",
-					__props.disabled || __props.loading ? "mint-button--disabled" : ""
-				]),
-				onClick: handleClick
-			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
-					style: { "opacity": "0.25" },
-					cx: "12",
-					cy: "12",
-					r: "10",
-					stroke: "currentColor",
-					"stroke-width": "4"
-				}, null, -1), createElementVNode("path", {
-					style: { "opacity": "0.75" },
-					fill: "currentColor",
-					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-				}, null, -1)])])) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "icon-left"),
-				renderSlot(_ctx.$slots, "default"),
-				renderSlot(_ctx.$slots, "icon-right")
-			], 10, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { BaseButton_default as t };
-
-//# sourceMappingURL=BaseButton-Dgqrze41.js.map

package/dist/BaseButton-Dgqrze41.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton-Dgqrze41.js","names":[],"sources":["../src/components/BaseButton.vue","../src/components/BaseButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */\nimport type { ButtonVariant, ButtonSize } from '../types'\n\ninterface Props {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: boolean\n  loading?: boolean\n  type?: 'button' | 'submit' | 'reset'\n  fullWidth?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  loading: false,\n  type: 'button',\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled && !props.loading) {\n    emit('click', event)\n  }\n}\n</script>\n\n<template>\n  <button\n    :type=\"type\"\n    :disabled=\"disabled || loading\"\n    :class=\"[\n      'mint-button',\n      `mint-button--${variant}`,\n      `mint-button--${size}`,\n      fullWidth ? 'mint-button--full-width' : '',\n      (disabled || loading) ? 'mint-button--disabled' : '',\n    ]\"\n    @click=\"handleClick\"\n  >\n    <svg\n      v-if=\"loading\"\n      class=\"mint-button__spinner\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle\n        style=\"opacity: 0.25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n      />\n      <path\n        style=\"opacity: 0.75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n    <slot name=\"icon-left\" />\n    <slot />\n    <slot name=\"icon-right\" />\n  </button>\n</template>\n\n<style>\n@import '../styles/components/button.css';\n</style>\n","<script setup lang=\"ts\">\n/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */\nimport type { ButtonVariant, ButtonSize } from '../types'\n\ninterface Props {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: boolean\n  loading?: boolean\n  type?: 'button' | 'submit' | 'reset'\n  fullWidth?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  loading: false,\n  type: 'button',\n  fullWidth: false,\n})\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nfunction handleClick(event: MouseEvent) {\n  if (!props.disabled && !props.loading) {\n    emit('click', event)\n  }\n}\n</script>\n\n<template>\n  <button\n    :type=\"type\"\n    :disabled=\"disabled || loading\"\n    :class=\"[\n      'mint-button',\n      `mint-button--${variant}`,\n      `mint-button--${size}`,\n      fullWidth ? 'mint-button--full-width' : '',\n      (disabled || loading) ? 'mint-button--disabled' : '',\n    ]\"\n    @click=\"handleClick\"\n  >\n    <svg\n      v-if=\"loading\"\n      class=\"mint-button__spinner\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle\n        style=\"opacity: 0.25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        stroke-width=\"4\"\n      />\n      <path\n        style=\"opacity: 0.75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n    <slot name=\"icon-left\" />\n    <slot />\n    <slot name=\"icon-right\" />\n  </button>\n</template>\n\n<style>\n@import '../styles/components/button.css';\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EASd,MAAM,OAAO;EAIb,SAAS,YAAY,OAAmB;AACtC,OAAI,CAAC,MAAM,YAAY,CAAC,MAAM,QAC5B,MAAK,SAAS,MAAK;;;uBAMrB,mBAmCS,UAAA;IAlCN,MAAM,QAAA;IACN,UAAU,QAAA,YAAY,QAAA;IACtB,OAAK,eAAA;;qBAA+C,QAAA;qBAAiC,QAAA;KAAc,QAAA,YAAS,4BAAA;KAA0C,QAAA,YAAY,QAAA,UAAO,0BAAA;;IAOzK,SAAO;;IAGA,QAAA,WAAA,WAAA,EADR,mBAmBM,OAnBN,YAmBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAbJ,mBAOE,UAAA;KANA,OAAA,EAAA,WAAA,QAAqB;KACrB,IAAG;KACH,IAAG;KACH,GAAE;KACF,QAAO;KACP,gBAAa;kBAEf,mBAIE,QAAA;KAHA,OAAA,EAAA,WAAA,QAAqB;KACrB,MAAK;KACL,GAAE;;IAGN,WAAyB,KAAA,QAAA,YAAA;IACzB,WAAQ,KAAA,QAAA,UAAA;IACR,WAA0B,KAAA,QAAA,aAAA"}