@flux-ui/components 3.1.2 → 3.1.4

package/dist/index.js

@@ -72,6 +72,7 @@ var FluxFilterInjectionKey = Symbol();
 var FluxFormCheckboxGroupInjectionKey = Symbol();
 var FluxFormFieldInjectionKey = Symbol();
 var FluxFormRadioGroupInjectionKey = Symbol();
+var FluxMenuFlyoutInjectionKey = Symbol();
 var FluxSegmentedControlInjectionKey = Symbol();
 var FluxTabBarInjectionKey = Symbol();
 var FluxTableInjectionKey = Symbol();
@@ -90,10 +91,14 @@ var english = {
 	"flux.back": "Back",
 	"flux.cancel": "Cancel",
 	"flux.close": "Close",
+	"flux.collapseRow": "Collapse row",
+	"flux.expandRow": "Expand row",
 	"flux.comingSoon": "Coming soon",
 	"flux.continue": "Continue",
+	"flux.createOption": "Create \"{value}\"",
 	"flux.customPeriod": "Custom period",
 	"flux.delete": "Delete",
+	"flux.done": "Done",
 	"flux.filter": "Filter",
 	"flux.filterReset": "Reset filters",
 	"flux.justNow": "Just now",
@@ -106,6 +111,7 @@ var english = {
 	"flux.previewClose": "Close preview",
 	"flux.displayingOf": "{from}–{to} of {total}",
 	"flux.showN": "Show {n}",
+	"flux.skip": "Skip",
 	"flux.next": "Next",
 	"flux.noItems": "There are no items (left).",
 	"flux.pagination": "Pagination",
@@ -118,6 +124,7 @@ var english = {
 	"flux.sortAscending": "Ascending",
 	"flux.sortDescending": "Descending",
 	"flux.sortRemove": "Remove sorting",
+	"flux.submenu": "Submenu",
 	"flux.today": "Today",
 	"flux.selectMonth": "Select month",
 	"flux.selectYear": "Select year",
@@ -127,6 +134,7 @@ var english = {
 	"flux.previousYears": "Previous years",
 	"flux.nextYears": "Next years",
 	"flux.allDay": "All day",
+	"flux.andNMore": "{n} more",
 	"flux.grabbedAnnounce": "Item grabbed. Use arrow keys to move, Enter to drop, Escape to cancel.",
 	"flux.releasedAnnounce": "Item released.",
 	"flux.goToPage": "Go to page {page}",
@@ -2451,7 +2459,7 @@ function useTooltipInjection_default() {
 	return inject(FluxTooltipInjectionKey, { calculate: () => void 0 });
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.41.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.43.0+f2ed1ec6a4c7f7fd/node_modules/@basmilius/utils/dist/index.mjs
 function t$1(e, t) {
 	return Math.round(e / t) * t;
 }
@@ -2615,7 +2623,7 @@ function W$1(e, t, n) {
 function G$2(e, t, n) {
 	e.prototype[t] = n;
 }
-function K$1(e, t, n) {
+function K$2(e, t, n) {
 	Object.defineProperty(e, t, { value: n });
 }
 //#endregion
@@ -6663,7 +6671,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.41.0+4c8d5b4efb44798e/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.43.0+8e5bcfeee95dacb4/node_modules/@basmilius/http-client/dist/index.mjs
 function adapter_default(Parent) {
 	return class extends Parent {
 		constructor(...args) {
@@ -7017,10 +7025,10 @@ function dto_default(clazz) {
 	validate(clazz);
 	const descriptors = Object.freeze(x$3(clazz));
 	const properties = Object.keys(descriptors);
-	K$1(clazz.prototype, DESCRIPTORS, descriptors);
-	K$1(clazz.prototype, NAME, clazz.name);
-	K$1(clazz.prototype, PROPERTIES, properties);
-	K$1(clazz, Symbol.hasInstance, (instance) => typeof instance === "object" && instance?.[NAME] === clazz.name);
+	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?.[NAME] === clazz.name);
 	G$2(clazz, "clone", clone_default);
 	G$2(clazz, "fill", fill_default);
 	G$2(clazz, "toJSON", toJSON_default);
@@ -7175,6 +7183,10 @@ function G$1(e) {
 	let t = unref(e);
 	return t ? R$2(t) ? t : t.$el ?? null : null;
 }
+function K$1(e) {
+	let t = toValue(e);
+	return t ? t instanceof Window || t instanceof Document || R$2(t) ? t : t.$el ?? null : null;
+}
 function q$1(e, t, n) {
 	let r = ref([]);
 	onMounted(() => {
@@ -7227,7 +7239,101 @@ function Y$1(t = 0, n = !1) {
 		loaded: o
 	};
 }
-function me$1(e, t) {
+function Z$1(e, t, n, r) {
+	let i = Array.isArray(t) ? t : [t], a, o = watch(() => K$1(e), (e) => {
+		if (a?.(), a = void 0, e) {
+			for (let t of i) e.addEventListener(t, n, r);
+			a = () => {
+				for (let t of i) e.removeEventListener(t, n, r);
+			};
+		}
+	}, { immediate: !0 });
+	function c() {
+		a?.(), a = void 0, o();
+	}
+	return onScopeDispose(c), c;
+}
+var me$1 = {
+	esc: `escape`,
+	space: ` `,
+	spacebar: ` `,
+	up: `arrowup`,
+	down: `arrowdown`,
+	left: `arrowleft`,
+	right: `arrowright`,
+	return: `enter`,
+	del: `delete`,
+	plus: `+`
+};
+function he$1(e, t, n) {
+	let { target: r, enabled: i, event: a = `keydown`, preventDefault: o = !0, stopPropagation: s = !1, ignoreWhileTyping: c = !0, repeat: l = !1 } = n ?? {}, u = (Array.isArray(e) ? e : [e]).map(ge$1);
+	function d() {
+		return r === void 0 ? typeof window < `u` ? window : null : toValue(r);
+	}
+	function p(e) {
+		if (i !== void 0 && !toValue(i) || e.repeat && !l) return;
+		let n = ve$1(), r = e.key.toLowerCase();
+		for (let i of u) {
+			let a = i.meta || i.mod && n, l = i.ctrl || i.mod && !n, u = !i.shift && i.key.length === 1;
+			if (e.metaKey === a && e.ctrlKey === l && (u || e.shiftKey === i.shift) && e.altKey === i.alt && r === i.key) {
+				if (c && !a && !l && _e$1(e.target)) return;
+				o && e.preventDefault(), s && e.stopPropagation(), t(e);
+				return;
+			}
+		}
+	}
+	return Z$1(d, a, p);
+}
+function ge$1(e) {
+	let t = ``, n = !1, r = !1, i = !1, a = !1, o = !1;
+	for (let s of e.split(`+`)) {
+		let e = s.trim().toLowerCase();
+		switch (e) {
+			case `ctrl`:
+			case `control`:
+				n = !0;
+				break;
+			case `meta`:
+			case `cmd`:
+			case `command`:
+			case `super`:
+			case `win`:
+			case `windows`:
+				r = !0;
+				break;
+			case `shift`:
+				i = !0;
+				break;
+			case `alt`:
+			case `option`:
+			case `opt`:
+				a = !0;
+				break;
+			case `mod`:
+				o = !0;
+				break;
+			case ``: break;
+			default:
+				t = me$1[e] ?? e;
+				break;
+		}
+	}
+	return {
+		key: t,
+		ctrl: n,
+		meta: r,
+		shift: i,
+		alt: a,
+		mod: o
+	};
+}
+function _e$1(e) {
+	return e instanceof HTMLElement ? e.tagName === `INPUT` || e.tagName === `TEXTAREA` || e.tagName === `SELECT` || e.isContentEditable : !1;
+}
+function ve$1() {
+	return typeof navigator > `u` ? !1 : /mac|iphone|ipod|ipad/i.test(navigator.platform || navigator.userAgent);
+}
+function ye$1(e, t) {
 	let n = ref();
 	onMounted(() => {
 		i();
@@ -7241,7 +7347,7 @@ function me$1(e, t) {
 		r(), t();
 	}
 }
-function ye$1(e, t, n) {
+function we$1(e, t, n) {
 	n ??= { attributes: !0 };
 	let r, i = watch(e, (e) => {
 		a();
@@ -7257,7 +7363,7 @@ function ye$1(e, t, n) {
 	onScopeDispose(o);
 }
 RegExp(`[a-z]`), RegExp(`[A-Z]`), RegExp(`[0-9]`), RegExp(`[!"#$%&'()*+,-./:;<=>?@[\\\\\\]^_\`{|}~]`);
-function Ce$1(e, t, n) {
+function Oe$1(e, t, n) {
 	n ??= {};
 	let r, i = watch(e, (e) => {
 		a();
@@ -7592,7 +7698,7 @@ function I$1(t, n = {}) {
 	}, { immediate: !0 });
 }
 function R$1(e, { cycle: t = !0, direction: n = `bidirectional` } = {}) {
-	ye$1(e, () => o(r(), !1), {
+	we$1(e, () => o(r(), !1), {
 		childList: !0,
 		subtree: !0
 	});
@@ -7698,29 +7804,29 @@ var Pane_module_default$1 = {
 };
 //#endregion
 //#region src/css/component/Icon.module.scss
-var { "basePane": _0$16 } = Pane_module_default$1;
+var { "basePane": _0$18 } = Pane_module_default$1;
 var Icon_module_default = {
 	icon: `icon`,
 	fontAwesomeIcon: `font-awesome-icon icon`,
-	iconBoxed: `icon-boxed ${_0$16}`,
-	iconBoxedDefault: `icon-boxed-default icon-boxed ${_0$16}`,
-	iconBoxedColored: `icon-boxed-colored icon-boxed ${_0$16}`,
-	iconBoxedGray: `icon-boxed-gray icon-boxed-colored icon-boxed ${_0$16}`,
-	iconBoxedPrimary: `icon-boxed-primary icon-boxed-colored icon-boxed ${_0$16}`,
-	iconBoxedDanger: `icon-boxed-danger icon-boxed-colored icon-boxed ${_0$16}`,
-	iconBoxedInfo: `icon-boxed-info icon-boxed-colored icon-boxed ${_0$16}`,
-	iconBoxedSuccess: `icon-boxed-success icon-boxed-colored icon-boxed ${_0$16}`,
-	iconBoxedWarning: `icon-boxed-warning icon-boxed-colored icon-boxed ${_0$16}`
+	iconBoxed: `icon-boxed ${_0$18}`,
+	iconBoxedDefault: `icon-boxed-default icon-boxed ${_0$18}`,
+	iconBoxedColored: `icon-boxed-colored icon-boxed ${_0$18}`,
+	iconBoxedGray: `icon-boxed-gray icon-boxed-colored icon-boxed ${_0$18}`,
+	iconBoxedPrimary: `icon-boxed-primary icon-boxed-colored icon-boxed ${_0$18}`,
+	iconBoxedDanger: `icon-boxed-danger icon-boxed-colored icon-boxed ${_0$18}`,
+	iconBoxedInfo: `icon-boxed-info icon-boxed-colored icon-boxed ${_0$18}`,
+	iconBoxedSuccess: `icon-boxed-success icon-boxed-colored icon-boxed ${_0$18}`,
+	iconBoxedWarning: `icon-boxed-warning icon-boxed-colored icon-boxed ${_0$18}`
 };
 //#endregion
 //#region src/component/FluxIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = [
+var _hoisted_1$72 = [
 	"viewBox",
 	"role",
 	"aria-hidden",
 	"aria-label"
 ];
-var _hoisted_2$26 = ["d"];
+var _hoisted_2$28 = ["d"];
 //#endregion
 //#region src/component/FluxIcon.vue
 var FluxIcon_default = /* @__PURE__ */ defineComponent({
@@ -7766,8 +7872,8 @@ var FluxIcon_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					d: path,
 					fill: "currentColor"
-				}, null, 8, _hoisted_2$26);
-			}), 256))], 14, _hoisted_1$67)) : (openBlock(), createElementBlock("i", {
+				}, null, 8, _hoisted_2$28);
+			}), 256))], 14, _hoisted_1$72)) : (openBlock(), createElementBlock("i", {
 				key: 1,
 				class: normalizeClass(unref(Icon_module_default).icon)
 			}, null, 2));
@@ -8702,6 +8808,266 @@ function useKanban(options) {
 	};
 }
 //#endregion
+//#region src/composable/private/useMenuFlyout.ts
+var flyoutId = 0;
+/**
+* Creates and provides the shared menu-flyout context for an entire open menu tree. Used by the
+* outermost menu surface (FluxContextMenu, or a standalone root FluxMenu). Tracks the pointer, the
+* active prediction cone, the keyboard-trap stack and the set of teleported flyout popups so that
+* click-outside and close-all can reason about the whole tree.
+*/
+function useMenuFlyoutProvider(options) {
+	const { debugCone, onCloseAll } = options;
+	const entries = /* @__PURE__ */ new Set();
+	const pointer = ref({
+		x: 0,
+		y: 0,
+		px: 0,
+		py: 0
+	});
+	const activeCone = ref(null);
+	const keyboardStack = ref([]);
+	let pointerX = 0;
+	let pointerY = 0;
+	const flushPointer = i$2(() => {
+		const previous = pointer.value;
+		pointer.value = {
+			x: pointerX,
+			y: pointerY,
+			px: previous.x,
+			py: previous.y
+		};
+	});
+	function onPointerMove(evt) {
+		pointerX = evt.clientX;
+		pointerY = evt.clientY;
+		flushPointer();
+	}
+	function startTracking() {
+		if (C$2) return;
+		window.addEventListener("pointermove", onPointerMove, {
+			capture: true,
+			passive: true
+		});
+	}
+	function stopTracking() {
+		if (C$2) return;
+		window.removeEventListener("pointermove", onPointerMove, { capture: true });
+	}
+	const context = {
+		debugCone,
+		pointer,
+		activeCone,
+		keyboardStack,
+		register(entry) {
+			if (entries.size === 0) startTracking();
+			entries.add(entry);
+		},
+		unregister(entry) {
+			entries.delete(entry);
+			if (entries.size === 0) {
+				stopTracking();
+				activeCone.value = null;
+			}
+		},
+		closeOthers(self) {
+			const trigger = self.getTrigger();
+			for (const entry of entries) {
+				if (entry === self || !entry.isOpen.value) continue;
+				const popup = entry.getPopup();
+				if (popup && trigger && popup.contains(trigger)) continue;
+				entry.close();
+			}
+		},
+		hasOpenDescendant(self) {
+			const popup = self.getPopup();
+			if (!popup) return false;
+			for (const entry of entries) {
+				if (entry === self || !entry.isOpen.value) continue;
+				const trigger = entry.getTrigger();
+				if (trigger && popup.contains(trigger)) return true;
+			}
+			return false;
+		},
+		isAimingAtOpenSubmenu() {
+			const { x, y, px, py } = pointer.value;
+			for (const entry of entries) {
+				if (!entry.isOpen.value) continue;
+				const trigger = entry.getTrigger();
+				const popup = entry.getPopup();
+				if (!trigger || !popup) continue;
+				const t = trigger.getBoundingClientRect();
+				const r = popup.getBoundingClientRect();
+				const edgeX = r.left >= t.right ? r.left : r.right <= t.left ? r.right : r.left;
+				if (pointInTriangle(x, y, px, py, edgeX, r.top, edgeX, r.bottom)) return true;
+			}
+			return false;
+		},
+		isInsidePopups(target) {
+			if (!target) return false;
+			for (const entry of entries) {
+				const popup = entry.getPopup();
+				if (popup && popup.contains(target)) return true;
+			}
+			return false;
+		},
+		closeAll() {
+			if (onCloseAll) {
+				onCloseAll();
+				return;
+			}
+			for (const entry of entries) entry.close();
+		}
+	};
+	onUnmounted(stopTracking);
+	provide(FluxMenuFlyoutInjectionKey, context);
+	return context;
+}
+/**
+* Returns the shared menu-flyout context, creating (and providing) a new root context when none
+* exists higher up the tree. Used by FluxMenu so that a standalone menu becomes the root while a
+* menu nested inside a FluxContextMenu or another flyout inherits the existing context.
+*/
+function useMenuFlyoutContext(options) {
+	const parent = inject(FluxMenuFlyoutInjectionKey, null);
+	if (parent) return parent;
+	return useMenuFlyoutProvider(options);
+}
+/**
+* Per-flyout open/close and prediction-cone behaviour for FluxMenuFlyout. Submenus open instantly
+* on hover and close instantly once the pointer is neither over the trigger/popup (or an open
+* descendant) nor aiming at the submenu through the prediction cone (the safe triangle). There are
+* no open/close delays — the cone is the only thing that keeps a submenu open during a diagonal
+* move, which is also why the debug cone only shows while it actually applies.
+*/
+function useMenuFlyout(options) {
+	const { triggerRef, popupRef, disabled } = options;
+	const context = inject(FluxMenuFlyoutInjectionKey, null);
+	const id = ++flyoutId;
+	const isOpen = ref(false);
+	const openSource = ref("pointer");
+	const cone = ref(null);
+	const entry = {
+		getTrigger: () => elementOf(triggerRef.value),
+		getPopup: () => elementOf(popupRef.value),
+		isOpen,
+		close: () => doClose()
+	};
+	function open(source) {
+		if (disabled?.value) return;
+		openSource.value = source;
+		if (context && source === "keyboard" && !context.keyboardStack.value.includes(id)) context.keyboardStack.value = [...context.keyboardStack.value, id];
+		if (!isOpen.value) {
+			isOpen.value = true;
+			context?.closeOthers(entry);
+		}
+		if (source === "keyboard") nextTick(focusFirstItem);
+	}
+	function doClose() {
+		if (!isOpen.value) return;
+		isOpen.value = false;
+		cone.value = null;
+		if (context) {
+			if (context.activeCone.value?.id === id) context.activeCone.value = null;
+			context.keyboardStack.value = context.keyboardStack.value.filter((value) => value !== id);
+		}
+	}
+	function focusTrigger() {
+		elementOf(triggerRef.value)?.focus();
+	}
+	function focusFirstItem() {
+		const popup = elementOf(popupRef.value);
+		if (!popup) return;
+		(popup.querySelector("[tabindex=\"0\"]") ?? popup.querySelector("a[href], button:not([disabled])"))?.focus();
+	}
+	function onTriggerClick(evt) {
+		evt.stopPropagation();
+		open(evt.detail === 0 ? "keyboard" : "pointer");
+	}
+	function onTriggerKeydown(evt) {
+		if (evt.key === "ArrowRight") {
+			evt.preventDefault();
+			evt.stopPropagation();
+			open("keyboard");
+		}
+	}
+	function onPopupKeydown(evt) {
+		if (evt.key === "ArrowLeft" || evt.key === "Escape") {
+			evt.preventDefault();
+			evt.stopPropagation();
+			doClose();
+			focusTrigger();
+		}
+	}
+	if (context && !C$2) watch(context.pointer, () => {
+		const trigger = elementOf(triggerRef.value);
+		if (!trigger) return;
+		const { x, y, px, py } = context.pointer.value;
+		const t = trigger.getBoundingClientRect();
+		const overTrigger = x >= t.left && x <= t.right && y >= t.top && y <= t.bottom;
+		if (!isOpen.value) {
+			if (overTrigger && !context.isAimingAtOpenSubmenu()) open("pointer");
+			return;
+		}
+		const popup = elementOf(popupRef.value);
+		if (!popup) return;
+		const r = popup.getBoundingClientRect();
+		const overPopup = x >= r.left && x <= r.right && y >= r.top && y <= r.bottom;
+		if (overTrigger || overPopup || context.hasOpenDescendant(entry)) {
+			cone.value = null;
+			if (context.activeCone.value?.id === id) context.activeCone.value = null;
+			return;
+		}
+		const edgeX = r.left >= t.right ? r.left : r.right <= t.left ? r.right : r.left;
+		const candidate = {
+			id,
+			ax: x,
+			ay: y,
+			bx: edgeX,
+			by: r.top,
+			cx: edgeX,
+			cy: r.bottom
+		};
+		if (pointInTriangle(x, y, px, py, edgeX, r.top, edgeX, r.bottom)) {
+			cone.value = candidate;
+			context.activeCone.value = candidate;
+		} else {
+			cone.value = null;
+			if (context.activeCone.value?.id === id) context.activeCone.value = null;
+			doClose();
+		}
+	});
+	onMounted(() => context?.register(entry));
+	onUnmounted(() => {
+		doClose();
+		context?.unregister(entry);
+	});
+	return {
+		context,
+		cone,
+		isOpen,
+		closeAll: () => context?.closeAll(),
+		focusTrigger,
+		onPopupKeydown,
+		onTriggerClick,
+		onTriggerKeydown
+	};
+}
+function elementOf(value) {
+	if (!value) return null;
+	if (value instanceof HTMLElement) return value;
+	return value.$el ?? null;
+}
+function pointInTriangle(px, py, ax, ay, bx, by, cx, cy) {
+	const d1 = sign(px, py, ax, ay, bx, by);
+	const d2 = sign(px, py, bx, by, cx, cy);
+	const d3 = sign(px, py, cx, cy, ax, ay);
+	return !((d1 < 0 || d2 < 0 || d3 < 0) && (d1 > 0 || d2 > 0 || d3 > 0));
+}
+function sign(px, py, ax, ay, bx, by) {
+	return (px - bx) * (ay - by) - (ax - bx) * (py - by);
+}
+//#endregion
 //#region src/composable/private/useSplitView.ts
 var HANDLE_SIZE = 6;
 var KEY_STEP = 16;
@@ -9383,13 +9749,13 @@ function sanitizeUrl_default(href) {
 }
 //#endregion
 //#region src/component/FluxPressable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = [
+var _hoisted_1$71 = [
 	"href",
 	"rel",
 	"target",
 	"onClick"
 ];
-var _hoisted_2$25 = [
+var _hoisted_2$27 = [
 	"href",
 	"rel",
 	"target"
@@ -9437,14 +9803,14 @@ var FluxPressable_default = /* @__PURE__ */ defineComponent({
 					rel: resolvedRel.value,
 					target: __props.target,
 					onClick: ($event) => onClick($event, navigate)
-				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$66)]),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$71)]),
 				_: 3
 			}, 8, ["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[0] || (_cache[0] = ($event) => onClick($event))
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$25)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$27)) : __props.componentType === "button" ? (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, $attrs, toHandlers(hoverListeners, true), { onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)) }), [renderSlot(_ctx.$slots, "default")], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, $attrs, toHandlers(hoverListeners, true), { onClick }), [renderSlot(_ctx.$slots, "default")], 16));
 		};
 	}
 });
