@morscherlab/mint-sdk 1.3.8 → 1.4.0-beta.1

package/dist/AppSidebar-BmiiPfz9.js

@@ -0,0 +1,3514 @@
+import { i as BaseButton_default, r as useEventListener } from "./BaseModal-DfRIuVoj.js";
+import { f as useSettingsStore, n as integrationHost } from "./experiment-43OJtH7R.js";
+import { D as useDropdownState, O as FormField_default, _ as APP_EXPERIMENT_KEY, j as BaseCheckbox_default, t as isRecord } from "./records-BzTcxekG.js";
+import { _ as getFieldRegistryEntry, a as StepWizard_default, d as humanize, f as numericValue, l as normalizeControls, m as orderedUnique, o as usePlatform, s as defaultValueForControl, u as normalizeOption, v as getTypeDefault, z as applySpecDefaults } from "./useListReorder-CcbEYxX-.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { Moon, Sun } from "lucide-vue-next";
+//#region src/composables/useTheme.ts
+/** Reads and toggles the active theme (light/dark/system) with reactivity to OS preference changes. */
+function useTheme() {
+	const settings = useSettingsStore();
+	settings.initialize();
+	const isDark = computed(() => settings.isDark());
+	function toggleTheme() {
+		settings.theme = isDark.value ? "light" : "dark";
+	}
+	function setTheme(theme) {
+		settings.theme = theme;
+	}
+	return {
+		isDark,
+		toggleTheme,
+		setTheme
+	};
+}
+//#endregion
+//#region src/components/ThemeToggle.vue
+var ThemeToggle_default = /* @__PURE__ */ defineComponent({
+	__name: "ThemeToggle",
+	props: { size: { default: "md" } },
+	setup(__props) {
+		/** Icon button that toggles between light and dark mode, swapping sun/moon icons to reflect the active theme. */
+		const { isDark, toggleTheme } = useTheme();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseButton_default, {
+				class: "mint-theme-toggle",
+				variant: "ghost",
+				size: __props.size,
+				icon: unref(isDark) ? unref(Sun) : unref(Moon),
+				label: unref(isDark) ? "Switch to light mode" : "Switch to dark mode",
+				onClick: unref(toggleTheme)
+			}, null, 8, [
+				"size",
+				"icon",
+				"label",
+				"onClick"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/CollapsibleCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = { class: "mint-collapsible-card__header-shell" };
+var _hoisted_2$8 = ["disabled", "aria-expanded"];
+var _hoisted_3$8 = { class: "mint-collapsible-card__title-section" };
+var _hoisted_4$7 = ["d"];
+var _hoisted_5$7 = ["d"];
+var _hoisted_6$6 = { class: "mint-collapsible-card__titles" };
+var _hoisted_7$5 = { class: "mint-collapsible-card__title" };
+var _hoisted_8$4 = {
+	key: 0,
+	class: "mint-collapsible-card__subtitle"
+};
+var _hoisted_9$4 = { class: "mint-collapsible-card__actions" };
+var _hoisted_10$3 = [
+	"disabled",
+	"aria-label",
+	"title",
+	"onClick"
+];
+var _hoisted_11$3 = {
+	key: 0,
+	class: "mint-collapsible-card__action-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_12$3 = ["d"];
+var _hoisted_13$3 = ["d"];
+var _hoisted_14$2 = {
+	key: 1,
+	class: "mint-collapsible-card__action-text-icon"
+};
+var _hoisted_15$2 = [
+	"disabled",
+	"aria-label",
+	"aria-expanded"
+];
+var _hoisted_16$2 = { class: "mint-collapsible-card__body" };
+var _hoisted_17$2 = { class: "mint-collapsible-card__content" };
+//#endregion
+//#region src/components/CollapsibleCard.vue
+var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
+	__name: "CollapsibleCard",
+	props: {
+		title: {},
+		subtitle: {},
+		badge: { default: void 0 },
+		badgeTone: { default: "cta" },
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		dense: {
+			type: Boolean,
+			default: false
+		},
+		icon: {},
+		iconColor: {},
+		iconBg: {},
+		actions: { default: () => [] },
+		showToggle: {
+			type: Boolean,
+			default: false
+		},
+		toggleValue: {
+			type: Boolean,
+			default: false
+		},
+		toggleColor: { default: "" }
+	},
+	emits: ["update:toggleValue", "action"],
+	setup(__props, { emit: __emit }) {
+		/** Card whose body collapses with a chevron-rotate animation, with an optional inline toggle switch independent of expand state. */
+		const props = __props;
+		const emit = __emit;
+		const isOpen = ref(props.defaultOpen);
+		const toggle = () => {
+			if (!props.disabled) isOpen.value = !isOpen.value;
+		};
+		const headerClasses = computed(() => ["mint-collapsible-card__header", props.disabled ? "mint-collapsible-card__header--disabled" : ""]);
+		const iconBgStyle = computed(() => ({ backgroundColor: props.iconBg || "var(--color-primary-soft)" }));
+		const iconColorStyle = computed(() => ({ color: props.iconColor || "var(--color-primary)" }));
+		const isSvgIcon = computed(() => isSvgIconValue(props.icon));
+		const toggleColorStyle = computed(() => props.toggleColor ? { "--_cc-toggle-on": props.toggleColor } : void 0);
+		const badgeClasses = computed(() => ["mint-collapsible-card__badge", `mint-collapsible-card__badge--${props.badgeTone}`]);
+		function isSvgIconValue(icon) {
+			if (!icon) return false;
+			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
+		}
+		function actionClasses(action) {
+			return [
+				"mint-collapsible-card__action",
+				action.tone ? `mint-collapsible-card__action--${action.tone}` : "",
+				action.disabled ? "mint-collapsible-card__action--disabled" : ""
+			];
+		}
+		function actionStyle(action) {
+			return action.iconColor ? { color: action.iconColor } : {};
+		}
+		function handleActionClick(action) {
+			if (props.disabled || action.disabled) return;
+			emit("action", action.id);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$10, [createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(headerClasses.value),
+				disabled: __props.disabled,
+				"aria-expanded": isOpen.value,
+				onClick: toggle
+			}, [createElementVNode("div", _hoisted_3$8, [__props.icon ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "mint-collapsible-card__icon-badge",
+				style: normalizeStyle(iconBgStyle.value)
+			}, [isSvgIcon.value ? (openBlock(), createElementBlock("svg", {
+				key: 0,
+				class: "mint-collapsible-card__icon",
+				style: normalizeStyle(iconColorStyle.value),
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [Array.isArray(__props.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.icon, (d, i) => {
+				return openBlock(), createElementBlock("path", {
+					key: i,
+					d
+				}, null, 8, _hoisted_4$7);
+			}), 128)) : (openBlock(), createElementBlock("path", {
+				key: 1,
+				d: __props.icon
+			}, null, 8, _hoisted_5$7))], 4)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: "mint-collapsible-card__icon-text",
+				style: normalizeStyle(iconColorStyle.value)
+			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$6, [createElementVNode("h3", _hoisted_7$5, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$4, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$8), createElementVNode("div", _hoisted_9$4, [
+				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(badgeClasses.value)
+				}, toDisplayString(__props.badge), 3)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
+					return openBlock(), createElementBlock("button", {
+						key: action.id,
+						type: "button",
+						class: normalizeClass(actionClasses(action)),
+						style: normalizeStyle(actionStyle(action)),
+						disabled: __props.disabled || action.disabled,
+						"aria-label": action.label,
+						title: action.label,
+						onClick: ($event) => handleActionClick(action)
+					}, [action.icon && isSvgIconValue(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_11$3, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
+						return openBlock(), createElementBlock("path", {
+							key: i,
+							d
+						}, null, 8, _hoisted_12$3);
+					}), 128)) : (openBlock(), createElementBlock("path", {
+						key: 1,
+						d: action.icon
+					}, null, 8, _hoisted_13$3))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$2, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$3);
+				}), 128)),
+				__props.showToggle ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "mint-collapsible-card__toggle",
+					style: normalizeStyle(toggleColorStyle.value),
+					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+				}, [createVNode(BaseCheckbox_default, {
+					type: "switch",
+					"model-value": __props.toggleValue,
+					"aria-label": __props.title,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:toggleValue", $event))
+				}, null, 8, ["model-value", "aria-label"])], 4)) : createCommentVNode("", true),
+				createElementVNode("button", {
+					type: "button",
+					class: "mint-collapsible-card__chevron-button",
+					disabled: __props.disabled,
+					"aria-label": isOpen.value ? "Collapse section" : "Expand section",
+					"aria-expanded": isOpen.value,
+					onClick: toggle
+				}, [(openBlock(), createElementBlock("svg", {
+					class: normalizeClass(["mint-collapsible-card__chevron", isOpen.value ? "mint-collapsible-card__chevron--open" : ""]),
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					viewBox: "0 0 24 24",
+					"aria-hidden": "true"
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_15$2)
+			])]), 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]])]),
+				_: 3
+			})], 2);
+		};
+	}
+});
+//#endregion
+//#region src/composables/controlSchemaFormFields.ts
+function controlToFormField(control) {
+	const { name, definition, type } = control;
+	const props = fieldProps(definition);
+	return {
+		name,
+		label: definition.label ?? humanize(name),
+		type,
+		defaultValue: defaultValueForControl(definition, type),
+		placeholder: definition.placeholder,
+		hint: definition.hint,
+		icon: definition.icon,
+		iconColor: definition.iconColor,
+		iconBg: definition.iconBg,
+		size: definition.size,
+		disabled: definition.disabled,
+		readonly: definition.readonly,
+		validation: validationForControl(definition),
+		condition: definition.condition,
+		access: definition.access,
+		colSpan: definition.colSpan,
+		props
+	};
+}
+function fieldProps(definition) {
+	const props = {};
+	if (definition.min !== void 0) props.min = numericValue(definition.min);
+	if (definition.max !== void 0) props.max = numericValue(definition.max);
+	if (definition.options) props.options = definition.options.map(normalizeOption);
+	return {
+		...props,
+		...definition.props ?? {}
+	};
+}
+function validationForControl(definition) {
+	const validation = { ...definition.validation ?? {} };
+	if (definition.required !== void 0) validation.required = definition.required;
+	if (definition.min !== void 0) validation.min = definition.min;
+	if (definition.max !== void 0) validation.max = definition.max;
+	if (definition.minLength !== void 0) validation.minLength = definition.minLength;
+	if (definition.maxLength !== void 0) validation.maxLength = definition.maxLength;
+	if (definition.email !== void 0) validation.email = definition.email;
+	if (definition.pattern !== void 0) validation.pattern = definition.pattern;
+	return Object.keys(validation).length > 0 ? validation : void 0;
+}
+//#endregion
+//#region src/composables/controlSchemaLayout.ts
+function sectionConfig(sectionId, controls, options) {
+	const configured = options.sections?.[sectionId];
+	const first = controls[0]?.definition;
+	return {
+		...configured,
+		id: sectionId,
+		label: configured?.label ?? first?.sectionLabel,
+		title: configured?.title ?? first?.sectionLabel,
+		description: configured?.description ?? first?.sectionDescription,
+		subtitle: configured?.subtitle ?? first?.sectionSubtitle
+	};
+}
+function firstSidebarConfig(controls) {
+	for (const control of controls) {
+		const sidebar = control.definition.sidebar;
+		if (sidebar && typeof sidebar === "object" && sidebar.enabled !== false) return sidebar;
+	}
+}
+function isSidebarEnabled(sidebar) {
+	if (sidebar === false) return false;
+	if (sidebar && typeof sidebar === "object") return sidebar.enabled !== false;
+	return true;
+}
+function controlViewItem(viewId, options) {
+	const config = options.views?.[viewId];
+	return {
+		id: viewId,
+		label: config?.label ?? humanize(viewId),
+		...config?.icon !== void 0 ? { icon: config.icon } : {},
+		...config?.to !== void 0 ? { to: config.to } : {},
+		...config?.href !== void 0 ? { href: config.href } : {},
+		...config?.disabled !== void 0 ? { disabled: config.disabled } : {},
+		...config?.children !== void 0 ? { children: config.children } : {}
+	};
+}
+//#endregion
+//#region src/composables/controlSchemaAdapters.ts
+/** Convert a compact control schema into a FormBuilder schema. */
+function controlsToFormSchema(controls, options = {}) {
+	const normalized = normalizeControls(controls, options);
+	return {
+		sections: orderedUnique(normalized.map((control) => control.sectionId)).map((sectionId) => {
+			const sectionControls = normalized.filter((control) => control.sectionId === sectionId);
+			const config = sectionConfig(sectionId, sectionControls, options);
+			return {
+				id: sectionId,
+				title: config.title ?? config.label ?? humanize(sectionId),
+				description: config.description,
+				columns: config.columns ?? options.columns ?? 1,
+				defaultOpen: config.defaultOpen,
+				condition: config.condition,
+				fields: sectionControls.map(controlToFormField)
+			};
+		}),
+		...controlFormActions(options.actions)
+	};
+}
+function controlFormActions(actions) {
+	if (!actions) return {};
+	return {
+		actions: true,
+		...actions === true ? {} : actions
+	};
+}
+/** Convert controls into AppSidebar panels grouped by view and section. */
+function controlsToSidebarPanels(controls, options = {}) {
+	const normalized = normalizeControls(controls, options).filter((control) => isSidebarEnabled(control.definition.sidebar));
+	const viewIds = orderedUnique(normalized.map((control) => control.viewId));
+	const panels = {};
+	for (const viewId of viewIds) {
+		const viewControls = normalized.filter((control) => control.viewId === viewId);
+		panels[viewId] = orderedUnique(viewControls.map((control) => control.sectionId)).map((sectionId) => {
+			const sectionControls = viewControls.filter((control) => control.sectionId === sectionId);
+			const config = sectionConfig(sectionId, sectionControls, options);
+			const sidebarConfig = firstSidebarConfig(sectionControls);
+			return {
+				id: sectionId,
+				label: sidebarConfig?.label ?? config.label ?? config.title ?? humanize(sectionId),
+				subtitle: sidebarConfig?.subtitle ?? config.subtitle,
+				icon: sidebarConfig?.icon ?? config.icon,
+				iconColor: sidebarConfig?.iconColor ?? config.iconColor,
+				iconBg: sidebarConfig?.iconBg ?? config.iconBg,
+				badge: sidebarConfig?.badge ?? config.badge,
+				badgeTone: sidebarConfig?.badgeTone ?? config.badgeTone,
+				actions: sidebarConfig?.actions ?? config.actions,
+				defaultOpen: sidebarConfig?.defaultOpen ?? config.defaultOpen,
+				showToggle: sidebarConfig?.showToggle ?? config.showToggle
+			};
+		});
+	}
+	return panels;
+}
+/** Convert controls into a SettingsModal schema grouped by the same sections. */
+function controlsToSettingsSchema(controls, options = {}) {
+	const normalized = normalizeControls(controls, options);
+	return { groups: orderedUnique(normalized.map((control) => control.sectionId)).map((sectionId) => {
+		const sectionControls = normalized.filter((control) => control.sectionId === sectionId);
+		const config = sectionConfig(sectionId, sectionControls, options);
+		return {
+			id: sectionId,
+			label: config.label ?? config.title ?? humanize(sectionId),
+			description: config.description ?? config.subtitle,
+			icon: typeof config.icon === "string" ? config.icon : void 0,
+			fields: sectionControls.map(controlToFormField),
+			columns: config.columns ?? options.columns ?? 1,
+			condition: config.condition,
+			access: config.access
+		};
+	}) };
+}
+/** Convert controls into an AppTopBar settingsConfig object that passes compact controls through to SettingsModal. */
+function controlsToTopBarSettingsConfig(controls, options = {}, config = {}) {
+	return {
+		...config,
+		spec: {
+			controls,
+			controlOptions: options
+		}
+	};
+}
+/** Return generated control view IDs that have at least one sidebar panel. */
+function controlsToViewIds(controls, options = {}) {
+	return controlsToViewItems(controls, options).map((item) => item.id);
+}
+/** Return AppTopBar `spec.pills` view items for switching generated control sidebars. */
+function controlsToViewItems(controls, options = {}) {
+	return Object.entries(controlsToSidebarPanels(controls, options)).filter(([, sections]) => sections.length > 0).map(([id]) => controlViewItem(id, options));
+}
+/** Return the first generated sidebar view ID, or an empty string when controls render no sidebar panels. */
+function getDefaultControlView(controls, options = {}) {
+	return controlsToViewIds(controls, options)[0] ?? "";
+}
+/** Return a headerless single-section FormBuilder schema for rendering inside an AppSidebar section slot. */
+function controlsToSectionFormSchema(controls, sectionId, options = {}) {
+	const schema = controlsToFormSchema(controls, options);
+	return {
+		sections: schema.sections.filter((section) => section.id === sectionId).map((section) => ({
+			...section,
+			title: "",
+			description: void 0
+		})),
+		actions: schema.actions,
+		submitLabel: schema.submitLabel,
+		cancelLabel: schema.cancelLabel,
+		showCancel: schema.showCancel
+	};
+}
+/** Return headerless FormBuilder schemas keyed by section ID for AppSidebar auto-rendering. */
+function controlsToSectionFormSchemas(controls, options = {}) {
+	const schema = controlsToFormSchema(controls, options);
+	const schemas = {};
+	for (const section of schema.sections) schemas[section.id] = {
+		sections: [{
+			...section,
+			title: "",
+			description: void 0
+		}],
+		actions: schema.actions,
+		submitLabel: schema.submitLabel,
+		cancelLabel: schema.cancelLabel,
+		showCancel: schema.showCancel
+	};
+	return schemas;
+}
+var CONTROL_TARGETS = {
+	form: controlsToFormSchema,
+	sectionForm: controlsToSectionFormSchema,
+	sectionForms: controlsToSectionFormSchemas,
+	settings: controlsToSettingsSchema,
+	sidebarPanels: controlsToSidebarPanels,
+	topBarSettings: controlsToTopBarSettingsConfig,
+	viewIds: controlsToViewIds,
+	viewItems: controlsToViewItems
+};
+/**
+* Build one target shape from a control schema: a FormBuilder schema (`form`,
+* `sectionForm`, `sectionForms`), a settings modal schema (`settings`), sidebar
+* panels (`sidebarPanels`), a top-bar settings config (`topBarSettings`) or the
+* view list (`viewIds`, `viewItems`).
+*
+* @example
+* ```ts
+* const schema = controlsTo('form', controls)
+* const section = controlsTo('sectionForm', controls, 'analysis')
+* ```
+*/
+function controlsTo(target, ...args) {
+	const build = CONTROL_TARGETS[target];
+	return build(...args);
+}
+//#endregion
+//#region src/composables/controlComponentBindings.ts
+/** Map control workspace values into component props for direct `v-bind` usage. */
+function controlValuesToComponentProps(values, mapping) {
+	if (mapping === void 0) return { ...values };
+	if (Array.isArray(mapping)) {
+		const props = {};
+		for (const key of mapping) props[key] = values[key];
+		return props;
+	}
+	const props = {};
+	for (const [prop, source] of Object.entries(mapping)) props[prop] = typeof source === "function" ? source(values) : values[source];
+	return props;
+}
+/** Map control workspace values into named SDK component bindings for direct slot rendering. */
+function controlValuesToComponentBindings(values, bindings) {
+	if (bindings === void 0) return [];
+	return normalizeControlComponentBindingConfigs(bindings).map((binding) => ({
+		id: binding.id,
+		component: binding.component,
+		props: controlValuesToComponentProps(values, binding.props)
+	}));
+}
+/** Map control workspace values into SDK component bindings keyed by binding id. */
+function controlValuesToComponentBindingsById(values, bindings) {
+	return Object.fromEntries(controlValuesToComponentBindings(values, bindings).map((binding) => [binding.id, binding]));
+}
+function normalizeControlComponentBindingConfigs(bindings) {
+	if (Array.isArray(bindings)) {
+		const usedIds = /* @__PURE__ */ new Map();
+		return bindings.map((binding) => ({
+			id: uniqueComponentBindingId(binding.id ?? binding.component, usedIds),
+			component: binding.component,
+			props: binding.props
+		}));
+	}
+	return Object.entries(bindings).map(([id, binding]) => ({
+		id,
+		component: binding.component,
+		props: binding.props
+	}));
+}
+/** Map control values onto component props (`props`) and component bindings (`list`, `byId`). */
+var controlBindings = {
+	props: controlValuesToComponentProps,
+	list: controlValuesToComponentBindings,
+	byId: controlValuesToComponentBindingsById
+};
+function uniqueComponentBindingId(id, usedIds) {
+	const count = usedIds.get(id) ?? 0;
+	usedIds.set(id, count + 1);
+	return count === 0 ? id : `${id}-${count + 1}`;
+}
+//#endregion
+//#region src/composables/useControlSchema.ts
+/** Preserve literal control keys while marking an object as a MINT control schema. */
+function defineControls(controls) {
+	return controls;
+}
+/** Preserve literal SDK component binding ids while marking an object as generated workspace component bindings. */
+function defineControlComponentBindings(bindings) {
+	return bindings;
+}
+/** Build default values for a control schema, matching FormBuilder field defaults. */
+function getControlDefaults(controls) {
+	const values = {};
+	for (const control of normalizeControls(controls)) values[control.name] = defaultValueForControl(control.definition, control.type);
+	return values;
+}
+/** Prepare FormBuilder, SettingsModal, AppTopBar settings, AppSidebar, and initial values from one compact control model. */
+function useControlSchema(controls, options = {}) {
+	const formSchema = controlsToFormSchema(controls, options);
+	const settingsSchema = controlsToSettingsSchema(controls, options);
+	const topBarSettingsConfig = controlsToTopBarSettingsConfig(controls, options);
+	const sidebarPanels = controlsToSidebarPanels(controls, options);
+	const viewItems = controlsToViewItems(controls, options);
+	const viewIds = viewItems.map((item) => item.id);
+	const defaultView = viewIds[0] ?? "";
+	const sectionSchemas = controlsToSectionFormSchemas(controls, options);
+	return {
+		controls,
+		fields: normalizeControls(controls, options).map(controlToFormField),
+		formSchema,
+		form: { spec: {
+			controls,
+			controlOptions: options
+		} },
+		settingsSchema,
+		settings: { spec: settingsSchema },
+		topBarSettingsConfig,
+		topBarSettings: { spec: { settings: topBarSettingsConfig } },
+		sidebarPanels,
+		viewIds,
+		viewItems,
+		defaultView,
+		sectionSchemas,
+		sidebar: {
+			spec: {
+				panels: sidebarPanels,
+				forms: sectionSchemas
+			},
+			activeView: defaultView
+		},
+		initialValues: getControlDefaults(controls),
+		sectionSchema: (sectionId) => controlsToSectionFormSchema(controls, sectionId, options)
+	};
+}
+//#endregion
+//#region src/components/PluginWorkspaceView.controls.ts
+function usePluginWorkspaceControls(options) {
+	const resolvedModel = computed(() => options.model());
+	const resolvedControls = computed(() => resolvedModel.value?.controls);
+	const resolvedControlOptions = computed(() => resolvedModel.value?.controlOptions ?? {});
+	const externalControlValues = computed(() => options.values());
+	const internalControlValues = reactive({});
+	let syncingControlValues = false;
+	const generatedControlDefaults = computed(() => {
+		if (!resolvedControls.value) return {};
+		return {
+			...getControlDefaults(resolvedControls.value),
+			...resolvedControlOptions.value.initialValues ?? {}
+		};
+	});
+	function replaceControlValues(values) {
+		for (const key of Object.keys(internalControlValues)) if (!(key in values)) delete internalControlValues[key];
+		Object.assign(internalControlValues, values);
+	}
+	function emitControlValues() {
+		options.emitValues({ ...internalControlValues });
+	}
+	function syncResolvedControlValues() {
+		syncingControlValues = true;
+		replaceControlValues({
+			...generatedControlDefaults.value,
+			...externalControlValues.value === void 0 ? internalControlValues : externalControlValues.value
+		});
+		syncingControlValues = false;
+	}
+	function handleControlValuesUpdate(values) {
+		syncingControlValues = true;
+		replaceControlValues({
+			...generatedControlDefaults.value,
+			...values
+		});
+		syncingControlValues = false;
+		emitControlValues();
+	}
+	const resolvedComponentBindings = computed(() => controlValuesToComponentBindings(internalControlValues, resolvedModel.value?.componentBindings));
+	const resolvedComponentBindingsById = computed(() => controlValuesToComponentBindingsById(internalControlValues, resolvedModel.value?.componentBindings));
+	const resolvedComponentProps = computed(() => {
+		const mapping = resolvedModel.value?.componentProps;
+		return mapping === void 0 ? {} : controlValuesToComponentProps(internalControlValues, mapping);
+	});
+	const resolvedComponentPropsById = computed(() => {
+		const mappings = resolvedModel.value?.componentPropsById;
+		if (mappings === void 0) return {};
+		return Object.fromEntries(Object.entries(mappings).map(([id, mapping]) => [id, controlValuesToComponentProps(internalControlValues, mapping)]));
+	});
+	const generatedPillNav = computed(() => {
+		if (!resolvedControls.value) return [];
+		return controlsToViewItems(resolvedControls.value, resolvedControlOptions.value);
+	});
+	const generatedDefaultView = computed(() => {
+		if (!resolvedControls.value) return "";
+		return getDefaultControlView(resolvedControls.value, resolvedControlOptions.value);
+	});
+	syncResolvedControlValues();
+	watch([generatedControlDefaults, externalControlValues], syncResolvedControlValues, { deep: true });
+	watch(internalControlValues, () => {
+		if (syncingControlValues) return;
+		emitControlValues();
+	}, {
+		deep: true,
+		flush: "sync"
+	});
+	return {
+		resolvedControls,
+		resolvedControlOptions,
+		generatedPillNav,
+		generatedDefaultView,
+		internalControlValues,
+		resolvedComponentBindings,
+		resolvedComponentBindingsById,
+		resolvedComponentProps,
+		resolvedComponentPropsById,
+		handleControlValuesUpdate
+	};
+}
+//#endregion
+//#region src/components/PluginWorkspaceView.navigation.ts
+function usePluginWorkspaceNavigation(options) {
+	const internalActiveView = ref();
+	const resolvedPillNav = computed(() => {
+		if (options.pillNav() !== void 0) return options.pillNav();
+		return options.generatedPillNav.value.length > 0 ? [...options.generatedPillNav.value] : void 0;
+	});
+	const firstConfiguredViewId = computed(() => firstItemId(options.pillNav()) ?? options.generatedDefaultView.value ?? options.panelIds()[0] ?? "");
+	const resolvedActiveView = computed({
+		get: () => options.activeView() ?? options.currentPillId() ?? internalActiveView.value ?? firstConfiguredViewId.value,
+		set: (value) => {
+			internalActiveView.value = value;
+			options.emitActiveView(value);
+		}
+	});
+	const resolvedCurrentPillId = computed(() => options.currentPillId() ?? resolvedActiveView.value);
+	function setActiveView(viewId) {
+		resolvedActiveView.value = viewId;
+	}
+	function handlePillSelect(item) {
+		setActiveView(item.id);
+		options.emitPillSelect(item);
+	}
+	return {
+		resolvedPillNav,
+		firstConfiguredViewId,
+		resolvedActiveView,
+		resolvedCurrentPillId,
+		setActiveView,
+		handlePillSelect
+	};
+}
+function firstItemId(items) {
+	const item = items?.[0];
+	if (item === void 0) return void 0;
+	return typeof item === "string" ? item : item.id;
+}
+//#endregion
+//#region src/components/PluginWorkspaceView.shell.ts
+var topBarForwardedSlots = /* @__PURE__ */ new Set([
+	"icon",
+	"logo",
+	"nav",
+	"center",
+	"actions",
+	"settings-appearance"
+]);
+var sidebarForwardedSlots = /* @__PURE__ */ new Set([
+	"header",
+	"collapsed",
+	"collapsed-footer",
+	"footer"
+]);
+function getPluginWorkspaceTopBarSlotNames(slots) {
+	return Object.keys(slots).filter((name) => topBarForwardedSlots.has(name) || name.startsWith("settings-tab-"));
+}
+function getPluginWorkspaceSidebarSlotNames(slots) {
+	return Object.keys(slots).filter((name) => sidebarForwardedSlots.has(name) || name.startsWith("section-"));
+}
+function hasPluginWorkspaceSidebarSurface(options) {
+	const { sidebar } = options;
+	if (sidebar === false) return false;
+	return Object.keys(sidebar.panels ?? {}).length > 0 || Object.keys(sidebar.forms ?? {}).length > 0 || sidebar.controls !== void 0 || Boolean(sidebar.whenEmpty) || sidebar.contentId !== void 0 || sidebar.title !== void 0 || sidebar.subtitle !== void 0 || sidebar.badge !== void 0 || options.hasSidebarSlot || options.sidebarSlotCount > 0;
+}
+//#endregion
+//#region src/composables/usePluginWorkspace.ts
+/**
+* Maps PluginWorkspaceView's `spec` and `v-model`s into the three typed model objects
+* (`shell`, `sidebar`, `controls`) rendered by its internal pieces
+* (WorkspaceShellInternal, WorkspaceSidebarInternal, WorkspaceControlsInternal).
+*
+* @example Recommended
+* ```ts
+* const props = defineProps<PluginWorkspaceViewProps>()
+* const emit = defineEmits<PluginWorkspaceViewEmits>()
+* const slots = useSlots()
+* const { shell, sidebar, controls } = usePluginWorkspace({ props, slots, emit })
+* ```
+*/
+function usePluginWorkspace(options) {
+	const { props, slots, emit } = options;
+	const sidebarSpec = computed(() => props.spec?.sidebar ?? {});
+	const topBarSpec = computed(() => props.spec?.topBar === false ? false : applySpecDefaults({
+		themeToggle: true,
+		settings: {},
+		standaloneLabel: false
+	}, props.spec?.topBar));
+	const controlsState = usePluginWorkspaceControls({
+		model: () => sidebarSpec.value === false ? void 0 : sidebarSpec.value.controls,
+		values: () => props.values,
+		emitValues: (values) => emit("update:values", values)
+	});
+	const navigationState = usePluginWorkspaceNavigation({
+		activeView: () => props.view,
+		currentPillId: () => props.pill,
+		pillNav: () => topBarSpec.value === false ? void 0 : topBarSpec.value.pills,
+		panelIds: () => Object.keys(sidebarSpec.value === false ? {} : sidebarSpec.value.panels ?? {}),
+		generatedPillNav: controlsState.generatedPillNav,
+		generatedDefaultView: controlsState.generatedDefaultView,
+		emitActiveView: (viewId) => emit("update:view", viewId),
+		emitPillSelect: (item) => {
+			emit("update:pill", item.id);
+			emit("pill-select", item);
+		}
+	});
+	const topBarSlotNames = computed(() => getPluginWorkspaceTopBarSlotNames(slots));
+	const sidebarSlotNames = computed(() => getPluginWorkspaceSidebarSlotNames(slots));
+	const hasSidebarSurface = computed(() => hasPluginWorkspaceSidebarSurface({
+		sidebar: sidebarSpec.value,
+		hasSidebarSlot: Boolean(slots.sidebar),
+		sidebarSlotCount: sidebarSlotNames.value.length
+	}));
+	const controls = computed(() => ({
+		activeView: navigationState.resolvedActiveView.value,
+		setActiveView: navigationState.setActiveView,
+		values: controlsState.internalControlValues,
+		componentBindings: controlsState.resolvedComponentBindings.value,
+		componentBindingsById: controlsState.resolvedComponentBindingsById.value,
+		componentProps: controlsState.resolvedComponentProps.value,
+		componentPropsById: controlsState.resolvedComponentPropsById.value
+	}));
+	return {
+		shell: computed(() => {
+			const sidebar = sidebarSpec.value === false ? {} : sidebarSpec.value;
+			return {
+				sidebarPosition: sidebar.position ?? "left",
+				sidebarWidth: sidebar.width,
+				floating: props.spec?.floating ?? true,
+				responsiveSidebar: sidebar.responsive ?? true,
+				sidebarToggleLabel: sidebar.toggleLabel ?? "Open workspace sidebar",
+				sidebarCloseLabel: sidebar.closeLabel ?? "Close workspace sidebar",
+				hasSidebarSurface: hasSidebarSurface.value,
+				title: props.spec?.title ?? "Workspace",
+				subtitle: props.spec?.subtitle,
+				topBar: topBarSpec.value === false ? false : {
+					...topBarSpec.value,
+					pills: navigationState.resolvedPillNav.value
+				},
+				pill: navigationState.resolvedCurrentPillId.value,
+				topBarSlotNames: topBarSlotNames.value,
+				controls: controls.value
+			};
+		}),
+		sidebar: computed(() => {
+			const spec = sidebarSpec.value === false ? {} : sidebarSpec.value;
+			return {
+				spec: {
+					...spec,
+					floating: false,
+					collapsible: spec.collapsible ?? true,
+					whenEmpty: (spec.whenEmpty ?? false) || spec.contentId !== void 0
+				},
+				activeView: navigationState.resolvedActiveView.value,
+				values: controlsState.internalControlValues,
+				collapsed: props.sidebarCollapsed,
+				formLoading: props.formLoading ?? false,
+				formDisabled: props.formDisabled ?? false,
+				formReadonly: props.formReadonly ?? false,
+				slotNames: sidebarSlotNames.value
+			};
+		}),
+		controls,
+		hasSidebarSurface,
+		handleControlValuesUpdate: controlsState.handleControlValuesUpdate,
+		handlePillSelect: navigationState.handlePillSelect
+	};
+}
+//#endregion
+//#region src/components/AppLayout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$9 = {
+	key: 0,
+	class: "mint-layout__topbar"
+};
+var _hoisted_2$7 = { class: "mint-layout__body" };
+var _hoisted_3$7 = ["aria-label", "aria-expanded"];
+var _hoisted_4$6 = {
+	key: 0,
+	class: "mint-layout__sidebar-toggle-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_5$6 = {
+	key: 1,
+	class: "mint-layout__sidebar-toggle-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_6$5 = { class: "mint-layout__main" };
+//#endregion
+//#region src/components/AppLayout.vue
+var AppLayout_default = /* @__PURE__ */ defineComponent({
+	__name: "AppLayout",
+	props: {
+		sidebarPosition: { default: "left" },
+		sidebarWidth: { default: "auto" },
+		floating: {
+			type: Boolean,
+			default: false
+		},
+		responsiveSidebar: {
+			type: Boolean,
+			default: false
+		},
+		sidebarOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultSidebarOpen: {
+			type: Boolean,
+			default: false
+		},
+		sidebarToggleLabel: { default: "Open sidebar" },
+		sidebarCloseLabel: { default: "Close sidebar" }
+	},
+	emits: ["update:sidebarOpen"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* AppLayout - Page layout shell with topbar, sidebar, and main content slots
+		*
+		* Provides a responsive application layout structure with optional topbar and sidebar.
+		* The sidebar slot is a simple pass-through on desktop. When responsiveSidebar is
+		* enabled, AppLayout owns the mobile toggle/backdrop shell around the sidebar.
+		*
+		* @example
+		* ```vue
+		* <AppLayout sidebar-position="right" floating>
+		*   <template #topbar>
+		*     <AppTopBar title="My App" />
+		*   </template>
+		*   <template #sidebar>
+		*     <AppSidebar :spec="{ panels: toolPanels }" :active-view="activeTab">
+		*       <template #section-params>...</template>
+		*     </AppSidebar>
+		*   </template>
+		*   <main-content />
+		* </AppLayout>
+		* ```
+		*/
+		const props = __props;
+		const emit = __emit;
+		const internalSidebarOpen = ref(props.defaultSidebarOpen);
+		const sidebarOpenModel = computed({
+			get: () => props.sidebarOpen ?? internalSidebarOpen.value,
+			set: (value) => {
+				internalSidebarOpen.value = value;
+				emit("update:sidebarOpen", value);
+			}
+		});
+		const layoutClasses = computed(() => [
+			"mint-layout",
+			props.sidebarPosition === "right" ? "mint-layout--sidebar-right" : "",
+			props.floating ? "mint-layout--floating" : "",
+			props.responsiveSidebar ? "mint-layout--responsive-sidebar" : "",
+			sidebarOpenModel.value ? "mint-layout--sidebar-open" : ""
+		]);
+		const sidebarStyle = computed(() => {
+			return props.sidebarWidth !== "auto" ? { width: props.sidebarWidth } : void 0;
+		});
+		function toggleSidebar() {
+			sidebarOpenModel.value = !sidebarOpenModel.value;
+		}
+		function closeSidebar() {
+			sidebarOpenModel.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(layoutClasses.value) }, [_ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1$9, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$7, [
+				__props.responsiveSidebar && _ctx.$slots.sidebar ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "mint-layout__sidebar-toggle",
+					"aria-label": sidebarOpenModel.value ? __props.sidebarCloseLabel : __props.sidebarToggleLabel,
+					"aria-expanded": sidebarOpenModel.value,
+					onClick: toggleSidebar
+				}, [!sidebarOpenModel.value ? (openBlock(), createElementBlock("svg", _hoisted_4$6, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$6, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$7)) : createCommentVNode("", true),
+				__props.responsiveSidebar && _ctx.$slots.sidebar && sidebarOpenModel.value ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "mint-layout__sidebar-backdrop",
+					onClick: closeSidebar
+				})) : createCommentVNode("", true),
+				_ctx.$slots.sidebar ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: "mint-layout__sidebar",
+					style: normalizeStyle(sidebarStyle.value)
+				}, [renderSlot(_ctx.$slots, "sidebar")], 4)) : createCommentVNode("", true),
+				createElementVNode("main", _hoisted_6$5, [renderSlot(_ctx.$slots, "default")])
+			])], 2);
+		};
+	}
+});
+//#endregion
+//#region src/utils/items.ts
+function normalizeItemInput(item) {
+	if (typeof item === "object") return item;
+	return {
+		id: item,
+		label: item
+	};
+}
+function normalizeLabelItemInput(item) {
+	if (typeof item === "object") return item;
+	return { label: item };
+}
+//#endregion
+//#region src/utils/pluginIcon.ts
+var PLUGIN_ICON_FALLBACK_PATH = "M14 7v4a1 1 0 0 0 1 1h4M5 3h9l5 5v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z";
+var PATH_REGEX = /^[Mm][\s,\d\-.]/;
+var RASTER_DATA_URL_REGEX = /^data:image\/(png|jpeg|jpg|gif|webp);/;
+var SAME_ORIGIN_ASSET_URL_REGEX = /^\/(?!\/)[^\s?#]+\.(?:svg|png|jpe?g|gif|webp)(?:[?#].*)?$/i;
+var VIEW_BOX_REGEX = /^-?\d+(?:\.\d+)?\s+-?\d+(?:\.\d+)?\s+\d+(?:\.\d+)?\s+\d+(?:\.\d+)?$/;
+var COLOR_REGEX = /^(#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})|currentColor|white|black|none)$/i;
+var MAX_STRUCTURED_ICON_LENGTH = 8e3;
+var MAX_PATHS = 8;
+var MAX_STOPS = 8;
+function normalizePluginIconSource(icon) {
+	return (icon ?? "").replace(/^[\s]+/, "");
+}
+function detectPluginIcon(icon) {
+	const raw = normalizePluginIconSource(icon);
+	if (!raw) return {
+		format: "fallback",
+		value: PLUGIN_ICON_FALLBACK_PATH
+	};
+	const structured = parseStructuredPluginIcon(raw);
+	if (structured) return {
+		format: "structured",
+		value: structured
+	};
+	if (PATH_REGEX.test(raw)) return {
+		format: "path",
+		value: raw
+	};
+	if (RASTER_DATA_URL_REGEX.test(raw)) return {
+		format: "data-url",
+		value: raw
+	};
+	if (raw.startsWith("https://") || SAME_ORIGIN_ASSET_URL_REGEX.test(raw)) return {
+		format: "asset-url",
+		value: raw
+	};
+	return {
+		format: "fallback",
+		value: PLUGIN_ICON_FALLBACK_PATH
+	};
+}
+function isPluginIconFormat(icon) {
+	const raw = normalizePluginIconSource(icon);
+	return !!raw && detectPluginIcon(raw).format !== "fallback";
+}
+function parseStructuredPluginIcon(raw) {
+	if (!raw.startsWith("{") || raw.length > MAX_STRUCTURED_ICON_LENGTH) return void 0;
+	let parsed;
+	try {
+		parsed = JSON.parse(raw);
+	} catch {
+		return;
+	}
+	if (!isRecord(parsed) || parsed.type !== "mint-icon") return void 0;
+	const viewBox = typeof parsed.viewBox === "string" && VIEW_BOX_REGEX.test(parsed.viewBox) ? parsed.viewBox : "0 0 24 24";
+	const paths = parseStructuredPaths(parsed.paths);
+	if (!paths.length) return void 0;
+	const gradient = parseStructuredGradient(parsed.gradient);
+	const background = parseStructuredBackground(parsed.background, gradient);
+	return {
+		type: "mint-icon",
+		viewBox,
+		...background ? { background } : {},
+		...gradient ? { gradient } : {},
+		paths
+	};
+}
+function parseStructuredPaths(value) {
+	if (!Array.isArray(value)) return [];
+	return value.slice(0, MAX_PATHS).flatMap((item) => {
+		if (!isRecord(item) || typeof item.d !== "string" || !item.d.trim()) return [];
+		const path = { d: item.d.slice(0, 2e3) };
+		if (isSafeColor(item.fill)) path.fill = item.fill;
+		if (isSafeColor(item.stroke)) path.stroke = item.stroke;
+		if (isFiniteNumber(item.strokeWidth, 0, 24)) path.strokeWidth = item.strokeWidth;
+		if (isFiniteNumber(item.opacity, 0, 1)) path.opacity = item.opacity;
+		return [path];
+	});
+}
+function parseStructuredGradient(value) {
+	if (!isRecord(value) || value.type !== "linear") return void 0;
+	const stops = parseStructuredStops(value.stops);
+	if (stops.length < 2 && isSafeColor(value.from) && isSafeColor(value.to)) stops.push({
+		offset: "0%",
+		color: value.from
+	}, {
+		offset: "100%",
+		color: value.to
+	});
+	if (stops.length < 2) return void 0;
+	return {
+		type: "linear",
+		angle: isFiniteNumber(value.angle, 0, 360) ? value.angle : 135,
+		stops
+	};
+}
+function parseStructuredStops(value) {
+	if (!Array.isArray(value)) return [];
+	return value.slice(0, MAX_STOPS).flatMap((item) => {
+		if (!isRecord(item) || !isSafeColor(item.color)) return [];
+		const offset = parseOffset(item.offset);
+		if (!offset) return [];
+		return [{
+			offset,
+			color: item.color,
+			...isFiniteNumber(item.opacity, 0, 1) ? { opacity: item.opacity } : {}
+		}];
+	});
+}
+function parseStructuredBackground(value, gradient) {
+	if (!isRecord(value)) return void 0;
+	const fill = value.fill === "gradient" && gradient ? "gradient" : isSafeColor(value.fill) ? value.fill : void 0;
+	if (!fill) return void 0;
+	return {
+		fill,
+		radius: isFiniteNumber(value.radius, 0, 12) ? value.radius : 5
+	};
+}
+function parseOffset(value) {
+	if (isFiniteNumber(value, 0, 1)) return String(value);
+	if (typeof value !== "string") return void 0;
+	if (/^(?:100|(?:[1-9]?\d)(?:\.\d+)?)%$/.test(value)) return value;
+}
+function isSafeColor(value) {
+	return typeof value === "string" && COLOR_REGEX.test(value);
+}
+function isFiniteNumber(value, min, max) {
+	return typeof value === "number" && Number.isFinite(value) && value >= min && value <= max;
+}
+//#endregion
+//#region src/components/internal/ActionItemInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = [
+	"href",
+	"aria-disabled",
+	"tabindex"
+];
+var _hoisted_2$6 = [
+	"href",
+	"aria-disabled",
+	"tabindex",
+	"onClick"
+];
+var _hoisted_3$6 = ["type", "disabled"];
+//#endregion
+//#region src/components/internal/ActionItemInternal.vue
+var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ActionItemInternal",
+	props: {
+		href: {},
+		to: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "button" }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		/** Private routable action primitive for SDK nav and menu components. */
+		const props = __props;
+		const emit = __emit;
+		function blockDisabledEvent(event) {
+			event.preventDefault();
+			event.stopImmediatePropagation();
+		}
+		function handleClick(event) {
+			if (props.disabled) {
+				blockDisabledEvent(event);
+				return;
+			}
+			emit("click", event);
+		}
+		function handleRouterClick(event, navigate) {
+			if (props.disabled) {
+				blockDisabledEvent(event);
+				return;
+			}
+			emit("click", event);
+			navigate(event);
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return __props.href ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, _ctx.$attrs, {
+				href: __props.disabled ? void 0 : __props.href,
+				"aria-disabled": __props.disabled || void 0,
+				tabindex: __props.disabled ? -1 : void 0,
+				onClick: handleClick
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$8)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
+				key: 1,
+				to: __props.to,
+				custom: ""
+			}, {
+				default: withCtx(({ href: routerHref, navigate }) => [createElementVNode("a", mergeProps(_ctx.$attrs, {
+					href: __props.disabled ? void 0 : routerHref,
+					"aria-disabled": __props.disabled || void 0,
+					tabindex: __props.disabled ? -1 : void 0,
+					onClick: ($event) => handleRouterClick($event, navigate)
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$6)]),
+				_: 3
+			}, 8, ["to"])) : (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, _ctx.$attrs, {
+				type: __props.type,
+				disabled: __props.disabled,
+				onClick: handleClick
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$6));
+		};
+	}
+});
+//#endregion
+//#region src/components/PluginIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = ["viewBox"];
+var _hoisted_2$5 = { key: 0 };
+var _hoisted_3$5 = [
+	"id",
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+];
+var _hoisted_4$5 = [
+	"offset",
+	"stop-color",
+	"stop-opacity"
+];
+var _hoisted_5$5 = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx",
+	"fill"
+];
+var _hoisted_6$4 = [
+	"d",
+	"fill",
+	"stroke",
+	"stroke-width",
+	"opacity"
+];
+var _hoisted_7$4 = {
+	key: 1,
+	class: "mint-plugin-icon__svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_8$3 = ["d"];
+var _hoisted_9$3 = ["src"];
+//#endregion
+//#region src/components/PluginIcon.vue
+var PluginIcon_default = /* @__PURE__ */ defineComponent({
+	name: "PluginIcon",
+	__name: "PluginIcon",
+	props: {
+		icon: {},
+		size: { default: "md" },
+		variant: { default: "solid" },
+		tone: {},
+		color: {}
+	},
+	setup(__props) {
+		/** Renders a plugin's icon as a sized chip. Auto-detects format:
+		*  - Structured MINT icon JSON ({"type":"mint-icon",...}) → controlled multi-color SVG
+		*  - SVG path data (e.g. "M13 10V3...") → inline <svg><path>
+		*  - Raster data URL (data:image/png|jpeg|jpg|gif|webp;...) → <img>
+		*  - https:// URL or root-relative static image/SVG asset → <img> with no-referrer + lazy loading
+		*  - Anything else → MINT canonical plugin placeholder path
+		*
+		*  http://, protocol-relative, and data:image/svg+xml URLs are deliberately rejected
+		*  (mixed-content + XSS, see spec 2026-05-04-plugin-icon-component-design.md). */
+		const props = __props;
+		const detected = computed(() => detectPluginIcon(props.icon));
+		const structuredIcon = computed(() => detected.value.format === "structured" ? detected.value.value : void 0);
+		const iconValue = computed(() => typeof detected.value.value === "string" ? detected.value.value : "");
+		const gradientId = computed(() => {
+			const source = props.icon ?? "";
+			let hash = 0;
+			for (let index = 0; index < source.length; index += 1) hash = (hash << 5) - hash + source.charCodeAt(index) | 0;
+			return `mint-plugin-icon-gradient-${Math.abs(hash)}`;
+		});
+		const gradientCoords = computed(() => {
+			const radians = ((structuredIcon.value?.gradient?.angle ?? 135) - 90) * Math.PI / 180;
+			const x = Math.cos(radians) * 50;
+			const y = Math.sin(radians) * 50;
+			return {
+				x1: `${50 - x}%`,
+				y1: `${50 - y}%`,
+				x2: `${50 + x}%`,
+				y2: `${50 + y}%`
+			};
+		});
+		const structuredViewBox = computed(() => {
+			const parts = structuredIcon.value?.viewBox.split(/\s+/).map(Number) ?? [
+				0,
+				0,
+				24,
+				24
+			];
+			return {
+				x: parts[0],
+				y: parts[1],
+				width: parts[2],
+				height: parts[3]
+			};
+		});
+		const backgroundFill = computed(() => structuredIcon.value?.background?.fill === "gradient" ? `url(#${gradientId.value})` : structuredIcon.value?.background?.fill);
+		const rootClasses = computed(() => [
+			"mint-plugin-icon",
+			`mint-plugin-icon--${props.size}`,
+			`mint-plugin-icon--${props.variant}`,
+			props.tone ? `mint-plugin-icon--${props.tone}` : ""
+		]);
+		const rootStyle = computed(() => props.color ? { "--mint-plugin-icon-tone": props.color } : void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(rootClasses.value),
+				style: normalizeStyle(rootStyle.value)
+			}, [structuredIcon.value ? (openBlock(), createElementBlock("svg", {
+				key: 0,
+				class: "mint-plugin-icon__svg mint-plugin-icon__svg--structured",
+				viewBox: structuredIcon.value.viewBox,
+				"aria-hidden": "true"
+			}, [
+				structuredIcon.value.gradient ? (openBlock(), createElementBlock("defs", _hoisted_2$5, [createElementVNode("linearGradient", {
+					id: gradientId.value,
+					x1: gradientCoords.value.x1,
+					y1: gradientCoords.value.y1,
+					x2: gradientCoords.value.x2,
+					y2: gradientCoords.value.y2
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(structuredIcon.value.gradient.stops, (stop) => {
+					return openBlock(), createElementBlock("stop", {
+						key: `${stop.offset}-${stop.color}`,
+						offset: stop.offset,
+						"stop-color": stop.color,
+						"stop-opacity": stop.opacity
+					}, null, 8, _hoisted_4$5);
+				}), 128))], 8, _hoisted_3$5)])) : createCommentVNode("", true),
+				structuredIcon.value.background ? (openBlock(), createElementBlock("rect", {
+					key: 1,
+					x: structuredViewBox.value.x,
+					y: structuredViewBox.value.y,
+					width: structuredViewBox.value.width,
+					height: structuredViewBox.value.height,
+					rx: structuredIcon.value.background.radius,
+					fill: backgroundFill.value
+				}, null, 8, _hoisted_5$5)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(structuredIcon.value.paths, (path, index) => {
+					return openBlock(), createElementBlock("path", {
+						key: index,
+						d: path.d,
+						fill: path.fill ?? "none",
+						stroke: path.stroke,
+						"stroke-width": path.strokeWidth,
+						opacity: path.opacity,
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					}, null, 8, _hoisted_6$4);
+				}), 128))
+			], 8, _hoisted_1$7)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$4, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$3)])) : (openBlock(), createElementBlock("img", {
+				key: 2,
+				class: "mint-plugin-icon__img",
+				src: iconValue.value,
+				alt: "",
+				referrerpolicy: "no-referrer",
+				loading: "lazy"
+			}, null, 8, _hoisted_9$3))], 6);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/AppTopBarPageSelectorInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = ["aria-expanded"];
+var _hoisted_2$4 = {
+	key: 1,
+	class: "mint-page-selector__icon-fallback"
+};
+var _hoisted_3$4 = { class: "mint-page-selector__label" };
+var _hoisted_4$4 = {
+	class: "mint-page-selector__chevron-wrap",
+	"aria-hidden": "true"
+};
+var _hoisted_5$4 = {
+	key: 0,
+	class: "mint-page-selector__menu",
+	role: "menu"
+};
+var _hoisted_6$3 = {
+	key: 1,
+	class: "mint-page-selector__icon-fallback"
+};
+var _hoisted_7$3 = { class: "mint-page-selector__item-label" };
+//#endregion
+//#region src/components/internal/AppTopBarPageSelectorInternal.vue
+var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "AppTopBarPageSelectorInternal",
+	props: {
+		pages: {},
+		currentPageId: {},
+		placeholder: { default: "Go to…" },
+		minWidth: { default: "11.25rem" }
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		/** Dropdown trigger that switches between named pages, closing on outside click or Escape. */
+		const props = __props;
+		const emit = __emit;
+		const { isOpen, close, toggle } = useDropdownState({
+			rootRef: useTemplateRef("root"),
+			triggerRef: useTemplateRef("trigger")
+		});
+		const normalizedPages = computed(() => props.pages.map(normalizeItemInput));
+		const current = computed(() => normalizedPages.value.find((p) => p.id === props.currentPageId) ?? normalizedPages.value[0]);
+		function handleSelect(page) {
+			if (page.disabled) return;
+			if (page.href || page.to) {
+				close();
+				return;
+			}
+			emit("select", page);
+			close();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "root",
+				class: "mint-page-selector",
+				style: normalizeStyle({ minWidth: __props.minWidth })
+			}, [createElementVNode("button", {
+				ref: "trigger",
+				type: "button",
+				class: normalizeClass(["mint-page-selector__trigger", { "mint-page-selector__trigger--open": unref(isOpen) }]),
+				"aria-expanded": unref(isOpen),
+				"aria-haspopup": "menu",
+				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
+			}, [
+				current.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(["mint-page-selector__icon", { "mint-page-selector__icon--metadata": unref(isPluginIconFormat)(current.value.icon) }])
+				}, [renderSlot(_ctx.$slots, "icon", { page: current.value }, () => [unref(isPluginIconFormat)(current.value.icon) ? (openBlock(), createBlock(PluginIcon_default, {
+					key: 0,
+					class: "mint-page-selector__trigger-metadata-icon",
+					icon: current.value.icon,
+					size: "sm",
+					variant: "solid"
+				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$4, toDisplayString(current.value?.label ?? __props.placeholder), 1),
+				createElementVNode("span", _hoisted_4$4, [(openBlock(), createElementBlock("svg", {
+					class: normalizeClass(["mint-page-selector__chevron", { "mint-page-selector__chevron--open": unref(isOpen) }]),
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])
+			], 10, _hoisted_1$6), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$4, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page) => {
+				return openBlock(), createBlock(ActionItemInternal_default, {
+					key: page.id,
+					href: page.href,
+					to: page.to,
+					disabled: page.disabled,
+					class: normalizeClass([
+						"mint-page-selector__item",
+						{ "mint-page-selector__item--active": page.id === current.value?.id },
+						{ "mint-page-selector__item--disabled": page.disabled }
+					]),
+					role: "menuitem",
+					onClick: ($event) => handleSelect(page)
+				}, {
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["mint-page-selector__item-icon", { "mint-page-selector__item-icon--metadata": unref(isPluginIconFormat)(page.icon) }]) }, [renderSlot(_ctx.$slots, "item-icon", { page }, () => [unref(isPluginIconFormat)(page.icon) ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-page-selector__metadata-icon",
+						icon: page.icon,
+						size: "sm",
+						variant: "solid"
+					}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_6$3, toDisplayString(page.label.charAt(0)), 1))])], 2), createElementVNode("span", _hoisted_7$3, toDisplayString(page.label), 1)]),
+					_: 2
+				}, 1032, [
+					"href",
+					"to",
+					"disabled",
+					"class",
+					"onClick"
+				]);
+			}), 128))])) : createCommentVNode("", true)], 4);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/AppTopBarPillNavInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = {
+	class: "mint-pill-nav",
+	"aria-label": "Primary"
+};
+var _hoisted_2$3 = [
+	"disabled",
+	"aria-expanded",
+	"onClick"
+];
+var _hoisted_3$3 = {
+	key: 0,
+	class: "mint-pill-nav__icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_4$3 = ["d"];
+var _hoisted_5$3 = ["d"];
+var _hoisted_6$2 = {
+	key: 1,
+	class: "mint-pill-nav__dot",
+	role: "img",
+	"aria-label": "Needs attention"
+};
+var _hoisted_7$2 = {
+	key: 0,
+	class: "mint-pill-nav__icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_8$2 = ["d"];
+var _hoisted_9$2 = ["d"];
+var _hoisted_10$2 = {
+	key: 1,
+	class: "mint-pill-nav__dot",
+	role: "img",
+	"aria-label": "Needs attention"
+};
+var _hoisted_11$2 = {
+	key: 2,
+	class: "mint-popover mint-pill-nav__dropdown",
+	role: "menu"
+};
+var _hoisted_12$2 = { class: "mint-pill-nav__dropdown-label" };
+var _hoisted_13$2 = {
+	key: 0,
+	class: "mint-pill-nav__dropdown-description"
+};
+//#endregion
+//#region src/components/internal/AppTopBarPillNavInternal.vue
+var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "AppTopBarPillNavInternal",
+	props: {
+		items: {},
+		currentItemId: {}
+	},
+	emits: ["select", "option-select"],
+	setup(__props, { emit: __emit }) {
+		/** Horizontal pill-style navigation bar that emits select events and supports href, router-link, button, or dropdown items. */
+		const props = __props;
+		const emit = __emit;
+		const openItemId = ref(null);
+		const itemRefs = ref(/* @__PURE__ */ new Map());
+		const normalizedItems = computed(() => props.items.map(normalizePillNavItem));
+		function handleClick(item) {
+			if (item.disabled) return;
+			if (item.children?.length) {
+				toggleDropdown(item.id);
+				return;
+			}
+			if (item.href || item.to) return;
+			emit("select", item);
+		}
+		function handleOptionClick(option, item) {
+			if (option.disabled) return;
+			if (!option.href && !option.to) emit("option-select", option, item);
+			openItemId.value = null;
+		}
+		function normalizePillNavItem(item) {
+			const normalized = normalizeItemInput(item);
+			return {
+				...normalized,
+				children: normalized.children?.map(normalizeItemInput)
+			};
+		}
+		function toggleDropdown(itemId) {
+			openItemId.value = openItemId.value === itemId ? null : itemId;
+		}
+		function setItemRef(el, itemId) {
+			if (el) itemRefs.value.set(itemId, el);
+			else itemRefs.value.delete(itemId);
+		}
+		function handleClickOutside(event) {
+			const target = event.target;
+			if (!Array.from(itemRefs.value.values()).some((el) => el.contains(target))) openItemId.value = null;
+		}
+		const activeChild = (item) => item.children?.find((child) => child.id === props.currentItemId);
+		function isSvgIcon(icon) {
+			if (!icon) return false;
+			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
+		}
+		useEventListener(() => document, "click", handleClickOutside);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
+				return openBlock(), createElementBlock("div", {
+					key: item.id,
+					ref_for: true,
+					ref: (el) => setItemRef(el, item.id),
+					class: "mint-pill-nav__item-wrap"
+				}, [item.children?.length ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass([
+						"mint-pill-nav__item",
+						{ "mint-pill-nav__item--active": item.id === __props.currentItemId || activeChild(item) !== void 0 },
+						{ "mint-pill-nav__item--disabled": item.disabled }
+					]),
+					disabled: item.disabled,
+					"aria-expanded": openItemId.value === item.id,
+					"aria-haspopup": "menu",
+					onClick: withModifiers(($event) => handleClick(item), ["stop"])
+				}, [
+					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$3, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
+						return openBlock(), createElementBlock("path", {
+							key: index,
+							d
+						}, null, 8, _hoisted_4$3);
+					}), 128)) : (openBlock(), createElementBlock("path", {
+						key: 1,
+						d: item.icon
+					}, null, 8, _hoisted_5$3))])) : createCommentVNode("", true),
+					createTextVNode(" " + toDisplayString(activeChild(item)?.label ?? item.label) + " ", 1),
+					item.dot ? (openBlock(), createElementBlock("span", _hoisted_6$2)) : createCommentVNode("", true),
+					(openBlock(), createElementBlock("svg", {
+						class: normalizeClass(["mint-pill-nav__chevron", { "mint-pill-nav__chevron--open": openItemId.value === item.id }]),
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"aria-hidden": "true"
+					}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
+				], 10, _hoisted_2$3)) : (openBlock(), createBlock(ActionItemInternal_default, {
+					key: 1,
+					href: item.href,
+					to: item.to,
+					disabled: item.disabled,
+					class: normalizeClass([
+						"mint-pill-nav__item",
+						{ "mint-pill-nav__item--active": item.id === __props.currentItemId },
+						{ "mint-pill-nav__item--disabled": item.disabled }
+					]),
+					onClick: ($event) => handleClick(item)
+				}, {
+					default: withCtx(() => [
+						isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_7$2, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
+							return openBlock(), createElementBlock("path", {
+								key: index,
+								d
+							}, null, 8, _hoisted_8$2);
+						}), 128)) : (openBlock(), createElementBlock("path", {
+							key: 1,
+							d: item.icon
+						}, null, 8, _hoisted_9$2))])) : createCommentVNode("", true),
+						createTextVNode(" " + toDisplayString(item.label) + " ", 1),
+						item.dot ? (openBlock(), createElementBlock("span", _hoisted_10$2)) : createCommentVNode("", true)
+					]),
+					_: 2
+				}, 1032, [
+					"href",
+					"to",
+					"disabled",
+					"class",
+					"onClick"
+				])), item.children?.length && openItemId.value === item.id ? (openBlock(), createElementBlock("div", _hoisted_11$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (option) => {
+					return openBlock(), createBlock(ActionItemInternal_default, {
+						key: option.id,
+						href: option.href,
+						to: option.to,
+						disabled: option.disabled,
+						class: normalizeClass([
+							"mint-menu-item mint-pill-nav__dropdown-item",
+							{ "mint-menu-item--selected mint-pill-nav__dropdown-item--active": option.id === __props.currentItemId },
+							{ "mint-pill-nav__dropdown-item--disabled": option.disabled }
+						]),
+						role: "menuitem",
+						onClick: ($event) => handleOptionClick(option, item)
+					}, {
+						default: withCtx(() => [
+							createElementVNode("span", _hoisted_12$2, toDisplayString(option.label), 1),
+							option.description ? (openBlock(), createElementBlock("span", _hoisted_13$2, toDisplayString(option.description), 1)) : createCommentVNode("", true),
+							_cache[1] || (_cache[1] = createElementVNode("svg", {
+								class: "mint-menu-item__check",
+								viewBox: "0 0 16 16",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"aria-hidden": "true"
+							}, [createElementVNode("path", { d: "M3.5 8.5l3 3 6-7" })], -1))
+						]),
+						_: 2
+					}, 1032, [
+						"href",
+						"to",
+						"disabled",
+						"class",
+						"onClick"
+					]);
+				}), 128))])) : createCommentVNode("", true)]);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+//#region src/components/AppTopBar.toastOffset.ts
+/**
+* Publishes the top-most mounted AppTopBar's bottom edge as `--mint-toast-offset-top`
+* on `<html>`, so the teleported toast container starts below the top bar.
+*/
+var TOAST_OFFSET_PROPERTY = "--mint-toast-offset-top";
+var LISTENER_OPTIONS = {
+	capture: true,
+	passive: true
+};
+var topBars = /* @__PURE__ */ new Set();
+var observer;
+function syncToastOffset() {
+	const style = document.documentElement.style;
+	if (topBars.size === 0) {
+		style.removeProperty(TOAST_OFFSET_PROPERTY);
+		return;
+	}
+	const header = [...topBars].map((el) => el.getBoundingClientRect()).reduce((top, rect) => rect.top < top.top ? rect : top);
+	style.setProperty(TOAST_OFFSET_PROPERTY, `calc(${Math.max(0, Math.round(header.bottom))}px + 1rem)`);
+}
+/** Track a top bar element; returns the cleanup to call on unmount. */
+function trackTopBarForToasts(el) {
+	if (topBars.size === 0) {
+		window.addEventListener("scroll", syncToastOffset, LISTENER_OPTIONS);
+		window.addEventListener("resize", syncToastOffset, LISTENER_OPTIONS);
+		if (typeof ResizeObserver !== "undefined") observer = new ResizeObserver(syncToastOffset);
+	}
+	topBars.add(el);
+	observer?.observe(el);
+	syncToastOffset();
+	return () => {
+		topBars.delete(el);
+		observer?.unobserve(el);
+		if (topBars.size === 0) {
+			window.removeEventListener("scroll", syncToastOffset, LISTENER_OPTIONS);
+			window.removeEventListener("resize", syncToastOffset, LISTENER_OPTIONS);
+			observer?.disconnect();
+			observer = void 0;
+		}
+		syncToastOffset();
+	};
+}
+//#endregion
+//#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = { class: "mint-topbar__container" };
+var _hoisted_2$2 = { class: "mint-topbar__brand" };
+var _hoisted_3$2 = ["href"];
+var _hoisted_4$2 = {
+	key: 0,
+	class: "mint-topbar__identity"
+};
+var _hoisted_5$2 = {
+	key: 0,
+	class: "mint-topbar__logo"
+};
+var _hoisted_6$1 = {
+	key: 0,
+	class: "mint-topbar__identity"
+};
+var _hoisted_7$1 = {
+	key: 0,
+	class: "mint-topbar__logo"
+};
+var _hoisted_8$1 = {
+	key: 0,
+	class: "mint-topbar__identity"
+};
+var _hoisted_9$1 = {
+	key: 0,
+	class: "mint-topbar__logo"
+};
+var _hoisted_10$1 = {
+	key: 0,
+	class: "mint-topbar__plugin-identity"
+};
+var _hoisted_11$1 = { class: "mint-topbar__plugin-name" };
+var _hoisted_12$1 = {
+	key: 3,
+	class: "mint-topbar-title-group"
+};
+var _hoisted_13$1 = { class: "mint-topbar-title" };
+var _hoisted_14$1 = { class: "mint-topbar-subtitle" };
+var _hoisted_15$1 = {
+	key: 4,
+	class: "mint-topbar__title-only"
+};
+var _hoisted_16$1 = {
+	key: 5,
+	class: "mint-topbar__center"
+};
+var _hoisted_17$1 = { class: "mint-topbar__right" };
+var _hoisted_18$1 = {
+	key: 0,
+	class: "mint-topbar__standalone-badge"
+};
+//#endregion
+//#region src/components/AppTopBar.vue
+var AppTopBar_default = /* @__PURE__ */ defineComponent({
+	__name: "AppTopBar",
+	props: {
+		title: {},
+		subtitle: {},
+		spec: { default: () => ({}) },
+		pill: {},
+		pageSelector: {},
+		currentPageSelectorId: {}
+	},
+	emits: [
+		"page-selector-select",
+		"update:pill",
+		"pill-select",
+		"pill-option-select",
+		"settings-values-change"
+	],
+	setup(__props, { emit: __emit }) {
+		/** Full application top bar with brand logo, static plugin identity, page selector, centered pill nav, experiment popover, and an account slot. */
+		const props = __props;
+		const config = computed(() => applySpecDefaults({
+			variant: "card",
+			homePath: "/",
+			logo: true,
+			themeToggle: false,
+			settings: false,
+			standaloneLabel: "Standalone"
+		}, props.spec));
+		const settingsConfig = computed(() => toValue(config.value.settings) || void 0);
+		const showSettings = computed(() => settingsConfig.value !== void 0);
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-CSLE31yg.js").then((n) => n.n));
+		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-C4sGw-is.js").then((n) => n.n));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-D-9z7cNx.js").then((n) => n.n));
+		const emit = __emit;
+		const settingsOpen = ref(false);
+		const headerEl = ref(null);
+		let untrackToastOffset;
+		onMounted(() => {
+			if (headerEl.value) untrackToastOffset = trackTopBarForToasts(headerEl.value);
+		});
+		onBeforeUnmount(() => untrackToastOffset?.());
+		const { integrated: isIntegrated, plugin } = usePlatform();
+		const isStandalone = computed(() => !isIntegrated.value);
+		const appExperiment = inject(APP_EXPERIMENT_KEY, null);
+		const canBindExperiment = computed(() => plugin.value?.plugin_type !== "static");
+		const pluginIcon = computed(() => {
+			const currentPlugin = plugin.value;
+			return currentPlugin?.icon ? {
+				icon: currentPlugin.icon,
+				color: currentPlugin.color
+			} : null;
+		});
+		const hasPlatformPageSelector = computed(() => props.pageSelector === void 0 && (plugin.value?.nav_items?.length ?? 0) > 1);
+		const hasPropPageSelector = computed(() => (props.pageSelector?.length ?? 0) > 1);
+		const hasPageSelector = computed(() => hasPropPageSelector.value || hasPlatformPageSelector.value);
+		const platformPageSelectorEl = ref(null);
+		watch(platformPageSelectorEl, (element, _previous, onCleanup) => {
+			const unmount = element ? integrationHost()?.mountPageSelector(element) : void 0;
+			if (unmount) onCleanup(unmount);
+		}, { flush: "sync" });
+		/** Integrated plugins show their name as a static identity in place of the title; the page selector replaces it. */
+		const identityName = computed(() => isIntegrated.value && !hasPageSelector.value ? plugin.value?.display_name || plugin.value?.name : void 0);
+		const hasPillNav = computed(() => !!config.value.pills?.length);
+		const hasTitleGroup = computed(() => !hasPageSelector.value && !identityName.value && !!props.title && !!props.subtitle);
+		const hasTitleOnly = computed(() => !hasPageSelector.value && !identityName.value && !hasTitleGroup.value && !!props.title);
+		const normalizedPageSelector = computed(() => props.pageSelector?.map(normalizeItemInput) ?? []);
+		const normalizedPillNav = computed(() => config.value.pills ?? []);
+		function handlePillSelect(item) {
+			emit("update:pill", item.id);
+			emit("pill-select", item);
+		}
+		const normalizedSettingsTabs = computed(() => settingsConfig.value?.tabs?.map(normalizeItemInput) ?? []);
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock(Fragment, null, [
+				createElementVNode("header", {
+					ref_key: "headerEl",
+					ref: headerEl,
+					class: normalizeClass(["mint-topbar", `mint-topbar--${config.value.variant}`])
+				}, [createElementVNode("div", _hoisted_1$4, [
+					createElementVNode("div", _hoisted_2$2, [config.value.homePath && (config.value.homePath.startsWith("http") || config.value.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
+						key: 0,
+						href: config.value.homePath,
+						class: "mint-topbar-home-link"
+					}, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_4$2, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-topbar__plugin-icon",
+						icon: unref(plugin)?.icon,
+						color: unref(plugin)?.color,
+						size: "topbar",
+						variant: "solid"
+					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-topbar__plugin-icon",
+						icon: pluginIcon.value.icon,
+						color: pluginIcon.value.color,
+						size: "topbar",
+						variant: "solid"
+					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_5$2, [..._cache[9] || (_cache[9] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 8, _hoisted_3$2)) : config.value.homePath ? (openBlock(), createBlock(_component_router_link, {
+						key: 1,
+						to: config.value.homePath,
+						class: "mint-topbar-home-link"
+					}, {
+						default: withCtx(() => [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_6$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+							key: 0,
+							class: "mint-topbar__plugin-icon",
+							icon: unref(plugin)?.icon,
+							color: unref(plugin)?.color,
+							size: "topbar",
+							variant: "solid"
+						}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+							key: 0,
+							class: "mint-topbar__plugin-icon",
+							icon: pluginIcon.value.icon,
+							color: pluginIcon.value.color,
+							size: "topbar",
+							variant: "solid"
+						}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_7$1, [..._cache[10] || (_cache[10] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)]),
+						_: 3
+					}, 8, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_8$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-topbar__plugin-icon",
+						icon: unref(plugin)?.icon,
+						color: unref(plugin)?.color,
+						size: "topbar",
+						variant: "solid"
+					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-topbar__plugin-icon",
+						icon: pluginIcon.value.icon,
+						color: pluginIcon.value.color,
+						size: "topbar",
+						variant: "solid"
+					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_9$1, [..._cache[11] || (_cache[11] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 64))]),
+					identityName.value ? (openBlock(), createElementBlock("span", _hoisted_10$1, [createElementVNode("span", _hoisted_11$1, toDisplayString(identityName.value), 1)])) : createCommentVNode("", true),
+					hasPlatformPageSelector.value ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						ref_key: "platformPageSelectorEl",
+						ref: platformPageSelectorEl,
+						class: "mint-topbar__platform-page-selector"
+					}, null, 512)) : hasPropPageSelector.value ? (openBlock(), createBlock(AppTopBarPageSelectorInternal_default, {
+						key: 2,
+						pages: normalizedPageSelector.value,
+						"current-page-id": __props.currentPageSelectorId,
+						onSelect: _cache[0] || (_cache[0] = ($event) => emit("page-selector-select", $event))
+					}, createSlots({ _: 2 }, [_ctx.$slots["page-selector-icon"] ? {
+						name: "icon",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-icon", normalizeProps(guardReactiveProps(slotProps)))]),
+						key: "0"
+					} : void 0, _ctx.$slots["page-selector-item-icon"] ? {
+						name: "item-icon",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-item-icon", normalizeProps(guardReactiveProps(slotProps)))]),
+						key: "1"
+					} : void 0]), 1032, ["pages", "current-page-id"])) : createCommentVNode("", true),
+					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [createElementVNode("span", _hoisted_13$1, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_14$1, toDisplayString(__props.subtitle), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_15$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "nav"),
+					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_16$1, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
+						key: 0,
+						items: normalizedPillNav.value,
+						"current-item-id": __props.pill,
+						onSelect: handlePillSelect,
+						onOptionSelect: _cache[1] || (_cache[1] = (option, item) => emit("pill-option-select", option, item))
+					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_17$1, [
+						config.value.standaloneLabel !== false && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_18$1, toDisplayString(config.value.standaloneLabel), 1)) : createCommentVNode("", true),
+						unref(appExperiment) && !isStandalone.value && canBindExperiment.value ? (openBlock(), createBlock(unref(ExperimentPopover), mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
+							onSelect: _cache[2] || (_cache[2] = ($event) => unref(appExperiment).openModal()),
+							onSave: _cache[3] || (_cache[3] = ($event) => unref(appExperiment).handleSave()),
+							onDetach: _cache[4] || (_cache[4] = ($event) => unref(appExperiment).handleDetach())
+						}), null, 16)) : createCommentVNode("", true),
+						renderSlot(_ctx.$slots, "actions"),
+						config.value.themeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
+							key: 2,
+							size: "sm"
+						})) : createCommentVNode("", true),
+						showSettings.value ? (openBlock(), createElementBlock("button", {
+							key: 3,
+							type: "button",
+							class: "mint-topbar__settings-btn",
+							"aria-label": "Open settings",
+							onClick: _cache[5] || (_cache[5] = ($event) => settingsOpen.value = true)
+						}, [..._cache[12] || (_cache[12] = [createElementVNode("svg", {
+							class: "mint-topbar__settings-icon",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						}, [createElementVNode("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }), createElementVNode("circle", {
+							cx: "12",
+							cy: "12",
+							r: "3"
+						})], -1)])])) : createCommentVNode("", true),
+						renderSlot(_ctx.$slots, "account")
+					])
+				])], 2),
+				showSettings.value && settingsOpen.value ? (openBlock(), createBlock(unref(SettingsModal), {
+					key: 0,
+					open: settingsOpen.value,
+					"onUpdate:open": _cache[6] || (_cache[6] = ($event) => settingsOpen.value = $event),
+					title: settingsConfig.value?.title,
+					tabs: normalizedSettingsTabs.value,
+					"show-appearance": settingsConfig.value?.showAppearance ?? true,
+					"appearance-first": settingsConfig.value?.appearanceFirst,
+					size: settingsConfig.value?.size,
+					layout: settingsConfig.value?.layout,
+					spec: settingsConfig.value?.spec,
+					values: settingsConfig.value?.values,
+					"user-type": settingsConfig.value?.userType,
+					"onUpdate:values": _cache[7] || (_cache[7] = ($event) => emit("settings-values-change", $event))
+				}, createSlots({
+					appearance: withCtx(() => [renderSlot(_ctx.$slots, "settings-appearance")]),
+					_: 2
+				}, [renderList(normalizedSettingsTabs.value, (tab) => {
+					return {
+						name: `tab-${tab.id}`,
+						fn: withCtx(() => [renderSlot(_ctx.$slots, `settings-tab-${tab.id}`)])
+					};
+				})]), 1032, [
+					"open",
+					"title",
+					"tabs",
+					"show-appearance",
+					"appearance-first",
+					"size",
+					"layout",
+					"spec",
+					"values",
+					"user-type"
+				])) : createCommentVNode("", true),
+				unref(appExperiment) && !isStandalone.value && canBindExperiment.value && unref(appExperiment).selectorModal.value.open ? (openBlock(), createBlock(unref(ExperimentSelectorModal), mergeProps({ key: 1 }, unref(appExperiment).selectorModal.value, { "onUpdate:open": _cache[8] || (_cache[8] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()) }), null, 16)) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+//#region src/composables/useFormValidation.ts
+var validators = {
+	required: (value, message = "This field is required") => {
+		if (value === null || value === void 0 || value === "") return message;
+		if (Array.isArray(value) && value.length === 0) return message;
+		return null;
+	},
+	minLength: (value, min, message) => {
+		if (typeof value !== "string") return null;
+		if (value.length < min) return message || `Must be at least ${min} characters`;
+		return null;
+	},
+	maxLength: (value, max, message) => {
+		if (typeof value !== "string") return null;
+		if (value.length > max) return message || `Must be at most ${max} characters`;
+		return null;
+	},
+	min: (value, min, message) => {
+		if (typeof value !== "number") return null;
+		if (value < min) return message || `Must be at least ${min}`;
+		return null;
+	},
+	max: (value, max, message) => {
+		if (typeof value !== "number") return null;
+		if (value > max) return message || `Must be at most ${max}`;
+		return null;
+	},
+	pattern: (value, pattern, message) => {
+		if (typeof value !== "string") return null;
+		if (!pattern.test(value)) return message || "Invalid format";
+		return null;
+	},
+	email: (value, message = "Invalid email address") => {
+		if (typeof value !== "string" || !value) return null;
+		if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) return message;
+		return null;
+	}
+};
+function validateFieldValue(value, fieldRules, formData) {
+	if (!fieldRules) return null;
+	if (fieldRules.required) {
+		const message = typeof fieldRules.required === "string" ? fieldRules.required : void 0;
+		const error = validators.required(value, message);
+		if (error) return error;
+	}
+	if (value === null || value === void 0 || value === "") return null;
+	if (fieldRules.minLength !== void 0) {
+		const config = typeof fieldRules.minLength === "number" ? {
+			value: fieldRules.minLength,
+			message: void 0
+		} : fieldRules.minLength;
+		const error = validators.minLength(value, config.value, config.message);
+		if (error) return error;
+	}
+	if (fieldRules.maxLength !== void 0) {
+		const config = typeof fieldRules.maxLength === "number" ? {
+			value: fieldRules.maxLength,
+			message: void 0
+		} : fieldRules.maxLength;
+		const error = validators.maxLength(value, config.value, config.message);
+		if (error) return error;
+	}
+	if (fieldRules.min !== void 0) {
+		const config = typeof fieldRules.min === "number" ? {
+			value: fieldRules.min,
+			message: void 0
+		} : fieldRules.min;
+		const error = validators.min(value, config.value, config.message);
+		if (error) return error;
+	}
+	if (fieldRules.max !== void 0) {
+		const config = typeof fieldRules.max === "number" ? {
+			value: fieldRules.max,
+			message: void 0
+		} : fieldRules.max;
+		const error = validators.max(value, config.value, config.message);
+		if (error) return error;
+	}
+	if (fieldRules.pattern !== void 0) {
+		const config = fieldRules.pattern instanceof RegExp ? {
+			value: fieldRules.pattern,
+			message: void 0
+		} : fieldRules.pattern;
+		const error = validators.pattern(value, config.value, config.message);
+		if (error) return error;
+	}
+	if (fieldRules.email) {
+		const message = typeof fieldRules.email === "string" ? fieldRules.email : void 0;
+		const error = validators.email(value, message);
+		if (error) return error;
+	}
+	if (fieldRules.custom) {
+		const customRules = Array.isArray(fieldRules.custom) ? fieldRules.custom : [fieldRules.custom];
+		for (const rule of customRules) {
+			const error = rule(value, formData);
+			if (error) return error;
+		}
+	}
+	return null;
+}
+//#endregion
+//#region src/composables/useForm.ts
+/**
+* Form state management composable with validation.
+*
+* @param initialValues - Initial form values
+* @param rules - Validation rules for each field
+*
+* @example
+* ```typescript
+* const { data, errors, isValid, handleSubmit, getFieldProps } = useForm(
+*   { email: '', password: '' },
+*   {
+*     email: { required: true, email: true },
+*     password: { required: true, minLength: 8 },
+*   }
+* )
+*
+* // In template
+* <BaseInput v-bind="getFieldProps('email')" label="Email" />
+* <BaseInput v-bind="getFieldProps('password')" type="password" label="Password" />
+* <BaseButton @click="handleSubmit(onSubmit)" :disabled="!isValid">Submit</BaseButton>
+* ```
+*/
+/** Reactive form state with field-level validation, dirty tracking, and submit handling. */
+function useForm(initialValues, rules = {}) {
+	const cloneableInitialValues = deepToRaw(initialValues);
+	let _initialValues = structuredClone(cloneableInitialValues);
+	const data = reactive(structuredClone(cloneableInitialValues));
+	const errors = reactive(Object.keys(initialValues).reduce((acc, key) => {
+		acc[key] = null;
+		return acc;
+	}, {}));
+	const touched = reactive(Object.keys(initialValues).reduce((acc, key) => {
+		acc[key] = false;
+		return acc;
+	}, {}));
+	const dirty = reactive(Object.keys(initialValues).reduce((acc, key) => {
+		acc[key] = false;
+		return acc;
+	}, {}));
+	const isSubmitting = ref(false);
+	watch(() => ({ ...data }), (newData) => {
+		for (const key of Object.keys(newData)) dirty[key] = newData[key] !== _initialValues[key];
+	}, { deep: true });
+	function validateField(field) {
+		const value = data[field];
+		const fieldRules = rules[field];
+		const error = validateFieldValue(value, fieldRules, data);
+		errors[field] = error;
+		return error === null;
+	}
+	function validate() {
+		let isAllValid = true;
+		for (const field of Object.keys(data)) if (!validateField(field)) isAllValid = false;
+		return isAllValid;
+	}
+	const isValid = computed(() => {
+		return Object.values(errors).every((error) => error === null);
+	});
+	const isDirty = computed(() => {
+		return Object.values(dirty).some((d) => d);
+	});
+	function setFieldValue(field, value) {
+		data[field] = value;
+		if (touched[field]) validateField(field);
+	}
+	function setFieldError(field, error) {
+		errors[field] = error;
+	}
+	function setFieldTouched(field, isTouched = true) {
+		touched[field] = isTouched;
+		if (isTouched) validateField(field);
+	}
+	function reset(values) {
+		const resetValues = values ? {
+			..._initialValues,
+			...values
+		} : _initialValues;
+		for (const key of Object.keys(data)) {
+			data[key] = structuredClone(deepToRaw(resetValues[key]));
+			errors[key] = null;
+			touched[key] = false;
+			dirty[key] = false;
+		}
+	}
+	function replaceState(values) {
+		const nextValues = structuredClone(deepToRaw(values));
+		_initialValues = structuredClone(nextValues);
+		for (const key of Object.keys(data)) {
+			if (key in nextValues) continue;
+			delete data[key];
+			delete errors[key];
+			delete touched[key];
+			delete dirty[key];
+		}
+		for (const key of Object.keys(nextValues)) {
+			data[key] = structuredClone(deepToRaw(nextValues[key]));
+			errors[key] = null;
+			touched[key] = false;
+			dirty[key] = false;
+		}
+	}
+	function handleSubmit(onSubmit) {
+		return async (e) => {
+			e?.preventDefault();
+			for (const field of Object.keys(data)) touched[field] = true;
+			if (!validate()) return;
+			isSubmitting.value = true;
+			try {
+				await onSubmit(data);
+			} finally {
+				isSubmitting.value = false;
+			}
+		};
+	}
+	function getFieldProps(field) {
+		const fieldStr = field;
+		return {
+			modelValue: data[field],
+			"onUpdate:modelValue": (value) => setFieldValue(field, value),
+			onBlur: () => setFieldTouched(fieldStr),
+			error: touched[fieldStr] ? errors[fieldStr] : null
+		};
+	}
+	return {
+		data,
+		errors,
+		touched,
+		dirty,
+		isValid,
+		isDirty,
+		isSubmitting,
+		setFieldValue,
+		setFieldError,
+		setFieldTouched,
+		validateField,
+		validate,
+		reset,
+		replaceState,
+		handleSubmit,
+		getFieldProps
+	};
+}
+function deepToRaw(value) {
+	const raw = toRaw(value);
+	if (Array.isArray(raw)) return raw.map((item) => deepToRaw(item));
+	if (isPlainRecord(raw)) return Object.fromEntries(Object.entries(raw).map(([key, item]) => [key, deepToRaw(item)]));
+	return raw;
+}
+function isPlainRecord(value) {
+	return Object.prototype.toString.call(value) === "[object Object]";
+}
+//#endregion
+//#region src/composables/formBuilderSchema.ts
+/**
+* Evaluate a JSON-serializable field condition against the current form data.
+*
+* Supports logical operators (`and`, `or`, `not`) and comparison operators
+* (`eq`, `neq`, `gt`, `lt`, `gte`, `lte`, `in`, `notIn`, `truthy`, `falsy`,
+* `contains`). Returns `true` if the condition passes.
+*/
+function evaluateCondition(condition, data) {
+	if ("and" in condition) return condition.and.every((c) => evaluateCondition(c, data));
+	if ("or" in condition) return condition.or.some((c) => evaluateCondition(c, data));
+	if ("not" in condition) return !evaluateCondition(condition.not, data);
+	const value = data[condition.field];
+	if ("eq" in condition) return value === condition.eq;
+	if ("neq" in condition) return value !== condition.neq;
+	if ("gt" in condition) return typeof value === "number" && value > condition.gt;
+	if ("lt" in condition) return typeof value === "number" && value < condition.lt;
+	if ("gte" in condition) return typeof value === "number" && value >= condition.gte;
+	if ("lte" in condition) return typeof value === "number" && value <= condition.lte;
+	if ("in" in condition) return condition.in.includes(value);
+	if ("notIn" in condition) return !condition.notIn.includes(value);
+	if ("truthy" in condition) return !!value;
+	if ("falsy" in condition) return !value;
+	if ("contains" in condition) {
+		if (typeof value === "string") return value.includes(condition.contains);
+		if (Array.isArray(value)) return value.includes(condition.contains);
+		return false;
+	}
+	return true;
+}
+/** Return all sections across steps (wizard) or directly from a flat schema. */
+function collectSections(schema) {
+	return schema.steps ? schema.steps.flatMap((step) => step.sections) : schema.sections;
+}
+/** Return all field schemas in schema order, flattening sections and steps. */
+function flattenFields(schema) {
+	return collectSections(schema).flatMap((section) => section.fields);
+}
+/** Convert a JSON-safe `FieldValidation` descriptor to a runtime `FieldRules` object. */
+function convertValidation(v) {
+	const rules = {};
+	if (v.required !== void 0) rules.required = v.required;
+	if (v.minLength !== void 0) rules.minLength = v.minLength;
+	if (v.maxLength !== void 0) rules.maxLength = v.maxLength;
+	if (v.min !== void 0) rules.min = v.min;
+	if (v.max !== void 0) rules.max = v.max;
+	if (v.email !== void 0) rules.email = v.email;
+	if (v.pattern !== void 0) rules.pattern = typeof v.pattern === "string" ? new RegExp(v.pattern) : {
+		value: new RegExp(v.pattern.value),
+		message: v.pattern.message
+	};
+	return rules;
+}
+function buildInitialValues(fields, initialData) {
+	const initialValues = {};
+	for (const field of fields) {
+		const key = field.name;
+		if (initialData && hasOwnKey(initialData, key)) initialValues[key] = initialData[key];
+		else if (field.defaultValue !== void 0) initialValues[key] = field.defaultValue;
+		else initialValues[key] = getTypeDefault(field.type);
+	}
+	return initialValues;
+}
+function buildRules(fields, enhancements) {
+	const rules = {};
+	for (const field of fields) {
+		const base = field.validation ? convertValidation(field.validation) : {};
+		const enhancement = enhancements?.fields?.[field.name];
+		const customValidators = [];
+		if (enhancement?.validate) {
+			const fn = enhancement.validate;
+			customValidators.push((value, formData) => fn(value, formData));
+		}
+		if (customValidators.length > 0) base.custom = customValidators;
+		if (Object.keys(base).length > 0) rules[field.name] = base;
+	}
+	return rules;
+}
+function replaceArray(target, values) {
+	target.splice(0, target.length, ...values);
+}
+function replaceRecord(target, source) {
+	for (const key of Object.keys(target)) delete target[key];
+	Object.assign(target, source);
+}
+function hasOwnKey(source, key) {
+	return Object.prototype.hasOwnProperty.call(source, key);
+}
+//#endregion
+//#region src/composables/useFormBuilder.ts
+/**
+* Drive a `FormSchema` as reactive form state.
+*
+* Builds initial values from schema defaults and `initialData`, derives
+* validation rules from `FieldValidation` descriptors and enhancement
+* validators, evaluates `FieldCondition` expressions for field/section
+* visibility, and wires wizard step navigation when `schema.steps` is set.
+*
+* @param schema - Declarative form or wizard schema.
+* @param initialData - Values that override schema defaults.
+* @param enhancements - TypeScript-only callbacks (dynamic options, validators,
+*   submit handler, transform, field-change watcher).
+*/
+/** Drives a declarative FormSchema as reactive state with conditional fields, wizard steps, and validation. */
+function useFormBuilder(schema, initialData, enhancements) {
+	const currentSchema = shallowRef(schema);
+	const fields = reactive(flattenFields(schema));
+	const sections = reactive(collectSections(schema));
+	const rules = reactive(buildRules(fields, enhancements));
+	const form = useForm(buildInitialValues(fields, initialData), rules);
+	function isFieldVisible(name) {
+		const enhancement = enhancements?.fields?.[name];
+		if (enhancement?.visible) return enhancement.visible(form.data);
+		const field = fields.find((f) => f.name === name);
+		if (field?.condition) return evaluateCondition(field.condition, form.data);
+		return true;
+	}
+	function isSectionVisible(id) {
+		const section = sections.find((s) => s.id === id);
+		if (section?.condition) return evaluateCondition(section.condition, form.data);
+		return true;
+	}
+	function getResolvedFieldProps(field) {
+		const entry = getFieldRegistryEntry(field.type);
+		const formProps = form.getFieldProps(field.name);
+		const merged = {
+			...entry.defaults,
+			...field.props ?? {}
+		};
+		const enhancement = enhancements?.fields?.[field.name];
+		if (enhancement?.props) Object.assign(merged, enhancement.props(form.data));
+		const options = getFieldOptions(field.name);
+		if (options) merged.options = options;
+		if (entry.vModel) {
+			merged.modelValue = formProps.modelValue;
+			merged["onUpdate:modelValue"] = formProps["onUpdate:modelValue"];
+		}
+		merged.onBlur = formProps.onBlur;
+		if (formProps.error) merged.invalid = true;
+		if (field.placeholder) merged.placeholder = field.placeholder;
+		if (field.size) merged.size = field.size;
+		if (field.disabled) merged.disabled = true;
+		if (field.readonly) merged.readonly = true;
+		if (field.type === "radio" && !merged.name) merged.name = field.name;
+		return merged;
+	}
+	function getFieldOptions(name) {
+		const enhancement = enhancements?.fields?.[name];
+		if (enhancement?.options) return enhancement.options(form.data);
+		const field = fields.find((f) => f.name === name);
+		if (field?.props?.options) return field.props.options;
+	}
+	const currentStep = ref(0);
+	const isCurrentStepValid = computed(() => {
+		if (!currentSchema.value.steps) return form.isValid.value;
+		const step = currentSchema.value.steps[currentStep.value];
+		if (!step) return true;
+		for (const section of step.sections) {
+			if (!isSectionVisible(section.id)) continue;
+			for (const field of section.fields) {
+				if (!isFieldVisible(field.name)) continue;
+				if (!form.validateField(field.name)) return false;
+			}
+		}
+		return true;
+	});
+	function goNext() {
+		if (!currentSchema.value.steps) return false;
+		const step = currentSchema.value.steps[currentStep.value];
+		if (!step) return false;
+		let valid = true;
+		for (const section of step.sections) {
+			if (!isSectionVisible(section.id)) continue;
+			for (const field of section.fields) {
+				if (!isFieldVisible(field.name)) continue;
+				form.setFieldTouched(field.name, true);
+				if (!form.validateField(field.name)) valid = false;
+			}
+		}
+		if (!valid) return false;
+		if (currentStep.value < currentSchema.value.steps.length - 1) currentStep.value++;
+		return true;
+	}
+	function goBack() {
+		if (currentStep.value > 0) currentStep.value--;
+	}
+	function goToStep(index) {
+		if (!currentSchema.value.steps) return;
+		if (index >= 0 && index < currentSchema.value.steps.length) currentStep.value = index;
+	}
+	function validate() {
+		let allValid = true;
+		for (const field of fields) {
+			if (!isFieldVisible(field.name)) continue;
+			form.setFieldTouched(field.name, true);
+			if (!form.validateField(field.name)) allValid = false;
+		}
+		return allValid;
+	}
+	async function submit() {
+		if (!validate()) return;
+		let submitData = {};
+		for (const field of fields) if (isFieldVisible(field.name)) submitData[field.name] = form.data[field.name];
+		if (enhancements?.transform) submitData = enhancements.transform(submitData);
+		if (enhancements?.onSubmit) {
+			form.isSubmitting.value = true;
+			try {
+				await enhancements.onSubmit(submitData);
+			} finally {
+				form.isSubmitting.value = false;
+			}
+		}
+	}
+	function reset(values) {
+		form.reset(values);
+		currentStep.value = 0;
+	}
+	function updateSchema(nextSchema, nextData) {
+		currentSchema.value = nextSchema;
+		const nextFields = flattenFields(nextSchema);
+		replaceArray(fields, nextFields);
+		replaceArray(sections, collectSections(nextSchema));
+		replaceRecord(rules, buildRules(nextFields, enhancements));
+		form.replaceState(buildInitialValues(nextFields, nextData));
+		currentStep.value = 0;
+	}
+	if (enhancements?.onFieldChange) {
+		const callback = enhancements.onFieldChange;
+		watch(() => ({ ...form.data }), (newData, oldData) => {
+			if (!oldData) return;
+			for (const key of Object.keys(newData)) if (newData[key] !== oldData[key]) callback(key, newData[key], newData);
+		}, { deep: true });
+	}
+	return {
+		form,
+		rules,
+		isFieldVisible,
+		isSectionVisible,
+		fields,
+		getResolvedFieldProps,
+		getFieldOptions,
+		currentStep,
+		isCurrentStepValid,
+		goNext,
+		goBack,
+		goToStep,
+		validate,
+		reset,
+		submit,
+		updateSchema
+	};
+}
+//#endregion
+//#region src/utils/formModelSync.ts
+function recordValuesEqualForKeys(left, right, keys) {
+	for (const key of keys) if (!valuesEqual(left[key], right[key])) return false;
+	return true;
+}
+function pickRecordKeys(source, keys) {
+	return Object.fromEntries(keys.map((key) => [key, source[key]]));
+}
+function pickExistingRecordKeys(source, keys) {
+	return Object.fromEntries(keys.filter((key) => Object.prototype.hasOwnProperty.call(source, key)).map((key) => [key, source[key]]));
+}
+function formSchemaFieldNames(schema) {
+	return (schema.steps ? schema.steps.flatMap((step) => step.sections) : schema.sections).flatMap((section) => section.fields.map((field) => field.name));
+}
+function valuesEqual(left, right) {
+	if (Object.is(left, right)) return true;
+	if (Array.isArray(left) && Array.isArray(right)) return left.length === right.length && left.every((item, index) => valuesEqual(item, right[index]));
+	if (isRecord(left) && isRecord(right)) return recordValuesEqualForKeys(left, right, [.../* @__PURE__ */ new Set([...Object.keys(left), ...Object.keys(right)])]);
+	return false;
+}
+//#endregion
+//#region src/components/internal/FormFieldRendererInternal.vue
+var FormFieldRendererInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "FormFieldRendererInternal",
+	props: {
+		field: {},
+		resolvedProps: {},
+		form: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const entry = computed(() => getFieldRegistryEntry(props.field.type));
+		const isChoiceField = computed(() => props.field.type === "checkbox" || props.field.type === "toggle");
+		const componentProps = computed(() => {
+			if (props.field.type === "multiselect") {
+				const values = Array.isArray(props.resolvedProps.modelValue) ? props.resolvedProps.modelValue : [];
+				return {
+					...props.resolvedProps,
+					modelValue: values
+				};
+			}
+			if (props.field.type === "tags") {
+				const values = Array.isArray(props.resolvedProps.modelValue) ? props.resolvedProps.modelValue : [];
+				const onUpdate = props.resolvedProps["onUpdate:modelValue"];
+				return {
+					...props.resolvedProps,
+					modelValue: values.map(String),
+					"onUpdate:modelValue": (next) => onUpdate?.(props.field.itemType === "number" && Array.isArray(next) ? next.map(Number) : next)
+				};
+			}
+			if (!isChoiceField.value) return props.resolvedProps;
+			return {
+				layout: "row",
+				label: props.field.label,
+				description: props.field.hint,
+				icon: props.field.icon,
+				iconColor: props.field.iconColor,
+				iconBg: props.field.iconBg,
+				...props.resolvedProps
+			};
+		});
+		const errorMessage = computed(() => {
+			const name = props.field.name;
+			return props.form.touched[name] ? props.form.errors[name] : null;
+		});
+		function handleUpload(files) {
+			props.form.setFieldValue(props.field.name, files);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: isChoiceField.value ? void 0 : __props.field.label,
+				error: errorMessage.value ?? void 0,
+				hint: isChoiceField.value ? void 0 : __props.field.hint,
+				required: !!__props.field.validation?.required,
+				"html-for": isChoiceField.value ? void 0 : __props.field.name
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, `field:${__props.field.name}`, {
+					field: __props.field,
+					form: __props.form,
+					fieldProps: __props.form.getFieldProps(__props.field.name)
+				}, () => [entry.value.vModel ? (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), normalizeProps(mergeProps({ key: 0 }, componentProps.value)), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), mergeProps({ key: 1 }, componentProps.value, { onUpload: handleUpload }), null, 16))])]),
+				_: 3
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"required",
+				"html-for"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/FormSectionRenderer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = {
+	key: 0,
+	class: "mint-form-section"
+};
+var _hoisted_2$1 = {
+	key: 1,
+	class: "mint-form-section--static"
+};
+var _hoisted_3$1 = {
+	key: 0,
+	class: "mint-form-section__header"
+};
+var _hoisted_4$1 = {
+	key: 0,
+	class: "mint-form-section__title"
+};
+var _hoisted_5$1 = {
+	key: 1,
+	class: "mint-form-section__description"
+};
+//#endregion
+//#region src/components/internal/FormSectionRenderer.vue
+var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
+	__name: "FormSectionRenderer",
+	props: {
+		section: {},
+		builder: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const visibleFields = computed(() => props.section.fields.filter((f) => props.builder.isFieldVisible(f.name)));
+		const gridStyle = computed(() => ({ gridTemplateColumns: `repeat(${props.section.columns ?? 1}, 1fr)` }));
+		return (_ctx, _cache) => {
+			return visibleFields.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$3, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
+				section: __props.section,
+				form: __props.builder.form
+			}, () => [__props.section.collapsible ? (openBlock(), createBlock(CollapsibleCard_default, {
+				key: 0,
+				title: __props.section.title,
+				subtitle: __props.section.description,
+				"default-open": __props.section.defaultOpen ?? true
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					class: "mint-form-section__grid",
+					style: normalizeStyle(gridStyle.value)
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleFields.value, (field) => {
+					return openBlock(), createElementBlock("div", {
+						key: field.name,
+						style: normalizeStyle(field.colSpan ? { gridColumn: `span ${field.colSpan}` } : void 0)
+					}, [renderSlot(_ctx.$slots, `field:${field.name}`, {
+						field,
+						form: __props.builder.form,
+						fieldProps: __props.builder.form.getFieldProps(field.name)
+					}, () => [createVNode(FormFieldRendererInternal_default, {
+						field,
+						"resolved-props": __props.builder.getResolvedFieldProps(field),
+						form: __props.builder.form
+					}, null, 8, [
+						"field",
+						"resolved-props",
+						"form"
+					])])], 4);
+				}), 128))], 4)]),
+				_: 3
+			}, 8, [
+				"title",
+				"subtitle",
+				"default-open"
+			])) : (openBlock(), createElementBlock("div", _hoisted_2$1, [__props.section.title || __props.section.description ? (openBlock(), createElementBlock("div", _hoisted_3$1, [__props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_4$1, toDisplayString(__props.section.title), 1)) : createCommentVNode("", true), __props.section.description ? (openBlock(), createElementBlock("p", _hoisted_5$1, toDisplayString(__props.section.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
+				class: "mint-form-section__grid",
+				style: normalizeStyle(gridStyle.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleFields.value, (field) => {
+				return openBlock(), createElementBlock("div", {
+					key: field.name,
+					style: normalizeStyle(field.colSpan ? { gridColumn: `span ${field.colSpan}` } : void 0)
+				}, [renderSlot(_ctx.$slots, `field:${field.name}`, {
+					field,
+					form: __props.builder.form,
+					fieldProps: __props.builder.form.getFieldProps(field.name)
+				}, () => [createVNode(FormFieldRendererInternal_default, {
+					field,
+					"resolved-props": __props.builder.getResolvedFieldProps(field),
+					form: __props.builder.form
+				}, null, 8, [
+					"field",
+					"resolved-props",
+					"form"
+				])])], 4);
+			}), 128))], 4)]))]), renderSlot(_ctx.$slots, `section:${__props.section.id}:after`, { form: __props.builder.form })])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/FormActionsInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "mint-form-actions" };
+//#endregion
+//#region src/components/internal/FormActionsInternal.vue
+var FormActionsInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "FormActionsInternal",
+	props: {
+		isWizard: {
+			type: Boolean,
+			default: false
+		},
+		isFirst: {
+			type: Boolean,
+			default: true
+		},
+		isLast: {
+			type: Boolean,
+			default: true
+		},
+		canProceed: {
+			type: Boolean,
+			default: true
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		submitLabel: { default: "Submit" },
+		cancelLabel: { default: "Cancel" },
+		showCancel: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"submit",
+		"cancel",
+		"back",
+		"next"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Action bar rendered at the bottom of a FormBuilder (`actions` in the control model).
+		*
+		* Supports two modes:
+		* - Flat form: shows an optional Cancel button and a Submit button.
+		* - Wizard (`isWizard=true`): shows Back / Next on intermediate steps and
+		*   Submit only on the last step. Back is hidden on the first step.
+		*
+		* The `canProceed` prop gates the primary action (Next or Submit) to prevent
+		* advancing when the current step has validation errors.
+		*/
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				__props.showCancel ? (openBlock(), createBlock(BaseButton_default, {
+					key: 0,
+					variant: "ghost",
+					disabled: __props.loading || __props.disabled,
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelLabel), 1)]),
+					_: 1
+				}, 8, ["disabled"])) : createCommentVNode("", true),
+				_cache[6] || (_cache[6] = createElementVNode("div", { style: { "flex": "1" } }, null, -1)),
+				__props.isWizard && !__props.isFirst ? (openBlock(), createBlock(BaseButton_default, {
+					key: 1,
+					variant: "secondary",
+					disabled: __props.loading || __props.disabled,
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("back"))
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Back ", -1)])]),
+					_: 1
+				}, 8, ["disabled"])) : createCommentVNode("", true),
+				__props.isWizard && !__props.isLast ? (openBlock(), createBlock(BaseButton_default, {
+					key: 2,
+					variant: "primary",
+					disabled: !__props.canProceed || __props.loading || __props.disabled,
+					onClick: _cache[2] || (_cache[2] = ($event) => emit("next"))
+				}, {
+					default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Next ", -1)])]),
+					_: 1
+				}, 8, ["disabled"])) : createCommentVNode("", true),
+				!__props.isWizard || __props.isLast ? (openBlock(), createBlock(BaseButton_default, {
+					key: 3,
+					variant: "primary",
+					loading: __props.loading,
+					disabled: !__props.canProceed || __props.loading || __props.disabled,
+					onClick: _cache[3] || (_cache[3] = ($event) => emit("submit"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.submitLabel), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/FormSchemaInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "mint-form-builder__step" };
+//#endregion
+//#region src/components/internal/FormSchemaInternal.vue
+var FormSchemaInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "FormSchemaInternal",
+	props: {
+		schema: {},
+		defaults: { default: () => ({}) },
+		modelValue: {},
+		enhancements: {},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		readonly: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"submit",
+		"cancel"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		/**
+		* FormSchema renderer behind FormBuilder and the sidebar forms: flat sections
+		* or a multi-step wizard, with the action bar when `schema.actions` is set.
+		*
+		* Slots:
+		* - `field:<name>` — override a single field's input component
+		* - `section:<id>` — replace an entire section body
+		* - `section:<id>:after` — inject content after a section
+		* - `actions` — replace the default action bar
+		*/
+		const props = __props;
+		const emit = __emit;
+		const resolvedSchema = computed(() => props.schema);
+		const resolvedModelValue = computed(() => ({
+			...props.defaults,
+			...props.modelValue ?? {}
+		}));
+		const builder = useFormBuilder(resolvedSchema.value, resolvedModelValue.value, props.enhancements);
+		watch(resolvedSchema, (schema) => {
+			const fieldNames = formSchemaFieldNames(schema);
+			const schemaValues = pickExistingRecordKeys(resolvedModelValue.value, fieldNames);
+			const existingValues = pickExistingRecordKeys(builder.form.data, fieldNames);
+			const nextValues = props.modelValue === void 0 ? {
+				...schemaValues,
+				...existingValues
+			} : schemaValues;
+			builder.updateSchema(schema, nextValues);
+		}, { deep: true });
+		watch(() => props.modelValue, () => {
+			const data = resolvedModelValue.value;
+			const fieldNames = builderFieldNames();
+			if (recordValuesEqualForKeys(data, builder.form.data, fieldNames)) return;
+			builder.reset(pickExistingRecordKeys(data, fieldNames));
+		}, { deep: true });
+		watch(() => ({ ...builder.form.data }), (data) => emit("update:modelValue", data), { deep: true });
+		const isWizard = computed(() => !!resolvedSchema.value.steps);
+		const wizardRef = ref(null);
+		const wizardSteps = computed(() => {
+			if (!resolvedSchema.value.steps) return [];
+			return resolvedSchema.value.steps.map((step) => ({
+				id: step.id,
+				label: step.label,
+				description: step.description,
+				icon: step.icon,
+				optional: step.optional
+			}));
+		});
+		watch(() => builder.isCurrentStepValid.value, (valid) => {
+			wizardRef.value?.setStepValid(builder.currentStep.value, valid);
+		});
+		function handleNext() {
+			if (builder.goNext()) wizardRef.value?.setStepValid(builder.currentStep.value - 1, true);
+		}
+		async function handleSubmit() {
+			await builder.submit();
+			const formData = builder.form.data;
+			const visibleData = Object.fromEntries(builder.fields.filter((f) => builder.isFieldVisible(f.name)).map((f) => [f.name, formData[f.name]]));
+			emit("submit", visibleData);
+		}
+		function handleCancel() {
+			emit("cancel");
+		}
+		function builderFieldNames() {
+			return builder.fields.map((field) => field.name);
+		}
+		__expose({
+			form: builder.form,
+			validate: builder.validate,
+			reset: builder.reset,
+			updateSchema: builder.updateSchema,
+			goNext: builder.goNext,
+			goBack: builder.goBack,
+			goToStep: builder.goToStep,
+			builder
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-form-builder", __props.size ? `mint-form-builder--${__props.size}` : ""]) }, [isWizard.value && resolvedSchema.value.steps ? (openBlock(), createBlock(StepWizard_default, {
+				key: 0,
+				ref_key: "wizardRef",
+				ref: wizardRef,
+				steps: wizardSteps.value,
+				"model-value": unref(builder).currentStep.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(builder).goToStep($event))
+			}, createSlots({ _: 2 }, [renderList(resolvedSchema.value.steps, (step) => {
+				return {
+					name: `step-${step.id}`,
+					fn: withCtx(() => [createElementVNode("div", _hoisted_1$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(step.sections, (section) => {
+						return openBlock(), createElementBlock(Fragment, { key: section.id }, [unref(builder).isSectionVisible(section.id) ? (openBlock(), createBlock(FormSectionRenderer_default, {
+							key: 0,
+							section,
+							builder: unref(builder)
+						}, createSlots({
+							[`section:${section.id}`]: withCtx((slotProps) => [renderSlot(_ctx.$slots, `section:${section.id}`, mergeProps({ ref_for: true }, slotProps))]),
+							[`section:${section.id}:after`]: withCtx((slotProps) => [renderSlot(_ctx.$slots, `section:${section.id}:after`, mergeProps({ ref_for: true }, slotProps))]),
+							_: 2
+						}, [renderList(section.fields, (field) => {
+							return {
+								name: `field:${field.name}`,
+								fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, `field:${field.name}`, mergeProps({ ref_for: true }, slotProps))])
+							};
+						})]), 1032, ["section", "builder"])) : createCommentVNode("", true)], 64);
+					}), 128))])])
+				};
+			}), resolvedSchema.value.actions ? {
+				name: "navigation",
+				fn: withCtx(({ isFirst, isLast }) => [renderSlot(_ctx.$slots, "actions", {
+					form: unref(builder).form,
+					builder: unref(builder)
+				}, () => [createVNode(FormActionsInternal_default, {
+					"is-wizard": "",
+					"is-first": isFirst,
+					"is-last": isLast,
+					"can-proceed": unref(builder).isCurrentStepValid.value,
+					loading: __props.loading || unref(builder).form.isSubmitting.value,
+					disabled: __props.disabled,
+					"submit-label": resolvedSchema.value.submitLabel ?? "Submit",
+					"cancel-label": resolvedSchema.value.cancelLabel ?? "Cancel",
+					"show-cancel": resolvedSchema.value.showCancel ?? false,
+					onNext: handleNext,
+					onBack: unref(builder).goBack,
+					onSubmit: handleSubmit,
+					onCancel: handleCancel
+				}, null, 8, [
+					"is-first",
+					"is-last",
+					"can-proceed",
+					"loading",
+					"disabled",
+					"submit-label",
+					"cancel-label",
+					"show-cancel",
+					"onBack"
+				])])]),
+				key: "0"
+			} : void 0]), 1032, ["steps", "model-value"])) : resolvedSchema.value.sections ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [(openBlock(true), createElementBlock(Fragment, null, renderList(resolvedSchema.value.sections, (section) => {
+				return openBlock(), createElementBlock(Fragment, { key: section.id }, [unref(builder).isSectionVisible(section.id) ? (openBlock(), createBlock(FormSectionRenderer_default, {
+					key: 0,
+					section,
+					builder: unref(builder)
+				}, createSlots({
+					[`section:${section.id}`]: withCtx((slotProps) => [renderSlot(_ctx.$slots, `section:${section.id}`, mergeProps({ ref_for: true }, slotProps))]),
+					[`section:${section.id}:after`]: withCtx((slotProps) => [renderSlot(_ctx.$slots, `section:${section.id}:after`, mergeProps({ ref_for: true }, slotProps))]),
+					_: 2
+				}, [renderList(section.fields, (field) => {
+					return {
+						name: `field:${field.name}`,
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, `field:${field.name}`, mergeProps({ ref_for: true }, slotProps))])
+					};
+				})]), 1032, ["section", "builder"])) : createCommentVNode("", true)], 64);
+			}), 128)), resolvedSchema.value.actions ? renderSlot(_ctx.$slots, "actions", {
+				form: unref(builder).form,
+				builder: unref(builder)
+			}, () => [createVNode(FormActionsInternal_default, {
+				loading: __props.loading || unref(builder).form.isSubmitting.value,
+				disabled: __props.disabled,
+				"submit-label": resolvedSchema.value.submitLabel ?? "Submit",
+				"cancel-label": resolvedSchema.value.cancelLabel ?? "Cancel",
+				"show-cancel": resolvedSchema.value.showCancel ?? false,
+				onSubmit: handleSubmit,
+				onCancel: handleCancel
+			}, null, 8, [
+				"loading",
+				"disabled",
+				"submit-label",
+				"cancel-label",
+				"show-cancel"
+			])], void 0, 0) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/AppSidebar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "mint-sidebar__header"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "mint-sidebar__heading"
+};
+var _hoisted_3 = { class: "mint-sidebar__heading-copy" };
+var _hoisted_4 = {
+	key: 0,
+	class: "mint-sidebar__title"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "mint-sidebar__subtitle"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "mint-sidebar__badge"
+};
+var _hoisted_7 = ["aria-label", "aria-expanded"];
+var _hoisted_8 = ["id"];
+var _hoisted_9 = { class: "mint-sidebar__group-head" };
+var _hoisted_10 = ["aria-expanded", "onClick"];
+var _hoisted_11 = {
+	key: 0,
+	class: "mint-sidebar__group-svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_12 = ["d"];
+var _hoisted_13 = ["d"];
+var _hoisted_14 = {
+	key: 1,
+	class: "mint-sidebar__group-text-icon"
+};
+var _hoisted_15 = { class: "mint-sidebar__group-copy" };
+var _hoisted_16 = { class: "mint-sidebar__group-label" };
+var _hoisted_17 = {
+	key: 0,
+	class: "mint-sidebar__group-subtitle"
+};
+var _hoisted_18 = { class: "mint-sidebar__group-tail" };
+var _hoisted_19 = [
+	"disabled",
+	"aria-label",
+	"title",
+	"onClick"
+];
+var _hoisted_20 = {
+	key: 0,
+	class: "mint-sidebar__group-action-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_21 = ["d"];
+var _hoisted_22 = ["d"];
+var _hoisted_23 = { key: 1 };
+var _hoisted_24 = [
+	"aria-checked",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_25 = [
+	"aria-label",
+	"aria-expanded",
+	"onClick"
+];
+var _hoisted_26 = { class: "mint-sidebar__group-body" };
+var _hoisted_27 = {
+	key: 2,
+	class: "mint-sidebar__collapsed"
+};
+var _hoisted_28 = {
+	key: 3,
+	class: "mint-sidebar__collapsed mint-sidebar__collapsed--default"
+};
+var _hoisted_29 = ["aria-label", "title"];
+var _hoisted_30 = {
+	key: 0,
+	class: "mint-sidebar__rail-svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_31 = ["d"];
+var _hoisted_32 = ["d"];
+var _hoisted_33 = {
+	key: 1,
+	class: "mint-sidebar__rail-text-icon"
+};
+var _hoisted_34 = {
+	key: 4,
+	class: "mint-sidebar__footer"
+};
+var _hoisted_35 = {
+	key: 5,
+	class: "mint-sidebar__footer mint-sidebar__footer--collapsed"
+};
+//#endregion
+//#region src/components/AppSidebar.vue
+var AppSidebar_default = /* @__PURE__ */ defineComponent({
+	__name: "AppSidebar",
+	props: {
+		spec: { default: () => ({}) },
+		activeView: { default: "" },
+		values: { default: () => ({}) },
+		collapsed: {
+			type: Boolean,
+			default: void 0
+		},
+		toggleState: { default: () => ({}) },
+		formLoading: {
+			type: Boolean,
+			default: false
+		},
+		formDisabled: {
+			type: Boolean,
+			default: false
+		},
+		formReadonly: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update:toggle",
+		"update:values",
+		"update:collapsed",
+		"section-action",
+		"form-submit",
+		"form-cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* AppSidebar - Context-sensitive toolkit panel
+		*
+		* Shows tool sections relevant to the active view. Sections come from the
+		* spec: a `controls` model built with `defineControlModel()` generates them,
+		* and hand-written `panels` are merged over the generated ones. Each section
+		* renders as a flat group (header row + hairline, no nested card). Controls
+		* can be provided through named slots or auto-rendered from the section forms.
+		*
+		* When activeView is omitted, the first non-empty panel view is selected.
+		* When no view has matching panels, the sidebar hides entirely.
+		*
+		* @example Recommended
+		* ```vue
+		* <AppSidebar v-model:values="values" :spec="{ title: 'Parameters', controls: sidebarModel }" />
+		* ```
+		*/
+		const props = __props;
+		const config = computed(() => applySpecDefaults({
+			panels: {},
+			forms: {},
+			floating: true,
+			dense: true,
+			width: "280px",
+			position: "left",
+			whenEmpty: false,
+			formSize: "sm",
+			collapsible: false,
+			collapsedWidth: "3rem",
+			collapseButtonLabel: "Collapse sidebar",
+			expandButtonLabel: "Expand sidebar"
+		}, props.spec));
+		const emit = __emit;
+		const slots = useSlots();
+		const internalCollapsed = ref(false);
+		const collapsedModel = computed({
+			get: () => props.collapsed ?? internalCollapsed.value,
+			set: (value) => {
+				internalCollapsed.value = value;
+				emit("update:collapsed", value);
+			}
+		});
+		const openState = ref({});
+		function isSectionOpen(section) {
+			return openState.value[section.id] ?? section.defaultOpen !== false;
+		}
+		function toggleSection(section) {
+			openState.value[section.id] = !isSectionOpen(section);
+		}
+		const controlModel = computed(() => config.value.controls);
+		const generatedPanels = computed(() => {
+			const model = controlModel.value;
+			return model ? controlsToSidebarPanels(model.controls, model.controlOptions) : {};
+		});
+		const generatedForms = computed(() => {
+			const model = controlModel.value;
+			return model ? controlsToSectionFormSchemas(model.controls, model.controlOptions) : {};
+		});
+		const generatedDefaults = computed(() => {
+			const model = controlModel.value;
+			if (!model) return {};
+			return {
+				...getControlDefaults(model.controls),
+				...model.controlOptions.initialValues ?? {}
+			};
+		});
+		const resolvedPanels = computed(() => mergeSidebarPanels(generatedPanels.value, config.value.panels));
+		const resolvedForms = computed(() => ({
+			...generatedForms.value,
+			...config.value.forms
+		}));
+		const resolvedValues = computed(() => ({
+			...generatedDefaults.value,
+			...props.values
+		}));
+		const resolvedActiveView = computed(() => {
+			if (props.activeView) return props.activeView;
+			return firstVisibleViewId(resolvedPanels.value);
+		});
+		const activeSections = computed(() => {
+			if (!resolvedActiveView.value || !resolvedPanels.value[resolvedActiveView.value]) return [];
+			return resolvedPanels.value[resolvedActiveView.value];
+		});
+		const isVisible = computed(() => activeSections.value.length > 0 || config.value.whenEmpty || Boolean(slots.default));
+		const sidebarClasses = computed(() => [
+			"mint-sidebar",
+			`mint-sidebar--${config.value.position}`,
+			config.value.floating ? "mint-sidebar--floating" : "mint-sidebar--static",
+			config.value.dense ? "" : "mint-sidebar--comfortable",
+			config.value.collapsible ? "mint-sidebar--collapsible" : "",
+			collapsedModel.value ? "mint-sidebar--collapsed" : "",
+			!isVisible.value ? "mint-sidebar--hidden" : ""
+		]);
+		const sidebarStyle = computed(() => ({ width: collapsedModel.value ? config.value.collapsedWidth : config.value.width }));
+		function handleFormUpdate(values) {
+			emit("update:values", {
+				...resolvedValues.value,
+				...values
+			});
+		}
+		function handleFormSubmit(sectionId, values) {
+			emit("form-submit", sectionId, values);
+		}
+		function handleFormCancel(sectionId) {
+			emit("form-cancel", sectionId);
+		}
+		function toggleCollapsed() {
+			collapsedModel.value = !collapsedModel.value;
+		}
+		function expandCollapsed() {
+			collapsedModel.value = false;
+		}
+		function handleSectionAction(sectionId, actionId) {
+			emit("section-action", sectionId, actionId);
+		}
+		function isSvgIcon(icon) {
+			if (!icon) return false;
+			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
+		}
+		function sectionInitial(section) {
+			return section.label.trim().charAt(0).toUpperCase() || "?";
+		}
+		function railIconStyle(section) {
+			return {
+				backgroundColor: section.iconBg ?? "var(--color-primary-soft)",
+				color: section.iconColor ?? "var(--color-primary)"
+			};
+		}
+		function badgeToneClass(section) {
+			return `mint-sidebar__rail-badge--${section.badgeTone ?? "cta"}`;
+		}
+		function tagToneClass(section) {
+			return `mint-sidebar__tag--${section.badgeTone ?? "cta"}`;
+		}
+		function actionClasses(action) {
+			return ["mint-sidebar__group-action", action.tone ? `mint-sidebar__group-action--${action.tone}` : ""];
+		}
+		function mergeSidebarPanels(generated, explicit) {
+			const merged = {};
+			const viewIds = /* @__PURE__ */ new Set([...Object.keys(generated), ...Object.keys(explicit)]);
+			for (const viewId of viewIds) {
+				const sectionsById = /* @__PURE__ */ new Map();
+				for (const section of generated[viewId] ?? []) sectionsById.set(section.id, section);
+				for (const section of explicit[viewId] ?? []) sectionsById.set(section.id, section);
+				merged[viewId] = [...sectionsById.values()];
+			}
+			return merged;
+		}
+		function firstVisibleViewId(panels) {
+			for (const [viewId, sections] of Object.entries(panels)) if (sections.length > 0) return viewId;
+			return "";
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", {
+				class: normalizeClass(sidebarClasses.value),
+				style: normalizeStyle(sidebarStyle.value)
+			}, [
+				_ctx.$slots.header || config.value.title || config.value.subtitle || config.value.badge !== void 0 || config.value.collapsible ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "header", {
+					collapsed: collapsedModel.value,
+					toggleCollapsed
+				}, () => [!collapsedModel.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [config.value.title ? (openBlock(), createElementBlock("h2", _hoisted_4, toDisplayString(config.value.title), 1)) : createCommentVNode("", true), config.value.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(config.value.subtitle), 1)) : createCommentVNode("", true)]), config.value.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(config.value.badge), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), config.value.collapsible ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: "mint-sidebar__collapse-button",
+					"aria-label": collapsedModel.value ? config.value.expandButtonLabel : config.value.collapseButtonLabel,
+					"aria-expanded": !collapsedModel.value,
+					onClick: toggleCollapsed
+				}, [(openBlock(), createElementBlock("svg", {
+					class: normalizeClass(["mint-sidebar__collapse-icon", { "mint-sidebar__collapse-icon--collapsed": collapsedModel.value }]),
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M11 19l-7-7 7-7m8 14l-7-7 7-7" }, null, -1)])], 2))], 8, _hoisted_7)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+				!collapsedModel.value ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					id: config.value.contentId,
+					class: "mint-sidebar__sections"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeSections.value, (section) => {
+					return openBlock(), createElementBlock("div", {
+						key: section.id,
+						class: normalizeClass(["mint-sidebar__group", isSectionOpen(section) ? "mint-sidebar__group--open" : "mint-sidebar__group--closed"])
+					}, [createElementVNode("div", _hoisted_9, [createElementVNode("button", {
+						type: "button",
+						class: "mint-sidebar__group-toggle",
+						"aria-expanded": isSectionOpen(section),
+						onClick: ($event) => toggleSection(section)
+					}, [section.icon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: "mint-sidebar__group-icon",
+						style: normalizeStyle(railIconStyle(section))
+					}, [isSvgIcon(section.icon) ? (openBlock(), createElementBlock("svg", _hoisted_11, [Array.isArray(section.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(section.icon, (d, i) => {
+						return openBlock(), createElementBlock("path", {
+							key: i,
+							d
+						}, null, 8, _hoisted_12);
+					}), 128)) : (openBlock(), createElementBlock("path", {
+						key: 1,
+						d: section.icon
+					}, null, 8, _hoisted_13))])) : (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(section.icon), 1))], 4)) : createCommentVNode("", true), createElementVNode("span", _hoisted_15, [createElementVNode("span", _hoisted_16, toDisplayString(section.label), 1), section.subtitle ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(section.subtitle), 1)) : createCommentVNode("", true)])], 8, _hoisted_10), createElementVNode("div", _hoisted_18, [
+						section.badge !== void 0 ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(["mint-sidebar__tag", tagToneClass(section)])
+						}, toDisplayString(section.badge), 3)) : createCommentVNode("", true),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(section.actions ?? [], (action) => {
+							return openBlock(), createElementBlock("button", {
+								key: action.id,
+								type: "button",
+								class: normalizeClass(actionClasses(action)),
+								style: normalizeStyle(action.iconColor ? { color: action.iconColor } : void 0),
+								disabled: action.disabled,
+								"aria-label": action.label,
+								title: action.label,
+								onClick: ($event) => handleSectionAction(section.id, action.id)
+							}, [action.icon && isSvgIcon(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_20, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
+								return openBlock(), createElementBlock("path", {
+									key: i,
+									d
+								}, null, 8, _hoisted_21);
+							}), 128)) : (openBlock(), createElementBlock("path", {
+								key: 1,
+								d: action.icon
+							}, null, 8, _hoisted_22))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_19);
+						}), 128)),
+						section.showToggle ? (openBlock(), createElementBlock("button", {
+							key: 1,
+							type: "button",
+							role: "switch",
+							"aria-checked": __props.toggleState[section.id] ?? false,
+							"aria-label": `Enable ${section.label}`,
+							class: normalizeClass(["mint-sidebar__switch", __props.toggleState[section.id] ?? false ? "mint-sidebar__switch--on" : ""]),
+							onClick: ($event) => emit("update:toggle", section.id, !(__props.toggleState[section.id] ?? false))
+						}, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "mint-sidebar__switch-knob" }, null, -1)])], 10, _hoisted_24)) : createCommentVNode("", true),
+						createElementVNode("button", {
+							type: "button",
+							class: "mint-sidebar__chevron-button",
+							"aria-label": isSectionOpen(section) ? "Collapse section" : "Expand section",
+							"aria-expanded": isSectionOpen(section),
+							onClick: ($event) => toggleSection(section)
+						}, [(openBlock(), createElementBlock("svg", {
+							class: normalizeClass(["mint-sidebar__chevron", isSectionOpen(section) ? "mint-sidebar__chevron--open" : ""]),
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"aria-hidden": "true"
+						}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_25)
+					])]), createVNode(Transition, { name: "collapse" }, {
+						default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_26, [renderSlot(_ctx.$slots, `section-${section.id}`, {}, () => [resolvedForms.value[section.id] ? (openBlock(), createBlock(FormSchemaInternal_default, {
+							key: 0,
+							"model-value": resolvedValues.value,
+							schema: resolvedForms.value[section.id],
+							enhancements: config.value.controls?.controlOptions.enhancements,
+							loading: __props.formLoading,
+							disabled: __props.formDisabled,
+							readonly: __props.formReadonly,
+							size: config.value.formSize,
+							"onUpdate:modelValue": handleFormUpdate,
+							onSubmit: ($event) => handleFormSubmit(section.id, $event),
+							onCancel: ($event) => handleFormCancel(section.id)
+						}, null, 8, [
+							"model-value",
+							"schema",
+							"enhancements",
+							"loading",
+							"disabled",
+							"readonly",
+							"size",
+							"onSubmit",
+							"onCancel"
+						])) : createCommentVNode("", true)])], 512), [[vShow, isSectionOpen(section)]])]),
+						_: 2
+					}, 1024)], 2);
+				}), 128)), renderSlot(_ctx.$slots, "default", {
+					sections: activeSections.value,
+					activeView: resolvedActiveView.value,
+					values: resolvedValues.value
+				})], 8, _hoisted_8)) : _ctx.$slots.collapsed ? (openBlock(), createElementBlock("div", _hoisted_27, [renderSlot(_ctx.$slots, "collapsed", {
+					sections: activeSections.value,
+					expand: expandCollapsed
+				})])) : (openBlock(), createElementBlock("div", _hoisted_28, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeSections.value, (section) => {
+					return openBlock(), createElementBlock("button", {
+						key: section.id,
+						type: "button",
+						class: "mint-sidebar__rail-item",
+						"aria-label": `Expand ${section.label}`,
+						title: section.label,
+						onClick: expandCollapsed
+					}, [createElementVNode("span", {
+						class: "mint-sidebar__rail-icon",
+						style: normalizeStyle(railIconStyle(section))
+					}, [section.icon && isSvgIcon(section.icon) ? (openBlock(), createElementBlock("svg", _hoisted_30, [Array.isArray(section.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(section.icon, (d, i) => {
+						return openBlock(), createElementBlock("path", {
+							key: i,
+							d
+						}, null, 8, _hoisted_31);
+					}), 128)) : (openBlock(), createElementBlock("path", {
+						key: 1,
+						d: section.icon
+					}, null, 8, _hoisted_32))])) : (openBlock(), createElementBlock("span", _hoisted_33, toDisplayString(section.icon || sectionInitial(section)), 1))], 4), section.badge !== void 0 ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(["mint-sidebar__rail-badge", badgeToneClass(section)])
+					}, toDisplayString(section.badge), 3)) : createCommentVNode("", true)], 8, _hoisted_29);
+				}), 128))])),
+				!collapsedModel.value && _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_34, [renderSlot(_ctx.$slots, "footer")])) : collapsedModel.value && _ctx.$slots["collapsed-footer"] ? (openBlock(), createElementBlock("div", _hoisted_35, [renderSlot(_ctx.$slots, "collapsed-footer")])) : createCommentVNode("", true)
+			], 6);
+		};
+	}
+});
+//#endregion
+export { CollapsibleCard_default as A, controlValuesToComponentBindings as C, controlsToFormSchema as D, controlsTo as E, useTheme as M, controlsToSettingsSchema as O, controlBindings as S, controlValuesToComponentProps as T, usePluginWorkspace as _, pickExistingRecordKeys as a, getControlDefaults as b, valuesEqual as c, useForm as d, AppTopBar_default as f, AppLayout_default as g, normalizeLabelItemInput as h, formSchemaFieldNames as i, ThemeToggle_default as j, getDefaultControlView as k, useFormBuilder as l, normalizeItemInput as m, FormSchemaInternal_default as n, pickRecordKeys as o, PluginIcon_default as p, FormFieldRendererInternal_default as r, recordValuesEqualForKeys as s, AppSidebar_default as t, evaluateCondition as u, defineControlComponentBindings as v, controlValuesToComponentBindingsById as w, useControlSchema as x, defineControls as y };
+
+//# sourceMappingURL=AppSidebar-BmiiPfz9.js.map