@flux-ui/components 3.0.0-next.72 → 3.0.0-next.74

package/dist/index.js

@@ -70,6 +70,7 @@ var FluxExpandableGroupInjectionKey = Symbol();
 var FluxFlyoutInjectionKey = Symbol();
 var FluxFilterInjectionKey = Symbol();
 var FluxFormFieldInjectionKey = Symbol();
+var FluxSegmentedControlInjectionKey = Symbol();
 var FluxTabBarInjectionKey = Symbol();
 var FluxTableInjectionKey = Symbol();
 var FluxTooltipInjectionKey = Symbol();
@@ -164,7 +165,7 @@ function fluxRegisterIcons(icons) {
 		if (!icons[key]) return acc;
 		const { icon, iconName } = icons[key];
 		acc[iconName] = icon;
-		if (Array.isArray(icon[2])) icon[2].forEach((iconName) => acc[iconName] = icon);
+		if (Array.isArray(icon[2])) icon[2].forEach((alias) => acc[alias] = icon);
 		return acc;
 	}, {});
 }
@@ -2345,6 +2346,17 @@ function useKanbanInjection_default() {
 	return injection;
 }
 //#endregion
+//#region src/composable/useSegmentedControlInjection.ts
+function useSegmentedControlInjection_default() {
+	return inject(FluxSegmentedControlInjectionKey, {
+		modelValue: ref(void 0),
+		size: ref("medium"),
+		select: () => void 0,
+		registerItem: () => void 0,
+		unregisterItem: () => void 0
+	});
+}
+//#endregion
 //#region src/composable/useTabBarInjection.ts
 function useTabBarInjection_default() {
 	return inject(FluxTabBarInjectionKey, {
@@ -2369,7 +2381,7 @@ function useTooltipInjection_default() {
 	return inject(FluxTooltipInjectionKey, { calculate: () => void 0 });
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.37.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.40.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
 function t$1(e, t) {
 	return Math.round(e / t) * t;
 }
@@ -3339,7 +3351,7 @@ var camelCase = createCompounder(function(result, word, index) {
 	return result + (index ? capitalize(word) : word);
 });
 //#endregion
-//#region ../internals/dist/util-CwaOsSvo.js
+//#region ../internals/dist/util-CJ4O9fDL.js
 function i$2(e) {
 	if (typeof requestAnimationFrame > `u`) return (() => {});
 	let t = 0;
@@ -3468,7 +3480,7 @@ function v$2(...e) {
 }
 function y$2(e, t, n = !1) {
 	let r = b$2(e), i = t.compareDocumentPosition(e), a;
-	a = i && Node.DOCUMENT_POSITION_PRECEDING || n ? r.firstChild() : r.lastChild(), (a === null ? e : a).focus();
+	a = (i & Node.DOCUMENT_POSITION_PRECEDING) !== 0 || n ? r.firstChild() : r.lastChild(), (a === null ? e : a).focus();
 }
 function b$2(e) {
 	return document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => e.tabIndex >= 0 && !e.disabled ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP });
@@ -6585,7 +6597,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.37.0+f97c77f67c914c00/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.40.0+24cbb59c6ffe9d25/node_modules/@basmilius/http-client/dist/index.mjs
 function adapter_default(Parent) {
 	return class extends Parent {
 		constructor(...args) {
@@ -6593,11 +6605,6 @@ function adapter_default(Parent) {
 		}
 	};
 }
-function bound_default() {
-	return (target, method) => {
-		target[method] = target[method].bind(target);
-	};
-}
 /**
 * Checks if the two given values are equal. When both values are a
 * dto, the check is done by firstly converthing them to JSON.
@@ -6621,7 +6628,7 @@ var TRIGGER = Symbol();
 * Checks if the given object is a dto.
 */
 function isDto_default(obj) {
-	return typeof obj === "object" && obj !== null && NAME in obj;
+	return obj && typeof obj === "object" && !!obj[NAME];
 }
 /**
 * Asserts that the given object is a dto.
@@ -6676,9 +6683,6 @@ var markDtoClean = circularProtect_default(function(obj) {
 	if (!obj[CHILDREN] || obj[CHILDREN].length === 0) return;
 	obj[CHILDREN].filter(isDtoDirty_default).forEach(markDtoClean);
 });
-function isProxiedArray_default(value) {
-	return Array.isArray(value) && PARENT in value;
-}
 /**
 * Marks the given dto dirty.
 */
@@ -6705,7 +6709,7 @@ function relateDtoTo_default(dto, parent, key) {
 */
 function relateValueTo_default(dto, key, value) {
 	if (isDto_default(value)) relateDtoTo_default(value, dto, key);
-	else if (isProxiedArray_default(value)) {
+	else if (Array.isArray(value)) {
 		for (const item of value) {
 			if (!isDto_default(item)) continue;
 			relateDtoTo_default(item, dto, key);
@@ -6737,7 +6741,7 @@ function unrelateDtoFrom_default(dto, parent) {
 */
 function unrelateValueFrom_default(dto, value) {
 	if (isDto_default(value)) unrelateDtoFrom_default(value, dto);
-	else if (isProxiedArray_default(value)) {
+	else if (Array.isArray(value)) {
 		for (const item of value) if (isDto_default(item)) unrelateDtoFrom_default(item, dto);
 		value[PARENT] = void 0;
 		value[PARENT_KEY] = void 0;
@@ -6781,7 +6785,7 @@ var arrayProxy_default = {
 	}
 };
 /**
-* Checks if the proxy should ignore the given key.
+* Checks if the given key should be ignored by the proxy.
 */
 function ignored(target, key) {
 	return typeof key === "symbol" || typeof target[key] === "function" || key === "length";
@@ -6826,7 +6830,7 @@ var instanceProxy_default = {
 		const oldValue = descriptor.get?.call(target) ?? void 0;
 		if (areEqual_default(value, oldValue)) return true;
 		unrelateValueFrom_default(target, oldValue);
-		if (Array.isArray(value) && !isProxiedArray_default(value)) value = new Proxy(value, arrayProxy_default);
+		if (Array.isArray(value) && !value[PROXY]) value = new Proxy(value, arrayProxy_default);
 		descriptor.set.call(target, value);
 		relateValueTo_default(target, key, value);
 		markDtoDirty(target, key);
@@ -6950,7 +6954,7 @@ function dto_default(clazz) {
 	K$2(clazz.prototype, DESCRIPTORS, descriptors);
 	K$2(clazz.prototype, NAME, clazz.name);
 	K$2(clazz.prototype, PROPERTIES, properties);
-	K$2(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance !== null && NAME in instance && instance[NAME] === clazz.name);
+	K$2(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance?.[NAME] === clazz.name);
 	G$2(clazz, "clone", clone_default);
 	G$2(clazz, "fill", fill_default);
 	G$2(clazz, "toJSON", toJSON_default);
@@ -6971,12 +6975,6 @@ function __decorate(decorators, target, key, desc) {
 	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-var X$2 = class {
-	test() {
-		return true;
-	}
-};
-__decorate([bound_default()], X$2.prototype, "test", null);
 var BlobResponse = class BlobResponse {
 	get blob() {
 		return this.#blob;
@@ -7089,7 +7087,7 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 		const defaultFilename = `download-${DateTime.now().toFormat("yyyy-MM-dd HH-mm-ss")}`;
 		if (!header.startsWith("attachment")) return defaultFilename;
 		const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(header);
-		if (!matches || matches.length < 2) return defaultFilename;
+		if ((matches?.length || 0) < 2) return defaultFilename;
 		return matches[1].replaceAll("'", "").replaceAll("\"", "").replaceAll("/", "-").replaceAll(":", "-");
 	}
 	static parseRequestError(data, statusCode) {
@@ -7097,7 +7095,12 @@ var HttpAdapter = _HttpAdapter = class HttpAdapter {
 	}
 	static parseValidationError(data) {
 		let errors;
-		if (data.errors) errors = Object.fromEntries(Object.entries(data.errors).map(([key, value]) => [key, _HttpAdapter.parseValidationError(value)]));
+		if (data.errors) {
+			errors = {};
+			Object.entries(data.errors).forEach(([key, value]) => {
+				errors[key] = _HttpAdapter.parseValidationError(value);
+			});
+		}
 		return new ValidationError_default(data.code, data.error, data.error_description, errors, data.params);
 	}
 };
@@ -7204,7 +7207,7 @@ function ye$1(e, t, n) {
 	onScopeDispose(o);
 }
 //#endregion
-//#region ../internals/dist/composable-5ooZTjm_.js
+//#region ../internals/dist/composable-CbnFLx66.js
 function _$1(e, t) {
 	let n = ref(!1), r = ref(e), i = computed(() => {
 		let e = [], t = unref(r).month, n = unref(r).startOf(`month`);
@@ -7343,54 +7346,52 @@ function T$1(e) {
 	}));
 }
 function E$1(e) {
-	let t = ref(null);
-	e.announce;
-	let n = computed(() => {
+	let t = ref(null), n = e.announce ?? T$1, r = computed(() => {
 		let t = unref(e.itemId), n = unref(e.grabbedId);
 		return t != null && n === t;
 	});
-	function r() {
+	function i() {
 		t.value = null;
 	}
-	function i(r) {
+	function a(i) {
 		if (unref(e.isDraggable) && unref(e.itemId) != null) {
-			if (!n.value) {
-				(r.key === ` ` || r.key === `Enter`) && (r.preventDefault(), t.value = e.onGrab());
+			if (!r.value) {
+				(i.key === ` ` || i.key === `Enter`) && (i.preventDefault(), t.value = e.onGrab(), n(`Grabbed, use arrow keys to move`));
 				return;
 			}
-			switch (r.key) {
+			switch (i.key) {
 				case `ArrowUp`:
-					r.preventDefault(), e.onMove(`up`);
+					i.preventDefault(), e.onMove(`up`), n(`Moved up`);
 					break;
 				case `ArrowDown`:
-					r.preventDefault(), e.onMove(`down`);
+					i.preventDefault(), e.onMove(`down`), n(`Moved down`);
 					break;
 				case `ArrowLeft`:
-					r.preventDefault(), e.onMove(`left`);
+					i.preventDefault(), e.onMove(`left`), n(`Moved left`);
 					break;
 				case `ArrowRight`:
-					r.preventDefault(), e.onMove(`right`);
+					i.preventDefault(), e.onMove(`right`), n(`Moved right`);
 					break;
 				case ` `:
 				case `Enter`: {
-					r.preventDefault();
-					let n = t.value;
-					t.value = null, n !== null && e.onCommit(n);
+					i.preventDefault();
+					let r = t.value;
+					t.value = null, r !== null && (e.onCommit(r), n(`Dropped`));
 					break;
 				}
 				case `Escape`: {
-					r.preventDefault();
-					let n = t.value;
-					t.value = null, n !== null && e.onCancel(n);
+					i.preventDefault();
+					let r = t.value;
+					t.value = null, r !== null && (e.onCancel(r), n(`Cancelled`));
 					break;
 				}
 			}
 		}
 	}
 	return {
-		isGrabbed: n,
-		handleKeyDown: i,
-		release: r
+		isGrabbed: r,
+		handleKeyDown: a,
+		release: i
 	};
 }
 function D$1(e, t, n, r = { passive: !0 }) {
@@ -7410,11 +7411,13 @@ function O$1(t, n = {}) {
 function k$1(e, t) {
 	let n = `flux/${e}`, r = ref(i() ?? t);
 	function i() {
-		if (n in localStorage) {
+		if (!(n in localStorage)) return null;
+		try {
 			let e = JSON.parse(localStorage.getItem(n));
 			return Array.isArray(e) && e[0] === `DateTime` && (e = DateTime.fromISO(e[1])), e;
+		} catch {
+			return null;
 		}
-		return null;
 	}
 	return watch(r, (e) => {
 		let t = e;
@@ -7570,7 +7573,7 @@ function z$1(e, t, n, r, i, o) {
 //#region ../internals/dist/data/index.js
 var oe = `#ef4444`, se = `#dc2626`, _e = `#f97316`, ve = `#ea580c`, Oe = `#f59e0b`, ke = `#d97706`, ze = `#eab308`, Be = `#ca8a04`, Xe = `#84cc16`, Ze = `#65a30d`, st = `#22c55e`, ct = `#16a34a`, vt = `#10b981`, yt = `#059669`, kt = `#14b8a6`, At = `#0d9488`, Bt = `#06b6d4`, Vt = `#0891b2`, Zt = `#0ea5e9`, Qt = `#0284c7`, ln = `#3b82f6`, un = `#2563eb`, bn = `#6366f1`, xn = `#4f46e5`, jn = `#8b5cf6`, Mn = `#7c3aed`, Hn = `#a855f7`, Un = `#9333ea`, $n = `#d946ef`, er = `#c026d3`, ur = `#ec4899`, dr = `#db2777`, xr = `#f43f5e`, Sr = `#e11d48`;
 //#endregion
-//#region ../internals/dist/directive-Dprka-AO.js
+//#region ../internals/dist/directive-CoRl44Fx.js
 var i = class {
 	#e;
 	#t;
@@ -7631,7 +7634,7 @@ var Icon_module_default = {
 };
 //#endregion
 //#region src/component/FluxIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = [
+var _hoisted_1$63 = [
 	"viewBox",
 	"role",
 	"aria-hidden",
@@ -7684,499 +7687,123 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 					d: path,
 					fill: "currentColor"
 				}, null, 8, _hoisted_2$24);
-			}), 256))], 14, _hoisted_1$62)) : (openBlock(), createElementBlock("i", {
+			}), 256))], 14, _hoisted_1$63)) : (openBlock(), createElementBlock("i", {
 				key: 1,
 				class: normalizeClass(unref(Icon_module_default).icon)
 			}, null, 2));
 		};
 	}
 });
-//#endregion
-//#region src/component/FluxPressable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = [
-	"href",
-	"rel",
-	"target"
-];
-//#endregion
-//#region src/component/FluxPressable.vue
-var FluxPressable_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxPressable",
-	props: {
-		componentType: {},
-		href: {},
-		rel: {},
-		target: {},
-		to: {}
-	},
-	emits: [
-		"click",
-		"mouseenter",
-		"mouseleave"
-	],
-	setup(__props, { emit: __emit, attrs: $attrs }) {
-		const emit = __emit;
-		const hoverListeners = {
-			onMouseenter: (evt) => emit("mouseenter", evt),
-			onMouseleave: (evt) => emit("mouseleave", evt)
-		};
-		function onClick(evt, navigate) {
-			emit("click", evt);
-			if (evt.defaultPrevented) return;
-			navigate?.(evt);
-		}
-		return (_ctx, _cache) => {
-			const _component_router_link = resolveComponent("router-link");
-			return __props.componentType === "route" ? (openBlock(), createBlock(_component_router_link, mergeProps({ key: 0 }, $attrs, toHandlers(hoverListeners), {
-				rel: __props.rel,
-				target: __props.target,
-				to: __props.to,
-				onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"rel",
-				"target",
-				"to"
-			])) : __props.componentType === "link" ? (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, $attrs, toHandlers(hoverListeners, true), {
-				href: __props.href,
-				rel: __props.rel,
-				target: __props.target,
-				onClick: _cache[1] || (_cache[1] = ($event) => onClick($event))
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$61)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[2] || (_cache[2] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
-		};
-	}
-});
-var Spinner_module_default = {
-	spinner: `spinner`,
-	spinnerTrack: `spinner-track`,
-	spinnerEffect: `spinner-effect`,
-	spinnerValue: `spinner-value`
+var Overlay_module_default = {
+	overlayView: `overlay-view`,
+	overlayProvider: `overlay-provider overlay-view`,
+	overlayShade: `overlay-shade overlay-view`,
+	overlay: `overlay`,
+	overlayTransitionLeaveActive: `overlay-transition-leave-active`,
+	slideOverTransitionLeaveActive: `slide-over-transition-leave-active`,
+	basePaneStructure: `base-pane-structure`,
+	paneFooter: `pane-footer`,
+	isCurrent: `is-current`,
+	overlaySmall: `overlay-small overlay`,
+	overlayMedium: `overlay-medium overlay`,
+	overlayLarge: `overlay-large overlay`,
+	slideOver: `slide-over overlay`,
+	paneHeader: `pane-header`,
+	tabs: `tabs`,
+	tabBarDefault: `tab-bar-default`,
+	paneHeaderCaption: `pane-header-caption`,
+	overlayTransitionEnterActive: `overlay-transition-enter-active`,
+	overlayTransitionEnterFrom: `overlay-transition-enter-from`,
+	overlayTransitionLeaveTo: `overlay-transition-leave-to`,
+	slideOverTransitionEnterActive: `slide-over-transition-enter-active`,
+	slideOverTransitionEnterFrom: `slide-over-transition-enter-from`,
+	slideOverTransitionLeaveTo: `slide-over-transition-leave-to`
 };
 //#endregion
-//#region src/component/FluxSpinner.vue
-var FluxSpinner_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxSpinner",
-	props: { size: {} },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("svg", {
-				class: normalizeClass(unref(Spinner_module_default).spinner),
-				viewBox: "0 0 24 24",
-				style: normalizeStyle({ fontSize: __props.size && `${__props.size}px` })
-			}, [
-				createElementVNode("circle", {
-					class: normalizeClass(unref(Spinner_module_default).spinnerTrack),
-					cx: "12",
-					cy: "12",
-					r: "10",
-					fill: "transparent",
-					"stroke-width": "4"
-				}, null, 2),
-				createElementVNode("circle", {
-					class: normalizeClass(unref(Spinner_module_default).spinnerEffect),
-					cx: "12",
-					cy: "12",
-					r: "10",
-					fill: "transparent",
-					"stroke-width": "4",
-					"stroke-dasharray": "21 45",
-					"stroke-dashoffset": "30",
-					"stroke-linecap": "round"
-				}, null, 2),
-				createElementVNode("circle", {
-					class: normalizeClass(unref(Spinner_module_default).spinnerValue),
-					cx: "12",
-					cy: "12",
-					r: "10",
-					fill: "transparent",
-					"stroke-width": "4",
-					"stroke-dasharray": "21 45",
-					"stroke-dashoffset": "30",
-					"stroke-linecap": "round"
-				}, null, 2)
-			], 6);
-		};
+//#region src/util/createDialogRenderer.ts
+var TARGET_SELECTOR = `.${Overlay_module_default.overlayProvider.replaceAll(" ", ".")}`;
+var DIALOG_ID = 0;
+function createDialogRenderer_default(attrs, props, emit, slots, className, transition) {
+	const dialogId = `flux-dialog:${DIALOG_ID++}`;
+	let unregister = null;
+	let zIndex = 0;
+	const dialogRef = ref();
+	F$1(dialogRef);
+	onUnmounted(() => {
+		unregister?.();
+	});
+	watch(dialogRef, (dialog, _, onCleanup) => {
+		if (!dialog) return;
+		dialog.addEventListener("keydown", onKeyDown, { passive: true });
+		onCleanup(() => {
+			dialog.removeEventListener("keydown", onKeyDown);
+		});
+	});
+	function onKeyDown(evt) {
+		if (evt.key !== "Escape" || !unregister || !props.isCloseable) return;
+		emit("close");
 	}
-});
-var Button_module_default$1 = {
-	button: `button`,
-	isSmall: `is-small`,
-	isMedium: `is-medium`,
-	isLarge: `is-large`,
-	isXl: `is-xl`,
-	isFilled: `is-filled`,
-	spinner: `spinner`,
-	buttonIcon: `button-icon`,
-	buttonLabel: `button-label`,
-	badge: `badge`
-};
+	return () => {
+		const { dialogCount } = useFluxStore();
+		const children = a$2(slots.default?.() ?? []);
+		const isVisible = children.length > 0 && children.some((child) => child.type !== Comment);
+		let content;
+		if (isVisible) {
+			if (!unregister) [zIndex, unregister] = registerDialog();
+			content = h("div", {
+				key: props.viewKey ?? dialogId,
+				ref: dialogRef,
+				class: [className, zIndex === dialogCount && Overlay_module_default.isCurrent],
+				style: { zIndex: zIndex + 1e3 },
+				tabindex: 0
+			}, children);
+		} else {
+			unregister?.();
+			unregister = null;
+		}
+		return h(Teleport, {
+			defer: true,
+			disabled: !content,
+			to: TARGET_SELECTOR
+		}, [h(transition, attrs, { default: () => content })]);
+	};
+}
 //#endregion
-//#region src/component/FluxButton.vue?vue&type=script&setup=true&lang.ts
-var SLOTS = [
-	"default",
-	"after",
-	"before",
-	"iconLeading",
-	"iconTrailing",
-	"label"
-];
-//#endregion
-//#region src/component/FluxButton.vue
-var FluxButton_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxButton",
-	props: {
-		type: { default: "button" },
-		disabled: { type: Boolean },
-		iconLeading: {},
-		iconTrailing: {},
-		isFilled: { type: Boolean },
-		isLoading: { type: Boolean },
-		isSubmit: { type: Boolean },
-		label: {},
-		size: { default: "medium" },
-		tabindex: { default: 0 },
-		href: {},
-		rel: {},
-		target: {},
-		to: {},
-		cssClass: {},
-		cssClassIcon: {},
-		cssClassLabel: {}
-	},
-	emits: [
-		"click",
-		"mouseenter",
-		"mouseleave"
-	],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const disabled = useDisabled_default(toRef(() => __props.disabled));
-		function onClick(evt) {
-			if (unref(disabled) || __props.isLoading) {
-				evt.preventDefault();
-				evt.stopPropagation();
-				return;
-			}
-			emit("click", evt);
-		}
-		function onMouseEnter(evt) {
-			emit("mouseenter", evt);
-		}
-		function onMouseLeave(evt) {
-			emit("mouseleave", evt);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FluxPressable_default, {
-				"component-type": __props.type,
-				class: normalizeClass(unref(clsx)(__props.cssClass, __props.isFilled && unref(Button_module_default$1).isFilled, __props.size === "small" && unref(Button_module_default$1).isSmall, __props.size === "medium" && unref(Button_module_default$1).isMedium, __props.size === "large" && unref(Button_module_default$1).isLarge, __props.size === "xl" && unref(Button_module_default$1).isXl)),
-				type: __props.isSubmit ? "submit" : "button",
-				"aria-disabled": unref(disabled) ? true : void 0,
-				disabled: unref(disabled) ? true : void 0,
-				tabindex: unref(disabled) ? -1 : __props.tabindex,
-				href: __props.href,
-				rel: __props.rel,
-				target: __props.target,
-				to: __props.to,
-				onClick,
-				onMouseenter: onMouseEnter,
-				onMouseleave: onMouseLeave
-			}, {
-				default: withCtx(() => [
-					renderSlot(_ctx.$slots, "before"),
-					renderSlot(_ctx.$slots, "iconLeading", {}, () => [__props.isLoading && (__props.iconLeading || !__props.iconTrailing) ? (openBlock(), createBlock(FluxSpinner_default, {
-						key: 0,
-						size: 20
-					})) : __props.iconLeading ? (openBlock(), createBlock(FluxIcon_default, {
-						key: 1,
-						class: normalizeClass(__props.cssClassIcon),
-						name: __props.iconLeading
-					}, null, 8, ["class", "name"])) : createCommentVNode("", true)]),
-					renderSlot(_ctx.$slots, "label", {}, () => [__props.label ? (openBlock(), createElementBlock("span", {
-						key: 0,
-						class: normalizeClass(__props.cssClassLabel)
-					}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)]),
-					renderSlot(_ctx.$slots, "iconTrailing", {}, () => [__props.isLoading && !__props.iconLeading && __props.iconTrailing ? (openBlock(), createBlock(FluxSpinner_default, {
-						key: 0,
-						size: 20
-					})) : __props.iconTrailing ? (openBlock(), createBlock(FluxIcon_default, {
-						key: 1,
-						class: normalizeClass(__props.cssClassIcon),
-						name: __props.iconTrailing
-					}, null, 8, ["class", "name"])) : createCommentVNode("", true)]),
-					renderSlot(_ctx.$slots, "after")
-				]),
-				_: 3
-			}, 8, [
-				"component-type",
-				"class",
-				"type",
-				"aria-disabled",
-				"disabled",
-				"tabindex",
-				"href",
-				"rel",
-				"target",
-				"to"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/css/component/Action.module.scss
-var { "button": _0$15, "buttonIcon": _1$6, "buttonLabel": _2$5 } = Button_module_default$1;
-var Action_module_default = {
-	action: `action ${_0$15}`,
-	spinner: `spinner`,
-	actionIcon: `action-icon ${_1$6}`,
-	isDestructive: `is-destructive`,
-	actionLabel: `action-label ${_2$5}`,
-	actionBar: `action-bar`,
-	separator: `separator`,
-	formInput: `form-input`,
-	basePaneStructure: `base-pane-structure`,
-	actionPane: `action-pane`,
-	actionPaneGrid: `action-pane-grid`,
-	actionPaneBody: `action-pane-body`,
-	paneBody: `pane-body`
-};
-//#endregion
-//#region src/component/FluxAction.vue
-var FluxAction_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxAction",
-	props: {
-		type: {},
-		disabled: { type: Boolean },
-		isLoading: { type: Boolean },
-		isSubmit: { type: Boolean },
-		label: {},
-		tabindex: {},
-		href: {},
-		rel: {},
-		target: {},
-		to: {},
-		icon: {},
-		isDestructive: { type: Boolean }
-	},
-	emits: [
-		"click",
-		"mouseenter",
-		"mouseleave"
-	],
-	setup(__props, { emit: $emit }) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FluxButton_default, mergeProps({
-				disabled: __props.disabled,
-				isLoading: __props.isLoading,
-				label: __props.label,
-				href: __props.href,
-				rel: __props.rel,
-				target: __props.target,
-				to: __props.to,
-				type: __props.type
-			}, {
-				"css-class": unref(Action_module_default).action,
-				"css-class-icon": unref(Action_module_default).actionIcon,
-				"css-class-label": unref(Action_module_default).actionLabel,
-				class: __props.isDestructive && unref(Action_module_default).isDestructive,
-				"icon-leading": __props.icon,
-				onClick: _cache[0] || (_cache[0] = ($event) => $emit("click", $event)),
-				onMouseenter: _cache[1] || (_cache[1] = ($event) => $emit("mouseenter", $event)),
-				onMouseleave: _cache[2] || (_cache[2] = ($event) => $emit("mouseleave", $event))
-			}), null, 16, [
-				"css-class",
-				"css-class-icon",
-				"css-class-label",
-				"class",
-				"icon-leading"
-			]);
-		};
-	}
-});
-var Overlay_module_default = {
-	overlayView: `overlay-view`,
-	overlayProvider: `overlay-provider overlay-view`,
-	overlayShade: `overlay-shade overlay-view`,
-	overlay: `overlay`,
-	overlayTransitionLeaveActive: `overlay-transition-leave-active`,
-	slideOverTransitionLeaveActive: `slide-over-transition-leave-active`,
-	basePaneStructure: `base-pane-structure`,
-	paneFooter: `pane-footer`,
-	isCurrent: `is-current`,
-	overlaySmall: `overlay-small overlay`,
-	overlayMedium: `overlay-medium overlay`,
-	overlayLarge: `overlay-large overlay`,
-	slideOver: `slide-over overlay`,
-	paneHeader: `pane-header`,
-	tabs: `tabs`,
-	tabBarDefault: `tab-bar-default`,
-	paneHeaderCaption: `pane-header-caption`,
-	overlayTransitionEnterActive: `overlay-transition-enter-active`,
-	overlayTransitionEnterFrom: `overlay-transition-enter-from`,
-	overlayTransitionLeaveTo: `overlay-transition-leave-to`,
-	slideOverTransitionEnterActive: `slide-over-transition-enter-active`,
-	slideOverTransitionEnterFrom: `slide-over-transition-enter-from`,
-	slideOverTransitionLeaveTo: `slide-over-transition-leave-to`
-};
-//#endregion
-//#region src/util/createDialogRenderer.ts
-var TARGET_SELECTOR = `.${Overlay_module_default.overlayProvider.replaceAll(" ", ".")}`;
-var DIALOG_ID = 0;
-function createDialogRenderer_default(attrs, props, emit, slots, className, transition) {
-	const dialogId = `flux-dialog:${DIALOG_ID++}`;
-	let unregister = null;
-	let zIndex = 0;
-	const dialogRef = ref();
-	F$1(dialogRef);
-	onUnmounted(() => {
-		unregister?.();
-	});
-	watch(dialogRef, (dialog, _, onCleanup) => {
-		if (!dialog) return;
-		dialog.addEventListener("keydown", onKeyDown, { passive: true });
-		onCleanup(() => {
-			dialog.removeEventListener("keydown", onKeyDown);
-		});
-	});
-	function onKeyDown(evt) {
-		if (evt.key !== "Escape" || !unregister || !props.isCloseable) return;
-		emit("close");
-	}
-	return () => {
-		const { dialogCount } = useFluxStore();
-		const children = a$2(slots.default?.() ?? []);
-		const isVisible = children.length > 0 && children.some((child) => child.type !== Comment);
-		let content;
-		if (isVisible) {
-			if (!unregister) [zIndex, unregister] = registerDialog();
-			content = h("div", {
-				key: props.viewKey ?? dialogId,
-				ref: dialogRef,
-				class: [className, zIndex === dialogCount && Overlay_module_default.isCurrent],
-				style: { zIndex: zIndex + 1e3 },
-				tabindex: 0
-			}, children);
-		} else {
-			unregister?.();
-			unregister = null;
-		}
-		return h(Teleport, {
-			defer: true,
-			disabled: !content,
-			to: TARGET_SELECTOR
-		}, [h(transition, attrs, { default: () => content })]);
-	};
-}
-//#endregion
-//#region src/util/createLabelForDateRange.ts
-function createLabelForDateRange_default(start, end, preventCustom = false) {
-	const translate = useTranslate_default();
-	if (start.day === end.day && start.month === end.month && start.year === end.year) return start.toLocaleString({
-		day: "numeric",
-		month: "short",
-		year: "numeric"
-	});
-	if (start.month === end.month && start.year === end.year) return `${start.toLocaleString({ day: "numeric" })} – ${end.toLocaleString({
-		day: "numeric",
-		month: "short",
-		year: "numeric"
-	})}`;
-	if (start.year === end.year) return `${start.toLocaleString({
-		day: "numeric",
-		month: "short"
-	})} – ${end.toLocaleString({
-		day: "numeric",
-		month: "short",
-		year: "numeric"
-	})}`;
-	if (preventCustom) return `${start.toLocaleString({
-		day: "numeric",
-		month: "short",
-		year: "numeric"
-	})} – ${end.toLocaleString({
-		day: "numeric",
-		month: "short",
-		year: "numeric"
-	})}`;
-	return translate("flux.customPeriod");
-}
-//#endregion
-//#region src/util/defineFilter.ts
-function defineFilter(factory) {
-	return factory;
-}
-//#endregion
-//#region src/util/filter.ts
-function isFluxFilterOptionHeader(obj) {
-	return "title" in obj;
-}
-function isFluxFilterOptionItem(obj) {
-	return "label" in obj && "value" in obj;
-}
-function isResettable(definition, value) {
-	if (!definition || definition.defaultValue === void 0) return false;
-	return !isFilterValueEqual(value, definition.defaultValue);
-}
-function isFilterValueEqual(a, b) {
-	if (a === b) return true;
-	if (DateTime.isDateTime(a) && DateTime.isDateTime(b)) return a.equals(b);
-	if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((value, index) => isFilterValueEqual(value, b[index]));
-	return false;
-}
-function pickFilterCommon(props) {
-	return {
-		name: props.name,
-		label: props.label,
-		icon: props.icon,
-		disabled: props.disabled,
-		defaultValue: props.defaultValue,
-		onChange: props.onChange,
-		onClear: props.onClear
-	};
-}
-function generateMultiOptionsLabel(translate, options, values) {
-	const selected = options.filter((o) => values.includes(o.value)).length;
-	if (selected <= 0) return null;
-	if (selected === 1) return options.find((o) => values.includes(o.value)).label;
-	return translate("flux.nSelected", { n: selected });
-}
-//#endregion
-//#region src/composable/private/useAsyncFilterOptions.ts
-function useAsyncFilterOptions_default(params) {
-	const { isLoading, loaded } = X$1();
-	const debouncedModelSearch = Y$1(params.modelSearch, 150);
-	const fetchOptions = computed(() => loaded(params.fetchOptions));
-	const fetchRelevant = computed(() => loaded(params.fetchRelevant));
-	const fetchSearch = computed(() => loaded(params.fetchSearch));
-	const selectedOptions = ref([]);
-	const visibleOptions = ref([]);
-	const options = computed(() => {
-		const options = [];
-		const search = unref(params.modelSearch);
-		const selected = unref(selectedOptions);
-		const visible = unref(visibleOptions);
-		visible.forEach((vo) => options.push(vo));
-		selected.forEach((so) => {
-			if (isFluxFilterOptionItem(so) && visible.find((vo) => isFluxFilterOptionItem(vo) && vo.value === so.value)) return;
-			if (isFluxFilterOptionItem(so) && !so.label.toLowerCase().includes(search.toLowerCase())) return;
-			options.push(so);
-		});
-		return options;
-	});
-	watch(params.currentValueIds, async (ids) => {
-		if (ids.length === 0) return;
-		selectedOptions.value = await unref(fetchOptions)(ids);
-	}, { immediate: true });
-	watch(debouncedModelSearch, async (searchQuery) => {
-		if (searchQuery.length > 0) visibleOptions.value = await unref(fetchSearch)(searchQuery);
-		else visibleOptions.value = await unref(fetchRelevant)();
-	}, { immediate: true });
-	return {
-		isLoading,
-		options
-	};
-}
+//#region src/composable/private/useAsyncFilterOptions.ts
+function useAsyncFilterOptions_default(params) {
+	const { isLoading, loaded } = X$1();
+	const debouncedModelSearch = Y$1(params.modelSearch, 150);
+	const fetchOptions = computed(() => loaded(params.fetchOptions));
+	const fetchRelevant = computed(() => loaded(params.fetchRelevant));
+	const fetchSearch = computed(() => loaded(params.fetchSearch));
+	const selectedOptions = ref([]);
+	const visibleOptions = ref([]);
+	const options = computed(() => {
+		const options = [];
+		const search = unref(params.modelSearch);
+		const selected = unref(selectedOptions);
+		const visible = unref(visibleOptions);
+		visible.forEach((vo) => options.push(vo));
+		selected.forEach((so) => {
+			if (isFluxFilterOptionItem(so) && visible.find((vo) => isFluxFilterOptionItem(vo) && vo.value === so.value)) return;
+			if (isFluxFilterOptionItem(so) && !so.label.toLowerCase().includes(search.toLowerCase())) return;
+			options.push(so);
+		});
+		return options;
+	});
+	watch(params.currentValueIds, async (ids) => {
+		if (ids.length === 0) return;
+		selectedOptions.value = await unref(fetchOptions)(ids);
+	}, { immediate: true });
+	watch(debouncedModelSearch, async (searchQuery) => {
+		if (searchQuery.length > 0) visibleOptions.value = await unref(fetchSearch)(searchQuery);
+		else visibleOptions.value = await unref(fetchRelevant)();
+	}, { immediate: true });
+	return {
+		isLoading,
+		options
+	};
+}
 //#endregion
 //#region src/composable/private/useDateFlyout.ts
 function useDateFlyout_default(modelValue, flyoutRef, options = {}) {
@@ -9112,215 +8739,623 @@ function useCommandPalette(params) {
 		} finally {
 			if (generation === fetchGeneration) isLoading.value = false;
 		}
-	});
+	});
+	watch(highlightedIndex, (index) => {
+		if (index < 0 || !unref(isKeyboardNav)) return;
+		isKeyboardNav.value = false;
+		nextTick(() => unref(params.itemRefs)?.[index]?.$el?.scrollIntoView({ block: "nearest" }));
+	});
+	watch(totalItems, (total) => {
+		if (unref(highlightedIndex) >= total) highlightedIndex.value = Math.max(-1, total - 1);
+	});
+	return {
+		search,
+		activeTab,
+		activeTabSource,
+		highlightedIndex,
+		isLoading,
+		isTransitioningBack,
+		subActionTarget,
+		filteredItems,
+		groupedItems,
+		subActions,
+		tabs,
+		totalItems,
+		setSearch,
+		setActiveTab,
+		enterSubActions,
+		onKeyNavigate,
+		reset
+	};
+}
+//#endregion
+//#region src/composable/private/useFilterOption.ts
+function useFilterOptionSingle(name) {
+	const { back, state, setValue } = useFilterInjection_default();
+	const currentValue = computed(() => unref(state)[name]);
+	function onSelect(value) {
+		if (unref(currentValue) === value) setValue(name, null);
+		else setValue(name, value);
+		back();
+	}
+	return {
+		currentValue,
+		onSelect
+	};
+}
+function useFilterOptionMulti(name) {
+	const { state, setValue } = useFilterInjection_default();
+	const currentValue = computed(() => {
+		const value = unref(state)[name];
+		if (Array.isArray(value)) return value;
+		return [];
+	});
+	function onSelect(value) {
+		let values = Array.from(unref(currentValue));
+		if (values.includes(value)) values = values.filter((v) => v !== value);
+		else values.push(value);
+		setValue(name, values.length > 0 ? values : null);
+	}
+	return {
+		currentValue,
+		onSelect
+	};
+}
+//#endregion
+//#region src/composable/private/useTreeView.ts
+var FLUX_COLORS = [
+	"gray",
+	"primary",
+	"danger",
+	"info",
+	"success",
+	"warning"
+];
+function flattenVisible(nodes, depth, expanded, parentGuides = []) {
+	return nodes.flatMap((node, index) => {
+		const isLast = index === nodes.length - 1;
+		const flatNode = {
+			...node,
+			depth,
+			isLast,
+			lineGuides: parentGuides
+		};
+		if (node.children?.length && expanded.has(node.id)) {
+			const childGuides = [...parentGuides, !isLast];
+			return [flatNode, ...flattenVisible(node.children, depth + 1, expanded, childGuides)];
+		}
+		return [flatNode];
+	});
+}
+function flattenAll(nodes, depth = 0) {
+	return nodes.flatMap((node) => [{
+		...node,
+		depth,
+		isLast: false,
+		lineGuides: []
+	}, ...node.children ? flattenAll(node.children, depth + 1) : []]);
+}
+function getLevelColor(depth, levelColors) {
+	if (!levelColors || depth >= levelColors.length) return;
+	const color = levelColors[depth];
+	if (FLUX_COLORS.includes(color)) return `var(--${color}-600)`;
+	return color;
+}
+function useTreeView(params) {
+	const highlightedIndex = ref(-1);
+	function toggleExpand(nodeId) {
+		const ids = new Set(unref(params.expandedIds));
+		if (ids.has(nodeId)) ids.delete(nodeId);
+		else ids.add(nodeId);
+		params.expandedIds.value = ids;
+	}
+	function onExpandClick(node, evt) {
+		if (!node.children?.length) return;
+		evt.stopPropagation();
+		toggleExpand(node.id);
+	}
+	function onKeyNavigate(evt, onActivate) {
+		const nodes = unref(params.visibleNodes);
+		const current = unref(highlightedIndex);
+		switch (evt.key) {
+			case "ArrowDown":
+				evt.preventDefault();
+				highlightedIndex.value = current === -1 ? 0 : Math.min(nodes.length - 1, current + 1);
+				return true;
+			case "ArrowUp":
+				evt.preventDefault();
+				highlightedIndex.value = current === -1 ? nodes.length - 1 : Math.max(0, current - 1);
+				return true;
+			case "ArrowRight":
+				evt.preventDefault();
+				if (current >= 0) {
+					const node = nodes[current];
+					if (node.children?.length) {
+						if (!unref(params.expandedIds).has(node.id)) toggleExpand(node.id);
+						else if (current + 1 < nodes.length && nodes[current + 1].depth > node.depth) highlightedIndex.value = current + 1;
+					}
+				}
+				return true;
+			case "ArrowLeft":
+				evt.preventDefault();
+				if (current >= 0) {
+					const node = nodes[current];
+					if (node.children?.length && unref(params.expandedIds).has(node.id)) toggleExpand(node.id);
+					else if (node.depth > 0) {
+						for (let i = current - 1; i >= 0; i--) if (nodes[i].depth === node.depth - 1) {
+							highlightedIndex.value = i;
+							break;
+						}
+					}
+				}
+				return true;
+			case "Enter":
+			case " ":
+				evt.preventDefault();
+				if (current >= 0) onActivate(nodes[current]);
+				return true;
+			default:
+				if (evt.key.length === 1) {
+					const lowerKey = evt.key.toLowerCase();
+					let matchIndex = nodes.findIndex((n, i) => i > current && n.label.toLowerCase().startsWith(lowerKey));
+					if (matchIndex < 0) matchIndex = nodes.findIndex((n) => n.label.toLowerCase().startsWith(lowerKey));
+					if (matchIndex >= 0) {
+						highlightedIndex.value = matchIndex;
+						return true;
+					}
+				}
+				return false;
+		}
+	}
 	watch(highlightedIndex, (index) => {
-		if (index < 0 || !unref(isKeyboardNav)) return;
-		isKeyboardNav.value = false;
-		nextTick(() => unref(params.itemRefs)?.[index]?.$el?.scrollIntoView({ block: "nearest" }));
+		if (index < 0) return;
+		nextTick(() => unref(params.nodeElementRefs)?.[index]?.scrollIntoView({ block: "nearest" }));
 	});
-	watch(totalItems, (total) => {
-		if (unref(highlightedIndex) >= total) highlightedIndex.value = Math.max(-1, total - 1);
+	watch(params.visibleNodes, (nodes) => {
+		if (unref(highlightedIndex) >= nodes.length) highlightedIndex.value = Math.max(-1, nodes.length - 1);
 	});
 	return {
-		search,
-		activeTab,
-		activeTabSource,
 		highlightedIndex,
-		isLoading,
-		isTransitioningBack,
-		subActionTarget,
-		filteredItems,
-		groupedItems,
-		subActions,
-		tabs,
-		totalItems,
-		setSearch,
-		setActiveTab,
-		enterSubActions,
-		onKeyNavigate,
-		reset
+		toggleExpand,
+		onExpandClick,
+		onKeyNavigate
 	};
 }
 //#endregion
-//#region src/composable/private/useFilterOption.ts
-function useFilterOptionSingle(name) {
-	const { back, state, setValue } = useFilterInjection_default();
-	const currentValue = computed(() => unref(state)[name]);
-	function onSelect(value) {
-		if (unref(currentValue) === value) setValue(name, null);
-		else setValue(name, value);
-		back();
-	}
+//#region src/util/createLabelForDateRange.ts
+function createLabelForDateRange_default(start, end, preventCustom = false) {
+	const translate = useTranslate_default();
+	if (start.day === end.day && start.month === end.month && start.year === end.year) return start.toLocaleString({
+		day: "numeric",
+		month: "short",
+		year: "numeric"
+	});
+	if (start.month === end.month && start.year === end.year) return `${start.toLocaleString({ day: "numeric" })} – ${end.toLocaleString({
+		day: "numeric",
+		month: "short",
+		year: "numeric"
+	})}`;
+	if (start.year === end.year) return `${start.toLocaleString({
+		day: "numeric",
+		month: "short"
+	})} – ${end.toLocaleString({
+		day: "numeric",
+		month: "short",
+		year: "numeric"
+	})}`;
+	if (preventCustom) return `${start.toLocaleString({
+		day: "numeric",
+		month: "short",
+		year: "numeric"
+	})} – ${end.toLocaleString({
+		day: "numeric",
+		month: "short",
+		year: "numeric"
+	})}`;
+	return translate("flux.customPeriod");
+}
+//#endregion
+//#region src/util/defineFilter.ts
+function defineFilter(factory) {
+	return factory;
+}
+//#endregion
+//#region src/util/filter.ts
+function isFluxFilterOptionHeader(obj) {
+	return "title" in obj;
+}
+function isFluxFilterOptionItem(obj) {
+	return "label" in obj && "value" in obj;
+}
+function isResettable(definition, value) {
+	if (!definition || definition.defaultValue === void 0) return false;
+	return !isFilterValueEqual(value, definition.defaultValue);
+}
+function isFilterValueEqual(a, b) {
+	if (a === b) return true;
+	if (DateTime.isDateTime(a) && DateTime.isDateTime(b)) return a.equals(b);
+	if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((value, index) => isFilterValueEqual(value, b[index]));
+	return false;
+}
+function pickFilterCommon(props) {
 	return {
-		currentValue,
-		onSelect
+		name: props.name,
+		label: props.label,
+		icon: props.icon,
+		disabled: props.disabled,
+		defaultValue: props.defaultValue,
+		onChange: props.onChange,
+		onClear: props.onClear
 	};
 }
-function useFilterOptionMulti(name) {
-	const { state, setValue } = useFilterInjection_default();
-	const currentValue = computed(() => {
-		const value = unref(state)[name];
-		if (Array.isArray(value)) return value;
-		return [];
-	});
-	function onSelect(value) {
-		let values = Array.from(unref(currentValue));
-		if (values.includes(value)) values = values.filter((v) => v !== value);
-		else values.push(value);
-		setValue(name, values.length > 0 ? values : null);
+function generateMultiOptionsLabel(translate, options, values) {
+	const selected = options.filter((o) => values.includes(o.value)).length;
+	if (selected <= 0) return null;
+	if (selected === 1) return options.find((o) => values.includes(o.value)).label;
+	return translate("flux.nSelected", { n: selected });
+}
+//#endregion
+//#region src/util/sanitizeUrl.ts
+var DANGEROUS_PROTOCOL = /^(javascript|vbscript|data):/i;
+/**
+* Removes control characters (and the Unicode line/paragraph separators) that
+* browsers ignore inside URLs but which can be used to obfuscate the scheme,
+* e.g. `java\tscript:alert(1)`.
+*/
+function stripControlChars(value) {
+	let out = "";
+	for (let i = 0; i < value.length; i++) {
+		const code = value.charCodeAt(i);
+		if (code <= 32 || code >= 127 && code <= 159 || code === 8232 || code === 8233) continue;
+		out += value[i];
+	}
+	return out;
+}
+/**
+* Sanitizes a URL intended for an `href` attribute. Returns `undefined` when the
+* URL uses a dangerous scheme (`javascript:`, `vbscript:`, `data:`) so the attribute
+* is omitted instead of becoming a script-execution or data-injection vector.
+* Safe and relative URLs are returned unchanged.
+*/
+function sanitizeUrl_default(href) {
+	if (!href) return href;
+	if (DANGEROUS_PROTOCOL.test(stripControlChars(href))) return;
+	return href;
+}
+//#endregion
+//#region src/component/FluxPressable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$62 = [
+	"href",
+	"rel",
+	"target"
+];
+//#endregion
+//#region src/component/FluxPressable.vue
+var FluxPressable_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxPressable",
+	props: {
+		componentType: {},
+		href: {},
+		rel: {},
+		target: {},
+		to: {}
+	},
+	emits: [
+		"click",
+		"mouseenter",
+		"mouseleave"
+	],
+	setup(__props, { emit: __emit, attrs: $attrs }) {
+		const emit = __emit;
+		const resolvedRel = computed(() => {
+			if (__props.rel) return __props.rel;
+			return __props.target === "_blank" ? "noopener noreferrer" : void 0;
+		});
+		const hoverListeners = {
+			onMouseenter: (evt) => emit("mouseenter", evt),
+			onMouseleave: (evt) => emit("mouseleave", evt)
+		};
+		function onClick(evt, navigate) {
+			emit("click", evt);
+			if (evt.defaultPrevented) return;
+			navigate?.(evt);
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return __props.componentType === "route" ? (openBlock(), createBlock(_component_router_link, mergeProps({ key: 0 }, $attrs, toHandlers(hoverListeners), {
+				rel: resolvedRel.value,
+				target: __props.target,
+				to: __props.to,
+				onClick: _cache[0] || (_cache[0] = ($event) => onClick($event))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"rel",
+				"target",
+				"to"
+			])) : __props.componentType === "link" ? (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, $attrs, toHandlers(hoverListeners, true), {
+				href: unref(sanitizeUrl_default)(__props.href),
+				rel: resolvedRel.value,
+				target: __props.target,
+				onClick: _cache[1] || (_cache[1] = ($event) => onClick($event))
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$62)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[2] || (_cache[2] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
+		};
+	}
+});
+var Spinner_module_default = {
+	spinner: `spinner`,
+	spinnerTrack: `spinner-track`,
+	spinnerEffect: `spinner-effect`,
+	spinnerValue: `spinner-value`
+};
+//#endregion
+//#region src/component/FluxSpinner.vue
+var FluxSpinner_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxSpinner",
+	props: { size: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", {
+				class: normalizeClass(unref(Spinner_module_default).spinner),
+				viewBox: "0 0 24 24",
+				style: normalizeStyle({ fontSize: __props.size && `${__props.size}px` })
+			}, [
+				createElementVNode("circle", {
+					class: normalizeClass(unref(Spinner_module_default).spinnerTrack),
+					cx: "12",
+					cy: "12",
+					r: "10",
+					fill: "transparent",
+					"stroke-width": "4"
+				}, null, 2),
+				createElementVNode("circle", {
+					class: normalizeClass(unref(Spinner_module_default).spinnerEffect),
+					cx: "12",
+					cy: "12",
+					r: "10",
+					fill: "transparent",
+					"stroke-width": "4",
+					"stroke-dasharray": "21 45",
+					"stroke-dashoffset": "30",
+					"stroke-linecap": "round"
+				}, null, 2),
+				createElementVNode("circle", {
+					class: normalizeClass(unref(Spinner_module_default).spinnerValue),
+					cx: "12",
+					cy: "12",
+					r: "10",
+					fill: "transparent",
+					"stroke-width": "4",
+					"stroke-dasharray": "21 45",
+					"stroke-dashoffset": "30",
+					"stroke-linecap": "round"
+				}, null, 2)
+			], 6);
+		};
 	}
-	return {
-		currentValue,
-		onSelect
-	};
-}
+});
+var Button_module_default$1 = {
+	button: `button`,
+	isSmall: `is-small`,
+	isMedium: `is-medium`,
+	isLarge: `is-large`,
+	isXl: `is-xl`,
+	isFilled: `is-filled`,
+	spinner: `spinner`,
+	buttonIcon: `button-icon`,
+	buttonLabel: `button-label`,
+	badge: `badge`
+};
 //#endregion
-//#region src/composable/private/useTreeView.ts
-var FLUX_COLORS = [
-	"gray",
-	"primary",
-	"danger",
-	"info",
-	"success",
-	"warning"
+//#region src/component/FluxButton.vue?vue&type=script&setup=true&lang.ts
+var SLOTS = [
+	"default",
+	"after",
+	"before",
+	"iconLeading",
+	"iconTrailing",
+	"label"
 ];
-function flattenVisible(nodes, depth, expanded, parentGuides = []) {
-	return nodes.flatMap((node, index) => {
-		const isLast = index === nodes.length - 1;
-		const flatNode = {
-			...node,
-			depth,
-			isLast,
-			lineGuides: parentGuides
-		};
-		if (node.children?.length && expanded.has(node.id)) {
-			const childGuides = [...parentGuides, !isLast];
-			return [flatNode, ...flattenVisible(node.children, depth + 1, expanded, childGuides)];
-		}
-		return [flatNode];
-	});
-}
-function flattenAll(nodes, depth = 0) {
-	return nodes.flatMap((node) => [{
-		...node,
-		depth,
-		isLast: false,
-		lineGuides: []
-	}, ...node.children ? flattenAll(node.children, depth + 1) : []]);
-}
-function getLevelColor(depth, levelColors) {
-	if (!levelColors || depth >= levelColors.length) return;
-	const color = levelColors[depth];
-	if (FLUX_COLORS.includes(color)) return `var(--${color}-600)`;
-	return color;
-}
-function useTreeView(params) {
-	const highlightedIndex = ref(-1);
-	function toggleExpand(nodeId) {
-		const ids = new Set(unref(params.expandedIds));
-		if (ids.has(nodeId)) ids.delete(nodeId);
-		else ids.add(nodeId);
-		params.expandedIds.value = ids;
-	}
-	function onExpandClick(node, evt) {
-		if (!node.children?.length) return;
-		evt.stopPropagation();
-		toggleExpand(node.id);
-	}
-	function onKeyNavigate(evt, onActivate) {
-		const nodes = unref(params.visibleNodes);
-		const current = unref(highlightedIndex);
-		switch (evt.key) {
-			case "ArrowDown":
-				evt.preventDefault();
-				highlightedIndex.value = current === -1 ? 0 : Math.min(nodes.length - 1, current + 1);
-				return true;
-			case "ArrowUp":
-				evt.preventDefault();
-				highlightedIndex.value = current === -1 ? nodes.length - 1 : Math.max(0, current - 1);
-				return true;
-			case "ArrowRight":
-				evt.preventDefault();
-				if (current >= 0) {
-					const node = nodes[current];
-					if (node.children?.length) {
-						if (!unref(params.expandedIds).has(node.id)) toggleExpand(node.id);
-						else if (current + 1 < nodes.length && nodes[current + 1].depth > node.depth) highlightedIndex.value = current + 1;
-					}
-				}
-				return true;
-			case "ArrowLeft":
-				evt.preventDefault();
-				if (current >= 0) {
-					const node = nodes[current];
-					if (node.children?.length && unref(params.expandedIds).has(node.id)) toggleExpand(node.id);
-					else if (node.depth > 0) {
-						for (let i = current - 1; i >= 0; i--) if (nodes[i].depth === node.depth - 1) {
-							highlightedIndex.value = i;
-							break;
-						}
-					}
-				}
-				return true;
-			case "Enter":
-			case " ":
+//#endregion
+//#region src/component/FluxButton.vue
+var FluxButton_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxButton",
+	props: {
+		type: { default: "button" },
+		disabled: { type: Boolean },
+		iconLeading: {},
+		iconTrailing: {},
+		isFilled: { type: Boolean },
+		isLoading: { type: Boolean },
+		isSubmit: { type: Boolean },
+		label: {},
+		size: { default: "medium" },
+		tabindex: { default: 0 },
+		href: {},
+		rel: {},
+		target: {},
+		to: {},
+		cssClass: {},
+		cssClassIcon: {},
+		cssClassLabel: {}
+	},
+	emits: [
+		"click",
+		"mouseenter",
+		"mouseleave"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		function onClick(evt) {
+			if (unref(disabled) || __props.isLoading) {
 				evt.preventDefault();
-				if (current >= 0) onActivate(nodes[current]);
-				return true;
-			default:
-				if (evt.key.length === 1) {
-					const lowerKey = evt.key.toLowerCase();
-					let matchIndex = nodes.findIndex((n, i) => i > current && n.label.toLowerCase().startsWith(lowerKey));
-					if (matchIndex < 0) matchIndex = nodes.findIndex((n) => n.label.toLowerCase().startsWith(lowerKey));
-					if (matchIndex >= 0) {
-						highlightedIndex.value = matchIndex;
-						return true;
-					}
-				}
-				return false;
+				evt.stopPropagation();
+				return;
+			}
+			emit("click", evt);
+		}
+		function onMouseEnter(evt) {
+			emit("mouseenter", evt);
+		}
+		function onMouseLeave(evt) {
+			emit("mouseleave", evt);
 		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FluxPressable_default, {
+				"component-type": __props.type,
+				class: normalizeClass(unref(clsx)(__props.cssClass, __props.isFilled && unref(Button_module_default$1).isFilled, __props.size === "small" && unref(Button_module_default$1).isSmall, __props.size === "medium" && unref(Button_module_default$1).isMedium, __props.size === "large" && unref(Button_module_default$1).isLarge, __props.size === "xl" && unref(Button_module_default$1).isXl)),
+				type: __props.isSubmit ? "submit" : "button",
+				"aria-disabled": unref(disabled) ? true : void 0,
+				disabled: unref(disabled) ? true : void 0,
+				tabindex: unref(disabled) ? -1 : __props.tabindex,
+				href: __props.href,
+				rel: __props.rel,
+				target: __props.target,
+				to: __props.to,
+				onClick,
+				onMouseenter: onMouseEnter,
+				onMouseleave: onMouseLeave
+			}, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "before"),
+					renderSlot(_ctx.$slots, "iconLeading", {}, () => [__props.isLoading && (__props.iconLeading || !__props.iconTrailing) ? (openBlock(), createBlock(FluxSpinner_default, {
+						key: 0,
+						size: 20
+					})) : __props.iconLeading ? (openBlock(), createBlock(FluxIcon_default, {
+						key: 1,
+						class: normalizeClass(__props.cssClassIcon),
+						name: __props.iconLeading
+					}, null, 8, ["class", "name"])) : createCommentVNode("", true)]),
+					renderSlot(_ctx.$slots, "label", {}, () => [__props.label ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(__props.cssClassLabel)
+					}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)]),
+					renderSlot(_ctx.$slots, "iconTrailing", {}, () => [__props.isLoading && !__props.iconLeading && __props.iconTrailing ? (openBlock(), createBlock(FluxSpinner_default, {
+						key: 0,
+						size: 20
+					})) : __props.iconTrailing ? (openBlock(), createBlock(FluxIcon_default, {
+						key: 1,
+						class: normalizeClass(__props.cssClassIcon),
+						name: __props.iconTrailing
+					}, null, 8, ["class", "name"])) : createCommentVNode("", true)]),
+					renderSlot(_ctx.$slots, "after")
+				]),
+				_: 3
+			}, 8, [
+				"component-type",
+				"class",
+				"type",
+				"aria-disabled",
+				"disabled",
+				"tabindex",
+				"href",
+				"rel",
+				"target",
+				"to"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/css/component/Action.module.scss
+var { "button": _0$15, "buttonIcon": _1$6, "buttonLabel": _2$5 } = Button_module_default$1;
+var Action_module_default = {
+	action: `action ${_0$15}`,
+	spinner: `spinner`,
+	actionIcon: `action-icon ${_1$6}`,
+	isDestructive: `is-destructive`,
+	actionLabel: `action-label ${_2$5}`,
+	actionBar: `action-bar`,
+	separator: `separator`,
+	formInput: `form-input`,
+	basePaneStructure: `base-pane-structure`,
+	actionPane: `action-pane`,
+	actionPaneGrid: `action-pane-grid`,
+	actionPaneBody: `action-pane-body`,
+	paneBody: `pane-body`
+};
+//#endregion
+//#region src/component/FluxAction.vue
+var FluxAction_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxAction",
+	props: {
+		type: {},
+		disabled: { type: Boolean },
+		isLoading: { type: Boolean },
+		isSubmit: { type: Boolean },
+		label: {},
+		tabindex: {},
+		href: {},
+		rel: {},
+		target: {},
+		to: {},
+		icon: {},
+		isDestructive: { type: Boolean }
+	},
+	emits: [
+		"click",
+		"mouseenter",
+		"mouseleave"
+	],
+	setup(__props, { emit: $emit }) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FluxButton_default, mergeProps({
+				disabled: __props.disabled,
+				isLoading: __props.isLoading,
+				label: __props.label,
+				href: __props.href,
+				rel: __props.rel,
+				target: __props.target,
+				to: __props.to,
+				type: __props.type
+			}, {
+				"css-class": unref(Action_module_default).action,
+				"css-class-icon": unref(Action_module_default).actionIcon,
+				"css-class-label": unref(Action_module_default).actionLabel,
+				class: __props.isDestructive && unref(Action_module_default).isDestructive,
+				"icon-leading": __props.icon,
+				onClick: _cache[0] || (_cache[0] = ($event) => $emit("click", $event)),
+				onMouseenter: _cache[1] || (_cache[1] = ($event) => $emit("mouseenter", $event)),
+				onMouseleave: _cache[2] || (_cache[2] = ($event) => $emit("mouseleave", $event))
+			}), null, 16, [
+				"css-class",
+				"css-class-icon",
+				"css-class-label",
+				"class",
+				"icon-leading"
+			]);
+		};
 	}
-	watch(highlightedIndex, (index) => {
-		if (index < 0) return;
-		nextTick(() => unref(params.nodeElementRefs)?.[index]?.scrollIntoView({ block: "nearest" }));
-	});
-	watch(params.visibleNodes, (nodes) => {
-		if (unref(highlightedIndex) >= nodes.length) highlightedIndex.value = Math.max(-1, nodes.length - 1);
-	});
-	return {
-		highlightedIndex,
-		toggleExpand,
-		onExpandClick,
-		onKeyNavigate
-	};
-}
+});
 //#endregion
 //#region src/css/component/Button.module.scss
-var { "buttonIcon": _0$14, "button": _1$5, "buttonLabel": _2$4 } = Button_module_default$1;
+var { "button": _0$14, "buttonIcon": _1$5, "buttonLabel": _2$4 } = Button_module_default$1;
 var Button_module_default = {
-	primaryButton: `primary-button ${_1$5}`,
+	primaryButton: `primary-button ${_0$14}`,
 	spinner: `spinner`,
-	primaryButtonIcon: `primary-button-icon ${_0$14}`,
+	primaryButtonIcon: `primary-button-icon ${_1$5}`,
 	primaryButtonLabel: `primary-button-label ${_2$4}`,
-	secondaryButton: `secondary-button ${_1$5}`,
-	secondaryButtonIcon: `secondary-button-icon ${_0$14}`,
+	secondaryButton: `secondary-button ${_0$14}`,
+	secondaryButtonIcon: `secondary-button-icon ${_1$5}`,
 	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
-	destructiveButton: `destructive-button ${_1$5}`,
-	destructiveButtonIcon: `destructive-button-icon ${_0$14}`,
+	destructiveButton: `destructive-button ${_0$14}`,
+	destructiveButtonIcon: `destructive-button-icon ${_1$5}`,
 	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
-	baseLinkButton: `base-link-button ${_1$5}`,
-	primaryLinkButton: `primary-link-button base-link-button ${_1$5}`,
-	primaryLinkButtonIcon: `primary-link-button-icon ${_0$14}`,
+	baseLinkButton: `base-link-button ${_0$14}`,
+	primaryLinkButton: `primary-link-button base-link-button ${_0$14}`,
+	primaryLinkButtonIcon: `primary-link-button-icon ${_1$5}`,
 	primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
-	secondaryLinkButton: `secondary-link-button base-link-button ${_1$5}`,
-	secondaryLinkButtonIcon: `secondary-link-button-icon ${_0$14}`,
+	secondaryLinkButton: `secondary-link-button base-link-button ${_0$14}`,
+	secondaryLinkButtonIcon: `secondary-link-button-icon ${_1$5}`,
 	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
-	linkButton: `link-button ${_1$5}`,
-	linkButtonIcon: `link-button-icon ${_0$14}`,
+	linkButton: `link-button ${_0$14}`,
+	linkButtonIcon: `link-button-icon ${_1$5}`,
 	icon: `icon`,
 	linkButtonLabel: `link-button-label ${_2$4}`,
-	publishButton: `publish-button primary-button ${_1$5}`,
-	publishButtonIcon: `publish-button-icon primary-button-icon ${_0$14}`,
+	publishButton: `publish-button primary-button ${_0$14}`,
+	publishButtonIcon: `publish-button-icon primary-button-icon ${_1$5}`,
 	publishButtonLabel: `publish-button-label primary-button-label ${_2$4}`,
 	publishButtonAnimation: `publish-button-animation`,
 	isDone: `is-done`,
@@ -9879,7 +9914,7 @@ var Flyout_module_default = {
 };
 //#endregion
 //#region src/component/FluxFlyout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = ["onKeydown"];
+var _hoisted_1$61 = ["onKeydown"];
 //#endregion
 //#region src/component/FluxFlyout.vue
 var FluxFlyout_default = /* @__PURE__ */ defineComponent({
@@ -10016,7 +10051,7 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 					openerHeight: openerHeight.value
 				})))]),
 				_: 3