@@ -9531,6 +9897,7 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -9542,6 +9909,7 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 		target: {},
 		to: {},
 		cssClass: {},
+		cssClassActive: {},
 		cssClassIcon: {},
 		cssClassLabel: {}
 	},
@@ -9570,9 +9938,10 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 		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)),
+				class: normalizeClass(unref(clsx)(__props.cssClass, __props.isActive && __props.cssClassActive, __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,
+				"aria-pressed": __props.isActive && __props.type === "button" ? true : void 0,
 				disabled: unref(disabled) ? true : void 0,
 				tabindex: unref(disabled) ? -1 : __props.tabindex,
 				href: __props.href,
@@ -9613,6 +9982,7 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 				"class",
 				"type",
 				"aria-disabled",
+				"aria-pressed",
 				"disabled",
 				"tabindex",
 				"href",
@@ -9625,13 +9995,13 @@ var FluxButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Action.module.scss
-var { "button": _0$15, "buttonLabel": _1$6, "buttonIcon": _2$5 } = Button_module_default$1;
+var { "button": _0$17, "buttonIcon": _1$6, "buttonLabel": _2$5 } = Button_module_default$1;
 var Action_module_default = {
-	action: `action ${_0$15}`,
+	action: `action ${_0$17}`,
 	spinner: `spinner`,
-	actionIcon: `action-icon ${_2$5}`,
+	actionIcon: `action-icon ${_1$6}`,
 	isDestructive: `is-destructive`,
-	actionLabel: `action-label ${_1$6}`,
+	actionLabel: `action-label ${_2$5}`,
 	actionBar: `action-bar`,
 	separator: `separator`,
 	formInput: `form-input`,
@@ -9648,6 +10018,7 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 	props: {
 		type: {},
 		disabled: { type: Boolean },
+		isActive: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
 		label: {},
@@ -9698,32 +10069,33 @@ var FluxAction_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Button.module.scss
-var { "buttonIcon": _0$14, "buttonLabel": _1$5, "button": _2$4 } = Button_module_default$1;
+var { "button": _0$16, "buttonIcon": _1$5, "buttonLabel": _2$4 } = Button_module_default$1;
 var Button_module_default = {
-	primaryButton: `primary-button ${_2$4}`,
+	primaryButton: `primary-button ${_0$16}`,
+	isActive: `is-active`,
 	spinner: `spinner`,
-	primaryButtonIcon: `primary-button-icon ${_0$14}`,
-	primaryButtonLabel: `primary-button-label ${_1$5}`,
-	secondaryButton: `secondary-button ${_2$4}`,
-	secondaryButtonIcon: `secondary-button-icon ${_0$14}`,
-	secondaryButtonLabel: `secondary-button-label ${_1$5}`,
-	destructiveButton: `destructive-button ${_2$4}`,
-	destructiveButtonIcon: `destructive-button-icon ${_0$14}`,
-	destructiveButtonLabel: `destructive-button-label ${_1$5}`,
-	baseLinkButton: `base-link-button ${_2$4}`,
-	primaryLinkButton: `primary-link-button base-link-button ${_2$4}`,
-	primaryLinkButtonIcon: `primary-link-button-icon ${_0$14}`,
-	primaryLinkButtonLabel: `primary-link-button-label ${_1$5}`,
-	secondaryLinkButton: `secondary-link-button base-link-button ${_2$4}`,
-	secondaryLinkButtonIcon: `secondary-link-button-icon ${_0$14}`,
-	secondaryLinkButtonLabel: `secondary-link-button-label ${_1$5}`,
-	linkButton: `link-button ${_2$4}`,
-	linkButtonIcon: `link-button-icon ${_0$14}`,
+	primaryButtonIcon: `primary-button-icon ${_1$5}`,
+	primaryButtonLabel: `primary-button-label ${_2$4}`,
+	secondaryButton: `secondary-button ${_0$16}`,
+	secondaryButtonIcon: `secondary-button-icon ${_1$5}`,
+	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
+	destructiveButton: `destructive-button ${_0$16}`,
+	destructiveButtonIcon: `destructive-button-icon ${_1$5}`,
+	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
+	baseLinkButton: `base-link-button ${_0$16}`,
+	primaryLinkButton: `primary-link-button base-link-button ${_0$16}`,
+	primaryLinkButtonIcon: `primary-link-button-icon ${_1$5}`,
+	primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
+	secondaryLinkButton: `secondary-link-button base-link-button ${_0$16}`,
+	secondaryLinkButtonIcon: `secondary-link-button-icon ${_1$5}`,
+	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
+	linkButton: `link-button ${_0$16}`,
+	linkButtonIcon: `link-button-icon ${_1$5}`,
 	icon: `icon`,
-	linkButtonLabel: `link-button-label ${_1$5}`,
-	publishButton: `publish-button primary-button ${_2$4}`,
-	publishButtonIcon: `publish-button-icon primary-button-icon ${_0$14}`,
-	publishButtonLabel: `publish-button-label primary-button-label ${_1$5}`,
+	linkButtonLabel: `link-button-label ${_2$4}`,
+	publishButton: `publish-button primary-button ${_0$16}`,
+	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`,
 	publishButtonAnimationArrow: `publish-button-animation-arrow`,
@@ -9757,6 +10129,7 @@ var FluxDestructiveButton_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -9780,6 +10153,7 @@ var FluxDestructiveButton_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				iconLeading: __props.iconLeading,
 				iconTrailing: __props.iconTrailing,
+				isActive: __props.isActive,
 				isFilled: __props.isFilled,
 				isLoading: __props.isLoading,
 				isSubmit: __props.isSubmit,
@@ -9792,6 +10166,7 @@ var FluxDestructiveButton_default = /* @__PURE__ */ defineComponent({
 				to: __props.to
 			}, {
 				"css-class": unref(Button_module_default).destructiveButton,
+				"css-class-active": unref(Button_module_default).isActive,
 				"css-class-icon": unref(Button_module_default).destructiveButtonIcon,
 				"css-class-label": unref(Button_module_default).destructiveButtonLabel,
 				onClick: _cache[0] || (_cache[0] = ($event) => $emit("click", $event)),
@@ -9804,6 +10179,7 @@ var FluxDestructiveButton_default = /* @__PURE__ */ defineComponent({
 				};
 			})]), 1040, [
 				"css-class",
+				"css-class-active",
 				"css-class-icon",
 				"css-class-label"
 			]);
@@ -10213,12 +10589,12 @@ var FluxWindowTransition_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Pane.module.scss
-var { "basePaneStructure": _0$13, "basePaneElement": _1$4, "basePaneLoader": _2$3 } = Pane_module_default$1;
+var { "basePaneStructure": _0$15, "basePaneElement": _1$4, "basePaneLoader": _2$3 } = Pane_module_default$1;
 var Pane_module_default = {
-	pane: `pane ${_0$13}`,
-	paneDefault: `pane-default pane ${_0$13}`,
-	paneFlat: `pane-flat pane ${_0$13}`,
-	paneWell: `pane-well pane ${_0$13}`,
+	pane: `pane ${_0$15}`,
+	paneDefault: `pane-default pane ${_0$15}`,
+	paneFlat: `pane-flat pane ${_0$15}`,
+	paneWell: `pane-well pane ${_0$15}`,
 	paneHeader: `pane-header ${_1$4}`,
 	paneBody: `pane-body ${_1$4}`,
 	paneHeaderCaption: `pane-header-caption`,
@@ -10281,9 +10657,6 @@ var Flyout_module_default = {
 	mobileOpen: `mobile-open`
 };
 //#endregion
-//#region src/component/FluxFlyout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = ["onKeydown"];
-//#endregion
 //#region src/component/FluxFlyout.vue
 var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxFlyout",
@@ -10293,7 +10666,9 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 		margin: { default: 9 },
 		width: {}
 	},
-	setup(__props, { expose: __expose }) {
+	emits: ["close", "open"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
 		const dialogRef = useTemplateRef("dialog");
 		const mountRef = useTemplateRef("mount");
 		const paneRef = useTemplateRef("pane");
@@ -10308,6 +10683,10 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 		const paneMarginY = ref(0);
 		!C$2 && O$1(ref(window), "resize", () => unref(isOpen) && reposition());
 		I$1(paneRef);
+		he$1("esc", () => close(), {
+			enabled: isOpen,
+			target: dialogRef
+		});
 		let closeAnimationEndListener = null;
 		let openAnimationEndListener = null;
 		function close() {
@@ -10395,9 +10774,13 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 			const dialog = unref(dialogRef);
 			if (isOpen && !dialog.open) {
 				dialog.showModal();
+				emit("open");
 				window.addEventListener("scroll", reposition, { passive: true });
 				onCleanup(() => window.removeEventListener("scroll", reposition));
-			} else if (!isOpen && dialog.open) dialog.close();
+			} else if (!isOpen && dialog.open) {
+				dialog.close();
+				emit("close");
+			}
 		});
 		provide(FluxFlyoutInjectionKey, {
 			isClosing,
@@ -10407,7 +10790,8 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 		__expose({
 			close,
 			open,
-			toggle
+			toggle,
+			isOpen
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -10428,8 +10812,7 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 			}))), createElementVNode("dialog", {
 				ref: "dialog",
 				class: normalizeClass(unref(Flyout_module_default).flyoutDialog),
-				onClick: onDialogBackdropClick,
-				onKeydown: withKeys(withModifiers(close, ["prevent"]), ["esc"])
+				onClick: onDialogBackdropClick
 			}, [isOpen.value ? (openBlock(), createBlock(FluxPane_default, {
 				key: 0,
 				ref: "pane",
@@ -10444,7 +10827,7 @@ var FluxFlyout_default = /* @__PURE__ */ defineComponent({
 					openerHeight: openerHeight.value
 				})))]),
 				_: 3
-			}, 8, ["class", "style"])) : createCommentVNode("", true)], 42, _hoisted_1$65)], 6);
+			}, 8, ["class", "style"])) : createCommentVNode("", true)], 2)], 6);
 		};
 	}
 });
@@ -10457,6 +10840,7 @@ var FluxSecondaryButton_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -10480,6 +10864,7 @@ var FluxSecondaryButton_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				iconLeading: __props.iconLeading,
 				iconTrailing: __props.iconTrailing,
+				isActive: __props.isActive,
 				isFilled: __props.isFilled,
 				isLoading: __props.isLoading,
 				isSubmit: __props.isSubmit,
@@ -10492,6 +10877,7 @@ var FluxSecondaryButton_default = /* @__PURE__ */ defineComponent({
 				to: __props.to
 			}, {
 				"css-class": unref(Button_module_default).secondaryButton,
+				"css-class-active": unref(Button_module_default).isActive,
 				"css-class-icon": unref(Button_module_default).secondaryButtonIcon,
 				"css-class-label": unref(Button_module_default).secondaryButtonLabel,
 				onClick: _cache[0] || (_cache[0] = ($event) => $emit("click", $event)),
@@ -10504,6 +10890,7 @@ var FluxSecondaryButton_default = /* @__PURE__ */ defineComponent({
 				};
 			})]), 1040, [
 				"css-class",
+				"css-class-active",
 				"css-class-icon",
 				"css-class-label"
 			]);
@@ -11031,8 +11418,8 @@ var Avatar_module_default = {
 };
 //#endregion
 //#region src/component/FluxAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = ["alt", "src"];
-var _hoisted_2$24 = { key: 0 };
+var _hoisted_1$70 = ["alt", "src"];
+var _hoisted_2$26 = { key: 0 };
 //#endregion
 //#region src/component/FluxAvatar.vue
 var FluxAvatar_default = /* @__PURE__ */ defineComponent({
@@ -11118,10 +11505,10 @@ var FluxAvatar_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(unref(Avatar_module_default).avatarImage),
 						alt: __props.alt,
 						src: __props.src
-					}, null, 10, _hoisted_1$64)) : (openBlock(), createElementBlock("div", {
+					}, null, 10, _hoisted_1$70)) : (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$24, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
+					}, [__props.fallbackInitials ? (openBlock(), createElementBlock("span", _hoisted_2$26, toDisplayString(__props.fallbackInitials), 1)) : __props.fallbackIcon ? (openBlock(), createBlock(FluxIcon_default, {
 						key: 1,
 						name: __props.fallbackIcon
 					}, null, 8, ["name"])) : createCommentVNode("", true)], 2)),
@@ -11152,6 +11539,45 @@ var FluxAvatar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var AvatarGroup_module_default = {
+	avatarGroup: `avatar-group`,
+	avatarGroupItem: `avatar-group-item`
+};
+//#endregion
+//#region src/component/FluxAvatarGroup.vue
+var FluxAvatarGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxAvatarGroup",
+	props: {
+		max: {},
+		overlap: { default: .3 },
+		size: { default: 32 }
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const translate = useTranslate_default();
+		const children = computed(() => a$2(slots.default?.() ?? []).filter((vnode) => typeof vnode.type !== "symbol"));
+		const visibleNodes = computed(() => __props.max !== void 0 && children.value.length > __props.max ? children.value.slice(0, __props.max) : children.value);
+		const overflowCount = computed(() => __props.max !== void 0 ? Math.max(0, children.value.length - __props.max) : 0);
+		const overflowLabel = computed(() => translate("flux.andNMore", { n: overflowCount.value }));
+		const renderVisible = () => visibleNodes.value.map((vnode) => h("span", { class: AvatarGroup_module_default.avatarGroupItem }, [vnode]));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(AvatarGroup_module_default).avatarGroup),
+				style: normalizeStyle({
+					fontSize: `${__props.size}px`,
+					"--overlap": __props.overlap
+				})
+			}, [(openBlock(), createBlock(resolveDynamicComponent(renderVisible))), overflowCount.value > 0 ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(unref(AvatarGroup_module_default).avatarGroupItem)
+			}, [createVNode(FluxAvatar_default, {
+				alt: overflowLabel.value,
+				fallback: "neutral",
+				"fallback-initials": `+${overflowCount.value}`
+			}, null, 8, ["alt", "fallback-initials"])], 2)) : createCommentVNode("", true)], 6);
+		};
+	}
+});
 var Badge_module_default = {
 	badge: `badge`,
 	spinner: `spinner`,
@@ -11181,7 +11607,7 @@ var Badge_module_default = {
 };
 //#endregion
 //#region src/component/FluxBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = ["aria-label"];
+var _hoisted_1$69 = ["aria-label"];
 //#endregion
 //#region src/component/FluxBadge.vue
 var FluxBadge_default = /* @__PURE__ */ defineComponent({
@@ -11247,7 +11673,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$63)) : createCommentVNode("", true)
+					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$69)) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 8, [
@@ -11492,7 +11918,7 @@ var Breadcrumb_module_default = {
 };
 //#endregion
 //#region src/component/FluxBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = ["aria-label"];
+var _hoisted_1$68 = ["aria-label"];
 //#endregion
 //#region src/component/FluxBreadcrumb.vue
 var FluxBreadcrumb_default = /* @__PURE__ */ defineComponent({
@@ -11503,7 +11929,7 @@ var FluxBreadcrumb_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("nav", {
 				class: normalizeClass(unref(Breadcrumb_module_default).breadcrumb),
 				"aria-label": __props.ariaLabel
-			}, [createElementVNode("ol", { class: normalizeClass(unref(Breadcrumb_module_default).breadcrumbList) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$62);
+			}, [createElementVNode("ol", { class: normalizeClass(unref(Breadcrumb_module_default).breadcrumbList) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$68);
 		};
 	}
 });
@@ -11562,13 +11988,13 @@ var FluxBreadcrumbItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Calendar.module.scss
-var { "basePaneLoader": _0$12 } = Pane_module_default$1;
+var { "basePaneLoader": _0$14 } = Pane_module_default$1;
 var Calendar_module_default = {
 	calendar: `calendar`,
 	calendarView: `calendar-view`,
 	calendarItemRegistry: `calendar-item-registry`,
 	calendarActions: `calendar-actions`,
-	calendarLoader: `calendar-loader ${_0$12}`,
+	calendarLoader: `calendar-loader ${_0$14}`,
 	calendarCurrent: `calendar-current`,
 	calendarCurrentValue: `calendar-current-value`,
 	calendarCurrentMonth: `calendar-current-month calendar-current-value`,
@@ -11616,7 +12042,7 @@ var Calendar_module_default = {
 };
 //#endregion
 //#region src/component/calendar/FluxCalendarItemDisplay.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = ["draggable", "tabindex"];
+var _hoisted_1$67 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/calendar/FluxCalendarItemDisplay.vue
 var FluxCalendarItemDisplay_default = /* @__PURE__ */ defineComponent({
@@ -11689,13 +12115,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$61);
+			}, [createVNode(unref(RenderItemContent), { render: __props.data.renderContent }, null, 8, ["render"])], 42, _hoisted_1$67);
 		};
 	}
 });
 //#endregion
 //#region src/component/calendar/FluxCalendarMonthView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = [
+var _hoisted_1$66 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
@@ -11770,7 +12196,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$60);
+					}), 128))], 2), createElementVNode("span", { class: normalizeClass(unref(Calendar_module_default).calendarEntryDate) }, toDisplayString(date.toLocaleString({ day: "numeric" })), 3)], 42, _hoisted_1$66);
 				}), 256))], 2))]),
 				_: 1
 			}, 8, ["is-back"]);
@@ -11779,17 +12205,17 @@ var FluxCalendarMonthView_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/calendar/FluxCalendarTimeGridView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = [
+var _hoisted_1$65 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_2$23 = [
+var _hoisted_2$25 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_3$7 = ["onMousedown"];
+var _hoisted_3$8 = ["onMousedown"];
 var _hoisted_4$2 = ["onMousedown"];
 //#endregion
 //#region src/component/calendar/FluxCalendarTimeGridView.vue
@@ -12131,7 +12557,7 @@ var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
 								key: item.id,
 								data: item
 							}, null, 8, ["data"]);
-						}), 128))], 42, _hoisted_1$59);
+						}), 128))], 42, _hoisted_1$65);
 					}), 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", {
@@ -12160,7 +12586,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$7), createElementVNode("div", {
+							}, null, 42, _hoisted_3$8), 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$2)], 64)) : createCommentVNode("", true)], 2)], 6);
@@ -12168,7 +12594,7 @@ var FluxCalendarTimeGridView_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							class: normalizeClass(unref(Calendar_module_default).timeGridDropIndicator),
 							style: normalizeStyle({ top: `${(dropTargetMinutes.value - __props.hourRange[0] * 60) * __props.pixelsPerMinute}px` })
-						}, null, 6)) : createCommentVNode("", true)], 46, _hoisted_2$23);
+						}, null, 6)) : createCommentVNode("", true)], 46, _hoisted_2$25);
 					}), 128))], 2)], 2)
 				], 2))]),
 				_: 1
@@ -12199,9 +12625,9 @@ var DatePicker_module_default = {
 };
 //#endregion
 //#region src/component/FluxDatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = ["id"];
-var _hoisted_2$22 = ["aria-labelledby"];
-var _hoisted_3$6 = ["onClick", "onMouseover"];
+var _hoisted_1$64 = ["id"];
+var _hoisted_2$24 = ["aria-labelledby"];
+var _hoisted_3$7 = ["onClick", "onMouseover"];
 //#endregion
 //#region src/component/FluxDatePicker.vue
 var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
@@ -12354,7 +12780,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$58),
+				}, toDisplayString(unref(viewYear)), 3)], 10, _hoisted_1$64),
 				createVNode(unref(FluxFadeTransition_default), null, {
 					default: withCtx(() => [viewMode.value === "date" ? (openBlock(), createBlock(FluxSecondaryButton_default, {
 						key: 0,
@@ -12391,10 +12817,10 @@ var FluxDatePicker_default = /* @__PURE__ */ defineComponent({
 							onClick: ($event) => setDate(date),
 							onMouseover: ($event) => onDateMouseOver(date),
 							onMouseout: onDateMouseOut
-						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$6);
+						}, toDisplayString(date.toLocaleString({ day: "numeric" })), 43, _hoisted_3$7);
 					}), 256))], 2))]),
 					_: 1
-				}, 8, ["is-back"])], 10, _hoisted_2$22)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
+				}, 8, ["is-back"])], 10, _hoisted_2$24)) : viewMode.value === "month" ? (openBlock(), createElementBlock("div", {
 					key: "month",
 					class: normalizeClass(unref(DatePicker_module_default).datePickerMonths)
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(months), (month) => {
@@ -12465,9 +12891,9 @@ var FluxLayerPane_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = ["aria-label", "onClick"];
-var _hoisted_2$21 = ["aria-label", "onClick"];
-var _hoisted_3$5 = ["aria-label", "onClick"];
+var _hoisted_1$63 = ["aria-label", "onClick"];
+var _hoisted_2$23 = ["aria-label", "onClick"];
+var _hoisted_3$6 = ["aria-label", "onClick"];
 var SNAP_MINUTES = 30;
 var NAV_HOVER_INITIAL_DELAY_MS = 700;
 var NAV_HOVER_REPEAT_DELAY_MS = 450;
@@ -12792,7 +13218,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectMonth"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(unref(monthViewMonth)), 11, _hoisted_1$57)]),
+							}, toDisplayString(unref(monthViewMonth)), 11, _hoisted_1$63)]),
 							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,
@@ -12808,7 +13234,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectYear"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(unref(monthViewYear)), 11, _hoisted_2$21)]),
+							}, toDisplayString(unref(monthViewYear)), 11, _hoisted_2$23)]),
 							default: withCtx(({ close }) => [createElementVNode("div", { class: normalizeClass(unref(DatePicker_module_default).datePickerYears) }, [
 								createVNode(FluxSecondaryButton_default, {
 									"aria-label": unref(translate)("flux.previousYears"),
@@ -12841,7 +13267,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(translate)("flux.selectDate"),
 								type: "button",
 								onClick: open
-							}, toDisplayString(rangeLabel.value), 11, _hoisted_3$5)]),
+							}, toDisplayString(rangeLabel.value), 11, _hoisted_3$6)]),
 							default: withCtx(({ close }) => [createVNode(FluxDatePicker_default, {
 								"model-value": datePickerValue.value,
 								"onUpdate:modelValue": ($event) => {
@@ -12940,7 +13366,7 @@ var FluxCalendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCalendarItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = {
+var _hoisted_1$62 = {
 	"aria-hidden": "true",
 	style: { "display": "none" }
 };
@@ -12993,7 +13419,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$56);
+			return openBlock(), createElementBlock("span", _hoisted_1$62);
 		};
 	}
 });
@@ -13152,7 +13578,7 @@ var FluxCommandPaletteGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTag.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = ["aria-label"];
+var _hoisted_1$61 = ["aria-label"];
 //#endregion
 //#region src/component/FluxTag.vue
 var FluxTag_default = /* @__PURE__ */ defineComponent({
@@ -13220,7 +13646,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$55)) : createCommentVNode("", true)
+					}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$61)) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 8, [
@@ -13282,8 +13708,8 @@ var FluxCommandPaletteItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxCommandPalette.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = ["placeholder", "value"];
-var _hoisted_2$20 = ["onClick"];
+var _hoisted_1$60 = ["placeholder", "value"];
+var _hoisted_2$22 = ["onClick"];
 //#endregion
 //#region src/component/FluxCommandPalette.vue
 var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
@@ -13442,7 +13868,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$54),
+					}, null, 42, _hoisted_1$60),
 					createVNode(FluxTag_default, {
 						"is-keyboard-shortcut": "",
 						label: "Esc"
@@ -13469,7 +13895,7 @@ var FluxCommandPalette_default = /* @__PURE__ */ defineComponent({
 						key: 0,
 						class: normalizeClass(unref(CommandPalette_module_default).commandPaletteTabIcon),
 						name: tab.icon
-					}, null, 8, ["class", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(tab.label), 1)], 42, _hoisted_2$20);
+					}, null, 8, ["class", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(tab.label), 1)], 42, _hoisted_2$22);
 				}), 128))], 2)) : createCommentVNode("", true),
 				createVNode(unref(FluxWindowTransition_default), { "is-back": unref(isTransitioningBack) }, {
 					default: withCtx(() => [(openBlock(), createElementBlock("div", {
@@ -13546,8 +13972,8 @@ var Comment_module_default = {
 };
 //#endregion
 //#region src/component/FluxComment.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = { key: 0 };
-var _hoisted_2$19 = ["datetime"];
+var _hoisted_1$59 = { key: 0 };
+var _hoisted_2$21 = ["datetime"];
 //#endregion
 //#region src/component/FluxComment.vue
 var FluxComment_default = /* @__PURE__ */ defineComponent({
@@ -13607,17 +14033,17 @@ 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$53, 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$59, 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$19)) : createCommentVNode("", true)], 2)
+				}, toDisplayString(isJustNowVisible.value ? unref(translate)("flux.justNow") : relative.value), 9, _hoisted_2$21)) : createCommentVNode("", true)], 2)
 			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/css/component/Form.module.scss
-var { "basePane": _0$11 } = Pane_module_default$1;
+var { "basePane": _0$13 } = Pane_module_default$1;
 var Form_module_default = {
 	formInputGroup: `form-input-group form-input-enabled form-input`,
 	buttonGroup: `button-group`,
@@ -13671,7 +14097,7 @@ var Form_module_default = {
 	formSelectIcon: `form-select-icon`,
 	formSelectInput: `form-select-input`,
 	formSelectPlaceholder: `form-select-placeholder`,
-	formSelectPopup: `form-select-popup ${_0$11}`,
+	formSelectPopup: `form-select-popup ${_0$13}`,
 	menuItem: `menu-item`,
 	isKeyboardAction: `is-keyboard-action`,
 	isSearchable: `is-searchable`,
@@ -13709,11 +14135,16 @@ var Form_module_default = {
 	isSwitch: `is-switch`,
 	formToggleIcon: `form-toggle-icon`,
 	formToggleIconOn: `form-toggle-icon-on form-toggle-icon`,
-	formToggleIconOff: `form-toggle-icon-off form-toggle-icon`
+	formToggleIconOff: `form-toggle-icon-off form-toggle-icon`,
+	formTagsInput: `form-tags-input form-input`,
+	formTagsInputDisabled: `form-tags-input-disabled form-tags-input form-input`,
+	formTagsInputEnabled: `form-tags-input-enabled form-tags-input form-input`,
+	formTagsInputField: `form-tags-input-field`,
+	formTagsInputPopup: `form-tags-input-popup form-select-popup ${_0$13}`
 };
 //#endregion
 //#region src/component/FluxFormFieldAddition.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = { key: 1 };
+var _hoisted_1$58 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormFieldAddition.vue
 var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
@@ -13735,7 +14166,7 @@ var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 16
 				}, null, 8, ["class", "name"])) : createCommentVNode("", true),
-				__props.message ? (openBlock(), createElementBlock("span", _hoisted_1$52, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+				__props.message ? (openBlock(), createElementBlock("span", _hoisted_1$58, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -13743,8 +14174,8 @@ var FluxFormFieldAddition_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = ["role", "aria-labelledby"];
-var _hoisted_2$18 = ["id"];
+var _hoisted_1$57 = ["role", "aria-labelledby"];
+var _hoisted_2$20 = ["id"];
 //#endregion
 //#region src/component/FluxFormField.vue
 var FluxFormField_default = /* @__PURE__ */ defineComponent({
@@ -13786,7 +14217,7 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							id: isGroup.value ? unref(labelId) : void 0,
 							class: normalizeClass(unref(Form_module_default).formFieldLabel)
-						}, toDisplayString(__props.label), 11, _hoisted_2$18)) : createCommentVNode("", true),
+						}, toDisplayString(__props.label), 11, _hoisted_2$20)) : createCommentVNode("", true),
 						__props.isOptional ? (openBlock(), createElementBlock("span", {
 							key: 1,
 							class: normalizeClass(unref(Form_module_default).formFieldOptional)
@@ -13831,14 +14262,14 @@ var FluxFormField_default = /* @__PURE__ */ defineComponent({
 					label: __props.label,
 					maxLength: __props.maxLength
 				})))
-			], 10, _hoisted_1$51);
+			], 10, _hoisted_1$57);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxFormInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = ["aria-disabled"];
-var _hoisted_2$17 = [
+var _hoisted_1$56 = ["aria-disabled"];
+var _hoisted_2$19 = [
 	"id",
 	"name",
 	"autocomplete",
@@ -14038,7 +14469,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					onFocus: _cache[1] || (_cache[1] = ($event) => onFocus()),
 					onInput,
 					onKeydown: onKeyDown
-				}, null, 42, _hoisted_2$17),
+				}, null, 42, _hoisted_2$19),
 				__props.iconLeading ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 0,
 					class: normalizeClass(unref(Form_module_default).formInputIconLeading),
@@ -14062,7 +14493,7 @@ var FluxFormInput_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Form_module_default).formInputIconTrailing),
 					size: 18
 				}, null, 8, ["class"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$50);
+			], 10, _hoisted_1$56);
 		};
 	}
 });
@@ -14086,12 +14517,13 @@ var AnchorPopup_default = /* @__PURE__ */ defineComponent({
 	__name: "AnchorPopup",
 	props: {
 		anchor: {},
+		clampToViewport: { type: Boolean },
 		direction: { default: "vertical" },
 		margin: { default: 12 },
 		position: {},
 		useAnchorWidth: { type: Boolean }
 	},
-	setup(__props) {
+	setup(__props, { expose: __expose }) {
 		const anchorRef = ref();
 		const popupRef = useTemplateRef("popup");
 		const state = reactive({
@@ -14105,12 +14537,14 @@ var AnchorPopup_default = /* @__PURE__ */ defineComponent({
 				capture: true,
 				passive: true
 			});
+			resize();
+			reposition();
 		});
 		onUnmounted(() => {
 			window.removeEventListener("resize", onResize);
 			window.removeEventListener("scroll", onScroll, { capture: true });
 		});
-		ye$1(popupRef, () => {
+		we$1(popupRef, () => {
 			reposition();
 		}, {
 			childList: true,
@@ -14185,6 +14619,14 @@ var AnchorPopup_default = /* @__PURE__ */ defineComponent({
 					if (py < 0 || py + popupHeight > innerHeight) py = innerHeight / 2 - popupHeight / 2;
 					break;
 			}
+			if (__props.clampToViewport) {
+				if (__props.position?.startsWith("right") && px + popupWidth > innerWidth - __props.margin) px = x - popupWidth - __props.margin;
+				else if (__props.position?.startsWith("left") && px < __props.margin) px = x + width + __props.margin;
+				if (__props.position?.startsWith("bottom") && py + popupHeight > innerHeight - __props.margin) py = y - popupHeight - __props.margin;
+				else if (__props.position?.startsWith("top") && py < __props.margin) py = y + height + __props.margin;
+				px = Math.min(Math.max(px, __props.margin), Math.max(__props.margin, innerWidth - popupWidth - __props.margin));
+				py = Math.min(Math.max(py, __props.margin), Math.max(__props.margin, innerHeight - popupHeight - __props.margin));
+			}
 			state.x = px;
 			state.y = py;
 		}
@@ -14201,6 +14643,10 @@ var AnchorPopup_default = /* @__PURE__ */ defineComponent({
 		function onScroll() {
 			reposition();
 		}
+		__expose({
+			reposition,
+			resize
+		});
 		watchEffect(() => {
 			if (!__props.anchor || !R$2(__props.anchor) && !__props.anchor.$el) return;
 			anchorRef.value = R$2(__props.anchor) ? __props.anchor : __props.anchor.$el;
@@ -14233,8 +14679,8 @@ var FluxPaneFooter_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPaneHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = { key: 0 };
-var _hoisted_2$16 = { key: 1 };
+var _hoisted_1$55 = { key: 0 };
+var _hoisted_2$18 = { key: 1 };
 //#endregion
 //#region src/component/FluxPaneHeader.vue
 var FluxPaneHeader_default = /* @__PURE__ */ defineComponent({
@@ -14257,7 +14703,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$49, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2$16, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+				}, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$55, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2$18, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "after")
 			], 2);
 		};
@@ -14373,7 +14819,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Menu.module.scss
-var { "button": _0$10, "buttonIcon": _1$3, "buttonLabel": _2$2 } = Button_module_default$1;
+var { "buttonIcon": _0$12, "buttonLabel": _1$3, "button": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -14381,19 +14827,20 @@ var Menu_module_default = {
 	menuGroup: `menu-group`,
 	menuGroupHorizontal: `menu-group-horizontal menu-group`,
 	menuGroupVertical: `menu-group-vertical menu-group`,
-	menuItem: `menu-item ${_0$10}`,
+	menuItem: `menu-item ${_2$2}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_1$3}`,
-	menuItemLabel: `menu-item-label ${_2$2}`,
+	menuItemIcon: `menu-item-icon ${_0$12}`,
+	menuItemLabel: `menu-item-label ${_1$3}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
 	menuItemHighlighted: `menu-item-highlighted`,
 	menuItemIndented: `menu-item-indented`,
+	menuConeActive: `menu-cone-active`,
 	menuCollapsible: `menu-collapsible`,
 	menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
 	menuCollapsibleBody: `menu-collapsible-body`,
 	menuCollapsibleContent: `menu-collapsible-content`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_1$3}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_0$12}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -14425,7 +14872,7 @@ var FluxMenuGroup_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxMenuItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = ["src", "alt"];
+var _hoisted_1$54 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxMenuItem.vue
 var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
@@ -14435,6 +14882,7 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isLoading: { type: Boolean },
 		label: {},
 		tabindex: {},
@@ -14447,7 +14895,6 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 		commandLoading: { type: Boolean },
 		imageAlt: {},
 		imageSrc: {},
-		isActive: { type: Boolean },
 		isDestructive: { type: Boolean },
 		isHighlighted: { type: Boolean },
 		isIndented: { type: Boolean },
@@ -14502,7 +14949,7 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Menu_module_default).menuItemImage),
 					src: __props.imageSrc,
 					alt: __props.imageAlt ?? ""