-			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$60)], 6);
+			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$61)], 6);
 		};
 	}
 });
@@ -10602,7 +10637,7 @@ var Avatar_module_default = {
 };
 //#endregion
 //#region src/component/FluxAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = ["alt", "src"];
+var _hoisted_1$60 = ["alt", "src"];
 var _hoisted_2$23 = { key: 0 };
 //#endregion
 //#region src/component/FluxAvatar.vue
@@ -10689,7 +10724,7 @@ var FluxAvatar_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(Avatar_module_default).avatarImage),
 						alt: __props.alt,
 						src: __props.src
-					}, null, 10, _hoisted_1$59)) : (openBlock(), createElementBlock("div", {
+					}, null, 10, _hoisted_1$60)) : (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: normalizeClass(__props.fallback === "colorized" ? unref(Avatar_module_default).avatarFallbackColorized : unref(Avatar_module_default).avatarFallbackNeutral)
 					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$23, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
@@ -10752,7 +10787,7 @@ var Badge_module_default = {
 };
 //#endregion
 //#region src/component/FluxBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = ["aria-label"];
+var _hoisted_1$59 = ["aria-label"];
 //#endregion
 //#region src/component/FluxBadge.vue
 var FluxBadge_default = /* @__PURE__ */ defineComponent({
@@ -10818,7 +10853,7 @@ var FluxBadge_default = /* @__PURE__ */ defineComponent({
 						type: "button",
 						"aria-label": unref(translate)("flux.delete"),
 						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onDeleteClick(), ["stop"]))
-					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$58)) : createCommentVNode("", true)
+					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$59)) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 8, [
@@ -10972,7 +11007,7 @@ var Calendar_module_default = {
 };
 //#endregion
 //#region src/component/calendar/FluxCalendarItemDisplay.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = ["draggable", "tabindex"];
+var _hoisted_1$58 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/calendar/FluxCalendarItemDisplay.vue
 var FluxCalendarItemDisplay_default = /* @__PURE__ */ defineComponent({
@@ -11045,13 +11080,13 @@ var FluxCalendarItemDisplay_default = /* @__PURE__ */ defineComponent({
 				onDragstart: onDragStart,
 				onDragend: onDragEnd,
 				onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeyDown) && unref(handleKeyDown)(...args))
-			}, [createVNode(unref(RenderItemContent), { render: __props.data.renderContent }, null, 8, ["render"])], 42, _hoisted_1$57);
+			}, [createVNode(unref(RenderItemContent), { render: __props.data.renderContent }, null, 8, ["render"])], 42, _hoisted_1$58);
 		};
 	}
 });
 //#endregion
 //#region src/component/calendar/FluxCalendarMonthView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = [
+var _hoisted_1$57 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
@@ -11126,7 +11161,7 @@ var FluxCalendarMonthView_default = /* @__PURE__ */ defineComponent({
 							key: item.id,
 							data: item
 						}, null, 8, ["data"]);
-					}), 128))], 2), createElementVNode("span", { class: normalizeClass(unref(Calendar_module_default).calendarEntryDate) }, toDisplayString(date.toLocaleString({ day: "numeric" })), 3)], 42, _hoisted_1$56);
+					}), 128))], 2), createElementVNode("span", { class: normalizeClass(unref(Calendar_module_default).calendarEntryDate) }, toDisplayString(date.toLocaleString({ day: "numeric" })), 3)], 42, _hoisted_1$57);
 				}), 256))], 2))]),
 				_: 1
 			}, 8, ["is-back"]);
@@ -11135,7 +11170,7 @@ var FluxCalendarMonthView_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/calendar/FluxCalendarTimeGridView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = [
+var _hoisted_1$56 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
@@ -11145,7 +11180,7 @@ var _hoisted_2$22 = [
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_3$8 = ["onMousedown"];
+var _hoisted_3$7 = ["onMousedown"];
 var _hoisted_4$1 = ["onMousedown"];
 //#endregion
 //#region src/component/calendar/FluxCalendarTimeGridView.vue
@@ -11458,7 +11493,7 @@ var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
 								key: item.id,
 								data: item
 							}, null, 8, ["data"]);