-				}, null, 10, _hoisted_1$48)]),
+				}, null, 10, _hoisted_1$54)]),
 				key: "1"
 			} : slots.before ? {
 				name: "iconLeading",
@@ -14628,13 +15075,21 @@ var FilterOptionBase_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxMenu.vue
 var FluxMenu_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenu",
-	props: { isLarge: { type: Boolean } },
+	props: {
+		debugCone: {
+			type: Boolean,
+			default: false
+		},
+		isLarge: { type: Boolean }
+	},
 	setup(__props) {
 		R$1(useTemplateRef("element"), { direction: "vertical" });
+		const menuFlyout = useMenuFlyoutContext({ debugCone: toRef(() => __props.debugCone) });
+		const coneActive = computed(() => !!menuFlyout.activeCone.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("nav", {
 				ref: "element",
-				class: normalizeClass(__props.isLarge ? unref(Menu_module_default).menuLarge : unref(Menu_module_default).menuNormal),
+				class: normalizeClass([__props.isLarge ? unref(Menu_module_default).menuLarge : unref(Menu_module_default).menuNormal, coneActive.value && unref(Menu_module_default).menuConeActive]),
 				role: "menu",
 				"aria-orientation": "vertical"
 			}, [renderSlot(_ctx.$slots, "default")], 2);
@@ -14651,6 +15106,7 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 	__name: "SelectBase",
 	props: /*@__PURE__*/ mergeModels({
 		disabled: { type: Boolean },
+		isCreatable: { type: Boolean },
 		isLoading: { type: Boolean },
 		isMultiple: { type: Boolean },
 		isSearchable: { type: Boolean },
@@ -14665,6 +15121,7 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 		"keyDown",
 		"deselect",
 		"select",
+		"create",
 		"search",
 		"close",
 		"open"
@@ -14684,6 +15141,12 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 		const focusElement = computed(() => v$2(searchInputElementRef) ?? v$2(anchorRef));
 		const highlightedId = computed(() => unref(rawOptions)[unref(highlightedIndex)]?.value);
 		const rawOptions = computed(() => __props.options.map((group) => group[1]).flat());
+		const trimmedSearch = computed(() => unref(modelSearch).trim());
+		const canCreate = computed(() => {
+			if (!__props.isCreatable || trimmedSearch.value === "") return false;
+			const query = trimmedSearch.value.toLowerCase();
+			return !unref(rawOptions).some((o) => o.label.toLowerCase() === query);
+		});
 		const { isOpen: isPopupOpen, toggle, onKeyDownBase } = useDropdownPopup({
 			anchorRef,
 			popupRef: anchorPopupRef,
@@ -14701,6 +15164,13 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 			modelSearch.value = "";
 			nextTick(() => unref(focusElement)?.focus());
 		}
+		function create() {
+			emit("create", trimmedSearch.value);
+			if (!__props.isMultiple) isPopupOpen.value = false;
+			highlightedIndex.value = INITIAL_HIGHLIGHTED_INDEX;
+			modelSearch.value = "";
+			nextTick(() => unref(focusElement)?.focus());
+		}
 		function onKeyDown(evt) {
 			emit("keyDown", evt);
 			if (!unref(isPopupOpen)) {
@@ -14724,6 +15194,7 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 				case "Enter":
 					const id = unref(highlightedId);
 					if (id !== void 0) select(id);
+					else if (unref(canCreate)) create();
 					break;
 				default:
 					if (evt.key.length === 1) highlightedIndex.value = unref(rawOptions).findIndex((o) => o.label.toLowerCase().startsWith(evt.key.toLowerCase()));
@@ -14820,87 +15291,99 @@ var SelectBase_default = /* @__PURE__ */ defineComponent({
 					direction: "vertical",
 					"use-anchor-width": ""
 				}, {
-					default: withCtx(() => [__props.isSearchable ? (openBlock(), createBlock(FluxFormInput_default, {
-						key: 0,
-						modelValue: modelSearch.value,
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelSearch.value = $event),
-						ref: "searchInputElement",
-						"auto-complete": "off",
-						class: normalizeClass(unref(Form_module_default).formSelectInput),
-						type: "search",
-						"icon-trailing": "magnifying-glass",
-						placeholder: unref(translate)("flux.search"),
-						onKeydown: onKeyDown
-					}, null, 8, [
-						"modelValue",
-						"class",
-						"placeholder"
-					])) : createCommentVNode("", true), !__props.isLoading && __props.options.length === 0 ? (openBlock(), createBlock(FluxMenu_default, { key: 1 }, {
-						default: withCtx(() => [createVNode(FluxMenuSubHeader_default, { label: unref(translate)("flux.noItems") }, null, 8, ["label"])]),
-						_: 1
-					})) : (openBlock(), createBlock(FluxMenu_default, { key: 2 }, {
-						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, ([item, subItems], index) => {
-							return openBlock(), createElementBlock(Fragment, { key: `group-${index}` }, [createVNode(FluxMenuGroup_default, null, {
-								default: withCtx(() => [unref(isFluxFormSelectGroup)(item) ? (openBlock(), createBlock(FluxMenuSubHeader_default, {
-									key: 0,
-									"icon-leading": item.icon,
-									label: item.label
-								}, null, 8, ["icon-leading", "label"])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(subItems, (subItem, index) => {
-									return openBlock(), createElementBlock(Fragment, null, [unref(isFluxFormSelectOption)(subItem) ? (openBlock(), createBlock(FluxMenuItem_default, {
-										ref_for: true,
-										ref: "optionElements",
-										key: index,
-										command: subItem.command,
-										"command-icon": subItem.commandIcon,
-										"icon-leading": subItem.icon,
-										"image-alt": subItem.imageAlt,
-										"image-src": subItem.imageSrc,
-										"is-active": !!__props.selected.find((so) => so.value === subItem.value),
-										"is-highlighted": highlightedId.value === subItem.value,
-										label: subItem.label,
-										type: "button",
-										onClick: ($event) => select(subItem.value)
-									}, null, 8, [
-										"command",
-										"command-icon",
-										"icon-leading",
-										"image-alt",
-										"image-src",
-										"is-active",
-										"is-highlighted",
-										"label",
-										"onClick"
-									])) : createCommentVNode("", true)], 64);
-								}), 256))]),
-								_: 2
-							}, 1024), unref(isFluxFormSelectOption)(item) ? (openBlock(), createBlock(FluxMenuItem_default, {
-								ref_for: true,
-								ref: "optionElements",
-								key: `item-${index}`,
-								command: item.command,
-								"command-icon": item.commandIcon,
-								"icon-leading": item.icon,
-								"image-alt": item.imageAlt,
-								"image-src": item.imageSrc,
-								"is-active": !!__props.selected.find((so) => so.value === item.value),
-								"is-highlighted": highlightedId.value === item.value,
-								label: item.label,
+					default: withCtx(() => [
+						__props.isSearchable ? (openBlock(), createBlock(FluxFormInput_default, {
+							key: 0,
+							modelValue: modelSearch.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelSearch.value = $event),
+							ref: "searchInputElement",
+							"auto-complete": "off",
+							class: normalizeClass(unref(Form_module_default).formSelectInput),
+							type: "search",
+							"icon-trailing": "magnifying-glass",
+							placeholder: unref(translate)("flux.search"),
+							onKeydown: onKeyDown
+						}, null, 8, [
+							"modelValue",
+							"class",
+							"placeholder"
+						])) : createCommentVNode("", true),
+						canCreate.value ? (openBlock(), createBlock(FluxMenu_default, { key: 1 }, {
+							default: withCtx(() => [createVNode(FluxMenuItem_default, {
+								"icon-leading": "plus",
+								label: unref(translate)("flux.createOption", { value: trimmedSearch.value }),
 								type: "button",
-								onClick: ($event) => select(item.value)
-							}, null, 8, [
-								"command",
-								"command-icon",
-								"icon-leading",
-								"image-alt",
-								"image-src",
-								"is-active",
-								"is-highlighted",
-								"label",
-								"onClick"
-							])) : createCommentVNode("", true)], 64);
-						}), 128))]),
-						_: 1
-					}))]),
+								onClick: _cache[2] || (_cache[2] = ($event) => create())
+							}, null, 8, ["label"])]),
+							_: 1
+						})) : createCommentVNode("", true),
+						!__props.isLoading && __props.options.length === 0 && !canCreate.value ? (openBlock(), createBlock(FluxMenu_default, { key: 2 }, {
+							default: withCtx(() => [createVNode(FluxMenuSubHeader_default, { label: unref(translate)("flux.noItems") }, null, 8, ["label"])]),
+							_: 1
+						})) : __props.options.length > 0 ? (openBlock(), createBlock(FluxMenu_default, { key: 3 }, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, ([item, subItems], index) => {
+								return openBlock(), createElementBlock(Fragment, { key: `group-${index}` }, [createVNode(FluxMenuGroup_default, null, {
+									default: withCtx(() => [unref(isFluxFormSelectGroup)(item) ? (openBlock(), createBlock(FluxMenuSubHeader_default, {
+										key: 0,
+										"icon-leading": item.icon,
+										label: item.label
+									}, null, 8, ["icon-leading", "label"])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(subItems, (subItem, index) => {
+										return openBlock(), createElementBlock(Fragment, null, [unref(isFluxFormSelectOption)(subItem) ? (openBlock(), createBlock(FluxMenuItem_default, {
+											ref_for: true,
+											ref: "optionElements",
+											key: index,
+											command: subItem.command,
+											"command-icon": subItem.commandIcon,
+											"icon-leading": subItem.icon,
+											"image-alt": subItem.imageAlt,
+											"image-src": subItem.imageSrc,
+											"is-active": !!__props.selected.find((so) => so.value === subItem.value),
+											"is-highlighted": highlightedId.value === subItem.value,
+											label: subItem.label,
+											type: "button",
+											onClick: ($event) => select(subItem.value)
+										}, null, 8, [
+											"command",
+											"command-icon",
+											"icon-leading",
+											"image-alt",
+											"image-src",
+											"is-active",
+											"is-highlighted",
+											"label",
+											"onClick"
+										])) : createCommentVNode("", true)], 64);
+									}), 256))]),
+									_: 2
+								}, 1024), unref(isFluxFormSelectOption)(item) ? (openBlock(), createBlock(FluxMenuItem_default, {
+									ref_for: true,
+									ref: "optionElements",
+									key: `item-${index}`,
+									command: item.command,
+									"command-icon": item.commandIcon,
+									"icon-leading": item.icon,
+									"image-alt": item.imageAlt,
+									"image-src": item.imageSrc,
+									"is-active": !!__props.selected.find((so) => so.value === item.value),
+									"is-highlighted": highlightedId.value === item.value,
+									label: item.label,
+									type: "button",
+									onClick: ($event) => select(item.value)
+								}, null, 8, [
+									"command",
+									"command-icon",
+									"icon-leading",
+									"image-alt",
+									"image-src",
+									"is-active",
+									"is-highlighted",
+									"label",
+									"onClick"
+								])) : createCommentVNode("", true)], 64);
+							}), 128))]),
+							_: 1
+						})) : createCommentVNode("", true)
+					]),
 					_: 1
 				}, 8, ["class", "anchor"])) : createCommentVNode("", true)]),
 				_: 1
@@ -14950,7 +15433,7 @@ var FluxTicks_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/primitive/SliderBase.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = ["aria-disabled"];
+var _hoisted_1$53 = ["aria-disabled"];
 //#endregion
 //#region src/component/primitive/SliderBase.vue
 var SliderBase_default = /* @__PURE__ */ defineComponent({
@@ -15006,13 +15489,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$47);
+			}, null, 8, ["lower", "upper"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$53);
 		};
 	}
 });
 //#endregion
 //#region src/component/primitive/SliderThumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = [
+var _hoisted_1$52 = [
 	"aria-disabled",
 	"aria-label",
 	"aria-valuemax",
@@ -15071,7 +15554,7 @@ var SliderThumb_default = /* @__PURE__ */ defineComponent({
 				type: "button",
 				onKeydown: onKeyDown,
 				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$46);
+			}, null, 46, _hoisted_1$52);
 		};
 	}
 });
@@ -15176,7 +15659,7 @@ var Divider_module_default = {
 };
 //#endregion
 //#region src/component/FluxSeparator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["aria-orientation"];
+var _hoisted_1$51 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxSeparator.vue
 var FluxSeparator_default = /* @__PURE__ */ defineComponent({
@@ -15188,7 +15671,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$45);
+			}, null, 10, _hoisted_1$51);
 		};
 	}
 });
@@ -15430,16 +15913,16 @@ var FluxFormSlider_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/primitive/CoordinatePicker.module.scss
-var { "sliderThumb": _0$9 } = Slider_module_default;
+var { "sliderThumb": _0$11 } = Slider_module_default;
 var CoordinatePicker_module_default = {
 	coordinatePicker: `coordinate-picker`,
-	coordinatePickerThumb: `coordinate-picker-thumb ${_0$9}`,
+	coordinatePickerThumb: `coordinate-picker-thumb ${_0$11}`,
 	isDisabled: `is-disabled`,
 	isDragging: `is-dragging`
 };
 //#endregion
 //#region src/component/primitive/CoordinatePickerThumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = [
+var _hoisted_1$50 = [
 	"aria-disabled",
 	"aria-valuetext",
 	"tabindex"
@@ -15495,13 +15978,13 @@ var CoordinatePickerThumb_default = /* @__PURE__ */ defineComponent({
 				type: "button",
 				onKeydown: onKeyDown,
 				onPointerdown: _cache[0] || (_cache[0] = ($event) => $emit("grab", $event))
-			}, null, 46, _hoisted_1$44);
+			}, null, 46, _hoisted_1$50);
 		};
 	}
 });
 //#endregion
 //#region src/component/primitive/CoordinatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = ["aria-disabled", "aria-label"];
+var _hoisted_1$49 = ["aria-disabled", "aria-label"];
 //#endregion
 //#region src/component/primitive/CoordinatePicker.vue
 var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
@@ -15611,7 +16094,7 @@ var CoordinatePicker_default = /* @__PURE__ */ defineComponent({
 				"disabled",
 				"is-dragging",
 				"position"
-			])], 42, _hoisted_1$43);
+			])], 42, _hoisted_1$49);
 		};
 	}
 });
@@ -15949,6 +16432,7 @@ var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -15972,6 +16456,7 @@ var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				iconLeading: __props.iconLeading,
 				iconTrailing: __props.iconTrailing,
+				isActive: __props.isActive,
 				isFilled: __props.isFilled,
 				isLoading: __props.isLoading,
 				isSubmit: __props.isSubmit,
@@ -15984,6 +16469,7 @@ var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 				to: __props.to
 			}, {
 				"css-class": unref(Button_module_default).primaryButton,
+				"css-class-active": unref(Button_module_default).isActive,
 				"css-class-icon": unref(Button_module_default).primaryButtonIcon,
 				"css-class-label": unref(Button_module_default).primaryButtonLabel,
 				onClick: _cache[0] || (_cache[0] = ($event) => $emit("click", $event)),
@@ -15996,6 +16482,7 @@ var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 				};
 			})]), 1040, [
 				"css-class",
+				"css-class-active",
 				"css-class-icon",
 				"css-class-label"
 			]);
@@ -16004,14 +16491,14 @@ var FluxPrimaryButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxColorSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = [
+var _hoisted_1$48 = [
 	"aria-checked",
 	"aria-label",
 	"disabled",
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_2$15 = [
+var _hoisted_2$17 = [
 	"disabled",
 	"tabindex",
 	"aria-label",
@@ -16079,7 +16566,7 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Color_module_default).colorSelectCheck),
 					name: "check",
 					size: 14
-				}, null, 8, ["class"])], 14, _hoisted_1$42);
+				}, null, 8, ["class"])], 14, _hoisted_1$48);
 			}), 128)), __props.isCustomAllowed ? (openBlock(), createBlock(FluxFlyout_default, { key: 0 }, {
 				opener: withCtx(({ open }) => [createElementVNode("button", {
 					class: normalizeClass(unref(Color_module_default).colorSelectCustom),
@@ -16091,7 +16578,7 @@ var FluxColorSelect_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(FluxIcon_default, {
 					name: "ellipsis-h",
 					size: 16
-				})], 10, _hoisted_2$15)]),
+				})], 10, _hoisted_2$17)]),
 				default: withCtx(({ close }) => [createVNode(FluxColorPicker_default, {
 					modelValue: customColor.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customColor.value = $event),
@@ -16132,9 +16619,96 @@ var FluxContainer_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/css/component/ContextMenu.module.scss
+var { "basePane": _0$10 } = Pane_module_default$1;
+var ContextMenu_module_default = {
+	contextMenu: `context-menu`,
+	contextMenuPopup: `context-menu-popup ${_0$10}`
+};
+//#endregion
+//#region src/component/FluxContextMenu.vue
+var FluxContextMenu_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxContextMenu",
+	props: {
+		debugCone: {
+			type: Boolean,
+			default: false
+		},
+		disabled: { type: Boolean },
+		position: { default: "bottom-left" }
+	},
+	emits: ["open", "close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const popupRef = useTemplateRef("popup");
+		const isOpen = ref(false);
+		const cursor = reactive({
+			x: 0,
+			y: 0
+		});
+		const virtualAnchor = { $el: { getBoundingClientRect: () => new DOMRect(cursor.x, cursor.y, 0, 0) } };
+		const menuFlyout = useMenuFlyoutProvider({
+			debugCone: toRef(() => __props.debugCone),
+			onCloseAll: () => close()
+		});
+		I$1(popupRef, { disable: computed(() => menuFlyout.keyboardStack.value.length > 0) });
+		function onContextMenu(evt) {
+			if (disabled.value) return;
+			evt.preventDefault();
+			cursor.x = evt.clientX;
+			cursor.y = evt.clientY;
+			isOpen.value = true;
+			emit("open", evt);
+		}
+		function close() {
+			if (!isOpen.value) return;
+			isOpen.value = false;
+			emit("close");
+		}
+		if (!C$2) {
+			O$1(ref(window), "pointerdown", (evt) => {
+				if (!isOpen.value) return;
+				const target = evt.target;
+				const root = popupRef.value?.$el ?? null;
+				if (root && target && root.contains(target) || menuFlyout.isInsidePopups(target)) return;
+				close();
+			}, { capture: true });
+			O$1(ref(window), "keydown", (evt) => {
+				if (isOpen.value && evt.key === "Escape") close();
+			});
+			O$1(ref(window), "scroll", () => {
+				if (isOpen.value) close();
+			}, { capture: true });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(ContextMenu_module_default).contextMenu),
+				onContextmenu: onContextMenu
+			}, [renderSlot(_ctx.$slots, "default"), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(FluxFadeTransition_default), null, {
+				default: withCtx(() => [isOpen.value ? (openBlock(), createBlock(unref(AnchorPopup_default), {
+					key: 0,
+					ref: "popup",
+					anchor: virtualAnchor,
+					class: normalizeClass(unref(ContextMenu_module_default).contextMenuPopup),
+					"clamp-to-viewport": "",
+					margin: 2,
+					position: __props.position,
+					role: "menu",
+					onClick: _cache[0] || (_cache[0] = ($event) => close())
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "menu", normalizeProps(guardReactiveProps({ close })))]),
+					_: 3
+				}, 8, ["class", "position"])) : createCommentVNode("", true)]),
+				_: 3
+			})]))], 34);
+		};
+	}
+});
+//#endregion
 //#region src/component/FluxFormCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = ["for"];
-var _hoisted_2$14 = [
+var _hoisted_1$47 = ["for"];
+var _hoisted_2$16 = [
 	"id",
 	"checked",
 	"disabled",
@@ -16209,7 +16783,7 @@ var FluxFormCheckbox_default = /* @__PURE__ */ defineComponent({
 					"aria-invalid": errorResolved.value ? true : void 0,
 					onChange,
 					onClick
-				}, null, 42, _hoisted_2$14),
+				}, null, 42, _hoisted_2$16),
 				createElementVNode("button", {
 					"aria-hidden": "true",
 					class: normalizeClass(unref(Form_module_default).formCheckboxElement),
@@ -16233,7 +16807,7 @@ var FluxFormCheckbox_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: normalizeClass(unref(Form_module_default).formCheckboxSubLabel)
 				}, toDisplayString(__props.subLabel), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$41);
+			], 10, _hoisted_1$47);
 		};
 	}
 });
@@ -16305,16 +16879,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$9, "secondaryButtonIcon": _1$2, "secondaryButtonLabel": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_1$2}`,
+	paginationButton: `pagination-button ${_0$9}`,
 	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`,
@@ -16331,6 +16905,7 @@ var FluxPaginationButton_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -16394,7 +16969,7 @@ var FluxPaginationButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = ["aria-label"];
+var _hoisted_1$46 = ["aria-label"];
 //#endregion
 //#region src/component/FluxPagination.vue
 var FluxPagination_default = /* @__PURE__ */ defineComponent({
@@ -16509,7 +17084,7 @@ var FluxPagination_default = /* @__PURE__ */ defineComponent({
 					"aria-label": unref(translate)("flux.next"),
 					onClick: next
 				}, null, 8, ["disabled", "aria-label"])) : createCommentVNode("", true)
-			], 10, _hoisted_1$40);
+			], 10, _hoisted_1$46);
 		};
 	}
 });
@@ -16576,9 +17151,9 @@ var FluxPaginationBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Table.module.scss
-var { "basePaneElement": _0$7, "basePaneLoader": _1$1 } = Pane_module_default$1;
+var { "basePaneElement": _0$8, "basePaneLoader": _1$1 } = Pane_module_default$1;
 var Table_module_default = {
-	table: `table ${_0$7}`,
+	table: `table ${_0$8}`,
 	tableBase: `table-base`,
 	tableFill: `table-fill`,
 	tablePagination: `table-pagination`,
@@ -16601,13 +17176,21 @@ var Table_module_default = {
 	tableBar: `table-bar table-cell`,
 	tableBarContent: `table-bar-content table-cell-content`,
 	tableSort: `table-sort`,
-	basePaneStructure: `base-pane-structure`
+	basePaneStructure: `base-pane-structure`,
+	tableCellExpand: `table-cell-expand`,
+	tableExpandToggle: `table-expand-toggle`,
+	isExpanded: `is-expanded`,
+	tableExpandContent: `table-expand-content`
 };
 //#endregion
+//#region src/component/FluxTableCell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$45 = ["colspan"];
+//#endregion
 //#region src/component/FluxTableCell.vue
 var FluxTableCell_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTableCell",
 	props: {
+		colspan: {},
 		contentDirection: { default: "row" },
 		contentGap: {}
 	},
@@ -16616,6 +17199,7 @@ var FluxTableCell_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("td", {
 				class: normalizeClass(unref(clsx)(unref(Table_module_default).tableCell, unref(isBordered) && unref(Table_module_default).isBordered, unref(isHoverable) && unref(Table_module_default).isHoverable, unref(isSeparated) && unref(Table_module_default).isSeparated, unref(isStriped) && unref(Table_module_default).isStriped)),
+				colspan: __props.colspan,
 				role: "cell"
 			}, [renderSlot(_ctx.$slots, "content", {}, () => [createElementVNode("div", {
 				class: normalizeClass(unref(Table_module_default).tableCellContent),
@@ -16623,7 +17207,7 @@ var FluxTableCell_default = /* @__PURE__ */ defineComponent({
 					flexFlow: __props.contentDirection,
 					gap: __props.contentGap != null ? `${__props.contentGap}px` : void 0
 				})
-			}, [renderSlot(_ctx.$slots, "default")], 6)])], 2);
+			}, [renderSlot(_ctx.$slots, "default")], 6)])], 10, _hoisted_1$45);
 		};
 	}
 });