-						}), 128))], 42, _hoisted_1$55);
+						}), 128))], 42, _hoisted_1$56);
 					}), 128))], 2)], 2),
 					createElementVNode("div", { class: normalizeClass(unref(Calendar_module_default).timeGridBody) }, [createElementVNode("div", { class: normalizeClass(unref(Calendar_module_default).timeGridHours) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(hours.value, (hour) => {
 						return openBlock(), createElementBlock("div", {
@@ -11487,7 +11522,7 @@ var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
 							}, [createElementVNode("div", { class: normalizeClass(unref(Calendar_module_default).timeGridDayItemBody) }, [createVNode(FluxCalendarItemDisplay_default, { data: positioned.data }, null, 8, ["data"]), __props.draggable && !__props.hasActiveDrag ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", {
 								class: normalizeClass(unref(clsx)(unref(Calendar_module_default).timeGridDayItemHandle, unref(Calendar_module_default).isTop)),
 								onMousedown: (evt) => onResizeStart(positioned, "top", evt)
-							}, null, 42, _hoisted_3$8), createElementVNode("div", {
+							}, null, 42, _hoisted_3$7), createElementVNode("div", {
 								class: normalizeClass(unref(clsx)(unref(Calendar_module_default).timeGridDayItemHandle, unref(Calendar_module_default).isBottom)),
 								onMousedown: (evt) => onResizeStart(positioned, "bottom", evt)
 							}, null, 42, _hoisted_4$1)], 64)) : createCommentVNode("", true)], 2)], 6);
@@ -11526,14 +11561,14 @@ var DatePicker_module_default = {
 };
 //#endregion
 //#region src/component/FluxDatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = ["id"];
+var _hoisted_1$55 = ["id"];
 var _hoisted_2$21 = ["aria-labelledby"];
-var _hoisted_3$7 = ["onClick", "onMouseover"];
+var _hoisted_3$6 = ["onClick", "onMouseover"];
 //#endregion
 //#region src/component/FluxDatePicker.vue
 var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDatePicker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		max: {},
 		min: {},
 		rangeMode: {}
@@ -11677,7 +11712,7 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(DatePicker_module_default).datePickerHeaderViewButton),
 					type: "button",
 					onClick: _cache[1] || (_cache[1] = ($event) => setView("year"))
-				}, toDisplayString(unref(viewYear)), 3)], 10, _hoisted_1$54),
+				}, toDisplayString(unref(viewYear)), 3)], 10, _hoisted_1$55),
 				createVNode(unref(FluxFadeTransition_default), null, {
 					default: withCtx(() => [viewMode.value === "date" ? (openBlock(), createBlock(FluxSecondaryButton_default, {
 						key: 0,
@@ -11714,7 +11749,7 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 							onClick: ($event) => setDate(date),
 							onMouseover: ($event) => onDateMouseOver(date),
 							onMouseout: onDateMouseOut
-						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$7);
+						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$6);
 					}), 256))], 2))]),
 					_: 1
 				}, 8, ["is-back"])], 10, _hoisted_2$21)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
@@ -11788,9 +11823,9 @@ var FluxLayerPane_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = ["aria-label", "onClick"];
+var _hoisted_1$54 = ["aria-label", "onClick"];
 var _hoisted_2$20 = ["aria-label", "onClick"];
-var _hoisted_3$6 = ["aria-label", "onClick"];
+var _hoisted_3$5 = ["aria-label", "onClick"];
 var SNAP_MINUTES = 30;
 var NAV_HOVER_INITIAL_DELAY_MS = 700;
 var NAV_HOVER_REPEAT_DELAY_MS = 450;
@@ -11848,9 +11883,9 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 			return "day";
 		});
 		const timeGridDayCount = computed(() => {
-			const v = unref(resolvedView);
-			if (v === "week") return 7;
-			if (v === "two-days") return 2;
+			const resolved = unref(resolvedView);
+			if (resolved === "week") return 7;
+			if (resolved === "two-days") return 2;
 			return 1;
 		});
 		const { isTransitioningToPast: monthIsTransitioningToPast, viewDate: monthViewDate, viewMonth: monthViewMonth, viewYear: monthViewYear, dates: monthDates, days: monthDays, setViewDate: setMonthViewDateRaw, nextMonth: nextMonthRaw, previousMonth: previousMonthRaw } = _$1(__props.initialDate, { weekDayLength: "long" });
@@ -12005,15 +12040,15 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 			if (id == null) return;
 			const currentDate = findItemDate(id);
 			if (!currentDate) return;
-			const v = unref(resolvedView);
-			const delta = (v === "month" ? MONTH_KEY_DELTAS : TIME_GRID_KEY_DELTAS)[direction];
+			const resolved = unref(resolvedView);
+			const delta = (resolved === "month" ? MONTH_KEY_DELTAS : TIME_GRID_KEY_DELTAS)[direction];
 			const newDate = currentDate.plus(delta);
 			emit("reschedule", {
 				id,
 				fromDate: currentDate,
 				toDate: newDate
 			});
-			if (v === "month") {
+			if (resolved === "month") {
 				monthFocusedDate.value = newDate.startOf("day");
 				if (newDate.month !== unref(monthViewDate).month) setMonthViewDateRaw(newDate);
 			} else {
@@ -12115,7 +12150,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectMonth"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(unref(monthViewMonth)), 11, _hoisted_1$53)]),
+							}, toDisplayString(unref(monthViewMonth)), 11, _hoisted_1$54)]),
 							default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerMonths) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
 								return openBlock(), createBlock(FluxSecondaryButton_default, {
 									key: month.label,
@@ -12164,7 +12199,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectDate"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(rangeLabel.value), 11, _hoisted_3$6)]),
+							}, toDisplayString(rangeLabel.value), 11, _hoisted_3$5)]),
 							default: withCtx(({ close }) => [createVNode(FluxDatePicker_default, {
 								"model-value": datePickerValue.value,
 								"onUpdate:modelValue": ($event) => {
@@ -12263,7 +12298,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCalendarItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = {
+var _hoisted_1$53 = {
 	"aria-hidden": "true",
 	style: { "display": "none" }
 };
@@ -12316,7 +12351,7 @@ var FluxCalendarItem_default = /* @__PURE__ */ defineComponent({
 			if (dragContext && props.id != null) dragContext.registerItem(props.id, buildData());
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$52);
+			return openBlock(), createElementBlock("span", _hoisted_1$53);
 		};
 	}
 });
@@ -12406,7 +12441,7 @@ var Form_module_default = {
 };
 //#endregion
 //#region src/component/FluxCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = ["for"];
+var _hoisted_1$52 = ["for"];
 var _hoisted_2$19 = [
 	"id",
 	"disabled",
@@ -12418,7 +12453,7 @@ var _hoisted_2$19 = [
 //#region src/component/FluxCheckbox.vue
 var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxCheckbox",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		error: {},
 		isReadonly: { type: Boolean },
@@ -12479,7 +12514,7 @@ var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).checkboxLabel)
 				}, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
-			], 10, _hoisted_1$51);
+			], 10, _hoisted_1$52);
 		};
 	}
 });