@@ -16640,9 +17224,9 @@ var FluxTableRow_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = { key: 0 };
-var _hoisted_2$13 = { key: 1 };
-var _hoisted_3$4 = { key: 2 };
+var _hoisted_1$44 = { key: 0 };
+var _hoisted_2$15 = { key: 1 };
+var _hoisted_3$5 = { key: 2 };
 //#endregion
 //#region src/component/FluxTable.vue
 var FluxTable_default = /* @__PURE__ */ defineComponent({
@@ -16689,8 +17273,8 @@ 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$39, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
-					slots.default ? (openBlock(), createElementBlock("tbody", _hoisted_2$13, [renderSlot(_ctx.$slots, "default"), __props.fillColumns ? (openBlock(), createBlock(FluxTableRow_default, {
+					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$44, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
+					slots.default ? (openBlock(), createElementBlock("tbody", _hoisted_2$15, [renderSlot(_ctx.$slots, "default"), __props.fillColumns ? (openBlock(), createBlock(FluxTableRow_default, {
 						key: 0,
 						class: normalizeClass(unref(Table_module_default).tableFill)
 					}, {
@@ -16699,7 +17283,7 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 						}), 128))]),
 						_: 1
 					}, 8, ["class"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
-					slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_3$4, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true),
+					slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_3$5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true),
 					slots.caption ? (openBlock(), createElementBlock("caption", {
 						key: 3,
 						style: normalizeStyle({ captionSide: __props.captionSide })
@@ -16723,8 +17307,8 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTableHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = ["aria-sort"];
-var _hoisted_2$12 = ["aria-label", "onClick"];
+var _hoisted_1$43 = ["aria-sort"];
+var _hoisted_2$14 = ["aria-label", "onClick"];
 //#endregion
 //#region src/component/FluxTableHeader.vue
 var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
@@ -16763,7 +17347,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 				}, [createVNode(FluxIcon_default, {
 					size: 16,
 					name: sortingIcon.value
-				}, null, 8, ["name"])], 10, _hoisted_2$12)]),
+				}, null, 8, ["name"])], 10, _hoisted_2$14)]),
 				default: withCtx(() => [createVNode(FluxMenu_default, null, {
 					default: withCtx(() => [createVNode(FluxMenuGroup_default, null, {
 						default: withCtx(() => [createVNode(FluxMenuItem_default, {
@@ -16790,7 +17374,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				})]),
 				_: 1
-			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$38);
+			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$43);
 		};
 	}
 });
@@ -16799,6 +17383,7 @@ var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
 var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDataTable",
 	props: /*@__PURE__*/ mergeModels({
+		expandMode: { default: "multiple" },
 		fillColumns: {},
 		isBordered: {
 			type: Boolean,
@@ -16829,23 +17414,32 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 		uniqueKey: {}
 	}, {
 		"selected": {},
-		"selectedModifiers": {}
+		"selectedModifiers": {},
+		"expanded": { default: () => [] },
+		"expandedModifiers": {}
 	}),
-	emits: /*@__PURE__*/ mergeModels(["limit", "navigate"], ["update:selected"]),
+	emits: /*@__PURE__*/ mergeModels(["limit", "navigate"], ["update:selected", "update:expanded"]),
 	setup(__props, { emit: __emit }) {
 		const IGNORED_SLOTS = [
 			"filter",
 			"header",
 			"footer",
 			"colgroups",
-			"pagination"
+			"pagination",
+			"expandable"
 		];
 		const emit = __emit;
 		const selected = useModel(__props, "selected");
+		const expanded = useModel(__props, "expanded");
 		const slots = useSlots();
 		const table = useTemplateRef("table");
 		const treeDisabled = useDisabledInjection_default();
+		const translate = useTranslate_default();
 		const limitedItems = computed(() => __props.items.slice(0, __props.perPage));
+		const hasExpandable = computed(() => "expandable" in slots);
+		const columnCount = computed(() => {
+			return Object.keys(slots).filter((name) => !IGNORED_SLOTS.includes(name)).length + (__props.selectionMode ? 1 : 0) + (unref(hasExpandable) ? 1 : 0);
+		});
 		const currentPageIds = computed(() => {
 			if (!__props.uniqueKey) return [];
 			return unref(limitedItems).map((item) => item[__props.uniqueKey]);
@@ -16897,6 +17491,20 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 			}
 			selected.value = current.filter((id) => !ids.includes(id));
 		}
+		function isItemExpanded(item) {
+			const id = getItemId(item);
+			return id !== void 0 && unref(expanded).includes(id);
+		}
+		function toggleExpand(item) {
+			const id = getItemId(item);
+			if (id === void 0) return;
+			const current = unref(expanded);
+			if (current.includes(id)) {
+				expanded.value = current.filter((v) => v !== id);
+				return;
+			}
+			expanded.value = __props.expandMode === "single" ? [id] : [...current, id];
+		}
 		watch(() => __props.items, () => {
 			unref(table)?.$el.scrollTo(0, 0);
 		});
@@ -16912,41 +17520,75 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 				"is-striped": __props.isStriped
 			}, createSlots({
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(limitedItems.value, (item, index) => {
-					return openBlock(), createBlock(FluxTableRow_default, {
-						key: __props.uniqueKey ? item[__props.uniqueKey] : index,
+					return openBlock(), createElementBlock(Fragment, { key: __props.uniqueKey ? item[__props.uniqueKey] : index }, [createVNode(FluxTableRow_default, {
 						class: normalizeClass(__props.selectionMode && !unref(treeDisabled) && unref(Table_module_default).isSelectableRow),
 						"is-selected": __props.selectionMode ? isItemSelected(item) : false,
 						onClick: ($event) => onRowClick(item, $event)
 					}, {
-						default: withCtx(() => [__props.selectionMode ? (openBlock(), createBlock(FluxTableCell_default, {
-							key: 0,
-							class: normalizeClass(unref(Table_module_default).tableCellSelection)
-						}, {
-							default: withCtx(() => [createVNode(FluxFormCheckbox_default, {
-								"model-value": isItemSelected(item),
-								"onUpdate:modelValue": ($event) => onSelectRow(item)
-							}, null, 8, ["model-value", "onUpdate:modelValue"])]),
-							_: 2
-						}, 1032, ["class"])) : createCommentVNode("", true), (openBlock(), createElementBlock(Fragment, null, renderList(slots, (_, name) => {
-							return openBlock(), createElementBlock(Fragment, null, [!IGNORED_SLOTS.includes(name) ? renderSlot(_ctx.$slots, name, mergeProps({
+						default: withCtx(() => [
+							__props.selectionMode ? (openBlock(), createBlock(FluxTableCell_default, {
 								key: 0,
-								ref_for: true
+								class: normalizeClass(unref(Table_module_default).tableCellSelection)
 							}, {
-								index,
-								item,
-								items: limitedItems.value,
-								page: __props.page,
-								perPage: __props.perPage,
-								total: __props.total,
-								isSelected: isItemSelected(item)
-							})) : createCommentVNode("", true)], 64);
-						}), 64))]),
+								default: withCtx(() => [createVNode(FluxFormCheckbox_default, {
+									"model-value": isItemSelected(item),
+									"onUpdate:modelValue": ($event) => onSelectRow(item)
+								}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+								_: 2
+							}, 1032, ["class"])) : createCommentVNode("", true),
+							hasExpandable.value ? (openBlock(), createBlock(FluxTableCell_default, {
+								key: 1,
+								class: normalizeClass(unref(Table_module_default).tableCellExpand)
+							}, {
+								default: withCtx(() => [createVNode(FluxAction_default, {
+									class: normalizeClass(unref(clsx)(unref(Table_module_default).tableExpandToggle, isItemExpanded(item) && unref(Table_module_default).isExpanded)),
+									icon: "chevron-right",
+									"aria-expanded": isItemExpanded(item),
+									"aria-label": isItemExpanded(item) ? unref(translate)("flux.collapseRow") : unref(translate)("flux.expandRow"),
+									onClick: ($event) => toggleExpand(item)
+								}, null, 8, [
+									"class",
+									"aria-expanded",
+									"aria-label",
+									"onClick"
+								])]),
+								_: 2
+							}, 1032, ["class"])) : createCommentVNode("", true),
+							(openBlock(), createElementBlock(Fragment, null, renderList(slots, (_, name) => {
+								return openBlock(), createElementBlock(Fragment, null, [!IGNORED_SLOTS.includes(name) ? renderSlot(_ctx.$slots, name, mergeProps({
+									key: 0,
+									ref_for: true
+								}, {
+									index,
+									item,
+									items: limitedItems.value,
+									page: __props.page,
+									perPage: __props.perPage,
+									total: __props.total,
+									isSelected: isItemSelected(item)
+								})) : createCommentVNode("", true)], 64);
+							}), 64))
+						]),
 						_: 2
 					}, 1032, [
 						"class",
 						"is-selected",
 						"onClick"
-					]);
+					]), hasExpandable.value && isItemExpanded(item) ? (openBlock(), createBlock(FluxTableRow_default, {
+						key: 0,
+						class: normalizeClass(unref(Table_module_default).tableExpandRow)
+					}, {
+						default: withCtx(() => [createVNode(FluxTableCell_default, { colspan: columnCount.value }, {
+							content: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(Table_module_default).tableExpandContent) }, [renderSlot(_ctx.$slots, "expandable", mergeProps({ ref_for: true }, {
+								index,
+								item,
+								isExpanded: true,
+								toggle: () => toggleExpand(item)
+							}))], 2)]),
+							_: 2
+						}, 1032, ["colspan"])]),
+						_: 2
+					}, 1032, ["class"])) : createCommentVNode("", true)], 64);
 				}), 128))]),
 				_: 2
 			}, [
@@ -16955,7 +17597,7 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "colgroups")]),
 					key: "0"
 				} : void 0,
-				"header" in slots || __props.selectionMode ? {
+				"header" in slots || __props.selectionMode || hasExpandable.value ? {
 					name: "header",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "filter", normalizeProps(guardReactiveProps({
 						page: __props.page,
@@ -16963,23 +17605,31 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 						items: limitedItems.value,
 						total: __props.total
 					}))), createVNode(FluxTableRow_default, null, {
-						default: withCtx(() => [__props.selectionMode ? (openBlock(), createBlock(FluxTableHeader_default, {
-							key: 0,
-							"is-shrinking": "",
-							class: normalizeClass(unref(Table_module_default).tableCellSelection)
-						}, {
-							default: withCtx(() => [__props.selectionMode === "multiple" ? (openBlock(), createBlock(FluxFormCheckbox_default, {
+						default: withCtx(() => [
+							__props.selectionMode ? (openBlock(), createBlock(FluxTableHeader_default, {
 								key: 0,
-								"model-value": selectAllState.value,
-								"onUpdate:modelValue": onSelectAll
-							}, null, 8, ["model-value"])) : createCommentVNode("", true)]),
-							_: 1
-						}, 8, ["class"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
-							page: __props.page,
-							perPage: __props.perPage,
-							items: limitedItems.value,
-							total: __props.total
-						})))]),
+								"is-shrinking": "",
+								class: normalizeClass(unref(Table_module_default).tableCellSelection)
+							}, {
+								default: withCtx(() => [__props.selectionMode === "multiple" ? (openBlock(), createBlock(FluxFormCheckbox_default, {
+									key: 0,
+									"model-value": selectAllState.value,
+									"onUpdate:modelValue": onSelectAll
+								}, null, 8, ["model-value"])) : createCommentVNode("", true)]),
+								_: 1
+							}, 8, ["class"])) : createCommentVNode("", true),
+							hasExpandable.value ? (openBlock(), createBlock(FluxTableHeader_default, {
+								key: 1,
+								"is-shrinking": "",
+								class: normalizeClass(unref(Table_module_default).tableCellExpand)
+							}, null, 8, ["class"])) : createCommentVNode("", true),
+							renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+								page: __props.page,
+								perPage: __props.perPage,
+								items: limitedItems.value,
+								total: __props.total
+							})))
+						]),
 						_: 3
 					})]),
 					key: "1"
@@ -17030,6 +17680,55 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var DescriptionList_module_default = {
+	descriptionList: `description-list`,
+	descriptionListHeader: `description-list-header`,
+	descriptionListItems: `description-list-items`,
+	descriptionItem: `description-item`,
+	isStacked: `is-stacked`,
+	descriptionItemValue: `description-item-value`,
+	descriptionItemTerm: `description-item-term`,
+	descriptionItemIcon: `description-item-icon`,
+	descriptionItemLabel: `description-item-label`,
+	isHorizontal: `is-horizontal`
+};
+//#endregion
+//#region src/component/FluxDescriptionItem.vue
+var FluxDescriptionItem_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDescriptionItem",
+	props: {
+		icon: {},
+		isStacked: { type: Boolean },
+		label: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(clsx)(unref(DescriptionList_module_default).descriptionItem, __props.isStacked && unref(DescriptionList_module_default).isStacked)) }, [createElementVNode("dt", { class: normalizeClass(unref(DescriptionList_module_default).descriptionItemTerm) }, [__props.icon ? (openBlock(), createBlock(FluxIcon_default, {
+				key: 0,
+				class: normalizeClass(unref(DescriptionList_module_default).descriptionItemIcon),
+				name: __props.icon
+			}, null, 8, ["class", "name"])) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(unref(DescriptionList_module_default).descriptionItemLabel) }, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 2)], 2), createElementVNode("dd", { class: normalizeClass(unref(DescriptionList_module_default).descriptionItemValue) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+		};
+	}
+});
+//#endregion
+//#region src/component/FluxDescriptionList.vue
+var FluxDescriptionList_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxDescriptionList",
+	props: {
+		direction: { default: "vertical" },
+		title: {}
+	},
+	setup(__props) {
+		const slots = useSlots();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(DescriptionList_module_default).descriptionList) }, [__props.title || slots.header ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(DescriptionList_module_default).descriptionListHeader)
+			}, [renderSlot(_ctx.$slots, "header", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true), createElementVNode("dl", { class: normalizeClass(unref(clsx)(unref(DescriptionList_module_default).descriptionListItems, __props.direction === "horizontal" && unref(DescriptionList_module_default).isHorizontal)) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+		};
+	}
+});
 //#endregion
 //#region src/component/FluxDisabled.vue
 var FluxDisabled_default = /* @__PURE__ */ defineComponent({
@@ -17048,7 +17747,7 @@ var FluxDisabled_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxDivider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = ["aria-orientation"];
+var _hoisted_1$42 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxDivider.vue
 var FluxDivider_default = /* @__PURE__ */ defineComponent({
@@ -17070,23 +17769,23 @@ 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$37);
+			}, null, 2))], 10, _hoisted_1$42);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxDotPattern.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = [
+var _hoisted_1$41 = [
 	"id",
 	"width",
 	"height"
 ];
-var _hoisted_2$11 = [
+var _hoisted_2$13 = [
 	"r",
 	"cx",
 	"cy"
 ];
-var _hoisted_3$3 = ["fill"];
+var _hoisted_3$4 = ["fill"];
 //#endregion
 //#region src/component/FluxDotPattern.vue
 var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
@@ -17131,12 +17830,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$36)]), createElementVNode("rect", {
+			}, null, 8, _hoisted_2$13)], 8, _hoisted_1$41)]), createElementVNode("rect", {
 				width: "100%",
 				height: "100%",
 				"stroke-width": "0",
 				fill: `url(#${unref(id)})`
-			}, null, 8, _hoisted_3$3)], 2);
+			}, null, 8, _hoisted_3$4)], 2);
 		};
 	}
 });
@@ -17154,12 +17853,12 @@ var DropZone_module_default = {
 };
 //#endregion
 //#region src/component/FluxDropZone.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = [
+var _hoisted_1$40 = [
 	"aria-disabled",
 	"aria-label",
 	"tabindex"
 ];
-var _hoisted_2$10 = ["pathLength"];
+var _hoisted_2$12 = ["pathLength"];
 //#endregion
 //#region src/component/FluxDropZone.vue
 var FluxDropZone_default = /* @__PURE__ */ defineComponent({
@@ -17274,7 +17973,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						pathLength: pathLength.value
-					}, null, 8, _hoisted_2$10)], 2)),
+					}, null, 8, _hoisted_2$12)], 2)),
 					renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 						isDragging: isDragging.value,
 						isDraggingOver: isDraggingOver.value,
@@ -17301,7 +18000,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 					isDraggingOver: isDraggingOver.value,
 					showPicker
 				})))
-			], 42, _hoisted_1$35);
+			], 42, _hoisted_1$40);
 		};
 	}
 });
@@ -17331,12 +18030,12 @@ var Expandable_module_default = {
 };
 //#endregion
 //#region src/component/FluxExpandable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = [
+var _hoisted_1$39 = [
 	"id",
 	"aria-controls",
 	"aria-expanded"
 ];
-var _hoisted_2$9 = ["id", "aria-labelledby"];
+var _hoisted_2$11 = ["id", "aria-labelledby"];
 //#endregion
 //#region src/component/FluxExpandable.vue
 var FluxExpandable_default = /* @__PURE__ */ defineComponent({
@@ -17427,9 +18126,9 @@ var FluxExpandable_default = /* @__PURE__ */ defineComponent({
 				})), () => [createElementVNode("div", { class: normalizeClass(unref(Expandable_module_default).expandableContent) }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 					label: __props.label,
 					close
-				})))], 2)])], 10, _hoisted_2$9)) : createCommentVNode("", true)]),
+				})))], 2)])], 10, _hoisted_2$11)) : createCommentVNode("", true)]),
 				_: 3
-			})], 10, _hoisted_1$34);
+			})], 10, _hoisted_1$39);
 		};
 	}
 });
@@ -17481,7 +18180,7 @@ var FluxFader_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const faderRef = useTemplateRef("fader");
-		me$1(__props.interval, () => next());
+		ye$1(__props.interval, () => next());
 		const current = ref(-1);
 		function getItems() {
 			const fader = v$2(faderRef);
@@ -18655,7 +19354,7 @@ var FocalPoint_module_default = {
 };
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = ["src"];
+var _hoisted_1$38 = ["src"];
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue
 var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
@@ -18724,7 +19423,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 							src: __props.src,
 							alt: "",
 							onLoad: onImageLoaded
-						}, null, 42, _hoisted_1$33), createElementVNode("div", {
+						}, null, 42, _hoisted_1$38), createElementVNode("div", {
 							class: normalizeClass(unref(FocalPoint_module_default).focalPointEditorArea),
 							style: normalizeStyle({
 								top: `${focalPointY.value}%`,
@@ -18753,7 +19452,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFocalPointImage.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = ["src", "alt"];
+var _hoisted_1$37 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxFocalPointImage.vue
 var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
@@ -18772,13 +19471,13 @@ var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle({ objectPosition: `${x.value}% ${y.value}%` }),
 				src: __props.src,
 				alt: __props.alt
-			}, null, 14, _hoisted_1$32);
+			}, null, 14, _hoisted_1$37);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxForm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = ["aria-disabled"];
+var _hoisted_1$36 = ["aria-disabled"];
 //#endregion
 //#region src/component/FluxForm.vue
 var FluxForm_default = /* @__PURE__ */ defineComponent({
@@ -18801,13 +19500,13 @@ var FluxForm_default = /* @__PURE__ */ defineComponent({
 			}, [createVNode(FluxDisabled_default, { disabled: __props.disabled }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["disabled"])], 42, _hoisted_1$31);
+			}, 8, ["disabled"])], 42, _hoisted_1$36);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxFormCheckboxGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = ["role", "aria-label"];
+var _hoisted_1$35 = ["role", "aria-label"];
 //#endregion
 //#region src/component/FluxFormCheckboxGroup.vue
 var FluxFormCheckboxGroup_default = /* @__PURE__ */ defineComponent({
@@ -18842,7 +19541,92 @@ var FluxFormCheckboxGroup_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(unref(clsx)(unref(Form_module_default).formCheckboxGroup, __props.isInline && unref(Form_module_default).isInline)),
 				role: unref(field)?.isGroup ? void 0 : "group",
 				"aria-label": unref(field)?.isGroup ? void 0 : __props.ariaLabel
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$30);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$35);
+		};
+	}
+});
+//#endregion
+//#region src/component/FluxFormCombobox.vue
+var FluxFormCombobox_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxFormCombobox",
+	props: /*@__PURE__*/ mergeModels({
+		autoFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		error: {},
+		isCondensed: { type: Boolean },
+		isLoading: { type: Boolean },
+		isReadonly: { type: Boolean },
+		isSecondary: { type: Boolean },
+		name: {},
+		placeholder: {},
+		isCreatable: { type: Boolean },
+		isMultiple: { type: Boolean },
+		options: {}
+	}, {
+		"searchQuery": { default: "" },
+		"searchQueryModifiers": {},
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:searchQuery", "update:modelValue"],
+	setup(__props) {
+		const modelSearch = useModel(__props, "searchQuery");
+		const modelValue = useModel(__props, "modelValue");
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const createdOptions = ref([]);
+		const allOptions = computed(() => {
+			const seen = /* @__PURE__ */ new Set();
+			return [...__props.options, ...createdOptions.value].filter((o) => {
+				if (isFluxFormSelectGroup(o)) return true;
+				if (seen.has(o.value)) return false;
+				seen.add(o.value);
+				return true;
+			});
+		});
+		const { groups, selected, values } = useFormSelect_default(modelValue, __props.isMultiple, allOptions, modelSearch);
+		function onDeselect(id) {
+			if (__props.isMultiple) modelValue.value = unref(values).filter((v) => v !== id);
+		}
+		function onSelect(id) {
+			if (__props.isMultiple) modelValue.value = [...unref(values), id];
+			else modelValue.value = id;
+		}
+		function onCreate(query) {
+			if (!unref(allOptions).some((o) => isFluxFormSelectOption(o) && o.value === query)) createdOptions.value = [...createdOptions.value, {
+				label: query,
+				value: query
+			}];
+			onSelect(query);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectBase_default), {
+				searchQuery: modelSearch.value,
+				"onUpdate:searchQuery": _cache[0] || (_cache[0] = ($event) => modelSearch.value = $event),
+				"aria-invalid": __props.error ? true : void 0,
+				class: normalizeClass(unref(clsx)(__props.isCondensed && unref(Form_module_default).isCondensed, __props.isSecondary && unref(Form_module_default).isSecondary, __props.error && unref(Form_module_default).isInvalid)),
+				disabled: unref(disabled),
+				"is-searchable": "",
+				"is-creatable": __props.isCreatable,
+				"is-loading": __props.isLoading,
+				"is-multiple": __props.isMultiple,
+				options: unref(groups),
+				placeholder: __props.placeholder,
+				selected: unref(selected),
+				onCreate,
+				onDeselect,
+				onSelect
+			}, null, 8, [
+				"searchQuery",
+				"aria-invalid",
+				"class",
+				"disabled",
+				"is-creatable",
+				"is-loading",
+				"is-multiple",
+				"options",
+				"placeholder",
+				"selected"
+			]);
 		};
 	}
 });
@@ -18954,7 +19738,7 @@ var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = { key: 0 };
+var _hoisted_1$34 = { key: 0 };
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue
 var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
@@ -19000,7 +19784,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$29, toDisplayString(label.value), 1)) : __props.placeholder ? (openBlock(), createElementBlock("span", {
+					}, [label.value ? (openBlock(), createElementBlock("span", _hoisted_1$34, 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, {
@@ -19172,7 +19956,7 @@ var FluxFormGrid_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormInputAddition.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = { key: 1 };
+var _hoisted_1$33 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormInputAddition.vue
 var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
@@ -19189,7 +19973,7 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 18
 				}, null, 8, ["name"])) : createCommentVNode("", true),
-				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$28, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$33, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -19197,8 +19981,8 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormNumberInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = ["aria-disabled"];
-var _hoisted_2$8 = [
+var _hoisted_1$32 = ["aria-disabled"];
+var _hoisted_2$10 = [
 	"id",
 	"name",
 	"autofocus",
@@ -19212,7 +19996,7 @@ var _hoisted_2$8 = [
 	"step",
 	"value"
 ];
-var _hoisted_3$2 = ["disabled"];
+var _hoisted_3$3 = ["disabled"];
 var _hoisted_4$1 = ["disabled"];
 //#endregion
 //#region src/component/FluxFormNumberInput.vue
@@ -19319,7 +20103,7 @@ var FluxFormNumberInput_default = /* @__PURE__ */ defineComponent({
 				onFocus,
 				onInput,
 				onKeydown: onKeyDown
-			}, null, 42, _hoisted_2$8), createElementVNode("span", {
+			}, null, 42, _hoisted_2$10), createElementVNode("span", {
 				"aria-hidden": "true",
 				class: normalizeClass(unref(Form_module_default).formNumberInputButtons)
 			}, [createElementVNode("button", {
@@ -19331,7 +20115,7 @@ var FluxFormNumberInput_default = /* @__PURE__ */ defineComponent({
 			}, [createVNode(FluxIcon_default, {
 				name: "chevron-up",
 				size: 12
-			})], 10, _hoisted_3$2), createElementVNode("button", {
+			})], 10, _hoisted_3$3), createElementVNode("button", {
 				type: "button",
 				tabindex: "-1",
 				class: normalizeClass(unref(Form_module_default).formNumberInputButton),
@@ -19340,20 +20124,20 @@ var FluxFormNumberInput_default = /* @__PURE__ */ defineComponent({
 			}, [createVNode(FluxIcon_default, {
 				name: "chevron-down",
 				size: 12
-			})], 10, _hoisted_4$1)], 2)], 10, _hoisted_1$27);
+			})], 10, _hoisted_4$1)], 2)], 10, _hoisted_1$32);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxFormPinInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = [
+var _hoisted_1$31 = [
 	"id",
 	"name",
 	"autofocus",
 	"aria-disabled",
 	"aria-invalid"
 ];
-var _hoisted_2$7 = [
+var _hoisted_2$9 = [
 	"aria-label",
 	"autocomplete",
 	"autofocus",
@@ -19466,14 +20250,14 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 					onInput,
 					onKeydown: onKeyDown,
 					onPaste
-				}, null, 42, _hoisted_2$7);
-			}), 128))], 14, _hoisted_1$26);
+				}, null, 42, _hoisted_2$9);
+			}), 128))], 14, _hoisted_1$31);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxFormRadio.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = [
+var _hoisted_1$30 = [
 	"name",
 	"checked",
 	"disabled",
@@ -19521,7 +20305,7 @@ var FluxFormRadio_default = /* @__PURE__ */ defineComponent({
 					"aria-invalid": error.value ? true : void 0,
 					onChange,
 					onClick
-				}, null, 42, _hoisted_1$25),
+				}, null, 42, _hoisted_1$30),
 				createElementVNode("span", {
 					"aria-hidden": "true",
 					class: normalizeClass(unref(Form_module_default).formRadioElement)
@@ -19536,7 +20320,7 @@ var FluxFormRadio_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = ["aria-label"];
+var _hoisted_1$29 = ["aria-label"];
 //#endregion
 //#region src/component/FluxFormRadioGroup.vue
 var FluxFormRadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -19576,7 +20360,7 @@ var FluxFormRadioGroup_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(unref(clsx)(unref(Form_module_default).formRadioGroup, __props.isInline && unref(Form_module_default).isInline)),
 				role: "radiogroup",
 				"aria-label": __props.ariaLabel
-			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$24);
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$29);
 		};
 	}
 });
@@ -19757,6 +20541,163 @@ var FluxFormRangeSlider_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var FormRating_module_default = {
+	formRating: `form-rating`,
+	isDisabled: `is-disabled`,
+	formRatingStar: `form-rating-star`,
+	formRatingStarEmpty: `form-rating-star-empty`,
+	formRatingStarFull: `form-rating-star-full`,
+	isInvalid: `is-invalid`
+};
+//#endregion
+//#region src/component/FluxFormRating.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$28 = [
+	"id",
+	"aria-disabled",
+	"aria-invalid",
+	"aria-readonly",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext",
+	"tabindex"
+];
+var _hoisted_2$8 = ["name", "value"];
+var _hoisted_3$2 = [
+	"disabled",
+	"onClick",
+	"onMousemove"
+];
+//#endregion
+//#region src/component/FluxFormRating.vue
+var FluxFormRating_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxFormRating",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		error: {},
+		isReadonly: { type: Boolean },
+		name: {},
+		allowHalf: {
+			type: Boolean,
+			default: false
+		},
+		clearable: {
+			type: Boolean,
+			default: false
+		},
+		count: { default: 5 },
+		icon: { default: "star" },
+		size: {}
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = useModel(__props, "modelValue");
+		const emit = __emit;
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const { id } = useFormFieldInjection_default();
+		const hoverValue = ref(null);
+		const isInteractive = computed(() => !disabled.value && !__props.isReadonly);
+		const displayValue = computed(() => hoverValue.value ?? modelValue.value ?? 0);
+		function fillFor(star) {
+			return Math.min(1, Math.max(0, displayValue.value - (star - 1)));
+		}
+		function resolveStarValue(star, evt) {
+			if (!__props.allowHalf) return star;
+			const { left, width } = evt.currentTarget.getBoundingClientRect();
+			return evt.clientX - left < width / 2 ? star - .5 : star;
+		}
+		function commit(value) {
+			modelValue.value = value;
+			emit("change", value);
+		}
+		function onMouseMove(star, evt) {
+			if (!isInteractive.value) return;
+			hoverValue.value = resolveStarValue(star, evt);
+		}
+		function onClick(star, evt) {
+			if (!isInteractive.value) return;
+			const value = resolveStarValue(star, evt);
+			commit(__props.clearable && modelValue.value === value ? null : value);
+		}
+		function onKeyDown(evt) {
+			if (!isInteractive.value) return;
+			const step = __props.allowHalf ? .5 : 1;
+			const current = modelValue.value ?? 0;
+			switch (evt.key) {
+				case "ArrowRight":
+				case "ArrowUp":
+					evt.preventDefault();
+					commit(Math.min(__props.count, current + step));
+					break;
+				case "ArrowLeft":
+				case "ArrowDown":
+					evt.preventDefault();
+					commit(Math.max(0, current - step));
+					break;
+				case "Home":
+					evt.preventDefault();
+					commit(0);
+					break;
+				case "End":
+					evt.preventDefault();
+					commit(__props.count);
+					break;
+				default:
+					if (/^[0-9]$/.test(evt.key)) {
+						const digit = Number(evt.key);
+						if (digit <= __props.count) {
+							evt.preventDefault();
+							commit(digit);
+						}
+					}
+					break;
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(clsx)(unref(FormRating_module_default).formRating, unref(disabled) && unref(FormRating_module_default).isDisabled, __props.error && unref(FormRating_module_default).isInvalid)),
+				id: unref(id),
+				style: normalizeStyle({ fontSize: __props.size && `${__props.size}px` }),
+				role: "slider",
+				"aria-disabled": unref(disabled) ? true : void 0,
+				"aria-invalid": __props.error ? true : void 0,
+				"aria-readonly": __props.isReadonly ? true : void 0,
+				"aria-valuemin": 0,
+				"aria-valuemax": __props.count,
+				"aria-valuenow": modelValue.value ?? 0,
+				"aria-valuetext": `${modelValue.value ?? 0} / ${__props.count}`,
+				tabindex: isInteractive.value ? 0 : void 0,
+				onKeydown: onKeyDown,
+				onMouseleave: _cache[0] || (_cache[0] = ($event) => hoverValue.value = null)
+			}, [__props.name ? (openBlock(), createElementBlock("input", {
+				key: 0,
+				type: "hidden",
+				name: __props.name,
+				value: modelValue.value ?? ""
+			}, null, 8, _hoisted_2$8)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.count, (star) => {
+				return openBlock(), createElementBlock("button", {
+					key: star,
+					class: normalizeClass(unref(FormRating_module_default).formRatingStar),
+					type: "button",
+					tabindex: "-1",
+					"aria-hidden": "true",
+					disabled: !isInteractive.value,
+					style: normalizeStyle({ "--fill": fillFor(star) }),
+					onClick: ($event) => onClick(star, $event),
+					onMousemove: ($event) => onMouseMove(star, $event)
+				}, [createVNode(FluxIcon_default, {
+					class: normalizeClass(unref(FormRating_module_default).formRatingStarEmpty),
+					name: __props.icon
+				}, null, 8, ["class", "name"]), createVNode(FluxIcon_default, {
+					class: normalizeClass(unref(FormRating_module_default).formRatingStarFull),
+					name: __props.icon
+				}, null, 8, ["class", "name"])], 46, _hoisted_3$2);
+			}), 128))], 46, _hoisted_1$28);
+		};
+	}
+});
 //#endregion
 //#region src/component/FluxFormRow.vue
 var FluxFormRow_default = /* @__PURE__ */ defineComponent({
@@ -19889,8 +20830,201 @@ var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/component/FluxFormTagsInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$27 = [
+	"name",
+	"disabled",
+	"placeholder",
+	"readonly"
+];
+//#endregion
+//#region src/component/FluxFormTagsInput.vue
+var FluxFormTagsInput_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxFormTagsInput",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		error: {},
+		isCondensed: { type: Boolean },
+		isReadonly: { type: Boolean },
+		isSecondary: { type: Boolean },
+		name: {},
+		placeholder: {},
+		allowDuplicates: { type: Boolean },
+		delimiters: { default: () => ["Enter", ","] },
+		max: {},
+		suggestions: {},
+		tagColor: {},
+		validate: { type: Function }
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {},
+		"searchQuery": { default: "" },
+		"searchQueryModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["add", "remove"], ["update:modelValue", "update:searchQuery"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = useModel(__props, "modelValue");
+		const query = useModel(__props, "searchQuery");
+		const emit = __emit;
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const { id } = useFormFieldInjection_default();
+		const anchorRef = useTemplateRef("anchor");
+		const popupRef = useTemplateRef("popup");
+		const inputElementRef = useTemplateRef("input");
+		const isOpen = ref(false);
+		const highlightedIndex = ref(-1);
+		const isMaxReached = computed(() => __props.max !== void 0 && modelValue.value.length >= __props.max);
+		const filteredSuggestions = computed(() => {
+			if (!__props.suggestions) return [];
+			const search = query.value.trim().toLowerCase();
+			return __props.suggestions.filter((suggestion) => !modelValue.value.includes(suggestion.label) && (search === "" || suggestion.label.toLowerCase().includes(search)));
+		});
+		function focusInput() {
+			inputElementRef.value?.focus();
+		}
+		function addTag(rawValue) {
+			const value = rawValue.trim();
+			if (value === "" || isMaxReached.value) return;
+			if (!__props.allowDuplicates && modelValue.value.includes(value)) {
+				query.value = "";
+				return;
+			}
+			if (__props.validate && !__props.validate(value)) return;
+			modelValue.value = [...modelValue.value, value];
+			emit("add", value);
+			query.value = "";
+			highlightedIndex.value = -1;
+			isOpen.value = false;
+		}
+		function removeAt(index) {
+			const removed = modelValue.value[index];
+			modelValue.value = modelValue.value.filter((_, i) => i !== index);
+			emit("remove", removed);
+		}
+		function addSuggestion(suggestion) {
+			addTag(suggestion.label);
+			nextTick(() => focusInput());
+		}
+		function onInput() {
+			isOpen.value = query.value.trim() !== "" && filteredSuggestions.value.length > 0;
+			highlightedIndex.value = -1;
+		}
+		function onKeyDown(evt) {
+			if (evt.key === "Escape" && isOpen.value) {
+				evt.preventDefault();
+				isOpen.value = false;
+				return;
+			}
+			if (isOpen.value && (evt.key === "ArrowDown" || evt.key === "ArrowUp")) {
+				evt.preventDefault();
+				const count = filteredSuggestions.value.length;
+				if (count === 0) return;
+				highlightedIndex.value = evt.key === "ArrowDown" ? (highlightedIndex.value + 1) % count : (highlightedIndex.value - 1 + count) % count;
+				return;
+			}
+			if (evt.key === "Enter") {
+				if (isOpen.value && highlightedIndex.value >= 0) {
+					evt.preventDefault();
+					addSuggestion(filteredSuggestions.value[highlightedIndex.value]);
+					return;
+				}
+				if (__props.delimiters.includes("Enter")) {
+					evt.preventDefault();
+					addTag(query.value);
+				}
+				return;
+			}
+			if (evt.key.length === 1 && __props.delimiters.includes(evt.key)) {
+				evt.preventDefault();
+				addTag(query.value);
+				return;
+			}
+			if (evt.key === "Backspace" && query.value === "" && modelValue.value.length > 0) removeAt(modelValue.value.length - 1);
+		}
+		function onPaste(evt) {
+			if (!evt.clipboardData) return;
+			const separators = [...__props.delimiters.filter((delimiter) => delimiter !== "Enter"), "\n"];
+			let parts = [evt.clipboardData.getData("text")];
+			for (const separator of separators) parts = parts.flatMap((part) => part.split(separator));
+			parts = parts.map((part) => part.trim()).filter((part) => part !== "");
+			if (parts.length <= 1) return;
+			evt.preventDefault();
+			parts.forEach(addTag);
+		}
+		if (typeof window !== "undefined") q$1([anchorRef, popupRef], isOpen, () => isOpen.value = false);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Anchor_default), {
+				ref: "anchor",
+				class: normalizeClass(unref(clsx)(unref(disabled) ? unref(Form_module_default).formTagsInputDisabled : unref(Form_module_default).formTagsInputEnabled, __props.isCondensed && unref(Form_module_default).isCondensed, __props.isSecondary && unref(Form_module_default).isSecondary, __props.error && unref(Form_module_default).isInvalid)),
+				id: unref(id),
+				role: "group",
+				"tag-name": "div",
+				onClick: focusInput
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(modelValue.value, (tag, index) => {
+					return openBlock(), createBlock(FluxTag_default, {
+						key: `${tag}-${index}`,
+						color: __props.tagColor,
+						label: tag,
+						"is-deletable": "",
+						onDelete: ($event) => removeAt(index)
+					}, null, 8, [
+						"color",
+						"label",
+						"onDelete"
+					]);
+				}), 128)), withDirectives(createElementVNode("input", {
+					ref: "input",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+					class: normalizeClass(unref(Form_module_default).formTagsInputField),
+					name: __props.name,
+					autocomplete: "off",
+					disabled: unref(disabled),
+					placeholder: modelValue.value.length === 0 ? __props.placeholder : void 0,
+					readonly: __props.isReadonly,
+					type: "text",
+					onInput,
+					onKeydown: onKeyDown,
+					onPaste
+				}, null, 42, _hoisted_1$27), [[vModelText, query.value]])]),
+				_: 1
+			}, 8, ["class", "id"]), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(FluxFadeTransition_default), null, {
+				default: withCtx(() => [isOpen.value && filteredSuggestions.value.length > 0 ? (openBlock(), createBlock(unref(AnchorPopup_default), {
+					key: 0,
+					ref: "popup",
+					class: normalizeClass(unref(Form_module_default).formTagsInputPopup),
+					anchor: anchorRef.value,
+					direction: "vertical",
+					"use-anchor-width": ""
+				}, {
+					default: withCtx(() => [createVNode(FluxMenu_default, null, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredSuggestions.value, (suggestion, index) => {
+							return openBlock(), createBlock(FluxMenuItem_default, {
+								key: suggestion.value ?? index,
+								"icon-leading": suggestion.icon,
+								"is-highlighted": highlightedIndex.value === index,
+								label: suggestion.label,
+								type: "button",
+								onClick: ($event) => addSuggestion(suggestion)
+							}, null, 8, [
+								"icon-leading",
+								"is-highlighted",
+								"label",
+								"onClick"
+							]);
+						}), 128))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["class", "anchor"])) : createCommentVNode("", true)]),
+				_: 1
+			})]))], 64);
+		};
+	}
+});
+//#endregion
 //#region src/component/FluxFormTextArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = [
+var _hoisted_1$26 = [
 	"id",
 	"name",
 	"autocomplete",
@@ -19928,11 +21062,22 @@ var FluxFormTextArea_default = /* @__PURE__ */ defineComponent({
 		"modelModifiers": {}
 	}),
 	emits: /*@__PURE__*/ mergeModels(["blur", "focus"], ["update:modelValue"]),
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
 		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const inputRef = useTemplateRef("input");
 		const { id } = useFormFieldInjection_default();
+		function blur() {
+			v$2(inputRef)?.blur();
+		}
+		function focus() {
+			v$2(inputRef)?.focus();
+		}
+		__expose({
+			blur,
+			focus
+		});
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("textarea", {
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
@@ -19952,7 +21097,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$26)), [[vModelText, modelValue.value]]);
 		};
 	}
 });