@@ -12638,7 +12673,7 @@ var FluxCommandPaletteGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTag.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = ["aria-label"];
+var _hoisted_1$51 = ["aria-label"];
 //#endregion
 //#region src/component/FluxTag.vue
 var FluxTag_default = /* @__PURE__ */ defineComponent({
@@ -12706,7 +12741,7 @@ var FluxTag_default = /* @__PURE__ */ defineComponent({
 						type: "button",
 						"aria-label": unref(translate)("flux.delete"),
 						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onDeleteClick(), ["stop"]))
-					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$50)) : createCommentVNode("", true)
+					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$51)) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 8, [
@@ -12768,7 +12803,7 @@ var FluxCommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCommandPalette.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = ["placeholder", "value"];
+var _hoisted_1$50 = ["placeholder", "value"];
 var _hoisted_2$18 = ["onClick"];
 //#endregion
 //#region src/component/FluxCommandPalette.vue
@@ -12896,7 +12931,7 @@ var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
 						value: unref(search),
 						type: "text",
 						onInput: _cache[2] || (_cache[2] = ($event) => unref(setSearch)($event.target.value))
-					}, null, 42, _hoisted_1$49),
+					}, null, 42, _hoisted_1$50),
 					createVNode(FluxTag_default, {
 						"is-keyboard-shortcut": "",
 						label: "Esc"
@@ -13000,7 +13035,7 @@ var Comment_module_default = {
 };
 //#endregion
 //#region src/component/FluxComment.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = { key: 0 };
+var _hoisted_1$49 = { key: 0 };
 var _hoisted_2$17 = ["datetime"];
 //#endregion
 //#region src/component/FluxComment.vue
@@ -13045,7 +13080,7 @@ var FluxComment_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(Comment_module_default).commentTyping)
 				}, null, 2)) : renderSlot(_ctx.$slots, "default", { key: 1 })], 2),
-				createElementVNode("div", { class: normalizeClass(unref(Comment_module_default).commentFooter) }, [__props.isReceived && __props.postedBy ? (openBlock(), createElementBlock("span", _hoisted_1$48, toDisplayString(__props.postedBy), 1)) : createCommentVNode("", true), iso.value && relative.value && !__props.isTyping ? (openBlock(), createElementBlock("time", {
+				createElementVNode("div", { class: normalizeClass(unref(Comment_module_default).commentFooter) }, [__props.isReceived && __props.postedBy ? (openBlock(), createElementBlock("span", _hoisted_1$49, toDisplayString(__props.postedBy), 1)) : createCommentVNode("", true), iso.value && relative.value && !__props.isTyping ? (openBlock(), createElementBlock("time", {
 					key: 1,
 					datetime: iso.value
 				}, toDisplayString(isJustNowVisible.value ? unref(translate)("flux.justNow") : relative.value), 9, _hoisted_2$17)) : createCommentVNode("", true)], 2)
@@ -13053,194 +13088,9 @@ var FluxComment_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Slider_module_default = {
-	slider: `slider`,
-	isDisabled: `is-disabled`,
-	isDragging: `is-dragging`,
-	sliderThumb: `slider-thumb`,
-	sliderTrack: `slider-track`,
-	sliderTrackValue: `slider-track-value`,
-	tick: `tick`,
-	tickLarge: `tick-large tick`,
-	tickSmall: `tick-small tick`,
-	ticks: `ticks`
-};
-//#endregion
-//#region src/css/component/primitive/CoordinatePicker.module.scss
-var { "sliderThumb": _0$10 } = Slider_module_default;
-var CoordinatePicker_module_default = {
-	coordinatePicker: `coordinate-picker`,
-	coordinatePickerThumb: `coordinate-picker-thumb ${_0$10}`,
-	isDisabled: `is-disabled`,
-	isDragging: `is-dragging`
-};
-//#endregion
-//#region src/component/primitive/CoordinatePickerThumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = [
-	"aria-disabled",
-	"aria-valuetext",
-	"tabindex"
-];
-//#endregion
-//#region src/component/primitive/CoordinatePickerThumb.vue
-var CoordinatePickerThumb_default = /* @__PURE__ */ defineComponent({
-	__name: "CoordinatePickerThumb",
-	props: {
-		disabled: { type: Boolean },
-		isDragging: { type: Boolean },
-		position: {}
-	},
-	emits: [
-		"decrement",
-		"grab",
-		"increment"
-	],
-	setup(__props, { emit: __emit }) {
-		const $emit = __emit;
-		const emit = __emit;
-		const disabled = useDisabled_default(toRef(() => __props.disabled));
-		function onKeyDown(evt) {
-			if (unref(disabled)) return;
-			switch (evt.key) {
-				case "ArrowUp":
-					emit("decrement", false, true);
-					break;
-				case "ArrowDown":
-					emit("increment", false, true);
-					break;
-				case "ArrowLeft":
-					emit("decrement", true, false);
-					break;
-				case "ArrowRight":
-					emit("increment", true, false);
-					break;
-				default: return;
-			}
-			evt.preventDefault();
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
-				class: normalizeClass(unref(clsx)(unref(CoordinatePicker_module_default).coordinatePickerThumb, unref(disabled) && unref(CoordinatePicker_module_default).isDisabled, __props.isDragging && unref(CoordinatePicker_module_default).isDragging)),
-				style: normalizeStyle({
-					top: `${__props.position[1] * 100}%`,
-					left: `${__props.position[0] * 100}%`
-				}),
-				role: "slider",
-				"aria-disabled": unref(disabled) ? true : void 0,
-				"aria-valuetext": `X: ${Math.round(__props.position[0] * 100)}%, Y: ${Math.round(__props.position[1] * 100)}%`,
-				tabindex: unref(disabled) ? -1 : 0,
-				type: "button",
-				onKeydown: onKeyDown,
-				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$47);
-		};
-	}
-});
-//#endregion
-//#region src/component/primitive/CoordinatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = ["aria-disabled", "aria-label"];
-//#endregion
-//#region src/component/primitive/CoordinatePicker.vue
-var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
-	__name: "CoordinatePicker",
-	props: /* @__PURE__ */ mergeModels({
-		ariaLabel: {},
-		disabled: { type: Boolean },
-		max: { default: 100 },
-		min: { default: 0 },
-		step: { default: 1 }
-	}, {
-		"modelValue": { default: [0, 0] },
-		"modelModifiers": {}
-	}),
-	emits: /* @__PURE__ */ mergeModels(["dragging"], ["update:modelValue"]),
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const modelValue = useModel(__props, "modelValue");
-		const disabled = useDisabled_default(toRef(() => __props.disabled));
-		const rootRef = useTemplateRef("root");
-		const isDragging = ref(false);
-		const max = computed(() => Array.isArray(__props.max) ? __props.max : [__props.max, __props.max]);
-		const min = computed(() => Array.isArray(__props.min) ? __props.min : [__props.min, __props.min]);
-		const step = computed(() => Array.isArray(__props.step) ? __props.step : [__props.step, __props.step]);
-		const thumbPosition = computed(() => [(unref(modelValue)[0] - unref(min)[0]) / (unref(max)[0] - unref(min)[0]), (unref(modelValue)[1] - unref(min)[1]) / (unref(max)[1] - unref(min)[1])]);
-		function onDecrement(x, y) {
-			if (unref(disabled)) return;
-			let [valueX, valueY] = unref(modelValue);
-			const [maxX, maxY] = unref(max);
-			const [minX, minY] = unref(min);
-			const [stepX, stepY] = unref(step);
-			if (x) valueX = +t$1(Math.max(minX, Math.min(maxX, valueX - stepX)), stepX).toPrecision(4);
-			if (y) valueY = +t$1(Math.max(minY, Math.min(maxY, valueY - stepY)), stepY).toPrecision(4);
-			modelValue.value = [valueX, valueY];
-		}
-		function onIncrement(x, y) {
-			if (unref(disabled)) return;
-			let [valueX, valueY] = unref(modelValue);
-			const [maxX, maxY] = unref(max);
-			const [minX, minY] = unref(min);
-			const [stepX, stepY] = unref(step);
-			if (x) valueX = +t$1(Math.max(minX, Math.min(maxX, valueX + stepX)), stepX).toPrecision(4);
-			if (y) valueY = +t$1(Math.max(minY, Math.min(maxY, valueY + stepY)), stepY).toPrecision(4);
-			modelValue.value = [valueX, valueY];
-		}
-		function onPointerDown(evt) {
-			if (unref(disabled)) return;
-			isDragging.value = true;
-			document.addEventListener("pointermove", onPointerMove);
-			document.addEventListener("pointerup", onPointerUp, { passive: true });
-			requestAnimationFrame(() => onPointerMove(evt));
-		}
-		function onPointerMove(evt) {
-			const root = _$2(rootRef);
-			if (!unref(isDragging) || !root) return;
-			const [maxX, maxY] = unref(max);
-			const [minX, minY] = unref(min);
-			const [stepX, stepY] = unref(step);
-			let { top, left, width, height } = root.getBoundingClientRect();
-			top += 6;
-			left += 6;
-			width -= 12;
-			height -= 12;
-			const x = Math.max(0, Math.min(1, (evt.clientX - left) / width));
-			const y = Math.max(0, Math.min(1, (evt.clientY - top) / height));
-			modelValue.value = [+t$1(x * (maxX - minX) + minX, stepX).toPrecision(4), +t$1(y * (maxY - minY) + minY, stepY).toPrecision(4)];
-			evt.preventDefault();
-		}
-		function onPointerUp() {
-			isDragging.value = false;
-			document.removeEventListener("pointermove", onPointerMove);
-			document.removeEventListener("pointerup", onPointerUp);
-		}
-		watch(isDragging, (isDragging) => emit("dragging", isDragging));
-		onUnmounted(() => {
-			document.removeEventListener("pointermove", onPointerMove);
-			document.removeEventListener("pointerup", onPointerUp);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref: "root",
-				class: normalizeClass(unref(CoordinatePicker_module_default).coordinatePicker),
-				"aria-disabled": unref(disabled) ? true : void 0,
-				"aria-label": __props.ariaLabel,
-				onPointerdown: onPointerDown
-			}, [createVNode(CoordinatePickerThumb_default, {
-				disabled: unref(disabled),
-				"is-dragging": isDragging.value,
-				position: thumbPosition.value,
-				onDecrement,
-				onIncrement
-			}, null, 8, [
-				"disabled",
-				"is-dragging",
-				"position"
-			])], 42, _hoisted_1$46);
-		};
-	}
-});
 //#endregion
 //#region src/component/FluxFormFieldAddition.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = { key: 1 };
+var _hoisted_1$48 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormFieldAddition.vue
 var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
@@ -13262,7 +13112,7 @@ var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 16
 				}, null, 8, ["class", "name"])) : createCommentVNode("", true),
-				__props.message ? (openBlock(), createElementBlock("span", _hoisted_1$45, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+				__props.message ? (openBlock(), createElementBlock("span", _hoisted_1$48, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -13270,7 +13120,7 @@ var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = ["for"];
+var _hoisted_1$47 = ["for"];
 //#endregion
 //#region src/component/FluxFormField.vue
 var FluxFormField_default = /* @__PURE__ */ defineComponent({
@@ -13294,13 +13144,16 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 					for: unref(id),
 					class: normalizeClass(unref(Form_module_default).formFieldHeader)
 				}, [
-					createElementVNode("span", { class: normalizeClass(unref(Form_module_default).formFieldLabel) }, toDisplayString(__props.label), 3),
-					__props.isOptional ? (openBlock(), createElementBlock("span", {
+					__props.label ? (openBlock(), createElementBlock("span", {
 						key: 0,
+						class: normalizeClass(unref(Form_module_default).formFieldLabel)
+					}, toDisplayString(__props.label), 3)) : createCommentVNode("", true),
+					__props.isOptional ? (openBlock(), createElementBlock("span", {
+						key: 1,
 						class: normalizeClass(unref(Form_module_default).formFieldOptional)
 					}, " (" + toDisplayString(unref(translate)("flux.optional")) + ") ", 3)) : createCommentVNode("", true),
 					"value" in slots ? (openBlock(), createElementBlock("span", {
-						key: 1,
+						key: 2,
 						class: normalizeClass(unref(Form_module_default).formFieldValue)
 					}, [renderSlot(_ctx.$slots, "value", normalizeProps(guardReactiveProps({
 						currentLength: __props.currentLength,
@@ -13311,7 +13164,7 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 						label: __props.label,
 						maxLength: __props.maxLength
 					})))], 2)) : createCommentVNode("", true)
-				], 10, _hoisted_1$44),
+				], 10, _hoisted_1$47),
 				renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ id: unref(id) }))),
 				__props.currentLength && __props.maxLength && __props.maxLength > 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -13343,7 +13196,7 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = ["aria-disabled"];
+var _hoisted_1$46 = ["aria-disabled"];
 var _hoisted_2$16 = [
 	"id",
 	"name",
@@ -13365,7 +13218,7 @@ var _hoisted_2$16 = [
 //#region src/component/FluxFormInput.vue
 var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: {
 			type: Boolean,
 			default: false
@@ -13391,7 +13244,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: "" },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"blur",
 		"focus",
 		"showPicker"
@@ -13547,7 +13400,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Form_module_default).formInputIconTrailing),
 					size: 18
 				}, null, 8, ["class"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$43);
+			], 10, _hoisted_1$46);
 		};
 	}
 });
@@ -13718,7 +13571,7 @@ var FluxPaneFooter_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPaneHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = { key: 0 };
+var _hoisted_1$45 = { key: 0 };
 var _hoisted_2$15 = { key: 1 };
 //#endregion
 //#region src/component/FluxPaneHeader.vue
@@ -13742,7 +13595,7 @@ var FluxPaneHeader_default = /* @__PURE__ */ defineComponent({
 				__props.title || __props.subtitle ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref(Pane_module_default).paneHeaderCaption)
-				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$42, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2$15, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$45, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2$15, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "after")
 			], 2);
 		};
@@ -13765,10 +13618,10 @@ var DialogLayout_default = /* @__PURE__ */ defineComponent({
 						icon: __props.icon,
 						title: __props.title
 					}, null, 8, ["icon", "title"]),