@@ -20665,12 +21810,12 @@ var FluxFormTimeZonePicker_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/TreeViewSelect.module.scss
-var { "treeNode": _0$6 } = TreeNode_module_default;
+var { "treeNode": _0$7 } = TreeNode_module_default;
 var TreeViewSelect_module_default = {
 	treeViewSelectValue: `tree-view-select-value`,
 	treeViewSelectList: `tree-view-select-list`,
 	treeViewSelectEmpty: `tree-view-select-empty`,
-	treeNode: `tree-node ${_0$6}`,
+	treeNode: `tree-node ${_0$7}`,
 	isSelectable: `is-selectable`,
 	isExpandable: `is-expandable`,
 	isSelected: `is-selected`,
@@ -20679,7 +21824,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$25 = [
 	"role",
 	"tabindex",
 	"aria-selected",
@@ -20924,7 +22069,7 @@ var FluxFormTreeViewSelect_default = /* @__PURE__ */ defineComponent({
 							"expanded",
 							"level-colors",
 							"onExpandClick"
-						])], 42, _hoisted_1$22);
+						])], 42, _hoisted_1$25);
 					}), 128))], 2)]),
 					_: 1
 				}, 8, ["class", "anchor"])) : createCommentVNode("", true)]),
@@ -20939,7 +22084,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$24 = ["aria-label"];
 //#endregion
 //#region src/component/FluxRemove.vue
 var FluxRemove_default = /* @__PURE__ */ defineComponent({
@@ -20962,7 +22107,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$24);
 		};
 	}
 });
@@ -20978,11 +22123,11 @@ var Placeholder_module_default = {
 };
 //#endregion
 //#region src/css/component/Gallery.module.scss
-var { "placeholder": _0$5 } = Placeholder_module_default;
+var { "placeholder": _0$6 } = Placeholder_module_default;
 var Gallery_module_default = {
 	gallery: `gallery`,
 	galleryGrid: `gallery-grid`,
-	galleryAdd: `gallery-add ${_0$5}`,
+	galleryAdd: `gallery-add ${_0$6}`,
 	galleryMove: `gallery-move`,
 	galleryItem: `gallery-item`,
 	remove: `remove`,
@@ -21035,7 +22180,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$23 = ["onClick"];
 //#endregion
 //#region src/component/FluxGallery.vue
 var FluxGallery_default = /* @__PURE__ */ defineComponent({
@@ -21113,7 +22258,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$23)) : createCommentVNode("", true)
 					]),
 					_: 2
 				}, 1032, ["class", "move-class"])]),
@@ -21188,12 +22333,12 @@ 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$22 = [
 	"id",
 	"width",
 	"height"
 ];
-var _hoisted_2$6 = ["d", "stroke-dasharray"];
+var _hoisted_2$7 = ["d", "stroke-dasharray"];
 var _hoisted_3$1 = ["fill"];
 var _hoisted_4 = {
 	key: 0,
@@ -21233,7 +22378,7 @@ var FluxGridPattern_default = /* @__PURE__ */ defineComponent({
 					d: `M.5 ${__props.height}V.5H${__props.width}`,
 					fill: "none",
 					"stroke-dasharray": __props.strokeDasharray
-				}, null, 8, _hoisted_2$6)], 8, _hoisted_1$19)]),
+				}, null, 8, _hoisted_2$7)], 8, _hoisted_1$22)]),
 				createElementVNode("rect", {
 					width: "100%",
 					height: "100%",
@@ -21274,6 +22419,156 @@ var FluxInfo_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var InlineEdit_module_default = {
+	inlineEdit: `inline-edit`,
+	inlineEditField: `inline-edit-field`,
+	inlineEditActions: `inline-edit-actions`,
+	inlineEditDisplay: `inline-edit-display`,
+	isInteractive: `is-interactive`,
+	isPlaceholder: `is-placeholder`
+};
+//#endregion
+//#region src/component/FluxInlineEdit.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$21 = ["role", "tabindex"];
+//#endregion
+//#region src/component/FluxInlineEdit.vue
+var FluxInlineEdit_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxInlineEdit",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		error: {},
+		isReadonly: { type: Boolean },
+		multiline: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: {},
+		saveOnBlur: {
+			type: Boolean,
+			default: true
+		}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"cancel",
+		"edit",
+		"save"
+	], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const modelValue = useModel(__props, "modelValue");
+		const emit = __emit;
+		const disabled = useDisabled_default(toRef(() => __props.disabled));
+		const displayRef = useTemplateRef("display");
+		const fieldRef = useTemplateRef("field");
+		const isEditing = ref(false);
+		const draft = ref("");
+		const isInteractive = computed(() => !disabled.value && !__props.isReadonly);
+		function edit() {
+			if (!isInteractive.value) return;
+			draft.value = modelValue.value;
+			isEditing.value = true;
+			emit("edit");
+			nextTick(() => fieldRef.value?.focus());
+		}
+		function close() {
+			isEditing.value = false;
+			nextTick(() => displayRef.value?.focus());
+		}
+		function save() {
+			modelValue.value = draft.value;
+			emit("save", draft.value);
+			close();
+		}
+		function cancel() {
+			emit("cancel");
+			close();
+		}
+		function onBlur() {
+			if (__props.saveOnBlur && isEditing.value) save();
+		}
+		function onKeyDown(evt) {
+			if (evt.key === "Escape") {
+				evt.preventDefault();
+				cancel();
+				return;
+			}
+			if (evt.key === "Enter") if (__props.multiline) {
+				if (evt.metaKey || evt.ctrlKey) {
+					evt.preventDefault();
+					save();
+				}
+			} else {
+				evt.preventDefault();
+				save();
+			}
+		}
+		function onDisplayKeyDown(evt) {
+			if (!isInteractive.value) return;
+			if (evt.key === "Enter" || evt.key === " ") {
+				evt.preventDefault();
+				edit();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(InlineEdit_module_default).inlineEdit) }, [isEditing.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.multiline ? (openBlock(), createBlock(FluxFormTextArea_default, {
+				key: 0,
+				modelValue: draft.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+				ref: "field",
+				class: normalizeClass(unref(InlineEdit_module_default).inlineEditField),
+				error: __props.error,
+				placeholder: __props.placeholder,
+				onBlur,
+				onKeydown: onKeyDown
+			}, null, 8, [
+				"modelValue",
+				"class",
+				"error",
+				"placeholder"
+			])) : (openBlock(), createBlock(FluxFormInput_default, {
+				key: 1,
+				modelValue: draft.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => draft.value = $event),
+				ref: "field",
+				class: normalizeClass(unref(InlineEdit_module_default).inlineEditField),
+				error: __props.error,
+				placeholder: __props.placeholder,
+				onBlur,
+				onKeydown: onKeyDown
+			}, null, 8, [
+				"modelValue",
+				"class",
+				"error",
+				"placeholder"
+			])), createElementVNode("div", {
+				class: normalizeClass(unref(InlineEdit_module_default).inlineEditActions),
+				onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"]))
+			}, [renderSlot(_ctx.$slots, "actions", {
+				save,
+				cancel
+			}, () => [createVNode(FluxSecondaryButton_default, {
+				"icon-leading": "check",
+				onClick: save
+			}), createVNode(FluxSecondaryButton_default, {
+				"icon-leading": "xmark",
+				onClick: cancel
+			})])], 34)], 64)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				ref: "display",
+				class: normalizeClass(unref(clsx)(unref(InlineEdit_module_default).inlineEditDisplay, isInteractive.value && unref(InlineEdit_module_default).isInteractive, !modelValue.value && unref(InlineEdit_module_default).isPlaceholder)),
+				role: isInteractive.value ? "button" : void 0,
+				tabindex: isInteractive.value ? 0 : void 0,
+				onClick: edit,
+				onKeydown: onDisplayKeyDown
+			}, [renderSlot(_ctx.$slots, "default", {
+				value: modelValue.value,
+				edit
+			}, () => [createTextVNode(toDisplayString(modelValue.value || __props.placeholder), 1)])], 42, _hoisted_1$21))], 2);
+		};
+	}
+});
 var Kanban_module_default = {
 	kanban: `kanban`,
 	kanbanLiveRegion: `kanban-live-region`,
@@ -21300,7 +22595,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$20 = ["aria-label"];
 //#endregion
 //#region src/component/FluxKanban.vue
 var FluxKanban_default = /* @__PURE__ */ defineComponent({
@@ -21367,14 +22662,14 @@ 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$20);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxKanbanColumn.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["aria-label", "aria-disabled"];
-var _hoisted_2$5 = ["draggable", "tabindex"];
+var _hoisted_1$19 = ["aria-label", "aria-disabled"];
+var _hoisted_2$6 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/FluxKanbanColumn.vue
 var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
@@ -21526,7 +22821,7 @@ var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
 						key: 1,
 						label: String(__props.count)
 					}, null, 8, ["label"])) : createCommentVNode("", true)
-				], 2), renderSlot(_ctx.$slots, "actions")], 42, _hoisted_2$5),
+				], 2), renderSlot(_ctx.$slots, "actions")], 42, _hoisted_2$6),
 				createElementVNode("main", {
 					ref_key: "body",
 					ref: body,
@@ -21555,13 +22850,13 @@ var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(Kanban_module_default).kanbanColumnFooter)
 				}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$17);
+			], 10, _hoisted_1$19);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxKanbanItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = [
+var _hoisted_1$18 = [
 	"aria-disabled",
 	"draggable",
 	"tabindex"
@@ -21688,7 +22983,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$18);
 		};
 	}
 });
@@ -21807,6 +23102,7 @@ var FluxLink_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -21864,7 +23160,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$17 = ["id"];
 //#endregion
 //#region src/component/FluxMenuCollapsible.vue
 var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
@@ -21974,13 +23270,117 @@ 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$17)) : createCommentVNode("", true)]),
 				_: 3
 			})], 2);
 		};
 	}
 });
 //#endregion
+//#region src/css/component/MenuFlyout.module.scss
+var { "basePane": _0$5 } = Pane_module_default$1;
+var MenuFlyout_module_default = {
+	menuFlyoutPopup: `menu-flyout-popup ${_0$5}`,
+	menuFlyoutTriggerOpen: `menu-flyout-trigger-open`,
+	menuFlyoutConeDebug: `menu-flyout-cone-debug`
+};
+//#endregion
+//#region src/component/FluxMenuFlyout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = ["points"];
+var _hoisted_2$5 = ["cx", "cy"];
+var MENU_CHROME_TOP = 10;
+//#endregion
+//#region src/component/FluxMenuFlyout.vue
+var FluxMenuFlyout_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxMenuFlyout",
+	props: {
+		disabled: { type: Boolean },
+		icon: {},
+		isActive: { type: Boolean },
+		isDestructive: { type: Boolean },
+		label: {},
+		position: { default: "right-top" }
+	},
+	setup(__props, { slots: $slots }) {
+		const translate = useTranslate_default();
+		const triggerRef = useTemplateRef("trigger");
+		const popupRef = useTemplateRef("popup");
+		const popupAnchor = { $el: { getBoundingClientRect() {
+			const element = triggerRef.value?.$el;
+			if (!element) return new DOMRect();
+			const rect = element.getBoundingClientRect();
+			return new DOMRect(rect.x, rect.y - MENU_CHROME_TOP, rect.width, rect.height);
+		} } };
+		const { context, cone, isOpen, onPopupKeydown, onTriggerClick, onTriggerKeydown } = useMenuFlyout({
+			triggerRef,
+			popupRef,
+			disabled: toRef(() => __props.disabled)
+		});
+		const showDebugCone = computed(() => !!context && context.debugCone.value && isOpen.value && !!cone.value);
+		const conePoints = computed(() => cone.value ? `${cone.value.ax},${cone.value.ay} ${cone.value.bx},${cone.value.by} ${cone.value.cx},${cone.value.cy}` : "");
+		const coneApex = computed(() => ({
+			x: cone.value?.ax ?? 0,
+			y: cone.value?.ay ?? 0
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(FluxMenuItem_default, {
+				ref: "trigger",
+				class: normalizeClass(unref(isOpen) && unref(MenuFlyout_module_default).menuFlyoutTriggerOpen),
+				"command-icon": "angle-right",
+				disabled: __props.disabled,
+				"icon-leading": __props.icon,
+				"is-active": __props.isActive,
+				"is-destructive": __props.isDestructive,
+				label: __props.label,
+				"aria-haspopup": "menu",
+				"aria-expanded": unref(isOpen) ? "true" : "false",
+				onClick: unref(onTriggerClick),
+				onKeydown: unref(onTriggerKeydown)
+			}, createSlots({ _: 2 }, [$slots.trigger ? {
+				name: "label",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "trigger")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"class",
+				"disabled",
+				"icon-leading",
+				"is-active",
+				"is-destructive",
+				"label",
+				"aria-expanded",
+				"onClick",
+				"onKeydown"
+			]), (openBlock(), createBlock(Teleport, { to: "body" }, [unref(isOpen) ? (openBlock(), createBlock(unref(AnchorPopup_default), {
+				key: 0,
+				ref: "popup",
+				anchor: popupAnchor,
+				class: normalizeClass(unref(MenuFlyout_module_default).menuFlyoutPopup),
+				"clamp-to-viewport": "",
+				margin: 2,
+				position: __props.position,
+				role: "menu",
+				"aria-label": unref(translate)("flux.submenu"),
+				onKeydown: unref(onPopupKeydown)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"class",
+				"position",
+				"aria-label",
+				"onKeydown"
+			])) : createCommentVNode("", true), showDebugCone.value ? (openBlock(), createElementBlock("svg", {
+				key: 1,
+				class: normalizeClass(unref(MenuFlyout_module_default).menuFlyoutConeDebug)
+			}, [createElementVNode("polygon", { points: conePoints.value }, null, 8, _hoisted_1$16), createElementVNode("circle", {
+				cx: coneApex.value.x,
+				cy: coneApex.value.y,
+				r: "4"
+			}, null, 8, _hoisted_2$5)], 2)) : createCommentVNode("", true)]))], 64);
+		};
+	}
+});
+//#endregion
 //#region src/component/FluxMenuOptions.vue
 var FluxMenuOptions_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuOptions",
@@ -22052,7 +23452,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({
@@ -22103,7 +23503,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);
 		};
 	}
@@ -22356,7 +23756,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({
@@ -22381,13 +23781,13 @@ 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);
 		};
 	}
 });
 //#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({
@@ -22427,13 +23827,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$4 = { key: 1 };
 //#endregion
 //#region src/component/FluxPlaceholder.vue
@@ -22463,7 +23863,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$4, 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$4, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -22478,6 +23878,7 @@ var FluxPrimaryLinkButton_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -22501,6 +23902,7 @@ var FluxPrimaryLinkButton_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				iconLeading: __props.iconLeading,
 				iconTrailing: __props.iconTrailing,
+				isActive: __props.isActive,
 				isFilled: __props.isFilled,
 				isLoading: __props.isLoading,
 				isSubmit: __props.isSubmit,
@@ -22513,6 +23915,7 @@ var FluxPrimaryLinkButton_default = /* @__PURE__ */ defineComponent({
 				to: __props.to
 			}, {
 				"css-class": unref(Button_module_default).primaryLinkButton,
+				"css-class-active": unref(Button_module_default).isActive,
 				"css-class-icon": unref(Button_module_default).primaryLinkButtonIcon,
 				"css-class-label": unref(Button_module_default).primaryLinkButtonLabel,
 				onClick: _cache[0] || (_cache[0] = ($event) => $emit("click", $event)),
@@ -22525,6 +23928,7 @@ var FluxPrimaryLinkButton_default = /* @__PURE__ */ defineComponent({
 				};
 			})]), 1040, [
 				"css-class",
+				"css-class-active",
 				"css-class-icon",
 				"css-class-label"
 			]);
@@ -22616,6 +24020,7 @@ var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 		type: {},
 		disabled: { type: Boolean },
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -22639,6 +24044,7 @@ var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 				type: __props.type,
 				disabled: __props.disabled,
 				iconTrailing: __props.iconTrailing,
+				isActive: __props.isActive,
 				isFilled: __props.isFilled,
 				isLoading: __props.isLoading,
 				isSubmit: __props.isSubmit,
@@ -22652,6 +24058,7 @@ var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 			}, {
 				class: unref(clsx)(!__props.isDone && !__props.isLoading && unref(Button_module_default).isIdle, __props.isDone && unref(Button_module_default).isDone, __props.isLoading && unref(Button_module_default).isLoading),
 				"css-class": unref(Button_module_default).publishButton,
+				"css-class-active": unref(Button_module_default).isActive,
 				"css-class-icon": unref(Button_module_default).publishButtonIcon,
 				"css-class-label": unref(Button_module_default).publishButtonLabel,
 				onClick: _cache[0] || (_cache[0] = ($event) => $emit("click", $event)),
@@ -22689,6 +24096,7 @@ var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 			}, 16, [
 				"class",
 				"css-class",
+				"css-class-active",
 				"css-class-icon",
 				"css-class-label"
 			]);
@@ -22697,7 +24105,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",
@@ -22774,7 +24182,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).formQuantitySelectorButton),
 						disabled: unref(disabled) || modelValue.value >= __props.max,
@@ -22821,7 +24229,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({
@@ -22937,7 +24345,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,
@@ -23133,7 +24541,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({
@@ -23151,7 +24559,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)
@@ -23226,6 +24634,7 @@ var FluxSecondaryLinkButton_default = /* @__PURE__ */ defineComponent({
 		disabled: { type: Boolean },
 		iconLeading: {},
 		iconTrailing: {},
+		isActive: { type: Boolean },
 		isFilled: { type: Boolean },
 		isLoading: { type: Boolean },
 		isSubmit: { type: Boolean },
@@ -23249,6 +24658,7 @@ var FluxSecondaryLinkButton_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				iconLeading: __props.iconLeading,
 				iconTrailing: __props.iconTrailing,
+				isActive: __props.isActive,
 				isFilled: __props.isFilled,
 				isLoading: __props.isLoading,
 				isSubmit: __props.isSubmit,
@@ -23261,6 +24671,7 @@ var FluxSecondaryLinkButton_default = /* @__PURE__ */ defineComponent({
 				to: __props.to
 			}, {
 				"css-class": unref(Button_module_default).secondaryLinkButton,
+				"css-class-active": unref(Button_module_default).isActive,
 				"css-class-icon": unref(Button_module_default).secondaryLinkButtonIcon,
 				"css-class-label": unref(Button_module_default).secondaryLinkButtonLabel,
 				onClick: _cache[0] || (_cache[0] = ($event) => $emit("click", $event)),
@@ -23273,6 +24684,7 @@ var FluxSecondaryLinkButton_default = /* @__PURE__ */ defineComponent({
 				};
 			})]), 1040, [
 				"css-class",
+				"css-class-active",
 				"css-class-icon",
 				"css-class-label"
 			]);
@@ -23292,7 +24704,7 @@ var SegmentedControl_module_default = {
 };
 //#endregion
 //#region src/component/FluxSegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = ["aria-label"];
+var _hoisted_1$8 = ["aria-label"];
 //#endregion
 //#region src/component/FluxSegmentedControl.vue
 var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
@@ -23327,11 +24739,11 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 		});
 		onMounted(() => updateHighlight());
 		watch(modelValue, () => updateHighlight(), { flush: "post" });
-		ye$1(controlRef, () => updateHighlight(), {
+		we$1(controlRef, () => updateHighlight(), {
 			childList: true,
 			subtree: true
 		});
-		Ce$1(controlRef, () => updateHighlight());
+		Oe$1(controlRef, () => updateHighlight());
 		function select(value) {
 			modelValue.value = value;
 		}
@@ -23393,13 +24805,13 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 					left: `${activeItemX.value}px`,
 					width: `${activeItemWidth.value}px`
 				})
-			}, null, 6)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$7);
+			}, null, 6)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$8);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxSegmentedControlItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = [
+var _hoisted_1$7 = [
 	"aria-checked",
 	"aria-disabled",
 	"disabled",
@@ -23465,7 +24877,7 @@ var FluxSegmentedControlItem_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				name: __props.icon,
 				size: iconSize.value
-			}, null, 8, ["name", "size"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)])], 10, _hoisted_1$6);
+			}, null, 8, ["name", "size"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)])], 10, _hoisted_1$7);
 		};
 	}
 });
@@ -23621,7 +25033,7 @@ var FluxSplitViewPane_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxSplitView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = [
+var _hoisted_1$6 = [
 	"aria-orientation",
 	"aria-valuenow",
 	"tabindex",
@@ -23686,7 +25098,7 @@ var FluxSplitView_default = /* @__PURE__ */ defineComponent({
 						tabindex: pane.isResizable && panes.value[index + 1].isResizable ? 0 : -1,
 						onPointerdown: ($event) => unref(onHandlePointerDown)($event, index),
 						onKeydown: ($event) => unref(onHandleKeyDown)($event, index)
-					}, null, 42, _hoisted_1$5)) : createCommentVNode("", true)], 64);
+					}, null, 42, _hoisted_1$6)) : createCommentVNode("", true)], 64);
 				}), 128))]),
 				_: 1
 			}, 8, ["class", "style"]);
@@ -23715,7 +25127,7 @@ var Stepper_module_default = {
 };
 //#endregion
 //#region src/component/FluxStepperSteps.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = ["onClick"];
+var _hoisted_1$5 = ["onClick"];
 var _hoisted_2$2 = { key: 1 };
 //#endregion
 //#region src/component/FluxStepperSteps.vue
@@ -23749,7 +25161,7 @@ var FluxStepperSteps_default = /* @__PURE__ */ defineComponent({
 						name: "check"
 					})) : (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(step), 1))]),
 					_: 2
-				}, 1024)], 10, _hoisted_1$4);
+				}, 1024)], 10, _hoisted_1$5);
 			}), 128))], 6);
 		};
 	}
@@ -23924,11 +25336,11 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const tabBarRef = useTemplateRef("tabBar");
 		O$1(tabBarRef, "scroll", () => checkScroll());
-		ye$1(tabBarRef, () => {
+		we$1(tabBarRef, () => {
 			checkScroll();
 			updateHighlight();
 		}, { childList: true });
-		Ce$1(tabBarRef, () => updateHighlight());
+		Oe$1(tabBarRef, () => updateHighlight());
 		const isEndArrowVisible = ref(false);
 		const isStartArrowVisible = ref(false);
 		const activeItemX = ref(0);
@@ -24036,7 +25448,7 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTabBarItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = { key: 1 };
+var _hoisted_1$4 = { key: 1 };
 //#endregion
 //#region src/component/FluxTabBarItem.vue
 var FluxTabBarItem_default = /* @__PURE__ */ defineComponent({
@@ -24128,7 +25540,7 @@ var FluxTabBarItem_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					name: __props.icon,
 					size: 16
-				}, null, 8, ["name"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_1$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]),
+				}, null, 8, ["name"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_1$4, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]),
 				_: 1
 			}, 8, [
 				"component-type",
@@ -24295,7 +25707,7 @@ var FluxTimeline_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTimelineItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = ["src"];
+var _hoisted_1$3 = ["src"];
 var _hoisted_2$1 = { key: 0 };
 var _hoisted_3 = { key: 1 };
 //#endregion
@@ -24323,7 +25735,7 @@ var FluxTimelineItem_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(Timeline_module_default).timelineItemPhotoImage),
 					src: __props.photo,
 					alt: ""
-				}, null, 10, _hoisted_1$2), __props.icon ? (openBlock(), createElementBlock("div", {
+				}, null, 10, _hoisted_1$3), __props.icon ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(unref(Timeline_module_default).timelineItemPhotoIcon)
 				}, [createVNode(FluxIcon_default, {
@@ -24346,7 +25758,7 @@ var FluxTimelineItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = [
+var _hoisted_1$2 = [
 	"for",
 	"aria-disabled",
 	"aria-readonly",
@@ -24419,7 +25831,7 @@ var FluxToggle_default = /* @__PURE__ */ defineComponent({
 					onClick,
 					onInput: toggle
 				}, null, 42, _hoisted_2)
-			], 10, _hoisted_1$1);
+			], 10, _hoisted_1$2);
 		};
 	}
 });
@@ -24475,6 +25887,275 @@ var FluxToolbarGroup_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/component/FluxTourItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = {
+	"aria-hidden": "true",
+	style: { "display": "none" }
+};
+//#endregion
+//#region src/component/FluxTourItem.vue
+var FluxTourItem_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxTourItem",
+	props: {
+		target: { type: [String, Function] },
+		title: {},
+		position: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1$1);
+		};
+	}
+});
+var Tour_module_default = {
+	tour: `tour`,
+	tourSpotlight: `tour-spotlight`,
+	tourPopover: `tour-popover`,
+	isStepping: `is-stepping`,
+	tourPane: `tour-pane`,
+	tourBodyViewport: `tour-body-viewport`,
+	tourBody: `tour-body`,
+	tourTitle: `tour-title`,
+	tourContent: `tour-content`,
+	tourFooter: `tour-footer`,
+	tourProgress: `tour-progress`,
+	tourSkip: `tour-skip`
+};
+//#endregion
+//#region src/component/FluxTour.vue
+var FluxTour_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxTour",
+	props: /*@__PURE__*/ mergeModels({
+		maskPadding: { default: 8 },
+		root: { type: [String, Function] }
+	}, {
+		"active": {
+			type: Boolean,
+			required: true
+		},
+		"activeModifiers": {},
+		"step": { default: 0 },
+		"stepModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"finish",
+		"skip",
+		"next",
+		"prev"
+	], ["update:active", "update:step"]),
+	setup(__props, { emit: __emit }) {
+		const active = useModel(__props, "active");
+		const step = useModel(__props, "step");
+		const emit = __emit;
+		const slots = useSlots();
+		const translate = useTranslate_default();
+		const popup = useTemplateRef("popup");
+		const bodyViewport = useTemplateRef("bodyViewport");
+		const targetRect = ref(null);
+		const isStepping = ref(false);
+		let steppingTimer;
+		const items = computed(() => {
+			const vnodes = a$2(slots.default?.() ?? []);
+			const out = [];
+			for (const vnode of vnodes) {
+				if (vnode.type !== FluxTourItem_default) continue;
+				const props = vnode.props ?? {};
+				const children = vnode.children;
+				out.push({
+					target: props.target,
+					title: props.title,
+					position: props.position,
+					content: children?.default
+				});
+			}
+			return out;
+		});
+		const total = computed(() => items.value.length);
+		const currentItem = computed(() => items.value[step.value]);
+		const currentContent = computed(() => {
+			const content = currentItem.value?.content?.();
+			return content ? h(Fragment, content) : null;
+		});
+		const virtualAnchor = { $el: { getBoundingClientRect: () => {
+			const rect = targetRect.value;
+			if (!rect) return new DOMRect(0, 0, 0, 0);
+			return new DOMRect(rect.x - __props.maskPadding, rect.y - __props.maskPadding, rect.width + __props.maskPadding * 2, rect.height + __props.maskPadding * 2);
+		} } };
+		function resolveScope() {
+			if (!__props.root) return document;
+			if (typeof __props.root === "string") return document.querySelector(__props.root) ?? document;
+			if (typeof __props.root === "function") return __props.root() ?? document;
+			return __props.root;
+		}
+		function resolveTarget() {
+			const current = items.value[step.value];
+			if (!current) return null;
+			return typeof current.target === "function" ? current.target() : resolveScope().querySelector(current.target);
+		}
+		function measure() {
+			const element = resolveTarget();
+			if (!element) {
+				targetRect.value = null;
+				return;
+			}
+			element.scrollIntoView({
+				block: "center",
+				inline: "center"
+			});
+			requestAnimationFrame(() => {
+				const resolved = resolveTarget();
+				targetRect.value = resolved ? resolved.getBoundingClientRect() : null;
+				popup.value?.reposition();
+			});
+		}
+		function next() {
+			if (step.value < total.value - 1) {
+				step.value++;
+				emit("next", step.value);
+				return;
+			}
+			finish();
+		}
+		function previous() {
+			if (step.value > 0) {
+				step.value--;
+				emit("prev", step.value);
+			}
+		}
+		function skip() {
+			active.value = false;
+			emit("skip");
+		}
+		function finish() {
+			active.value = false;
+			emit("finish");
+		}
+		function onBodyEnter(el) {
+			if (!R$2(el) || !bodyViewport.value) return;
+			const height = el.offsetHeight;
+			requestAnimationFrame(() => {
+				if (bodyViewport.value) bodyViewport.value.style.height = `${height}px`;
+			});
+		}
+		function onBodyAfterEnter() {
+			if (bodyViewport.value) bodyViewport.value.style.height = "auto";
+		}
+		watch(step, (newStep, oldStep) => {
+			if (active.value && newStep !== oldStep) {
+				if (bodyViewport.value) bodyViewport.value.style.height = `${bodyViewport.value.offsetHeight}px`;
+				isStepping.value = true;
+				clearTimeout(steppingTimer);
+				steppingTimer = setTimeout(() => {
+					isStepping.value = false;
+				}, 300);
+			}
+		});
+		watch([active, step], async () => {
+			if (!active.value) {
+				targetRect.value = null;
+				isStepping.value = false;
+				clearTimeout(steppingTimer);
+				return;
+			}
+			await nextTick();
+			measure();
+		}, { immediate: true });
+		if (!C$2) {
+			const onRemeasure = () => {
+				if (active.value && targetRect.value) {
+					const resolved = resolveTarget();
+					targetRect.value = resolved ? resolved.getBoundingClientRect() : null;
+				}
+			};
+			O$1(ref(window), "resize", onRemeasure);
+			O$1(ref(window), "scroll", onRemeasure, {
+				capture: true,
+				passive: true
+			});
+			O$1(ref(window), "keydown", (evt) => {
+				if (active.value && evt.key === "Escape") skip();
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(FluxFadeTransition_default), null, {
+				default: withCtx(() => [active.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(Tour_module_default).tour)
+				}, [targetRect.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(Tour_module_default).tourSpotlight),
+					style: normalizeStyle({
+						"--x": `${targetRect.value.x - __props.maskPadding}px`,
+						"--y": `${targetRect.value.y - __props.maskPadding}px`,
+						"--w": `${targetRect.value.width + __props.maskPadding * 2}px`,
+						"--h": `${targetRect.value.height + __props.maskPadding * 2}px`
+					})
+				}, null, 6)) : createCommentVNode("", true), targetRect.value && currentItem.value ? (openBlock(), createBlock(unref(AnchorPopup_default), {
+					key: 1,
+					ref_key: "popup",
+					ref: popup,
+					anchor: virtualAnchor,
+					class: normalizeClass(unref(clsx)(unref(Tour_module_default).tourPopover, isStepping.value && unref(Tour_module_default).isStepping)),
+					position: currentItem.value.position ?? "bottom",
+					"aria-modal": "true",
+					role: "dialog"
+				}, {
+					default: withCtx(() => [createVNode(FluxPane_default, { class: normalizeClass(unref(Tour_module_default).tourPane) }, {
+						default: withCtx(() => [createElementVNode("div", {
+							ref_key: "bodyViewport",
+							ref: bodyViewport,
+							class: normalizeClass(unref(Tour_module_default).tourBodyViewport)
+						}, [createVNode(Transition, {
+							onAfterEnter: onBodyAfterEnter,
+							onEnter: onBodyEnter
+						}, {
+							default: withCtx(() => [(openBlock(), createElementBlock("div", {
+								key: step.value,
+								class: normalizeClass(unref(Tour_module_default).tourBody)
+							}, [currentItem.value.title ? (openBlock(), createElementBlock("strong", {
+								key: 0,
+								class: normalizeClass(unref(Tour_module_default).tourTitle)
+							}, toDisplayString(currentItem.value.title), 3)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(Tour_module_default).tourContent) }, [createVNode(unref(VNodeRenderer), { vnode: currentContent.value }, null, 8, ["vnode"])], 2)], 2))]),
+							_: 1
+						})], 2), createElementVNode("div", { class: normalizeClass(unref(Tour_module_default).tourFooter) }, [
+							createElementVNode("span", { class: normalizeClass(unref(Tour_module_default).tourProgress) }, toDisplayString(step.value + 1) + " / " + toDisplayString(total.value), 3),
+							createVNode(FluxSpacer_default),
+							createElementVNode("button", {
+								class: normalizeClass(unref(Tour_module_default).tourSkip),
+								type: "button",
+								onClick: skip
+							}, toDisplayString(unref(translate)("flux.skip")), 3),
+							step.value > 0 ? (openBlock(), createBlock(FluxSecondaryButton_default, {
+								key: 0,
+								"aria-label": unref(translate)("flux.previous"),
+								"icon-leading": "angle-left",
+								size: "small",
+								onClick: previous
+							}, null, 8, ["aria-label"])) : createCommentVNode("", true),
+							step.value < total.value - 1 ? (openBlock(), createBlock(FluxPrimaryButton_default, {
+								key: 1,
+								"aria-label": unref(translate)("flux.next"),
+								"icon-leading": "angle-right",
+								size: "small",
+								onClick: next
+							}, null, 8, ["aria-label"])) : (openBlock(), createBlock(FluxPrimaryButton_default, {
+								key: 2,
+								"aria-label": unref(translate)("flux.done"),
+								"icon-leading": "check",
+								size: "small",
+								onClick: next
+							}, null, 8, ["aria-label"]))
+						], 2)]),
+						_: 1
+					}, 8, ["class"])]),
+					_: 1
+				}, 8, ["class", "position"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)]),
+				_: 1
+			})]);
+		};
+	}
+});
+//#endregion
 //#region src/css/component/TreeView.module.scss
 var { "treeNode": _0 } = TreeNode_module_default;
 var TreeView_module_default = {
@@ -24555,7 +26236,74 @@ var FluxTreeView_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+var VirtualScroller_module_default = {
+	virtualScroller: `virtual-scroller`,
+	virtualScrollerSpacer: `virtual-scroller-spacer`,
+	virtualScrollerWindow: `virtual-scroller-window`
+};
+//#endregion
+//#region src/component/FluxVirtualScroller.vue
+var FluxVirtualScroller_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxVirtualScroller",
+	props: {
+		estimatedItemHeight: { default: 40 },
+		items: {},
+		overscan: { default: 4 }
+	},
+	setup(__props) {
+		const viewport = useTemplateRef("viewport");
+		const { y } = M$1(viewport);
+		const viewportHeight = ref(0);
+		const totalHeight = computed(() => __props.items.length * __props.estimatedItemHeight);
+		const startIndex = computed(() => Math.max(0, Math.floor(y.value / __props.estimatedItemHeight) - __props.overscan));
+		const endIndex = computed(() => Math.min(__props.items.length, Math.ceil((y.value + viewportHeight.value) / __props.estimatedItemHeight) + __props.overscan));
+		const offsetY = computed(() => startIndex.value * __props.estimatedItemHeight);
+		const visibleEntries = computed(() => {
+			const entries = [];
+			for (let index = startIndex.value; index < endIndex.value; ++index) entries.push({
+				index,
+				item: __props.items[index]
+			});
+			return entries;
+		});
+		let observer = null;
+		onMounted(() => {
+			const element = viewport.value;
+			if (!element) return;
+			viewportHeight.value = element.clientHeight;
+			observer = new ResizeObserver(() => {
+				if (viewport.value) viewportHeight.value = viewport.value.clientHeight;
+			});
+			observer.observe(element);
+		});
+		onUnmounted(() => {
+			observer?.disconnect();
+			observer = null;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "viewport",
+				ref: viewport,
+				class: normalizeClass(unref(VirtualScroller_module_default).virtualScroller)
+			}, [createElementVNode("div", {
+				class: normalizeClass(unref(VirtualScroller_module_default).virtualScrollerSpacer),
+				style: normalizeStyle({ height: `${totalHeight.value}px` })
+			}, [createElementVNode("div", {
+				class: normalizeClass(unref(VirtualScroller_module_default).virtualScrollerWindow),
+				style: normalizeStyle({ transform: `translateY(${offsetY.value}px)` })
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleEntries.value, (entry) => {
+				return openBlock(), createElementBlock("div", {
+					key: entry.index,
+					style: normalizeStyle({ height: `${__props.estimatedItemHeight}px` })
+				}, [renderSlot(_ctx.$slots, "default", {
+					index: entry.index,
+					item: entry.item
+				})], 4);
+			}), 128))], 6)], 6)], 2);
+		};
+	}
+});
 //#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, FluxBorderBeam_default as FluxBorderBeam, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreadcrumb_default as FluxBreadcrumb, FluxBreadcrumbItem_default as FluxBreadcrumbItem, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, 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, FluxFormCheckbox_default as FluxFormCheckbox, FluxFormCheckboxGroup_default as FluxFormCheckboxGroup, 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, FluxFormNumberInput_default as FluxFormNumberInput, FluxFormPinInput_default as FluxFormPinInput, FluxFormRadio_default as FluxFormRadio, FluxFormRadioGroup_default as FluxFormRadioGroup, 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, 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, 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, FluxSkeleton_default as FluxSkeleton, 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, 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, useFormCheckboxGroupInjection_default as useFormCheckboxGroupInjection, useFormFieldInjection_default as useFormFieldInjection, useFormRadioGroupInjection_default as useFormRadioGroupInjection, useKanbanInjection_default as useKanbanInjection, useSegmentedControlInjection_default as useSegmentedControlInjection, 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, FluxAvatarGroup_default as FluxAvatarGroup, FluxBadge_default as FluxBadge, FluxBadgeStack_default as FluxBadgeStack, FluxBorderBeam_default as FluxBorderBeam, FluxBorderShine_default as FluxBorderShine, FluxBoxedIcon_default as FluxBoxedIcon, FluxBreadcrumb_default as FluxBreadcrumb, FluxBreadcrumbItem_default as FluxBreadcrumbItem, FluxBreakthroughTransition_default as FluxBreakthroughTransition, FluxButton_default as FluxButton, FluxButtonGroup_default as FluxButtonGroup, FluxButtonStack_default as FluxButtonStack, FluxCalendar_default as FluxCalendar, FluxCalendarItem_default as FluxCalendarItem, 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, FluxContextMenu_default as FluxContextMenu, FluxDataTable_default as FluxDataTable, FluxDatePicker_default as FluxDatePicker, FluxDescriptionItem_default as FluxDescriptionItem, FluxDescriptionList_default as FluxDescriptionList, 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, FluxFormCheckbox_default as FluxFormCheckbox, FluxFormCheckboxGroup_default as FluxFormCheckboxGroup, FluxFormColumn_default as FluxFormColumn, FluxFormCombobox_default as FluxFormCombobox, 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, FluxFormNumberInput_default as FluxFormNumberInput, FluxFormPinInput_default as FluxFormPinInput, FluxFormRadio_default as FluxFormRadio, FluxFormRadioGroup_default as FluxFormRadioGroup, FluxFormRangeSlider_default as FluxFormRangeSlider, FluxFormRating_default as FluxFormRating, FluxFormRow_default as FluxFormRow, FluxFormSection_default as FluxFormSection, FluxFormSelect_default as FluxFormSelect, FluxFormSelectAsync_default as FluxFormSelectAsync, FluxFormSlider_default as FluxFormSlider, FluxFormTagsInput_default as FluxFormTagsInput, 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, FluxInlineEdit_default as FluxInlineEdit, 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, FluxLink_default as FluxLink, FluxMenu_default as FluxMenu, FluxMenuCollapsible_default as FluxMenuCollapsible, FluxMenuFlyout_default as FluxMenuFlyout, 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, 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, FluxSkeleton_default as FluxSkeleton, 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, 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, FluxTour_default as FluxTour, FluxTourItem_default as FluxTourItem, FluxTreeView_default as FluxTreeView, FluxVerticalWindowTransition_default as FluxVerticalWindowTransition, FluxVirtualScroller_default as FluxVirtualScroller, 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, useFormCheckboxGroupInjection_default as useFormCheckboxGroupInjection, useFormFieldInjection_default as useFormFieldInjection, useFormRadioGroupInjection_default as useFormRadioGroupInjection, useKanbanInjection_default as useKanbanInjection, useSegmentedControlInjection_default as useSegmentedControlInjection, useTabBarInjection_default as useTabBarInjection, useTableInjection_default as useTableInjection, useTooltipInjection_default as useTooltipInjection };
 
 //# sourceMappingURL=index.js.map