-					__props.message ? (openBlock(), createBlock(FluxPaneBody_default, {
-						key: 0,
-						innerHTML: __props.message
-					}, null, 8, ["innerHTML"])) : createCommentVNode("", true),
+					__props.message ? (openBlock(), createBlock(FluxPaneBody_default, { key: 0 }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.message), 1)]),
+						_: 1
+					})) : createCommentVNode("", true),
 					$slots.default ? (openBlock(), createBlock(FluxPaneBody_default, { key: 1 }, {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 						_: 3
@@ -13830,8 +13683,13 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 		function onClick(evt) {
 			emit("click", evt);
 		}
-		watch([() => __props.item, () => __props.value], async () => {
-			valueLabel.value = await unref(getValueLabel)(__props.value) ?? void 0;
+		watch([() => __props.item, () => __props.value], async ([, nextValue], _prev, onCleanup) => {
+			let cancelled = false;
+			onCleanup(() => {
+				cancelled = true;
+			});
+			const nextLabel = await unref(getValueLabel)(nextValue);
+			if (!cancelled) valueLabel.value = nextLabel ?? void 0;
 		}, {
 			deep: true,
 			immediate: true
@@ -13853,7 +13711,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Menu.module.scss
-var { "buttonIcon": _0$9, "button": _1$3, "buttonLabel": _2$2 } = Button_module_default$1;
+var { "buttonIcon": _0$10, "button": _1$3, "buttonLabel": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -13863,7 +13721,7 @@ var Menu_module_default = {
 	menuGroupVertical: `menu-group-vertical menu-group`,
 	menuItem: `menu-item ${_1$3}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_0$9}`,
+	menuItemIcon: `menu-item-icon ${_0$10}`,
 	menuItemLabel: `menu-item-label ${_2$2}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
@@ -13873,7 +13731,7 @@ var Menu_module_default = {
 	menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
 	menuCollapsibleBody: `menu-collapsible-body`,
 	menuCollapsibleContent: `menu-collapsible-content`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_0$9}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_0$10}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -13905,7 +13763,7 @@ var FluxMenuGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = ["src", "alt"];
+var _hoisted_1$44 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxMenuItem.vue
 var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -13982,7 +13840,7 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Menu_module_default).menuItemImage),
 					src: __props.imageSrc,
 					alt: __props.imageAlt ?? ""
-				}, null, 10, _hoisted_1$41)]),
+				}, null, 10, _hoisted_1$44)]),
 				key: "1"
 			} : slots.before ? {
 				name: "iconLeading",
@@ -14049,7 +13907,7 @@ var FluxMenuSubHeader_default = /* @__PURE__ */ defineComponent({
 //#region src/component/primitive/FilterOptionBase.vue
 var FilterOptionBase_default = /* @__PURE__ */ defineComponent({
 	__name: "FilterOptionBase",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		isLoading: { type: Boolean },
 		isSearchable: { type: Boolean },
 		options: {},
@@ -14059,7 +13917,7 @@ var FilterOptionBase_default = /* @__PURE__ */ defineComponent({
 		"searchQuery": { default: "" },
 		"searchQueryModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["select"], ["update:searchQuery"]),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:searchQuery"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelSearch = useModel(__props, "searchQuery");
@@ -14129,7 +13987,7 @@ var INITIAL_HIGHLIGHTED_INDEX = -1;
 var SelectBase_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "SelectBase",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isMultiple: { type: Boolean },
@@ -14141,7 +13999,7 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 		"searchQuery": { default: "" },
 		"searchQueryModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"keyDown",
 		"deselect",
 		"select",
@@ -14388,6 +14246,18 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var Slider_module_default = {
+	slider: `slider`,
+	isDisabled: `is-disabled`,
+	isDragging: `is-dragging`,
+	sliderThumb: `slider-thumb`,
+	sliderTrack: `slider-track`,
+	sliderTrackValue: `slider-track-value`,
+	tick: `tick`,
+	tickLarge: `tick-large tick`,
+	tickSmall: `tick-small tick`,
+	ticks: `ticks`
+};
 //#endregion
 //#region src/component/FluxTicks.vue
 var FluxTicks_default = /* @__PURE__ */ defineComponent({
@@ -14418,7 +14288,7 @@ var FluxTicks_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/primitive/SliderBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = ["aria-disabled"];
+var _hoisted_1$43 = ["aria-disabled"];
 //#endregion
 //#region src/component/primitive/SliderBase.vue
 var SliderBase_default = /* @__PURE__ */ defineComponent({
@@ -14471,13 +14341,13 @@ var SliderBase_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				lower: __props.min,
 				upper: __props.max
-			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$40);
+			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$43);
 		};
 	}
 });
 //#endregion
 //#region src/component/primitive/SliderThumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = [
+var _hoisted_1$42 = [
 	"aria-disabled",
 	"aria-label",
 	"aria-valuemax",
@@ -14536,7 +14406,7 @@ var SliderThumb_default = /* @__PURE__ */ defineComponent({
 				type: "button",
 				onKeydown: onKeyDown,
 				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$39);
+			}, null, 46, _hoisted_1$42);
 		};
 	}
 });
@@ -14641,7 +14511,7 @@ var Divider_module_default = {
 };
 //#endregion
 //#region src/component/FluxSeparator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = ["aria-orientation"];
+var _hoisted_1$41 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxSeparator.vue
 var FluxSeparator_default = /* @__PURE__ */ defineComponent({
@@ -14653,7 +14523,7 @@ var FluxSeparator_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(__props.direction === "horizontal" ? unref(Divider_module_default).separatorHorizontal : unref(Divider_module_default).separatorVertical),
 				role: "separator",
 				"aria-orientation": __props.direction
-			}, null, 10, _hoisted_1$38);
+			}, null, 10, _hoisted_1$41);
 		};
 	}
 });
@@ -14760,7 +14630,7 @@ var VNodeRenderer = defineComponent({
 //#region src/component/FluxFormSlider.vue
 var FluxFormSlider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSlider",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: {
 			type: Boolean,
 			default: false
@@ -14887,6 +14757,179 @@ var FluxFormSlider_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/css/component/primitive/CoordinatePicker.module.scss
+var { "sliderThumb": _0$9 } = Slider_module_default;
+var CoordinatePicker_module_default = {
+	coordinatePicker: `coordinate-picker`,
+	coordinatePickerThumb: `coordinate-picker-thumb ${_0$9}`,
+	isDisabled: `is-disabled`,
+	isDragging: `is-dragging`
+};
+//#endregion
+//#region src/component/primitive/CoordinatePickerThumb.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$40 = [
+	"aria-disabled",
+	"aria-valuetext",
+	"tabindex"
+];
+//#endregion
+//#region src/component/primitive/CoordinatePickerThumb.vue
+var CoordinatePickerThumb_default = /* @__PURE__ */ defineComponent({
+	__name: "CoordinatePickerThumb",
+	props: {
+		disabled: { type: Boolean },
+		isDragging: { type: Boolean },
+		position: {}
+	},
+	emits: [
+		"decrement",
+		"grab",
+		"increment"
+	],
+	setup(__props, { emit: __emit }) {
+		const $emit = __emit;
+		const emit = __emit;
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		function onKeyDown(evt) {
+			if (unref(disabled)) return;
+			switch (evt.key) {
+				case "ArrowUp":
+					emit("decrement", false, true);
+					break;
+				case "ArrowDown":
+					emit("increment", false, true);
+					break;
+				case "ArrowLeft":
+					emit("decrement", true, false);
+					break;
+				case "ArrowRight":
+					emit("increment", true, false);
+					break;
+				default: return;
+			}
+			evt.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				class: normalizeClass(unref(clsx)(unref(CoordinatePicker_module_default).coordinatePickerThumb, unref(disabled) && unref(CoordinatePicker_module_default).isDisabled, __props.isDragging && unref(CoordinatePicker_module_default).isDragging)),
+				style: normalizeStyle({
+					top: `${__props.position[1] * 100}%`,
+					left: `${__props.position[0] * 100}%`
+				}),
+				role: "slider",
+				"aria-disabled": unref(disabled) ? true : void 0,
+				"aria-valuetext": `X: ${Math.round(__props.position[0] * 100)}%, Y: ${Math.round(__props.position[1] * 100)}%`,
+				tabindex: unref(disabled) ? -1 : 0,
+				type: "button",
+				onKeydown: onKeyDown,
+				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
+			}, null, 46, _hoisted_1$40);
+		};
+	}
+});
+//#endregion
+//#region src/component/primitive/CoordinatePicker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$39 = ["aria-disabled", "aria-label"];
+//#endregion
+//#region src/component/primitive/CoordinatePicker.vue
+var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
+	__name: "CoordinatePicker",
+	props: /*@__PURE__*/ mergeModels({
+		ariaLabel: {},
+		disabled: { type: Boolean },
+		max: { default: 100 },
+		min: { default: 0 },
+		step: { default: 1 }
+	}, {
+		"modelValue": { default: [0, 0] },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["dragging"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const modelValue = useModel(__props, "modelValue");
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const rootRef = useTemplateRef("root");
+		const isDragging = ref(false);
+		const max = computed(() => Array.isArray(__props.max) ? __props.max : [__props.max, __props.max]);
+		const min = computed(() => Array.isArray(__props.min) ? __props.min : [__props.min, __props.min]);
+		const step = computed(() => Array.isArray(__props.step) ? __props.step : [__props.step, __props.step]);
+		const thumbPosition = computed(() => [(unref(modelValue)[0] - unref(min)[0]) / (unref(max)[0] - unref(min)[0]), (unref(modelValue)[1] - unref(min)[1]) / (unref(max)[1] - unref(min)[1])]);
+		function onDecrement(x, y) {
+			if (unref(disabled)) return;
+			let [valueX, valueY] = unref(modelValue);
+			const [maxX, maxY] = unref(max);
+			const [minX, minY] = unref(min);
+			const [stepX, stepY] = unref(step);
+			if (x) valueX = +t$1(Math.max(minX, Math.min(maxX, valueX - stepX)), stepX).toPrecision(4);
+			if (y) valueY = +t$1(Math.max(minY, Math.min(maxY, valueY - stepY)), stepY).toPrecision(4);
+			modelValue.value = [valueX, valueY];
+		}
+		function onIncrement(x, y) {
+			if (unref(disabled)) return;
+			let [valueX, valueY] = unref(modelValue);
+			const [maxX, maxY] = unref(max);
+			const [minX, minY] = unref(min);
+			const [stepX, stepY] = unref(step);
+			if (x) valueX = +t$1(Math.max(minX, Math.min(maxX, valueX + stepX)), stepX).toPrecision(4);
+			if (y) valueY = +t$1(Math.max(minY, Math.min(maxY, valueY + stepY)), stepY).toPrecision(4);
+			modelValue.value = [valueX, valueY];
+		}
+		function onPointerDown(evt) {
+			if (unref(disabled)) return;
+			isDragging.value = true;
+			document.addEventListener("pointermove", onPointerMove);
+			document.addEventListener("pointerup", onPointerUp, { passive: true });
+			requestAnimationFrame(() => onPointerMove(evt));
+		}
+		function onPointerMove(evt) {
+			const root = _$2(rootRef);
+			if (!unref(isDragging) || !root) return;
+			const [maxX, maxY] = unref(max);
+			const [minX, minY] = unref(min);
+			const [stepX, stepY] = unref(step);
+			let { top, left, width, height } = root.getBoundingClientRect();
+			top += 6;
+			left += 6;
+			width -= 12;
+			height -= 12;
+			const x = Math.max(0, Math.min(1, (evt.clientX - left) / width));
+			const y = Math.max(0, Math.min(1, (evt.clientY - top) / height));
+			modelValue.value = [+t$1(x * (maxX - minX) + minX, stepX).toPrecision(4), +t$1(y * (maxY - minY) + minY, stepY).toPrecision(4)];
+			evt.preventDefault();
+		}
+		function onPointerUp() {
+			isDragging.value = false;
+			document.removeEventListener("pointermove", onPointerMove);
+			document.removeEventListener("pointerup", onPointerUp);
+		}
+		watch(isDragging, (isDragging) => emit("dragging", isDragging));
+		onUnmounted(() => {
+			document.removeEventListener("pointermove", onPointerMove);
+			document.removeEventListener("pointerup", onPointerUp);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "root",
+				class: normalizeClass(unref(CoordinatePicker_module_default).coordinatePicker),
+				"aria-disabled": unref(disabled) ? true : void 0,
+				"aria-label": __props.ariaLabel,
+				onPointerdown: onPointerDown
+			}, [createVNode(CoordinatePickerThumb_default, {
+				disabled: unref(disabled),
+				"is-dragging": isDragging.value,
+				position: thumbPosition.value,
+				onDecrement,
+				onIncrement
+			}, null, 8, [
+				"disabled",
+				"is-dragging",
+				"position"
+			])], 42, _hoisted_1$39);
+		};
+	}
+});
 var Color_module_default = {
 	colorPicker: `color-picker`,
 	colorPickerPreview: `color-picker-preview`,
@@ -14915,7 +14958,7 @@ var Color_module_default = {
 //#region src/component/FluxColorPicker.vue
 var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxColorPicker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		isAlphaEnabled: { type: Boolean },
 		type: { default: "hex" }
 	}, {
@@ -14963,9 +15006,9 @@ var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 		});
 		const saturationValue = computed({
 			get: () => [unref(saturation), unref(value)],
-			set: ([s, v]) => {
-				saturation.value = s;
-				value.value = v;
+			set: ([nextSaturation, nextValue]) => {
+				saturation.value = nextSaturation;
+				value.value = nextValue;
 			}
 		});
 		const saturationPickerColor = computed(() => {
@@ -15266,7 +15309,7 @@ var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxColorSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = [
+var _hoisted_1$38 = [
 	"aria-checked",
 	"aria-label",
 	"disabled",
@@ -15283,7 +15326,7 @@ var _hoisted_2$14 = [
 //#region src/component/FluxColorSelect.vue
 var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxColorSelect",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		colors: { default: () => [
 			oe,
 			_e,
@@ -15341,7 +15384,7 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Color_module_default).colorSelectCheck),
 					name: "check",
 					size: 14
-				}, null, 8, ["class"])], 14, _hoisted_1$37);
+				}, null, 8, ["class"])], 14, _hoisted_1$38);
 			}), 128)), __props.isCustomAllowed ? (openBlock(), createBlock(FluxFlyout_default, { key: 0 }, {
 				opener: withCtx(({ open }) => [createElementVNode("button", {
 					class: normalizeClass(unref(Color_module_default).colorSelectCustom),
@@ -15397,7 +15440,7 @@ var FluxContainer_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormSelect.vue
 var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSelect",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -15461,16 +15504,16 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Pagination.module.scss
-var { "secondaryButtonLabel": _0$8, "secondaryButton": _1$2, "secondaryButtonIcon": _2$1 } = Button_module_default;
+var { "secondaryButton": _0$8, "secondaryButtonIcon": _1$2, "secondaryButtonLabel": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_1$2}`,
+	paginationButton: `pagination-button ${_0$8}`,
 	secondaryButton: `secondary-button`,
 	paginationButtonArrow: `pagination-button-arrow`,
 	paginationButtonCurrent: `pagination-button-current`,
 	paginationButtonSpacer: `pagination-button-spacer`,
-	paginationButtonIcon: `pagination-button-icon ${_2$1}`,
-	paginationButtonLabel: `pagination-button-label ${_0$8}`,
+	paginationButtonIcon: `pagination-button-icon ${_1$2}`,
+	paginationButtonLabel: `pagination-button-label ${_2$1}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -15550,7 +15593,7 @@ var FluxPaginationButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = ["aria-label"];
+var _hoisted_1$37 = ["aria-label"];
 //#endregion
 //#region src/component/FluxPagination.vue
 var FluxPagination_default = /* @__PURE__ */ defineComponent({
@@ -15606,9 +15649,9 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 				message: translate("flux.paginationNavigateMessage"),
 				fieldLabel: translate("flux.paginationNavigatePage")
 			});
-			const page = Number(pageStr);
-			if (isNaN(page) || page > unref(pages) || page <= 0) return;
-			navigate(page);
+			const target = Number(pageStr);
+			if (isNaN(target) || target > unref(pages) || target <= 0) return;
+			navigate(target);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("nav", {
@@ -15647,7 +15690,7 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 					]))], 64);
 				}), 256)) : (openBlock(), createBlock(FluxPaginationButton_default, {
 					key: 2,
-					class: normalizeClass(unref(Pagination_module_default).paginationCurrentZZ),
+					"is-current": "",
 					onClick: prompt
 				}, {
 					before: withCtx(() => [
@@ -15656,7 +15699,7 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 						createElementVNode("span", null, toDisplayString(pages.value), 1)
 					]),
 					_: 1
-				}, 8, ["class"])),
+				})),
 				__props.arrows || __props.isCompact ? (openBlock(), createBlock(FluxPaginationButton_default, {
 					key: 3,
 					disabled: isNextDisabled.value,
@@ -15665,7 +15708,7 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 					"aria-label": unref(translate)("flux.next"),
 					onClick: next
 				}, null, 8, ["disabled", "aria-label"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$36);
+			], 10, _hoisted_1$37);
 		};
 	}
 });
@@ -15796,9 +15839,9 @@ var FluxTableRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = { key: 0 };
+var _hoisted_1$36 = { key: 0 };
 var _hoisted_2$13 = { key: 1 };
-var _hoisted_3$5 = { key: 2 };
+var _hoisted_3$4 = { key: 2 };
 //#endregion
 //#region src/component/FluxTable.vue
 var FluxTable_default = /* @__PURE__ */ defineComponent({
@@ -15845,17 +15888,17 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 			}, [
 				createElementVNode("table", { class: normalizeClass(unref(Table_module_default).tableBase) }, [
 					renderSlot(_ctx.$slots, "colgroups"),
-					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$35, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
+					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$36, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
 					slots.default ? (openBlock(), createElementBlock("tbody", _hoisted_2$13, [renderSlot(_ctx.$slots, "default"), __props.fillColumns ? (openBlock(), createBlock(FluxTableRow_default, {
 						key: 0,
 						class: normalizeClass(unref(Table_module_default).tableFill)
 					}, {
-						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fillColumns, (_) => {
-							return openBlock(), createBlock(FluxTableCell_default);
-						}), 256))]),
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fillColumns, (n) => {
+							return openBlock(), createBlock(FluxTableCell_default, { key: n });
+						}), 128))]),
 						_: 1
 					}, 8, ["class"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
-					slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_3$5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true),
+					slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_3$4, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true),
 					slots.caption ? (openBlock(), createElementBlock("caption", {
 						key: 3,
 						style: normalizeStyle({ captionSide: __props.captionSide })
@@ -15879,7 +15922,7 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTableHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = ["aria-sort"];
+var _hoisted_1$35 = ["aria-sort"];
 var _hoisted_2$12 = ["aria-label", "onClick"];
 //#endregion
 //#region src/component/FluxTableHeader.vue
@@ -15946,7 +15989,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				})]),
 				_: 1
-			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$34);
+			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$35);
 		};
 	}
 });
@@ -15954,7 +15997,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxDataTable.vue
 var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDataTable",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		fillColumns: {},
 		isBordered: {
 			type: Boolean,
@@ -15987,7 +16030,7 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 		"selected": {},
 		"selectedModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["limit", "navigate"], ["update:selected"]),
+	emits: /*@__PURE__*/ mergeModels(["limit", "navigate"], ["update:selected"]),
 	setup(__props, { emit: __emit }) {
 		const IGNORED_SLOTS = [
 			"filter",
@@ -16204,7 +16247,7 @@ var FluxDisabled_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxDivider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = ["aria-orientation"];
+var _hoisted_1$34 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxDivider.vue
 var FluxDivider_default = /* @__PURE__ */ defineComponent({
@@ -16226,13 +16269,13 @@ var FluxDivider_default = /* @__PURE__ */ defineComponent({
 			}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("hr", {
 				key: 1,
 				class: normalizeClass(unref(Divider_module_default).dividerLine)
-			}, null, 2))], 10, _hoisted_1$33);
+			}, null, 2))], 10, _hoisted_1$34);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxDotPattern.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = [
+var _hoisted_1$33 = [
 	"id",
 	"width",
 	"height"
@@ -16242,7 +16285,7 @@ var _hoisted_2$11 = [
 	"cx",
 	"cy"
 ];
-var _hoisted_3$4 = ["fill"];
+var _hoisted_3$3 = ["fill"];
 //#endregion
 //#region src/component/FluxDotPattern.vue
 var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
@@ -16287,12 +16330,12 @@ var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
 				r: __props.cr,
 				cx: __props.width / 2 - __props.cx,
 				cy: __props.height / 2 - __props.cy
-			}, null, 8, _hoisted_2$11)], 8, _hoisted_1$32)]), createElementVNode("rect", {
+			}, null, 8, _hoisted_2$11)], 8, _hoisted_1$33)]), createElementVNode("rect", {
 				width: "100%",
 				height: "100%",
 				"stroke-width": "0",
 				fill: `url(#${unref(id)})`
-			}, null, 8, _hoisted_3$4)], 2);
+			}, null, 8, _hoisted_3$3)], 2);
 		};
 	}
 });
@@ -16310,7 +16353,7 @@ var DropZone_module_default = {
 };
 //#endregion
 //#region src/component/FluxDropZone.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = [
+var _hoisted_1$32 = [
 	"aria-disabled",
 	"aria-label",
 	"tabindex"
@@ -16456,7 +16499,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 					isDraggingOver: isDraggingOver.value,
 					showPicker
 				})))
-			], 42, _hoisted_1$31);
+			], 42, _hoisted_1$32);
 		};
 	}
 });
@@ -16486,7 +16529,7 @@ var Expandable_module_default = {
 };
 //#endregion
 //#region src/component/FluxExpandable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = [
+var _hoisted_1$31 = [
 	"id",
 	"aria-controls",
 	"aria-expanded"
@@ -16584,7 +16627,7 @@ var FluxExpandable_default = /* @__PURE__ */ defineComponent({
 					close
 				})))], 2)])], 10, _hoisted_2$9)) : createCommentVNode("", true)]),
 				_: 3
-			})], 10, _hoisted_1$30);
+			})], 10, _hoisted_1$31);
 		};
 	}
 });
@@ -16684,7 +16727,7 @@ var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	},
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"back",
 		"clear",
 		"reset"
@@ -16699,41 +16742,41 @@ var FluxFilterBase_default = /* @__PURE__ */ defineComponent({
 		}
 		const flattenedFilters = computed(() => a$2(slots.filters?.() ?? []));
 		const buttons = computed(() => {
-			const buttons = {};
+			const result = {};
 			const items = unref(flattenedFilters);
 			for (const item of items) {
 				const definition = resolveDefinition(item);
 				if (!definition) continue;
-				buttons[definition.name] = definition;
+				result[definition.name] = definition;
 			}
-			return buttons;
+			return result;
 		});
 		const filters = computed(() => {
-			const filters = {};
+			const result = {};
 			const items = unref(flattenedFilters);
 			for (const item of items) {
 				const definition = resolveDefinition(item);
 				if (!definition) continue;
-				filters[definition.name] = item;
+				result[definition.name] = item;
 			}
-			return filters;
+			return result;
 		});
 		const menuItems = computed(() => {
-			const menuItems = [[]];
+			const result = [[]];
 			const items = unref(flattenedFilters);
 			for (const item of items) {
 				if (f$3(item) === "FluxSeparator") {
-					menuItems.push([]);
+					result.push([]);
 					continue;
 				}
 				const definition = resolveDefinition(item);
 				if (definition) {
-					menuItems[menuItems.length - 1].push(definition);
+					result[result.length - 1].push(definition);
 					continue;
 				}
-				menuItems[menuItems.length - 1].push(item);
+				result[result.length - 1].push(item);
 			}
-			return menuItems;
+			return result;
 		});
 		watchEffect(() => {
 			const state = unref(modelValue);
@@ -16910,7 +16953,7 @@ var FluxFilter_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	},
-	emits: /* @__PURE__ */ mergeModels(["clear", "reset"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["clear", "reset"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
@@ -17031,7 +17074,7 @@ var FluxOverflowBar_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFilterBar.vue
 var FluxFilterBar_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFilterBar",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		isSearchable: { type: Boolean },
 		searchPlaceholder: {}
 	}, {
@@ -17040,7 +17083,7 @@ var FluxFilterBar_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["clear", "reset"], ["update:search", "update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["clear", "reset"], ["update:search", "update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelSearch = useModel(__props, "search");
@@ -17308,7 +17351,7 @@ var FluxFilterOption_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOption",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17366,7 +17409,7 @@ var FluxFilterOptionAsync_default = /* @__PURE__ */ defineComponent({
 		}
 	})),
 	__name: "FluxFilterOptionAsync",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17441,7 +17484,7 @@ var FluxFilterOptions_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOptions",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17503,7 +17546,7 @@ var FluxFilterOptionsAsync_default = /* @__PURE__ */ defineComponent({
 		};
 	}),
 	__name: "FluxFilterOptionsAsync",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		icon: {},
 		label: {},
 		name: {},
@@ -17803,12 +17846,12 @@ var FocalPoint_module_default = {
 };
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = ["src"];
+var _hoisted_1$30 = ["src"];
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue
 var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFocalPointEditor",
-	props: /* @__PURE__ */ mergeModels({ src: {} }, {
+	props: /*@__PURE__*/ mergeModels({ src: {} }, {
 		"modelValue": { required: true },
 		"modelModifiers": {}
 	}),
@@ -17872,7 +17915,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 							src: __props.src,
 							alt: "",
 							onLoad: onImageLoaded
-						}, null, 42, _hoisted_1$29), createElementVNode("div", {
+						}, null, 42, _hoisted_1$30), createElementVNode("div", {
 							class: normalizeClass(unref(FocalPoint_module_default).focalPointEditorArea),
 							style: normalizeStyle({
 								top: `${focalPointY.value}%`,
@@ -17901,7 +17944,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFocalPointImage.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = ["src", "alt"];
+var _hoisted_1$29 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxFocalPointImage.vue
 var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
@@ -17920,13 +17963,13 @@ var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle({ objectPosition: `${x.value}% ${y.value}%` }),
 				src: __props.src,
 				alt: __props.alt
-			}, null, 14, _hoisted_1$28);
+			}, null, 14, _hoisted_1$29);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxForm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = ["aria-disabled"];
+var _hoisted_1$28 = ["aria-disabled"];
 //#endregion
 //#region src/component/FluxForm.vue
 var FluxForm_default = /* @__PURE__ */ defineComponent({
@@ -17949,7 +17992,7 @@ var FluxForm_default = /* @__PURE__ */ defineComponent({
 			}, [createVNode(FluxDisabled_default, { disabled: __props.disabled }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["disabled"])], 42, _hoisted_1$27);
+			}, 8, ["disabled"])], 42, _hoisted_1$28);
 		};
 	}
 });
@@ -17974,7 +18017,7 @@ var FluxFormInputGroup_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormDateInput.vue
 var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -17991,7 +18034,7 @@ var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: null },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["blur", "focus"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["blur", "focus"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
@@ -18061,12 +18104,12 @@ var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = { key: 0 };
+var _hoisted_1$27 = { key: 0 };
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue
 var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateRangeInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -18107,7 +18150,7 @@ var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [createElementVNode("div", {
 						class: normalizeClass(unref(clsx)(unref(Form_module_default).formDateRangeInput, unref(disabled) && unref(Form_module_default).isDisabled, __props.isCondensed && unref(Form_module_default).isCondensed, __props.isSecondary && unref(Form_module_default).isSecondary, __props.error && unref(Form_module_default).isInvalid)),
 						role: "presentation"
-					}, [label.value ? (openBlock(), createElementBlock("span", _hoisted_1$26, toDisplayString(label.value), 1)) : __props.placeholder ? (openBlock(), createElementBlock("span", {
+					}, [label.value ? (openBlock(), createElementBlock("span", _hoisted_1$27, toDisplayString(label.value), 1)) : __props.placeholder ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass(unref(Form_module_default).formSelectPlaceholder)
 					}, toDisplayString(__props.placeholder), 3)) : createCommentVNode("", true)], 2), createVNode(FluxSecondaryButton_default, {
@@ -18142,7 +18185,7 @@ var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormDateTimeInput.vue
 var FluxFormDateTimeInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormDateTimeInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -18279,7 +18322,7 @@ var FluxFormGrid_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormInputAddition.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = { key: 1 };
+var _hoisted_1$26 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormInputAddition.vue
 var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
@@ -18296,7 +18339,7 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 18
 				}, null, 8, ["name"])) : createCommentVNode("", true),
-				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$25, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$26, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -18304,7 +18347,7 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormPinInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = [
+var _hoisted_1$25 = [
 	"id",
 	"name",
 	"autofocus",
@@ -18325,7 +18368,7 @@ var _hoisted_2$8 = [
 //#region src/component/FluxFormPinInput.vue
 var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormPinInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: {
 			type: Boolean,
 			default: false
@@ -18428,7 +18471,7 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 					onKeydown: onKeyDown,
 					onPaste
 				}, null, 42, _hoisted_2$8);
-			}), 128))], 14, _hoisted_1$24);
+			}), 128))], 14, _hoisted_1$25);
 		};
 	}
 });
@@ -18436,7 +18479,7 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormRangeSlider.vue
 var FluxFormRangeSlider_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormRangeSlider",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		error: {},
 		isLoading: { type: Boolean },
@@ -18628,7 +18671,7 @@ var FluxFormSection_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxFormSelectAsync.vue
 var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormSelectAsync",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -18724,7 +18767,7 @@ var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormTextArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = [
+var _hoisted_1$24 = [
 	"id",
 	"name",
 	"autocomplete",
@@ -18741,7 +18784,7 @@ var _hoisted_1$23 = [
 //#region src/component/FluxFormTextArea.vue
 var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormTextArea",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: {
 			type: Boolean,
 			default: false
@@ -18761,7 +18804,7 @@ var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 		"modelValue": { default: "" },
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["blur", "focus"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["blur", "focus"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
@@ -18786,7 +18829,7 @@ var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 				"aria-invalid": __props.error ? true : void 0,
 				onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur")),
 				onFocus: _cache[2] || (_cache[2] = ($event) => emit("focus"))
-			}, null, 46, _hoisted_1$23)), [[vModelText, modelValue.value]]);
+			}, null, 46, _hoisted_1$24)), [[vModelText, modelValue.value]]);
 		};
 	}
 });
@@ -19412,7 +19455,7 @@ var TIME_ZONE_GROUP_ORDER = [
 //#region src/component/FluxFormTimeZonePicker.vue
 var FluxFormTimeZonePicker_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFormTimeZonePicker",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -19513,7 +19556,7 @@ var TreeViewSelect_module_default = {
 };
 //#endregion
 //#region src/component/FluxFormTreeViewSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = [
+var _hoisted_1$23 = [
 	"role",
 	"tabindex",
 	"aria-selected",
@@ -19525,7 +19568,7 @@ var _hoisted_1$22 = [
 var FluxFormTreeViewSelect_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "FluxFormTreeViewSelect",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autoFocus: { type: Boolean },
 		disabled: { type: Boolean },
 		error: {},
@@ -19754,7 +19797,7 @@ var FluxFormTreeViewSelect_default = /* @__PURE__ */ defineComponent({
 							"expanded",
 							"level-colors",
 							"onExpandClick"
-						])], 42, _hoisted_1$22);
+						])], 42, _hoisted_1$23);
 					}), 128))], 2)]),
 					_: 1
 				}, 8, ["class", "anchor"])) : createCommentVNode("", true)]),
@@ -19769,7 +19812,7 @@ var Remove_module_default = {
 };
 //#endregion
 //#region src/component/FluxRemove.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = ["aria-label"];
+var _hoisted_1$22 = ["aria-label"];
 //#endregion
 //#region src/component/FluxRemove.vue
 var FluxRemove_default = /* @__PURE__ */ defineComponent({
@@ -19792,7 +19835,7 @@ var FluxRemove_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				name: __props.icon,
 				size: 16
-			}, null, 8, ["name"])) : createCommentVNode("", true)], 10, _hoisted_1$21);
+			}, null, 8, ["name"])) : createCommentVNode("", true)], 10, _hoisted_1$22);
 		};
 	}
 });
@@ -19865,7 +19908,7 @@ var FluxGalleryItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxGallery.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = ["onClick"];
+var _hoisted_1$21 = ["onClick"];
 //#endregion
 //#region src/component/FluxGallery.vue
 var FluxGallery_default = /* @__PURE__ */ defineComponent({
@@ -19943,7 +19986,7 @@ var FluxGallery_default = /* @__PURE__ */ defineComponent({
 							class: normalizeClass(unref(Gallery_module_default).galleryAdd),
 							type: "button",
 							onClick: ($event) => showPicker()
-						}, [createVNode(FluxIcon_default, { name: "plus" })], 10, _hoisted_1$20)) : createCommentVNode("", true)
+						}, [createVNode(FluxIcon_default, { name: "plus" })], 10, _hoisted_1$21)) : createCommentVNode("", true)
 					]),
 					_: 2
 				}, 1032, ["class", "move-class"])]),
@@ -20018,13 +20061,13 @@ var FluxGridColumn_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxGridPattern.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = [
+var _hoisted_1$20 = [
 	"id",
 	"width",
 	"height"
 ];
 var _hoisted_2$7 = ["d", "stroke-dasharray"];
-var _hoisted_3$3 = ["fill"];
+var _hoisted_3$2 = ["fill"];
 var _hoisted_4 = {
 	key: 0,
 	style: { "overflow": "visible" }
@@ -20063,13 +20106,13 @@ var FluxGridPattern_default = /* @__PURE__ */ defineComponent({
 					d: `M.5 ${__props.height}V.5H${__props.width}`,
 					fill: "none",
 					"stroke-dasharray": __props.strokeDasharray
-				}, null, 8, _hoisted_2$7)], 8, _hoisted_1$19)]),
+				}, null, 8, _hoisted_2$7)], 8, _hoisted_1$20)]),
 				createElementVNode("rect", {
 					width: "100%",
 					height: "100%",
 					"stroke-width": "0",
 					fill: `url(#${unref(id)})`
-				}, null, 8, _hoisted_3$3),
+				}, null, 8, _hoisted_3$2),
 				__props.squares ? (openBlock(), createElementBlock("svg", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.squares, ([x, y]) => {
 					return openBlock(), createElementBlock("rect", {
 						key: `${x}-${y}`,
@@ -20130,7 +20173,7 @@ var Kanban_module_default = {
 };
 //#endregion
 //#region src/component/FluxKanban.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = ["aria-label"];
+var _hoisted_1$19 = ["aria-label"];
 //#endregion
 //#region src/component/FluxKanban.vue
 var FluxKanban_default = /* @__PURE__ */ defineComponent({
@@ -20197,13 +20240,13 @@ var FluxKanban_default = /* @__PURE__ */ defineComponent({
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				class: normalizeClass(unref(Kanban_module_default).kanbanLiveRegion)
-			}, toDisplayString(liveMessage.value), 3)], 10, _hoisted_1$18);
+			}, toDisplayString(liveMessage.value), 3)], 10, _hoisted_1$19);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxKanbanColumn.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["aria-label", "aria-disabled"];
+var _hoisted_1$18 = ["aria-label", "aria-disabled"];
 var _hoisted_2$6 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/FluxKanbanColumn.vue
@@ -20384,14 +20427,14 @@ var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
 				hasFooter.value ? (openBlock(), createElementBlock("footer", {
 					key: 0,
 					class: normalizeClass(unref(Kanban_module_default).kanbanColumnFooter)
-				}, [hasFooter.value ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$17);
+				}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+			], 10, _hoisted_1$18);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxKanbanItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = [
+var _hoisted_1$17 = [
 	"aria-disabled",
 	"draggable",
 	"tabindex"
@@ -20517,7 +20560,7 @@ var FluxKanbanItem_default = /* @__PURE__ */ defineComponent({
 				onDragover: withModifiers(onDragOver, ["stop"]),
 				onFocus,
 				onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeyDown) && unref(handleKeyDown)(...args))
-			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$16);
+			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$17);
 		};
 	}
 });
@@ -20714,7 +20757,7 @@ var FluxLink_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxMenuCollapsible.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = ["id"];
+var _hoisted_1$16 = ["id"];
 //#endregion
 //#region src/component/FluxMenuCollapsible.vue
 var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
@@ -20824,7 +20867,7 @@ var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
 					id: unref(bodyId),
 					class: normalizeClass(unref(Menu_module_default).menuCollapsibleBody),
 					role: "group"
-				}, [createElementVNode("div", { class: normalizeClass(unref(Menu_module_default).menuCollapsibleContent) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$15)) : createCommentVNode("", true)]),
+				}, [createElementVNode("div", { class: normalizeClass(unref(Menu_module_default).menuCollapsibleContent) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$16)) : createCommentVNode("", true)]),
 				_: 3
 			})], 2);
 		};
@@ -20834,7 +20877,7 @@ var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxMenuOptions.vue
 var FluxMenuOptions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuOptions",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		isHorizontal: { type: Boolean },
 		mode: { default: "highlight" }
 	}, {
@@ -20902,7 +20945,7 @@ var Notice_module_default = {
 };
 //#endregion
 //#region src/component/FluxNotice.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = ["aria-label"];
+var _hoisted_1$15 = ["aria-label"];
 //#endregion
 //#region src/component/FluxNotice.vue
 var FluxNotice_default = /* @__PURE__ */ defineComponent({
@@ -20953,7 +20996,7 @@ var FluxNotice_default = /* @__PURE__ */ defineComponent({
 					type: "button",
 					"aria-label": unref(translate)("flux.close"),
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$14)) : createCommentVNode("", true)
+				}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$15)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
@@ -21206,7 +21249,7 @@ var FluxPaneIllustration_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPaneMedia.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = ["src", "alt"];
+var _hoisted_1$14 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxPaneMedia.vue
 var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
@@ -21231,7 +21274,7 @@ var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
 				}),
 				src: __props.imageUrl,
 				alt: __props.imageAlt
-			}, null, 14, _hoisted_1$13)) : createCommentVNode("", true)], 2);
+			}, null, 14, _hoisted_1$14)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
@@ -21276,7 +21319,7 @@ var FluxPercentageBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPersona.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = { key: 0 };
+var _hoisted_1$13 = { key: 0 };
 //#endregion
 //#region src/component/FluxPersona.vue
 var FluxPersona_default = /* @__PURE__ */ defineComponent({
@@ -21316,13 +21359,13 @@ var FluxPersona_default = /* @__PURE__ */ defineComponent({
 			]), !__props.isCompact ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(Avatar_module_default).personaDetails)
-			}, [createElementVNode("strong", null, toDisplayString(__props.name), 1), __props.title ? (openBlock(), createElementBlock("span", _hoisted_1$12, toDisplayString(__props.title), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2);
+			}, [createElementVNode("strong", null, toDisplayString(__props.name), 1), __props.title ? (openBlock(), createElementBlock("span", _hoisted_1$13, toDisplayString(__props.title), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxPlaceholder.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { key: 0 };
+var _hoisted_1$12 = { key: 0 };
 var _hoisted_2$5 = { key: 1 };
 //#endregion
 //#region src/component/FluxPlaceholder.vue
@@ -21352,7 +21395,7 @@ var FluxPlaceholder_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Placeholder_module_default).placeholderIcon),
 					name: __props.icon
 				}, null, 8, ["class", "name"])) : createCommentVNode("", true),
-				createElementVNode("div", { class: normalizeClass(unref(Placeholder_module_default).placeholderCaption) }, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$11, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.message ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
+				createElementVNode("div", { class: normalizeClass(unref(Placeholder_module_default).placeholderCaption) }, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$12, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.message ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -21578,7 +21621,7 @@ var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxQuantitySelector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = [
+var _hoisted_1$11 = [
 	"disabled",
 	"max",
 	"min",
@@ -21588,7 +21631,7 @@ var _hoisted_1$10 = [
 //#region src/component/FluxQuantitySelector.vue
 var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxQuantitySelector",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		max: { default: 100 },
 		min: { default: 0 },
@@ -21651,7 +21694,7 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 						max: __props.max,
 						min: __props.min,
 						step: __props.step
-					}, null, 14, _hoisted_1$10), [[vModelText, modelValue.value]]),
+					}, null, 14, _hoisted_1$11), [[vModelText, modelValue.value]]),
 					createVNode(FluxSecondaryButton_default, {
 						class: normalizeClass(unref(Form_module_default).quantitySelectorButton),
 						disabled: unref(disabled) || modelValue.value >= __props.max,
@@ -21698,7 +21741,7 @@ var Snackbar_module_default = {
 };
 //#endregion
 //#region src/component/FluxSnackbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = ["onClick"];
+var _hoisted_1$10 = ["onClick"];
 //#endregion
 //#region src/component/FluxSnackbar.vue
 var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
@@ -21814,7 +21857,7 @@ var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
 						tabindex: "-1",
 						type: "button",
 						onClick: ($event) => onAction(actionKey)
-					}, [createElementVNode("span", null, toDisplayString(actionLabel), 1)], 10, _hoisted_1$9);
+					}, [createElementVNode("span", null, toDisplayString(actionLabel), 1)], 10, _hoisted_1$10);
 				}), 128))], 2)) : createCommentVNode("", true),
 				__props.isCloseable ? (openBlock(), createBlock(FluxAction_default, {
 					key: 1,
@@ -22017,7 +22060,7 @@ var Root_module_default = {
 };
 //#endregion
 //#region src/component/FluxRoot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = ["inert"];
+var _hoisted_1$9 = ["inert"];
 //#endregion
 //#region src/component/FluxRoot.vue
 var FluxRoot_default = /* @__PURE__ */ defineComponent({
@@ -22035,7 +22078,7 @@ var FluxRoot_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("div", mergeProps($attrs, {
 					class: unref(Root_module_default).root,
 					inert: unref(inertMain)
-				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$8),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$9),
 				createVNode(FluxOverlayProvider_default),
 				createVNode(FluxSnackbarProvider_default),
 				createVNode(FluxTooltipProvider_default)
@@ -22169,82 +22212,97 @@ var SegmentedControl_module_default = {
 	segmentedControlHighlight: `segmented-control-highlight`,
 	segmentedControlItem: `segmented-control-item`,
 	isActive: `is-active`,
-	segmentedControlSeparator: `segmented-control-separator`
+	isSmall: `is-small`,
+	isMedium: `is-medium`,
+	isLarge: `is-large`
 };
 //#endregion
 //#region src/component/FluxSegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = ["aria-label"];
-var _hoisted_2$4 = [
-	"aria-checked",
-	"aria-label",
-	"tabindex",
-	"onClick"
-];
-var _hoisted_3$2 = { key: 1 };
+var _hoisted_1$8 = ["aria-label"];
 //#endregion
 //#region src/component/FluxSegmentedControl.vue
 var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxSegmentedControl",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		ariaLabel: {},
 		isFill: { type: Boolean },
-		items: {}
+		size: { default: "medium" }
 	}, {
-		"modelValue": { default: 0 },
+		"modelValue": {},
 		"modelModifiers": {}
 	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const modelValue = useModel(__props, "modelValue");
 		const controlRef = useTemplateRef("control");
-		const itemRefs = useTemplateRef("items");
 		const activeItemX = ref(0);
 		const activeItemWidth = ref(0);
-		const isAlive = ref(true);
-		onBeforeUnmount(() => {
-			isAlive.value = false;
+		const items = /* @__PURE__ */ new Map();
+		provide(FluxSegmentedControlInjectionKey, {
+			modelValue,
+			size: toRef(() => __props.size),
+			select,
+			registerItem(element, value) {
+				items.set(element, value);
+				updateHighlight();
+			},
+			unregisterItem(element) {
+				items.delete(element);
+				updateHighlight();
+			}
 		});
-		watchEffect(() => updateHighlight(unref(modelValue)), { flush: "post" });
-		ye$1(controlRef, () => updateHighlight(unref(modelValue)));
-		function activate(index) {
-			modelValue.value = index;
-			(itemRefs.value?.[index])?.focus();
+		onMounted(() => updateHighlight());
+		watch(modelValue, () => updateHighlight(), { flush: "post" });
+		he$1(controlRef, () => updateHighlight(), {
+			childList: true,
+			subtree: true
+		});
+		ye$1(controlRef, () => updateHighlight());
+		function select(value) {
+			modelValue.value = value;
 		}
 		function onKeyDown(evt) {
-			const items = itemRefs.value;
-			if (!items) return;
-			let newIndex = null;
+			const control = controlRef.value;
+			if (!control) return;
+			const radios = Array.from(control.querySelectorAll("[role=radio]:not([disabled])"));
+			if (radios.length === 0) return;
+			const activeElement = control.querySelector("[role=radio][aria-checked=true]");
+			const currentIndex = activeElement ? radios.indexOf(activeElement) : -1;
+			let newIndex;
 			switch (evt.key) {
 				case "ArrowLeft":
 				case "ArrowUp":
-					newIndex = Math.max(0, unref(modelValue) - 1);
+					newIndex = Math.max(0, currentIndex - 1);
 					break;
 				case "ArrowRight":
 				case "ArrowDown":
-					newIndex = Math.min(items.length - 1, unref(modelValue) + 1);
+					newIndex = Math.min(radios.length - 1, currentIndex + 1);
 					break;
 				case "Home":
 					newIndex = 0;
 					break;
 				case "End":
-					newIndex = items.length - 1;
+					newIndex = radios.length - 1;
 					break;
 				default: return;
 			}
-			activate(newIndex);
+			const target = radios[newIndex];
+			const value = items.get(target);
+			if (value !== void 0) select(value);
+			target.focus();
 			evt.preventDefault();
 		}
-		function updateHighlight(index) {
-			if (!isAlive.value) return;
-			const itemRef = itemRefs.value?.[index];
+		function updateHighlight() {
 			const control = controlRef.value;
-			if (!itemRef || !control) return;
-			const width = itemRef.offsetWidth;
+			if (!control) return;
+			const activeElement = control.querySelector("[role=radio][aria-checked=true]");
+			if (!activeElement) {
+				activeItemWidth.value = 0;
+				return;
+			}
+			const width = activeElement.offsetWidth;
 			if (width === 0) return;
-			const controlRect = control.getBoundingClientRect();
-			const itemRect = itemRef.getBoundingClientRect();
-			const scaleX = control.offsetWidth > 0 ? controlRect.width / control.offsetWidth : 1;
-			activeItemX.value = (itemRect.left - controlRect.left) / scaleX;
+			activeItemX.value = activeElement.offsetLeft;
 			activeItemWidth.value = width;
 		}
 		return (_ctx, _cache) => {
@@ -22261,37 +22319,79 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 					left: `${activeItemX.value}px`,
 					width: `${activeItemWidth.value}px`
 				})
-			}, null, 6)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-				return openBlock(), createElementBlock(Fragment, null, [index > 0 ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(clsx)(unref(SegmentedControl_module_default).segmentedControlSeparator, (index === modelValue.value || index === modelValue.value + 1) && unref(SegmentedControl_module_default).isActive)),
-					role: "separator"
-				}, null, 2)) : createCommentVNode("", true), createElementVNode("button", {
-					ref_for: true,
-					ref: "items",
-					class: normalizeClass(unref(clsx)(unref(SegmentedControl_module_default).segmentedControlItem, index === modelValue.value && unref(SegmentedControl_module_default).isActive)),
-					role: "radio",
-					"aria-checked": index === modelValue.value,
-					"aria-label": item.label,
-					tabindex: index === modelValue.value ? 0 : -1,
-					type: "button",
-					onClick: ($event) => activate(index)
-				}, [item.icon ? (openBlock(), createBlock(FluxIcon_default, {
-					key: 0,
-					name: item.icon,
-					size: 15
-				}, null, 8, ["name"])) : createCommentVNode("", true), item.label ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)], 10, _hoisted_2$4)], 64);
-			}), 256))], 42, _hoisted_1$7);
+			}, null, 6)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$8);
 		};
 	}
 });
 //#endregion
-//#region src/component/FluxSegmentedView.vue
-var FluxSegmentedView_default = defineComponent({
-	props: { index: Number },
-	setup(props, { slots }) {
-		return () => {
-			return slots.default()[props.index];
+//#region src/component/FluxSegmentedControlItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = [
+	"aria-checked",
+	"aria-disabled",
+	"disabled",
+	"tabindex"
+];
+var _hoisted_2$4 = { key: 1 };
+//#endregion
+//#region src/component/FluxSegmentedControlItem.vue
+var FluxSegmentedControlItem_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxSegmentedControlItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		icon: {},
+		label: {}
+	},
+	setup(__props) {
+		const control = useSegmentedControlInjection_default();
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const itemRef = useTemplateRef("item");
+		const sizeClasses = {
+			small: SegmentedControl_module_default.isSmall,
+			medium: SegmentedControl_module_default.isMedium,
+			large: SegmentedControl_module_default.isLarge
+		};
+		const iconSizes = {
+			small: 14,
+			medium: 16,
+			large: 18
+		};
+		const isActive = computed(() => control.modelValue.value === __props.value);
+		const iconSize = computed(() => iconSizes[unref(control.size)]);
+		const itemClass = computed(() => clsx(SegmentedControl_module_default.segmentedControlItem, sizeClasses[unref(control.size)], isActive.value && SegmentedControl_module_default.isActive));
+		onMounted(() => {
+			const element = unref(itemRef);
+			if (!element) return;
+			control.registerItem(element, __props.value);
+			if (control.modelValue.value === void 0 && !unref(disabled)) control.select(__props.value);
+		});
+		onBeforeUnmount(() => {
+			const element = unref(itemRef);
+			if (element) control.unregisterItem(element);
+		});
+		function onClick(evt) {
+			if (unref(disabled)) {
+				evt.preventDefault();
+				return;
+			}
+			control.select(__props.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				ref: "item",
+				class: normalizeClass(itemClass.value),
+				role: "radio",
+				"aria-checked": isActive.value,
+				"aria-disabled": unref(disabled) ? true : void 0,
+				disabled: unref(disabled) ? true : void 0,
+				tabindex: isActive.value ? 0 : -1,
+				type: "button",
+				onClick
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [__props.icon ? (openBlock(), createBlock(FluxIcon_default, {
+				key: 0,
+				name: __props.icon,
+				size: iconSize.value
+			}, null, 8, ["name", "size"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(__props.label), 1)) : createCommentVNode("", true)])], 10, _hoisted_1$7);
 		};
 	}
 });
@@ -23013,7 +23113,7 @@ var FluxTabBarItem_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxTabs.vue
 var FluxTabs_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTabs",
-	props: /* @__PURE__ */ mergeModels({ isPills: { type: Boolean } }, {
+	props: /*@__PURE__*/ mergeModels({ isPills: { type: Boolean } }, {
 		"modelValue": { default: 0 },
 		"modelModifiers": {}
 	}),
@@ -23226,7 +23326,7 @@ var _hoisted_2 = [
 //#region src/component/FluxToggle.vue
 var FluxToggle_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxToggle",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
 		error: {},
 		isReadonly: { type: Boolean },
@@ -23420,6 +23520,6 @@ var FluxTreeView_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlex_default as FluxFlex, FluxFlexItem_default as FluxFlexItem, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxKanban_default as FluxKanban, FluxKanbanColumn_default as FluxKanbanColumn, FluxKanbanItem_default as FluxKanbanItem, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxScroller_default as FluxScroller, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedView_default as FluxSegmentedView, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxSplitView_default as FluxSplitView, FluxSplitViewPane_default as FluxSplitViewPane, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxSticky_default as FluxSticky, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, defineFilter, fluxRegisterIcons, iconRegistry, isFluxFilterOptionHeader, isFluxFilterOptionItem, isFluxFormSelectGroup, isFluxFormSelectOption, pickFilterCommon, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useCalendarInjection_default as useCalendarInjection, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useKanbanInjection_default as useKanbanInjection, useTabBarInjection_default as useTabBarInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
+export { FluxAction_default as FluxAction, FluxActionBar_default as FluxActionBar, FluxActionPane_default as FluxActionPane, FluxActionStack_default as FluxActionStack, FluxAdaptiveGroup_default as FluxAdaptiveGroup, FluxAdaptiveSlot_default as FluxAdaptiveSlot, FluxAnimatedColors_default as FluxAnimatedColors, FluxAspectRatio_default as FluxAspectRatio, FluxAutoHeightTransition_default as FluxAutoHeightTransition, FluxAutoWidthTransition_default as FluxAutoWidthTransition, FluxAvatar_default as FluxAvatar, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, FluxCheckbox_default as FluxCheckbox, FluxChip_default as FluxChip, FluxClickablePane_default as FluxClickablePane, FluxColorPicker_default as FluxColorPicker, FluxColorSelect_default as FluxColorSelect, FluxCommandPalette_default as FluxCommandPalette, FluxCommandPaletteGroup_default as FluxCommandPaletteGroup, FluxCommandPaletteItem_default as FluxCommandPaletteItem, FluxComment_default as FluxComment, FluxContainer_default as FluxContainer, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDestructiveButton_default as FluxDestructiveButton, FluxDisabled_default as FluxDisabled, FluxDivider_default as FluxDivider, FluxDotPattern_default as FluxDotPattern, FluxDropZone_default as FluxDropZone, FluxDynamicView_default as FluxDynamicView, FluxExpandable_default as FluxExpandable, FluxExpandableGroup_default as FluxExpandableGroup, FluxFadeTransition_default as FluxFadeTransition, FluxFader_default as FluxFader, FluxFaderItem_default as FluxFaderItem, FluxFilter_default as FluxFilter, FluxFilterBar_default as FluxFilterBar, FluxFilterDate_default as FluxFilterDate, FluxFilterDateRange_default as FluxFilterDateRange, FluxFilterOption_default as FluxFilterOption, FluxFilterOptionAsync_default as FluxFilterOptionAsync, FluxFilterOptions_default as FluxFilterOptions, FluxFilterOptionsAsync_default as FluxFilterOptionsAsync, FluxFilterRange_default as FluxFilterRange, FluxFlex_default as FluxFlex, FluxFlexItem_default as FluxFlexItem, FluxFlickeringGrid_default as FluxFlickeringGrid, FluxFlyout_default as FluxFlyout, FluxFocalPointEditor_default as FluxFocalPointEditor, FluxFocalPointImage_default as FluxFocalPointImage, FluxForm_default as FluxForm, FluxFormColumn_default as FluxFormColumn, FluxFormDateInput_default as FluxFormDateInput, FluxFormDateRangeInput_default as FluxFormDateRangeInput, FluxFormDateTimeInput_default as FluxFormDateTimeInput, FluxFormField_default as FluxFormField, FluxFormFieldAddition_default as FluxFormFieldAddition, FluxFormGrid_default as FluxFormGrid, FluxFormInput_default as FluxFormInput, FluxFormInputAddition_default as FluxFormInputAddition, FluxFormInputGroup_default as FluxFormInputGroup, FluxFormPinInput_default as FluxFormPinInput, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTextArea_default as FluxFormTextArea, FluxFormTimeZonePicker_default as FluxFormTimeZonePicker, FluxFormTreeViewSelect_default as FluxFormTreeViewSelect, FluxGallery_default as FluxGallery, FluxGalleryItem_default as FluxGalleryItem, FluxGrid_default as FluxGrid, FluxGridColumn_default as FluxGridColumn, FluxGridPattern_default as FluxGridPattern, FluxIcon_default as FluxIcon, FluxInfo_default as FluxInfo, FluxInfoStack_default as FluxInfoStack, FluxItem_default as FluxItem, FluxItemActions_default as FluxItemActions, FluxItemContent_default as FluxItemContent, FluxItemMedia_default as FluxItemMedia, FluxItemStack_default as FluxItemStack, FluxKanban_default as FluxKanban, FluxKanbanColumn_default as FluxKanbanColumn, FluxKanbanItem_default as FluxKanbanItem, FluxLayerPane_default as FluxLayerPane, FluxLayerPaneSecondary_default as FluxLayerPaneSecondary, FluxLegend_default as FluxLegend, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuGroup_default as FluxMenuGroup, FluxMenuItem_default as FluxMenuItem, FluxMenuOptions_default as FluxMenuOptions, FluxMenuSubHeader_default as FluxMenuSubHeader, FluxMenuTitle_default as FluxMenuTitle, FluxNotice_default as FluxNotice, FluxNoticeStack_default as FluxNoticeStack, FluxOverflowBar_default as FluxOverflowBar, FluxOverlay_default as FluxOverlay, FluxOverlayProvider_default as FluxOverlayProvider, FluxOverlayTransition_default as FluxOverlayTransition, FluxPagination_default as FluxPagination, FluxPaginationBar_default as FluxPaginationBar, FluxPane_default as FluxPane, FluxPaneBody_default as FluxPaneBody, FluxPaneFooter_default as FluxPaneFooter, FluxPaneGroup_default as FluxPaneGroup, FluxPaneHeader_default as FluxPaneHeader, FluxPaneIllustration_default as FluxPaneIllustration, FluxPaneMedia_default as FluxPaneMedia, FluxPercentageBar_default as FluxPercentageBar, FluxPersona_default as FluxPersona, FluxPlaceholder_default as FluxPlaceholder, FluxPressable_default as FluxPressable, FluxPrimaryButton_default as FluxPrimaryButton, FluxPrimaryLinkButton_default as FluxPrimaryLinkButton, FluxProgressBar_default as FluxProgressBar, FluxPublishButton_default as FluxPublishButton, FluxQuantitySelector_default as FluxQuantitySelector, FluxRemove_default as FluxRemove, FluxRoot_default as FluxRoot, FluxRouteTransition_default as FluxRouteTransition, FluxScroller_default as FluxScroller, FluxSecondaryButton_default as FluxSecondaryButton, FluxSecondaryLinkButton_default as FluxSecondaryLinkButton, FluxSegmentedControl_default as FluxSegmentedControl, FluxSegmentedControlItem_default as FluxSegmentedControlItem, FluxSeparator_default as FluxSeparator, FluxSlideOver_default as FluxSlideOver, FluxSlideOverTransition_default as FluxSlideOverTransition, FluxSnackbar_default as FluxSnackbar, FluxSnackbarProvider_default as FluxSnackbarProvider, FluxSpacer_default as FluxSpacer, FluxSpacing_default as FluxSpacing, FluxSpinner_default as FluxSpinner, FluxSplitButton_default as FluxSplitButton, FluxSplitView_default as FluxSplitView, FluxSplitViewPane_default as FluxSplitViewPane, FluxStatistic_default as FluxStatistic, FluxStepper_default as FluxStepper, FluxStepperStep_default as FluxStepperStep, FluxStepperSteps_default as FluxStepperSteps, FluxSticky_default as FluxSticky, FluxTab_default as FluxTab, FluxTabBar_default as FluxTabBar, FluxTabBarItem_default as FluxTabBarItem, FluxTable_default as FluxTable, FluxTableActions_default as FluxTableActions, FluxTableBar_default as FluxTableBar, FluxTableCell_default as FluxTableCell, FluxTableHeader_default as FluxTableHeader, FluxTableRow_default as FluxTableRow, FluxTabs_default as FluxTabs, FluxTag_default as FluxTag, FluxTagStack_default as FluxTagStack, FluxTicks_default as FluxTicks, FluxTimeline_default as FluxTimeline, FluxTimelineItem_default as FluxTimelineItem, FluxToggle_default as FluxToggle, FluxToolbar_default as FluxToolbar, FluxToolbarGroup_default as FluxToolbarGroup, FluxTooltip_default as FluxTooltip, FluxTooltipProvider_default as FluxTooltipProvider, FluxTooltipTransition_default as FluxTooltipTransition, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxWindow_default as FluxWindow, FluxWindowTransition_default as FluxWindowTransition, defineFilter, fluxRegisterIcons, iconRegistry, isFluxFilterOptionHeader, isFluxFilterOptionItem, isFluxFormSelectGroup, isFluxFormSelectOption, pickFilterCommon, showAlert, showConfirm, showPrompt, showSnackbar, useAdaptiveGroupInjection_default as useAdaptiveGroupInjection, useBreakpoints_default as useBreakpoints, useCalendarInjection_default as useCalendarInjection, useDisabled_default as useDisabled, useDisabledInjection_default as useDisabledInjection, useExpandableGroupInjection_default as useExpandableGroupInjection, useFilterInjection_default as useFilterInjection, useFluxStore, useFlyoutInjection_default as useFlyoutInjection, useFormFieldInjection_default as useFormFieldInjection, useKanbanInjection_default as useKanbanInjection, useSegmentedControlInjection_default as useSegmentedControlInjection, useTabBarInjection_default as useTabBarInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
 
 //# sourceMappingURL=index.js.map