@flux-ui/components 3.0.0-next.65 → 3.0.0-next.67

package/dist/index.js

@@ -2369,7 +2369,7 @@ function useTooltipInjection_default() {
 	return inject(FluxTooltipInjectionKey, { calculate: () => void 0 });
 }
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+utils@3.25.0/node_modules/@basmilius/utils/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+utils@3.30.0/node_modules/@basmilius/utils/dist/index.mjs
 function t$1(e, t) {
 	return Math.round(e / t) * t;
 }
@@ -2436,7 +2436,7 @@ function x$4(e) {
 	} while (e = Object.getPrototypeOf(e));
 	return t;
 }
-function j$2(e) {
+function j$3(e) {
 	let t = parseInt(e.startsWith(`#`) ? e.substring(1) : e, 16);
 	return [
 		t >> 16 & 255,
@@ -2543,7 +2543,7 @@ function G$3(e, t, n) {
 function K$3(e, t, n) {
 	Object.defineProperty(e, t, { value: n });
 }
-var Z$2 = `—`;
+var Z$1 = `—`;
 //#endregion
 //#region ../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_freeGlobal.js
 /** Detect free variable `global` from Node.js. */
@@ -2557,6 +2557,48 @@ var freeSelf = typeof self == "object" && self && self.Object === Object && self
 /** Built-in value references. */
 var Symbol$1 = (freeGlobal || freeSelf || Function("return this")()).Symbol;
 //#endregion
+//#region ../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_arrayMap.js
+/**
+* A specialized version of `_.map` for arrays without support for iteratee
+* shorthands.
+*
+* @private
+* @param {Array} [array] The array to iterate over.
+* @param {Function} iteratee The function invoked per iteration.
+* @returns {Array} Returns the new mapped array.
+*/
+function arrayMap(array, iteratee) {
+	var index = -1, length = array == null ? 0 : array.length, result = Array(length);
+	while (++index < length) result[index] = iteratee(array[index], index, array);
+	return result;
+}
+//#endregion
+//#region ../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isArray.js
+/**
+* Checks if `value` is classified as an `Array` object.
+*
+* @static
+* @memberOf _
+* @since 0.1.0
+* @category Lang
+* @param {*} value The value to check.
+* @returns {boolean} Returns `true` if `value` is an array, else `false`.
+* @example
+*
+* _.isArray([1, 2, 3]);
+* // => true
+*
+* _.isArray(document.body.children);
+* // => false
+*
+* _.isArray('abc');
+* // => false
+*
+* _.isArray(_.noop);
+* // => false
+*/
+var isArray = Array.isArray;
+//#endregion
 //#region ../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_getRawTag.js
 /** Used for built-in method references. */
 var objectProto = Object.prototype;
@@ -2677,48 +2719,6 @@ function isSymbol(value) {
 	return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
 }
 //#endregion
-//#region ../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_arrayMap.js
-/**
-* A specialized version of `_.map` for arrays without support for iteratee
-* shorthands.
-*
-* @private
-* @param {Array} [array] The array to iterate over.
-* @param {Function} iteratee The function invoked per iteration.
-* @returns {Array} Returns the new mapped array.
-*/
-function arrayMap(array, iteratee) {
-	var index = -1, length = array == null ? 0 : array.length, result = Array(length);
-	while (++index < length) result[index] = iteratee(array[index], index, array);
-	return result;
-}
-//#endregion
-//#region ../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isArray.js
-/**
-* Checks if `value` is classified as an `Array` object.
-*
-* @static
-* @memberOf _
-* @since 0.1.0
-* @category Lang
-* @param {*} value The value to check.
-* @returns {boolean} Returns `true` if `value` is an array, else `false`.
-* @example
-*
-* _.isArray([1, 2, 3]);
-* // => true
-*
-* _.isArray(document.body.children);
-* // => false
-*
-* _.isArray('abc');
-* // => false
-*
-* _.isArray(_.noop);
-* // => false
-*/
-var isArray = Array.isArray;
-//#endregion
 //#region ../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_baseToString.js
 /** Used as references for various `Number` constants. */
 var INFINITY = Infinity;
@@ -6588,7 +6588,7 @@ useMode(definition$2);
 useMode(definition$1);
 useMode(definition);
 //#endregion
-//#region ../../node_modules/.bun/@basmilius+http-client@3.25.0+96a7401e32316653/node_modules/@basmilius/http-client/dist/index.mjs
+//#region ../../node_modules/.bun/@basmilius+http-client@3.30.0+638c9d1214a588db/node_modules/@basmilius/http-client/dist/index.mjs
 function c$1(e) {
 	return class extends e {
 		constructor(...e) {
@@ -6599,17 +6599,17 @@ function c$1(e) {
 function ne$1(e, t) {
 	return e === t ? !0 : e === t;
 }
-var l$1 = Symbol(), u$1 = Symbol(), d$1 = Symbol(), f$1 = Symbol(), p$1 = Symbol(), m$1 = Symbol(), h$2 = Symbol(), g$1 = Symbol(), _$2 = Symbol(), re$1 = Symbol(), ie$1 = Symbol();
+var l$1 = Symbol(), u$1 = Symbol(), d$1 = Symbol(), f$1 = Symbol(), p$1 = Symbol(), m$1 = Symbol(), h$2 = Symbol(), g$1 = Symbol(), _$2 = Symbol(), re$1 = Symbol(), ie$2 = Symbol();
 function v$2(e) {
 	return e && typeof e == `object` && !!e[p$1];
 }
 function y$2(e) {
 	if (!v$2(e)) throw Error(`@dto assert given object is not a class decorated with @Dto.`);
 }
-var ae$1 = Symbol();
+var ae$2 = Symbol();
 function b$2(e, t = 0, n) {
 	return function(...r) {
-		let i = e[ae$1] ??= /* @__PURE__ */ new WeakMap(), a = r[t], o = n === void 0 ? `self` : r[n];
+		let i = e[ae$2] ??= /* @__PURE__ */ new WeakMap(), a = r[t], o = n === void 0 ? `self` : r[n];
 		if (typeof a != `object` || !a) return e.call(this, ...r);
 		i.has(a) || i.set(a, []);
 		let s = i.get(a);
@@ -6628,7 +6628,7 @@ function x$2(e) {
 	return y$2(e), e[f$1];
 }
 var S$2 = b$2(function(e, t, n, r) {
-	let i = e[ie$1];
+	let i = e[ie$2];
 	i(e, t, n, r), e[m$1] && S$2(e[m$1], e[h$2], e[m$1][e[h$2]]);
 }, 0, 1), C$2 = b$2(function(e) {
 	y$2(e), e[f$1] && (e[f$1] = !1, S$2(e, f$1, !1, !0)), !(!e[u$1] || e[u$1].length === 0) && e[u$1].filter(x$2).forEach(C$2);
@@ -6664,26 +6664,26 @@ function ue$1(e, t) {
 		t[m$1] = void 0, t[h$2] = void 0;
 	}
 }
-var O$3 = {};
+var O$2 = {};
 var k$3 = {
 	deleteProperty(e, t) {
-		if (Reflect.deleteProperty(e, t), A$3(e, t)) return !0;
+		if (Reflect.deleteProperty(e, t), A$2(e, t)) return !0;
 		let n = e[m$1];
 		return n && S$2(n, e[h$2], n[e[h$2]]), n && w$2(n, e[h$2]), !0;
 	},
 	get(e, t, n) {
 		if (t === _$2) return !0;
-		if (A$3(e, t)) return Reflect.get(e, t, n);
+		if (A$2(e, t)) return Reflect.get(e, t, n);
 		let r = e[m$1];
 		return r && le$1(r, e[h$2]), Reflect.get(e, t);
 	},
 	set(e, t, n, r) {
-		if (A$3(e, t)) return Reflect.set(e, t, n, r);
+		if (A$2(e, t)) return Reflect.set(e, t, n, r);
 		let i = e[m$1];
 		return i && S$2(i, e[h$2], i[e[h$2]]), i && w$2(i, e[h$2]), Reflect.set(e, t, n);
 	}
 };
-function A$3(e, t) {
+function A$2(e, t) {
 	return typeof t == `symbol` || typeof e[t] == `function` || t === `length`;
 }
 var de$2 = {
@@ -6708,7 +6708,7 @@ var de$2 = {
 		let a = i.get?.call(e) ?? void 0;
 		return ne$1(n, a) ? !0 : (ue$1(e, a), Array.isArray(n) && !n[_$2] && (n = new Proxy(n, k$3)), i.set.call(e, n), E$2(e, t, n), w$2(e, t), S$2(e, t, n, a), !0);
 	}
-}, fe$2 = {
+}, fe$1 = {
 	get(e, t, n) {
 		return t === `__v_isRef` ? !1 : t === _$2 ? !0 : t in e ? Reflect.get(e, t, n) : Reflect.get(e.value, t);
 	},
@@ -6721,23 +6721,23 @@ var de$2 = {
 	set(e, t, n, r) {
 		return t in e ? Reflect.set(e, t, n, r) : Reflect.set(e.value, t, n);
 	}
-}, pe$2 = { construct(e, t, n) {
+}, pe$1 = { construct(e, t, n) {
 	t = t.map((e) => Array.isArray(e) ? new Proxy(e, k$3) : e);
 	let r = customRef((r, i) => {
 		let a = markRaw(Reflect.construct(e, t, n));
-		a[l$1] = t, a[f$1] = !1, a[re$1] = r, a[ie$1] = i;
+		a[l$1] = t, a[f$1] = !1, a[re$1] = r, a[ie$2] = i;
 		let s = new Proxy(a, de$2);
 		return {
 			get: () => (r(), s),
 			set: () => void 0
 		};
 	});
-	return new Proxy(r, fe$2);
+	return new Proxy(r, fe$1);
 } };
 function me$1() {
 	let e = this;
 	y$2(e);
-	let t = O$3[e[p$1]], n = new t(...e[l$1]);
+	let t = O$2[e[p$1]], n = new t(...e[l$1]);
 	for (let [e, t] of Object.entries(this[d$1])) t.set && (n[e] = v$2(this[e]) ? this[e].clone() : this[e]);
 	return n;
 }
@@ -6747,7 +6747,7 @@ function he$2(e) {
 		v$2(this[t]) && typeof e[t] == `object` ? this[t].fill(e[t]) : n && n.set && (this[t] = e[t]);
 	}
 }
-function ge$1() {
+function ge$2() {
 	let e = {};
 	for (let t of this[g$1]) {
 		let n = this[t];
@@ -6755,14 +6755,14 @@ function ge$1() {
 	}
 	return e;
 }
-function j$1(e) {
+function j$2(e) {
 	ve$1(e);
 	let t = Object.freeze(x$4(e)), a = Object.keys(t);
-	return K$3(e.prototype, d$1, t), K$3(e.prototype, p$1, e.name), K$3(e.prototype, g$1, a), K$3(e, Symbol.hasInstance, (t) => typeof t == `object` && t?.[p$1] === e.name), G$3(e, `clone`, me$1), G$3(e, `fill`, he$2), G$3(e, `toJSON`, ge$1), _e$1(e);
+	return K$3(e.prototype, d$1, t), K$3(e.prototype, p$1, e.name), K$3(e.prototype, g$1, a), K$3(e, Symbol.hasInstance, (t) => typeof t == `object` && t?.[p$1] === e.name), G$3(e, `clone`, me$1), G$3(e, `fill`, he$2), G$3(e, `toJSON`, ge$2), _e$2(e);
 }
-function _e$1(e) {
-	let t = new Proxy(e, pe$2);
-	return O$3[e.name] = t, t;
+function _e$2(e) {
+	let t = new Proxy(e, pe$1);
+	return O$2[e.name] = t, t;
 }
 function ve$1(e) {
 	let t = Object.getPrototypeOf(e.prototype);
@@ -6787,7 +6787,7 @@ var V$1 = class {
 		this.#e = e, this.#t = t;
 	}
 };
-V$1 = B$1([j$1], V$1);
+V$1 = B$1([j$2], V$1);
 var U$1 = class {
 	get items() {
 		return this.#e;
@@ -6813,7 +6813,7 @@ var U$1 = class {
 		this.#e = e, this.#t = t, this.#n = n, this.#r = r, this.#i = i;
 	}
 };
-U$1 = B$1([j$1], U$1);
+U$1 = B$1([j$2], U$1);
 var W$1 = U$1;
 var G$2 = class {
 	get code() {
@@ -6836,7 +6836,7 @@ var G$2 = class {
 		this.#e = e, this.#t = t, this.#n = n, this.#r = r;
 	}
 };
-G$2 = B$1([j$1], G$2);
+G$2 = B$1([j$2], G$2);
 var K$2 = G$2;
 var q$2 = class {
 	get code() {
@@ -6863,7 +6863,7 @@ var q$2 = class {
 		this.#e = e, this.#t = t, this.#n = n, this.#r = r, this.#i = i;
 	}
 };
-q$2 = B$1([j$1], q$2);
+q$2 = B$1([j$2], q$2);
 var J$1 = q$2, Y$2;
 var X$2 = Y$2 = class {
 	static parsePaginatedAdapter(e, t) {
@@ -6886,7 +6886,6 @@ var X$2 = Y$2 = class {
 	}
 };
 X$2 = Y$2 = B$1([c$1], X$2);
-converter(`oklch`);
 function G$1(e) {
 	let t = unref(e);
 	return t ? R$2(t) ? t : t.$el ?? null : null;
@@ -6894,11 +6893,11 @@ function G$1(e) {
 function K$1(e, t, n) {
 	let r = ref([]);
 	onMounted(() => {
-		document.addEventListener(`pointerdown`, a);
+		document.addEventListener(`pointerdown`, i);
 	}), onUnmounted(() => {
-		document.removeEventListener(`pointerdown`, a);
+		document.removeEventListener(`pointerdown`, i);
 	});
-	function a(e) {
+	function i(e) {
 		unref(t) && !unref(r).some((t) => t.contains(e.target)) && n(e);
 	}
 	watchEffect(() => {
@@ -6913,24 +6912,24 @@ function q$1() {
 	let t = getCurrentInstance();
 	return computed(() => t?.uid ?? (t?.proxy)._uid ?? 0);
 }
-function Y$1(e, n, i = !1) {
+function Y$1(e, n, r = !1) {
 	let a = ref(isRef(e) ? e.value : e), o = customRef((e, t) => ({
 		get() {
 			return e(), a.value;
 		},
-		set: X$1((e) => {
+		set: oe$1((e) => {
 			a.value = e, t();
-		}, n, i)
+		}, n, r)
 	}));
 	return isRef(e) && watch(e, (e) => o.value = e), o;
 }
-function X$1(e, t, n = !1) {
+function oe$1(e, t, n = !1) {
 	let r;
 	return (...i) => {
 		n && !r && e(...i), clearTimeout(r), r = setTimeout(() => requestAnimationFrame(() => e(...i)), t);
 	};
 }
-function Z$1(t = 0, n = !1) {
+function X$1(t = 0, n = !1) {
 	let r = ref(n), i = ref(0), a = computed(() => unref(r) || unref(i) > 0);
 	function o(e) {
 		return (async (...t) => (i.value++, await e(...t).finally(() => i.value--)));
@@ -6943,53 +6942,53 @@ function Z$1(t = 0, n = !1) {
 		loaded: o
 	};
 }
-function se$1(e, t) {
+function de$1(e, t) {
 	let n = ref();
 	onMounted(() => {
-		a();
+		i();
 	}), onUnmounted(() => {
 		clearTimeout(n.value);
 	});
 	function r() {
-		n.value = setTimeout(() => requestAnimationFrame(a), unref(e));
+		n.value = setTimeout(() => requestAnimationFrame(i), unref(e));
 	}
-	function a() {
+	function i() {
 		r(), t();
 	}
 }
-function de$1(e, t, n) {
+function he$1(e, t, n) {
 	n ??= { attributes: !0 };
 	let r, i = watch(e, (e) => {
-		o();
+		a();
 		let i = G$1(e);
 		i && (r = new MutationObserver(t), r.observe(i, n));
 	}, { immediate: !0 });
-	function o() {
+	function a() {
 		r &&= (r.disconnect(), void 0);
 	}
-	function s() {
-		o(), i();
+	function o() {
+		a(), i();
 	}
-	onScopeDispose(s);
+	onScopeDispose(o);
 }
 RegExp(`[a-z]`), RegExp(`[A-Z]`), RegExp(`[0-9]`), RegExp(`[!"#$%&'()*+,-./:;<=>?@[\\\\\\]^_\`{|}~]`);
-function he$1(e, t, n) {
+function ye$1(e, t, n) {
 	n ??= {};
 	let r, i = watch(e, (e) => {
-		o();
+		a();
 		let i = G$1(e);
 		i && (r = new ResizeObserver(t), r.observe(i, n));
 	}, { immediate: !0 });
-	function o() {
+	function a() {
 		r &&= (r.disconnect(), void 0);
 	}
-	function s() {
-		o(), i();
+	function o() {
+		a(), i();
 	}
-	onScopeDispose(s);
+	onScopeDispose(o);
 }
 //#endregion
-//#region ../internals/dist/composable-DaZozn_3.js
+//#region ../internals/dist/composable-5ooZTjm_.js
 function _$1(e, t) {
 	let n = ref(!1), r = ref(e), i = computed(() => {
 		let e = [], t = unref(r).month, n = unref(r).startOf(`month`);
@@ -7237,6 +7236,16 @@ function A$1(t) {
 		isAtRight: a
 	};
 }
+function j$1(e) {
+	let t = ref(0), n = ref(0);
+	return e ||= ref(document), D$1(e, `scroll`, () => {
+		let r = unref(e);
+		r instanceof Document && (r = r.scrollingElement), t.value = r?.scrollLeft ?? 0, n.value = r?.scrollTop ?? 0;
+	}), {
+		x: t,
+		y: n
+	};
+}
 var M$1 = 0;
 function N$1(e = !1) {
 	let t = ref(`focus-trap-${++M$1}`), n = ref(!1);
@@ -7269,8 +7278,12 @@ function F$1(t, r = {}) {
 			s.contains(t) || y$3(s, t);
 		}
 		if (u.addEventListener(`focusin`, d, { capture: !0 }), u.addEventListener(`focusout`, f, { capture: !0 }), s) {
-			let e = s$1(s), t = e.findIndex((e) => e.classList.contains(`is-active`)), r = e.findIndex((e) => !e.hasAttribute(`aria-disabled`)), i = e[0];
-			t > -1 && (i = e[t]), r > -1 && (i = e[r]), i && i.focus();
+			let e = s.querySelector(`[autofocus]`);
+			if (e) e.focus();
+			else {
+				let e = s$1(s), t = e.findIndex((e) => e.classList.contains(`is-active`)), r = e.findIndex((e) => !e.hasAttribute(`aria-disabled`)), i = e[0];
+				t > -1 && (i = e[t]), r > -1 && (i = e[r]), i ? i.focus() : s.focus();
+			}
 		}
 		o(() => {
 			u.removeEventListener(`focusin`, d), u.removeEventListener(`focusout`, f);
@@ -7283,7 +7296,7 @@ function F$1(t, r = {}) {
 	}, { immediate: !0 });
 }
 function L$1(e, { cycle: t = !0, direction: r = `bidirectional` } = {}) {
-	de$1(e, () => a(i(), !1));
+	he$1(e, () => a(i(), !1));
 	function i() {
 		let t = s$1(G$1(e)), r = t.findIndex((e) => e.classList.contains(`is-active`)), i = t.findIndex((e) => !e.hasAttribute(`aria-disabled`));
 		return r > -1 ? r : i > -1 ? i : 0;
@@ -7806,7 +7819,6 @@ function createDialogRenderer_default(attrs, props, emit, slots, className, tran
 	watch(dialogRef, (dialog, _, onCleanup) => {
 		if (!dialog) return;
 		dialog.addEventListener("keydown", onKeyDown, { passive: true });
-		dialog.focus();
 		onCleanup(() => {
 			dialog.removeEventListener("keydown", onKeyDown);
 		});
@@ -7916,7 +7928,7 @@ function generateMultiOptionsLabel(translate, options, values) {
 //#endregion
 //#region src/composable/private/useAsyncFilterOptions.ts
 function useAsyncFilterOptions_default(params) {
-	const { isLoading, loaded } = Z$1();
+	const { isLoading, loaded } = X$1();
 	const debouncedModelSearch = Y$1(params.modelSearch, 150);
 	const fetchOptions = computed(() => loaded(params.fetchOptions));
 	const fetchRelevant = computed(() => loaded(params.fetchRelevant));
@@ -9068,32 +9080,32 @@ function useTreeView(params) {
 }
 //#endregion
 //#region src/css/component/Button.module.scss
-var { "button": _0$14, "buttonIcon": _1$5, "buttonLabel": _2$4 } = Button_module_default$1;
+var { "button": _0$14, "buttonLabel": _1$5, "buttonIcon": _2$4 } = Button_module_default$1;
 var Button_module_default = {
 	primaryButton: `primary-button ${_0$14}`,
 	spinner: `spinner`,
-	primaryButtonIcon: `primary-button-icon ${_1$5}`,
-	primaryButtonLabel: `primary-button-label ${_2$4}`,
+	primaryButtonIcon: `primary-button-icon ${_2$4}`,
+	primaryButtonLabel: `primary-button-label ${_1$5}`,
 	secondaryButton: `secondary-button ${_0$14}`,
-	secondaryButtonIcon: `secondary-button-icon ${_1$5}`,
-	secondaryButtonLabel: `secondary-button-label ${_2$4}`,
+	secondaryButtonIcon: `secondary-button-icon ${_2$4}`,
+	secondaryButtonLabel: `secondary-button-label ${_1$5}`,
 	destructiveButton: `destructive-button ${_0$14}`,
-	destructiveButtonIcon: `destructive-button-icon ${_1$5}`,
-	destructiveButtonLabel: `destructive-button-label ${_2$4}`,
+	destructiveButtonIcon: `destructive-button-icon ${_2$4}`,
+	destructiveButtonLabel: `destructive-button-label ${_1$5}`,
 	baseLinkButton: `base-link-button ${_0$14}`,
 	primaryLinkButton: `primary-link-button base-link-button ${_0$14}`,
-	primaryLinkButtonIcon: `primary-link-button-icon ${_1$5}`,
-	primaryLinkButtonLabel: `primary-link-button-label ${_2$4}`,
+	primaryLinkButtonIcon: `primary-link-button-icon ${_2$4}`,
+	primaryLinkButtonLabel: `primary-link-button-label ${_1$5}`,
 	secondaryLinkButton: `secondary-link-button base-link-button ${_0$14}`,
-	secondaryLinkButtonIcon: `secondary-link-button-icon ${_1$5}`,
-	secondaryLinkButtonLabel: `secondary-link-button-label ${_2$4}`,
+	secondaryLinkButtonIcon: `secondary-link-button-icon ${_2$4}`,
+	secondaryLinkButtonLabel: `secondary-link-button-label ${_1$5}`,
 	linkButton: `link-button ${_0$14}`,
-	linkButtonIcon: `link-button-icon ${_1$5}`,
+	linkButtonIcon: `link-button-icon ${_2$4}`,
 	icon: `icon`,
-	linkButtonLabel: `link-button-label ${_2$4}`,
+	linkButtonLabel: `link-button-label ${_1$5}`,
 	publishButton: `publish-button primary-button ${_0$14}`,
-	publishButtonIcon: `publish-button-icon primary-button-icon ${_1$5}`,
-	publishButtonLabel: `publish-button-label primary-button-label ${_2$4}`,
+	publishButtonIcon: `publish-button-icon primary-button-icon ${_2$4}`,
+	publishButtonLabel: `publish-button-label primary-button-label ${_1$5}`,
 	publishButtonAnimation: `publish-button-animation`,
 	isDone: `is-done`,
 	publishButtonAnimationArrow: `publish-button-animation-arrow`,
@@ -11536,6 +11548,8 @@ var LayerPane_module_default = {
 	layerPane: `layer-pane`,
 	basePaneStructure: `base-pane-structure`,
 	paneFooter: `pane-footer`,
+	paneHeader: `pane-header`,
+	button: `button`,
 	layerPaneSecondary: `layer-pane-secondary`
 };
 //#endregion
@@ -12159,8 +12173,8 @@ var Form_module_default = {
 	pinInputEnabled: `pin-input-enabled pin-input`,
 	pinInputDisabled: `pin-input-disabled pin-input`,
 	toggle: `toggle`,
-	isChecked: `is-checked`,
 	toggleInput: `toggle-input`,
+	isChecked: `is-checked`,
 	isSwitch: `is-switch`,
 	toggleIcon: `toggle-icon`,
 	toggleIconOn: `toggle-icon-on toggle-icon`,
@@ -12231,11 +12245,11 @@ var FluxCheckbox_default = /* @__PURE__ */ defineComponent({
 				}, [isIndeterminate.value ? (openBlock(), createBlock(FluxIcon_default, {
 					key: 0,
 					name: "minus",
-					size: 16
+					size: 12
 				})) : (openBlock(), createBlock(FluxIcon_default, {
 					key: 1,
 					name: "check",
-					size: 16
+					size: 12
 				}))], 2),
 				__props.label ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -13357,7 +13371,7 @@ var AnchorPopup_default = /* @__PURE__ */ defineComponent({
 			window.removeEventListener("resize", onResize);
 			window.removeEventListener("scroll", onScroll, { capture: true });
 		});
-		de$1(popupRef, () => {
+		he$1(popupRef, () => {
 			reposition();
 		}, {
 			childList: true,
@@ -13586,7 +13600,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const { isLoading, loaded } = Z$1();
+		const { isLoading, loaded } = X$1();
 		const getValueLabel = computed(() => loaded(__props.item.getValueLabel));
 		const valueLabel = ref();
 		function onClick(evt) {
@@ -13615,7 +13629,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Menu.module.scss
-var { "buttonIcon": _0$9, "buttonLabel": _1$3, "button": _2$2 } = Button_module_default$1;
+var { "buttonIcon": _0$9, "button": _1$3, "buttonLabel": _2$2 } = Button_module_default$1;
 var Menu_module_default = {
 	menu: `menu`,
 	menuNormal: `menu-normal menu`,
@@ -13623,10 +13637,10 @@ var Menu_module_default = {
 	menuGroup: `menu-group`,
 	menuGroupHorizontal: `menu-group-horizontal menu-group`,
 	menuGroupVertical: `menu-group-vertical menu-group`,
-	menuItem: `menu-item ${_2$2}`,
+	menuItem: `menu-item ${_1$3}`,
 	badge: `badge`,
 	menuItemIcon: `menu-item-icon ${_0$9}`,
-	menuItemLabel: `menu-item-label ${_1$3}`,
+	menuItemLabel: `menu-item-label ${_2$2}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
 	menuItemHighlighted: `menu-item-highlighted`,
@@ -13652,6 +13666,20 @@ var Menu_module_default = {
 	expandableBody: `expandable-body`
 };
 //#endregion
+//#region src/component/FluxMenuGroup.vue
+var FluxMenuGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxMenuGroup",
+	props: { isHorizontal: { type: Boolean } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(__props.isHorizontal ? unref(Menu_module_default).menuGroupHorizontal : unref(Menu_module_default).menuGroupVertical),
+				role: "group"
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
 //#region src/component/FluxMenuItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$41 = ["src", "alt"];
 //#endregion
@@ -13764,76 +13792,6 @@ var FluxMenuItem_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/component/primitive/FilterItem.vue
-var FilterItem_default = /* @__PURE__ */ defineComponent({
-	__name: "FilterItem",
-	props: {
-		item: {},
-		value: { type: [
-			Object,
-			String,
-			Boolean,
-			Number,
-			null,
-			Array
-		] },
-		disabled: { type: Boolean }
-	},
-	emits: ["click"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const { isLoading, loaded } = Z$1();
-		const getValueLabel = computed(() => loaded(__props.item.getValueLabel));
-		const valueLabel = ref();
-		function onClick(evt) {
-			emit("click", evt);
-		}
-		watch([() => __props.item, () => __props.value], async ([, nextValue], _prev, onCleanup) => {
-			let cancelled = false;
-			onCleanup(() => {
-				cancelled = true;
-			});
-			const nextLabel = await unref(getValueLabel)(nextValue);
-			if (!cancelled) valueLabel.value = nextLabel ?? void 0;
-		}, {
-			deep: true,
-			immediate: true
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FluxMenuItem_default, {
-				command: valueLabel.value,
-				"command-icon": "angle-right",
-				"command-loading": unref(isLoading),
-				disabled: __props.disabled,
-				"icon-leading": __props.item.icon,
-				label: __props.item.label,
-				type: "button",
-				onClick
-			}, null, 8, [
-				"command",
-				"command-loading",
-				"disabled",
-				"icon-leading",
-				"label"
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/component/FluxMenuGroup.vue
-var FluxMenuGroup_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxMenuGroup",
-	props: { isHorizontal: { type: Boolean } },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(__props.isHorizontal ? unref(Menu_module_default).menuGroupHorizontal : unref(Menu_module_default).menuGroupVertical),
-				role: "group"
-			}, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
 //#region src/component/FluxMenuSubHeader.vue
 var FluxMenuSubHeader_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxMenuSubHeader",
@@ -14476,6 +14434,62 @@ var FluxSeparator_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/component/primitive/FilterItem.vue
+var FilterItem_default = /* @__PURE__ */ defineComponent({
+	__name: "FilterItem",
+	props: {
+		item: {},
+		value: { type: [
+			Object,
+			String,
+			Boolean,
+			Number,
+			null,
+			Array
+		] },
+		disabled: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { isLoading, loaded } = X$1();
+		const getValueLabel = computed(() => loaded(__props.item.getValueLabel));
+		const valueLabel = ref();
+		function onClick(evt) {
+			emit("click", evt);
+		}
+		watch([() => __props.item, () => __props.value], async ([, nextValue], _prev, onCleanup) => {
+			let cancelled = false;
+			onCleanup(() => {
+				cancelled = true;
+			});
+			const nextLabel = await unref(getValueLabel)(nextValue);
+			if (!cancelled) valueLabel.value = nextLabel ?? void 0;
+		}, {
+			deep: true,
+			immediate: true
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FluxMenuItem_default, {
+				command: valueLabel.value,
+				"command-icon": "angle-right",
+				"command-loading": unref(isLoading),
+				disabled: __props.disabled,
+				"icon-leading": __props.item.icon,
+				label: __props.item.label,
+				type: "button",
+				onClick
+			}, null, 8, [
+				"command",
+				"command-loading",
+				"disabled",
+				"icon-leading",
+				"label"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/component/primitive/FilterMenuRenderer.ts
 var FilterMenuRenderer = defineComponent({
 	props: {
@@ -14767,7 +14781,7 @@ var FluxColorPicker_default = /* @__PURE__ */ defineComponent({
 			];
 			switch (__props.type) {
 				case "hex":
-					hsv.value = P$2(...j$2(hex));
+					hsv.value = P$2(...j$3(hex));
 					break;
 				case "rgb":
 					hsv.value = P$2(...values);
@@ -15223,16 +15237,16 @@ var FluxFormSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Pagination.module.scss
-var { "secondaryButton": _0$8, "secondaryButtonIcon": _1$2, "secondaryButtonLabel": _2$1 } = Button_module_default;
+var { "secondaryButtonIcon": _0$8, "secondaryButtonLabel": _1$2, "secondaryButton": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_0$8}`,
+	paginationButton: `pagination-button ${_2$1}`,
 	secondaryButton: `secondary-button`,
 	paginationButtonArrow: `pagination-button-arrow`,
 	paginationButtonCurrent: `pagination-button-current`,
 	paginationButtonSpacer: `pagination-button-spacer`,
-	paginationButtonIcon: `pagination-button-icon ${_1$2}`,
-	paginationButtonLabel: `pagination-button-label ${_2$1}`,
+	paginationButtonIcon: `pagination-button-icon ${_0$8}`,
+	paginationButtonLabel: `pagination-button-label ${_1$2}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -15494,14 +15508,15 @@ 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 { "basePaneLoader": _0$7, "basePaneElement": _1$1 } = Pane_module_default$1;
 var Table_module_default = {
-	table: `table ${_0$7}`,
+	table: `table ${_1$1}`,
 	tableBase: `table-base`,
 	tableFill: `table-fill`,
 	tablePagination: `table-pagination`,
-	tableLoader: `table-loader ${_1$1}`,
+	tableLoader: `table-loader ${_0$7}`,
 	tableRow: `table-row`,
+	isSelectableRow: `is-selectable-row`,
 	tableCell: `table-cell`,
 	tableCellContent: `table-cell-content`,
 	tableHeader: `table-header table-cell`,
@@ -15509,10 +15524,12 @@ var Table_module_default = {
 	isSticky: `is-sticky`,
 	tableHeaderContent: `table-header-content table-cell-content`,
 	isStriped: `is-striped`,
+	isSelected: `is-selected`,
 	isHoverable: `is-hoverable`,
 	isBordered: `is-bordered`,
 	isSeparated: `is-separated`,
 	tableActions: `table-actions`,
+	tableCellSelection: `table-cell-selection`,
 	tableBar: `table-bar table-cell`,
 	tableBarContent: `table-bar-content table-cell-content`,
 	tableSort: `table-sort`,
@@ -15546,9 +15563,10 @@ var FluxTableCell_default = /* @__PURE__ */ defineComponent({
 //#region src/component/FluxTableRow.vue
 var FluxTableRow_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTableRow",
+	props: { isSelected: { type: Boolean } },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("tr", { class: normalizeClass(unref(Table_module_default).tableRow) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("tr", { class: normalizeClass(unref(clsx)(unref(Table_module_default).tableRow, __props.isSelected && unref(Table_module_default).isSelected)) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });
@@ -15587,6 +15605,8 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const slots = useSlots();
+		const base = useTemplateRef("base");
+		const { x, y } = j$1(base);
 		provide(FluxTableInjectionKey, {
 			isBordered: __props.isBordered,
 			isHoverable: __props.isHoverable,
@@ -15594,7 +15614,11 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 			isStriped: __props.isStriped
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(Table_module_default).table) }, [
+			return openBlock(), createElementBlock("div", {
+				ref_key: "base",
+				ref: base,
+				class: normalizeClass([unref(Table_module_default).table, __props.isBordered && unref(Table_module_default).isBordered])
+			}, [
 				createElementVNode("table", { class: normalizeClass(unref(Table_module_default).tableBase) }, [
 					renderSlot(_ctx.$slots, "colgroups"),
 					slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1$35, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true),
@@ -15615,8 +15639,9 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 				], 2),
 				__props.isLoading ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass(unref(Table_module_default).tableLoader)
-				}, [createVNode(FluxSpinner_default)], 2)) : createCommentVNode("", true),
+					class: normalizeClass(unref(Table_module_default).tableLoader),
+					style: normalizeStyle({ transform: `translate(${unref(x)}px, ${unref(y)}px)` })
+				}, [createVNode(FluxSpinner_default)], 6)) : createCommentVNode("", true),
 				slots.pagination ? (openBlock(), createBlock(FluxPaneBody_default, {
 					key: 1,
 					class: normalizeClass(unref(Table_module_default).tablePagination)
@@ -15629,10 +15654,83 @@ var FluxTable_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/component/FluxTableHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$34 = ["aria-sort"];
+var _hoisted_2$12 = ["aria-label", "onClick"];
+//#endregion
+//#region src/component/FluxTableHeader.vue
+var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "FluxTableHeader",
+	props: {
+		isShrinking: { type: Boolean },
+		isSortable: { type: Boolean },
+		isSticky: { type: Boolean },
+		minWidth: { default: 0 },
+		sort: {}
+	},
+	emits: ["sort"],
+	setup(__props, { emit: $emit }) {
+		const { isBordered } = useTableInjection_default();
+		const translate = useTranslate_default();
+		const sortingIcon = computed(() => {
+			switch (__props.sort) {
+				case "ascending": return "arrow-down-a-z";
+				case "descending": return "arrow-up-a-z";
+				default: return "arrow-up-arrow-down";
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("th", {
+				class: normalizeClass(unref(clsx)(unref(Table_module_default).tableHeader, unref(isBordered) && unref(Table_module_default).isBordered, __props.isShrinking && unref(Table_module_default).isShrinking, __props.isSticky && unref(Table_module_default).isSticky)),
+				scope: "col",
+				"aria-sort": __props.isSortable ? __props.sort ?? "none" : void 0,
+				style: normalizeStyle({ minWidth: `${__props.minWidth}px` })
+			}, [createElementVNode("div", { class: normalizeClass(unref(Table_module_default).tableHeaderContent) }, [renderSlot(_ctx.$slots, "default"), __props.isSortable ? (openBlock(), createBlock(FluxFlyout_default, { key: 0 }, {
+				opener: withCtx(({ open }) => [createElementVNode("button", {
+					class: normalizeClass(unref(Table_module_default).tableSort),
+					"aria-label": unref(translate)("flux.sort"),
+					tabindex: "-1",
+					type: "button",
+					onClick: open
+				}, [createVNode(FluxIcon_default, {
+					size: 16,
+					name: sortingIcon.value
+				}, null, 8, ["name"])], 10, _hoisted_2$12)]),
+				default: withCtx(() => [createVNode(FluxMenu_default, null, {
+					default: withCtx(() => [createVNode(FluxMenuGroup_default, null, {
+						default: withCtx(() => [createVNode(FluxMenuItem_default, {
+							"is-highlighted": __props.sort === "ascending",
+							"icon-leading": "arrow-down-a-z",
+							label: unref(translate)("flux.sortAscending"),
+							onClick: _cache[0] || (_cache[0] = ($event) => $emit("sort", "ascending"))
+						}, null, 8, ["is-highlighted", "label"]), createVNode(FluxMenuItem_default, {
+							"is-highlighted": __props.sort === "descending",
+							"icon-leading": "arrow-up-a-z",
+							label: unref(translate)("flux.sortDescending"),
+							onClick: _cache[1] || (_cache[1] = ($event) => $emit("sort", "descending"))
+						}, null, 8, ["is-highlighted", "label"])]),
+						_: 1
+					}), __props.sort ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(FluxSeparator_default), createVNode(FluxMenuGroup_default, null, {
+						default: withCtx(() => [createVNode(FluxMenuItem_default, {
+							"icon-leading": "circle-xmark",
+							"is-destructive": "",
+							label: unref(translate)("flux.sortRemove"),
+							onClick: _cache[2] || (_cache[2] = ($event) => $emit("sort", null))
+						}, null, 8, ["label"])]),
+						_: 1
+					})], 64)) : createCommentVNode("", true)]),
+					_: 1
+				})]),
+				_: 1
+			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$34);
+		};
+	}
+});
+//#endregion
 //#region src/component/FluxDataTable.vue
 var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxDataTable",
-	props: {
+	props: /* @__PURE__ */ mergeModels({
 		fillColumns: {},
 		isBordered: {
 			type: Boolean,
@@ -15658,10 +15756,14 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 		limits: {},
 		page: {},
 		perPage: {},
+		selectionMode: {},
 		total: {},
 		uniqueKey: {}
-	},
-	emits: ["limit", "navigate"],
+	}, {
+		"selected": {},
+		"selectedModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["limit", "navigate"], ["update:selected"]),
 	setup(__props, { emit: __emit }) {
 		const IGNORED_SLOTS = [
 			"filter",
@@ -15671,10 +15773,69 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 			"pagination"
 		];
 		const emit = __emit;
+		const selected = useModel(__props, "selected");
 		const slots = useSlots();
+		const table = useTemplateRef("table");
+		const treeDisabled = useDisabledInjection_default();
 		const limitedItems = computed(() => __props.items.slice(0, __props.perPage));
+		const currentPageIds = computed(() => {
+			if (!__props.uniqueKey) return [];
+			return unref(limitedItems).map((item) => item[__props.uniqueKey]);
+		});
+		const selectAllState = computed(() => {
+			const ids = unref(currentPageIds);
+			const value = unref(selected);
+			if (ids.length === 0 || !Array.isArray(value)) return false;
+			const selectedOnPage = ids.filter((id) => value.includes(id)).length;
+			if (selectedOnPage === 0) return false;
+			if (selectedOnPage === ids.length) return true;
+			return null;
+		});
+		function getItemId(item) {
+			if (!__props.uniqueKey) return;
+			return item[__props.uniqueKey];
+		}
+		function isItemSelected(item) {
+			if (!__props.selectionMode) return false;
+			const id = getItemId(item);
+			if (id === void 0) return false;
+			const value = unref(selected);
+			if (Array.isArray(value)) return value.includes(id);
+			return value === id;
+		}
+		function onRowClick(item, event) {
+			if (!__props.selectionMode || unref(treeDisabled)) return;
+			if (event.target?.closest("a, button, input, label, select, textarea, [role=\"button\"]")) return;
+			onSelectRow(item);
+		}
+		function onSelectRow(item) {
+			const id = getItemId(item);
+			if (id === void 0) return;
+			if (__props.selectionMode === "multiple") {
+				const current = Array.isArray(unref(selected)) ? unref(selected) : [];
+				selected.value = current.includes(id) ? current.filter((v) => v !== id) : [...current, id];
+				return;
+			}
+			if (__props.selectionMode === "single") selected.value = isItemSelected(item) ? null : id;
+		}
+		function onSelectAll(value) {
+			if (__props.selectionMode !== "multiple") return;
+			const ids = unref(currentPageIds);
+			const current = Array.isArray(unref(selected)) ? unref(selected) : [];
+			if (value) {
+				const additions = ids.filter((id) => !current.includes(id));
+				selected.value = [...current, ...additions];
+				return;
+			}
+			selected.value = current.filter((id) => !ids.includes(id));
+		}
+		watch(() => __props.items, () => {
+			unref(table)?.$el.scrollTo(0, 0);
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(FluxTable_default, {
+				ref_key: "table",
+				ref: table,
 				"fill-columns": __props.fillColumns,
 				"is-bordered": __props.isBordered,
 				"is-hoverable": __props.isHoverable,
@@ -15683,8 +15844,22 @@ 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 }, {
-						default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(slots, (_, name) => {
+					return openBlock(), createBlock(FluxTableRow_default, {
+						key: __props.uniqueKey ? item[__props.uniqueKey] : index,
+						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(FluxCheckbox_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({
 								key: 0,
 								ref_for: true
@@ -15694,11 +15869,16 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 								items: limitedItems.value,
 								page: __props.page,
 								perPage: __props.perPage,
-								total: __props.total
+								total: __props.total,
+								isSelected: isItemSelected(item)
 							})) : createCommentVNode("", true)], 64);
 						}), 64))]),
 						_: 2
-					}, 1024);
+					}, 1032, [
+						"class",
+						"is-selected",
+						"onClick"
+					]);
 				}), 128))]),
 				_: 2
 			}, [
@@ -15707,7 +15887,7 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "colgroups")]),
 					key: "0"
 				} : void 0,
-				"header" in slots ? {
+				"header" in slots || __props.selectionMode ? {
 					name: "header",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "filter", normalizeProps(guardReactiveProps({
 						page: __props.page,
@@ -15715,7 +15895,18 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 						items: limitedItems.value,
 						total: __props.total
 					}))), createVNode(FluxTableRow_default, null, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+						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(FluxCheckbox_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,
@@ -15789,7 +15980,7 @@ var FluxDisabled_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxDivider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = ["aria-orientation"];
+var _hoisted_1$33 = ["aria-orientation"];
 //#endregion
 //#region src/component/FluxDivider.vue
 var FluxDivider_default = /* @__PURE__ */ defineComponent({
@@ -15811,18 +16002,18 @@ 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$34);
+			}, null, 2))], 10, _hoisted_1$33);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxDotPattern.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = [
+var _hoisted_1$32 = [
 	"id",
 	"width",
 	"height"
 ];
-var _hoisted_2$12 = [
+var _hoisted_2$11 = [
 	"r",
 	"cx",
 	"cy"
@@ -15872,7 +16063,7 @@ var FluxDotPattern_default = /* @__PURE__ */ defineComponent({
 				r: __props.cr,
 				cx: __props.width / 2 - __props.cx,
 				cy: __props.height / 2 - __props.cy
-			}, null, 8, _hoisted_2$12)], 8, _hoisted_1$33)]), createElementVNode("rect", {
+			}, null, 8, _hoisted_2$11)], 8, _hoisted_1$32)]), createElementVNode("rect", {
 				width: "100%",
 				height: "100%",
 				"stroke-width": "0",
@@ -15895,12 +16086,12 @@ var DropZone_module_default = {
 };
 //#endregion
 //#region src/component/FluxDropZone.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = [
+var _hoisted_1$31 = [
 	"aria-disabled",
 	"aria-label",
 	"tabindex"
 ];
-var _hoisted_2$11 = ["pathLength"];
+var _hoisted_2$10 = ["pathLength"];
 //#endregion
 //#region src/component/FluxDropZone.vue
 var FluxDropZone_default = /* @__PURE__ */ defineComponent({
@@ -16014,7 +16205,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						pathLength: pathLength.value
-					}, null, 8, _hoisted_2$11)], 2)),
+					}, null, 8, _hoisted_2$10)], 2)),
 					renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 						isDragging: isDragging.value,
 						isDraggingOver: isDraggingOver.value,
@@ -16041,7 +16232,7 @@ var FluxDropZone_default = /* @__PURE__ */ defineComponent({
 					isDraggingOver: isDraggingOver.value,
 					showPicker
 				})))
-			], 42, _hoisted_1$32);
+			], 42, _hoisted_1$31);
 		};
 	}
 });
@@ -16071,12 +16262,12 @@ var Expandable_module_default = {
 };
 //#endregion
 //#region src/component/FluxExpandable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = [
+var _hoisted_1$30 = [
 	"id",
 	"aria-controls",
 	"aria-expanded"
 ];
-var _hoisted_2$10 = ["id", "aria-labelledby"];
+var _hoisted_2$9 = ["id", "aria-labelledby"];
 //#endregion
 //#region src/component/FluxExpandable.vue
 var FluxExpandable_default = /* @__PURE__ */ defineComponent({
@@ -16167,9 +16358,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$10)) : createCommentVNode("", true)]),
+				})))], 2)])], 10, _hoisted_2$9)) : createCommentVNode("", true)]),
 				_: 3
-			})], 10, _hoisted_1$31);
+			})], 10, _hoisted_1$30);
 		};
 	}
 });
@@ -16221,7 +16412,7 @@ var FluxFader_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const faderRef = useTemplateRef("fader");
-		se$1(__props.interval, () => next());
+		de$1(__props.interval, () => next());
 		const current = ref(-1);
 		const count = computed(() => {
 			return _$3(faderRef)?.children.length ?? 0;
@@ -17388,7 +17579,7 @@ var FocalPoint_module_default = {
 };
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = ["src"];
+var _hoisted_1$29 = ["src"];
 //#endregion
 //#region src/component/FluxFocalPointEditor.vue
 var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
@@ -17457,7 +17648,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 							src: __props.src,
 							alt: "",
 							onLoad: onImageLoaded
-						}, null, 42, _hoisted_1$30), createElementVNode("div", {
+						}, null, 42, _hoisted_1$29), createElementVNode("div", {
 							class: normalizeClass(unref(FocalPoint_module_default).focalPointEditorArea),
 							style: normalizeStyle({
 								top: `${focalPointY.value}%`,
@@ -17486,7 +17677,7 @@ var FluxFocalPointEditor_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFocalPointImage.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = ["src", "alt"];
+var _hoisted_1$28 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxFocalPointImage.vue
 var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
@@ -17505,13 +17696,13 @@ var FluxFocalPointImage_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle({ objectPosition: `${x.value}% ${y.value}%` }),
 				src: __props.src,
 				alt: __props.alt
-			}, null, 14, _hoisted_1$29);
+			}, null, 14, _hoisted_1$28);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxForm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = ["aria-disabled"];
+var _hoisted_1$27 = ["aria-disabled"];
 //#endregion
 //#region src/component/FluxForm.vue
 var FluxForm_default = /* @__PURE__ */ defineComponent({
@@ -17534,7 +17725,7 @@ var FluxForm_default = /* @__PURE__ */ defineComponent({
 			}, [createVNode(FluxDisabled_default, { disabled: __props.disabled }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["disabled"])], 42, _hoisted_1$28);
+			}, 8, ["disabled"])], 42, _hoisted_1$27);
 		};
 	}
 });
@@ -17646,7 +17837,7 @@ var FluxFormDateInput_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = { key: 0 };
+var _hoisted_1$26 = { key: 0 };
 //#endregion
 //#region src/component/FluxFormDateRangeInput.vue
 var FluxFormDateRangeInput_default = /* @__PURE__ */ defineComponent({
@@ -17692,7 +17883,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$27, toDisplayString(label.value), 1)) : __props.placeholder ? (openBlock(), createElementBlock("span", {
+					}, [label.value ? (openBlock(), createElementBlock("span", _hoisted_1$26, 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, {
@@ -17864,7 +18055,7 @@ var FluxFormGrid_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormInputAddition.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = { key: 1 };
+var _hoisted_1$25 = { key: 1 };
 //#endregion
 //#region src/component/FluxFormInputAddition.vue
 var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
@@ -17881,7 +18072,7 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 					name: __props.icon,
 					size: 18
 				}, null, 8, ["name"])) : createCommentVNode("", true),
-				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$26, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1$25, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -17889,14 +18080,14 @@ var FluxFormInputAddition_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormPinInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = [
+var _hoisted_1$24 = [
 	"id",
 	"name",
 	"autofocus",
 	"aria-disabled",
 	"aria-invalid"
 ];
-var _hoisted_2$9 = [
+var _hoisted_2$8 = [
 	"aria-label",
 	"autocomplete",
 	"autofocus",
@@ -18012,8 +18203,8 @@ var FluxFormPinInput_default = /* @__PURE__ */ defineComponent({
 					onInput,
 					onKeydown: onKeyDown,
 					onPaste
-				}, null, 42, _hoisted_2$9);
-			}), 128))], 14, _hoisted_1$25);
+				}, null, 42, _hoisted_2$8);
+			}), 128))], 14, _hoisted_1$24);
 		};
 	}
 });
@@ -18254,7 +18445,7 @@ var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 			return options;
 		});
 		const { groups, selected, values } = useFormSelect_default(modelValue, __props.isMultiple, options);
-		const { isLoading: isFetchingLoading, loaded } = Z$1();
+		const { isLoading: isFetchingLoading, loaded } = X$1();
 		const debouncedModelSearch = Y$1(modelSearch, 300);
 		const fetchOptions = computed(() => loaded(__props.fetchOptions));
 		const fetchRelevant = computed(() => loaded(__props.fetchRelevant));
@@ -18309,7 +18500,7 @@ var FluxFormSelectAsync_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxFormTextArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = [
+var _hoisted_1$23 = [
 	"id",
 	"name",
 	"autocomplete",
@@ -18371,7 +18562,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$24)), [[vModelText, modelValue.value]]);
+			}, null, 46, _hoisted_1$23)), [[vModelText, modelValue.value]]);
 		};
 	}
 });
@@ -19098,7 +19289,7 @@ var TreeViewSelect_module_default = {
 };
 //#endregion
 //#region src/component/FluxFormTreeViewSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = [
+var _hoisted_1$22 = [
 	"role",
 	"tabindex",
 	"aria-selected",
@@ -19339,7 +19530,7 @@ var FluxFormTreeViewSelect_default = /* @__PURE__ */ defineComponent({
 							"expanded",
 							"level-colors",
 							"onExpandClick"
-						])], 42, _hoisted_1$23);
+						])], 42, _hoisted_1$22);
 					}), 128))], 2)]),
 					_: 1
 				}, 8, ["class", "anchor"])) : createCommentVNode("", true)]),
@@ -19354,7 +19545,7 @@ var Remove_module_default = {
 };
 //#endregion
 //#region src/component/FluxRemove.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = ["aria-label"];
+var _hoisted_1$21 = ["aria-label"];
 //#endregion
 //#region src/component/FluxRemove.vue
 var FluxRemove_default = /* @__PURE__ */ defineComponent({
@@ -19377,7 +19568,7 @@ var FluxRemove_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				name: __props.icon,
 				size: 16
-			}, null, 8, ["name"])) : createCommentVNode("", true)], 10, _hoisted_1$22);
+			}, null, 8, ["name"])) : createCommentVNode("", true)], 10, _hoisted_1$21);
 		};
 	}
 });
@@ -19450,7 +19641,7 @@ var FluxGalleryItem_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxGallery.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$21 = ["onClick"];
+var _hoisted_1$20 = ["onClick"];
 //#endregion
 //#region src/component/FluxGallery.vue
 var FluxGallery_default = /* @__PURE__ */ defineComponent({
@@ -19528,7 +19719,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$21)) : createCommentVNode("", true)
+						}, [createVNode(FluxIcon_default, { name: "plus" })], 10, _hoisted_1$20)) : createCommentVNode("", true)
 					]),
 					_: 2
 				}, 1032, ["class", "move-class"])]),
@@ -19603,12 +19794,12 @@ var FluxGridColumn_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxGridPattern.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = [
+var _hoisted_1$19 = [
 	"id",
 	"width",
 	"height"
 ];
-var _hoisted_2$8 = ["d", "stroke-dasharray"];
+var _hoisted_2$7 = ["d", "stroke-dasharray"];
 var _hoisted_3$3 = ["fill"];
 var _hoisted_4 = {
 	key: 0,
@@ -19648,7 +19839,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$8)], 8, _hoisted_1$20)]),
+				}, null, 8, _hoisted_2$7)], 8, _hoisted_1$19)]),
 				createElementVNode("rect", {
 					width: "100%",
 					height: "100%",
@@ -19715,7 +19906,7 @@ var Kanban_module_default = {
 };
 //#endregion
 //#region src/component/FluxKanban.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = ["aria-label"];
+var _hoisted_1$18 = ["aria-label"];
 //#endregion
 //#region src/component/FluxKanban.vue
 var FluxKanban_default = /* @__PURE__ */ defineComponent({
@@ -19782,14 +19973,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$19);
+			}, toDisplayString(liveMessage.value), 3)], 10, _hoisted_1$18);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxKanbanColumn.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$18 = ["aria-label", "aria-disabled"];
-var _hoisted_2$7 = ["draggable", "tabindex"];
+var _hoisted_1$17 = ["aria-label", "aria-disabled"];
+var _hoisted_2$6 = ["draggable", "tabindex"];
 //#endregion
 //#region src/component/FluxKanbanColumn.vue
 var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
@@ -19941,7 +20132,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$7),
+				], 2), renderSlot(_ctx.$slots, "actions")], 42, _hoisted_2$6),
 				createElementVNode("main", {
 					ref_key: "body",
 					ref: body,
@@ -19970,13 +20161,13 @@ var FluxKanbanColumn_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					class: normalizeClass(unref(Kanban_module_default).kanbanColumnFooter)
 				}, [hasFooter.value ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$18);
+			], 10, _hoisted_1$17);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxKanbanItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = [
+var _hoisted_1$16 = [
 	"aria-disabled",
 	"draggable",
 	"tabindex"
@@ -20102,7 +20293,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$17);
+			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1$16);
 		};
 	}
 });
@@ -20299,7 +20490,7 @@ var FluxLink_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxMenuCollapsible.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = ["id"];
+var _hoisted_1$15 = ["id"];
 //#endregion
 //#region src/component/FluxMenuCollapsible.vue
 var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
@@ -20409,7 +20600,7 @@ var FluxMenuCollapsible_default = /* @__PURE__ */ defineComponent({
 					id: unref(bodyId),
 					class: normalizeClass(unref(Menu_module_default).menuCollapsibleBody),
 					role: "group"
-				}, [createElementVNode("div", { class: normalizeClass(unref(Menu_module_default).menuCollapsibleContent) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$16)) : createCommentVNode("", true)]),
+				}, [createElementVNode("div", { class: normalizeClass(unref(Menu_module_default).menuCollapsibleContent) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_1$15)) : createCommentVNode("", true)]),
 				_: 3
 			})], 2);
 		};
@@ -20487,7 +20678,7 @@ var Notice_module_default = {
 };
 //#endregion
 //#region src/component/FluxNotice.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = ["aria-label"];
+var _hoisted_1$14 = ["aria-label"];
 //#endregion
 //#region src/component/FluxNotice.vue
 var FluxNotice_default = /* @__PURE__ */ defineComponent({
@@ -20538,7 +20729,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$15)) : createCommentVNode("", true)
+				}, [createVNode(FluxIcon_default, { name: "xmark" })], 10, _hoisted_1$14)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
@@ -20757,7 +20948,7 @@ var FluxPaneIllustration_default = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const borderColor = computed(() => {
 			if (!__props.animatedColors || __props.animatedColors.length === 0) return "transparent";
-			const [r, g, b] = j$2(__props.animatedColors[0]);
+			const [r, g, b] = j$3(__props.animatedColors[0]);
 			return `rgb(${r} ${g} ${b} / .15)`;
 		});
 		return (_ctx, _cache) => {
@@ -20791,7 +20982,7 @@ var FluxPaneIllustration_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPaneMedia.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = ["src", "alt"];
+var _hoisted_1$13 = ["src", "alt"];
 //#endregion
 //#region src/component/FluxPaneMedia.vue
 var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
@@ -20816,7 +21007,7 @@ var FluxPaneMedia_default = /* @__PURE__ */ defineComponent({
 				}),
 				src: __props.imageUrl,
 				alt: __props.imageAlt
-			}, null, 14, _hoisted_1$14)) : createCommentVNode("", true)], 2);
+			}, null, 14, _hoisted_1$13)) : createCommentVNode("", true)], 2);
 		};
 	}
 });
@@ -20861,7 +21052,7 @@ var FluxPercentageBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxPersona.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = { key: 0 };
+var _hoisted_1$12 = { key: 0 };
 //#endregion
 //#region src/component/FluxPersona.vue
 var FluxPersona_default = /* @__PURE__ */ defineComponent({
@@ -20901,14 +21092,14 @@ 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$13, toDisplayString(__props.title), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2);
+			}, [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);
 		};
 	}
 });
 //#endregion
 //#region src/component/FluxPlaceholder.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = { key: 0 };
-var _hoisted_2$6 = { key: 1 };
+var _hoisted_1$11 = { key: 0 };
+var _hoisted_2$5 = { key: 1 };
 //#endregion
 //#region src/component/FluxPlaceholder.vue
 var FluxPlaceholder_default = /* @__PURE__ */ defineComponent({
@@ -20937,7 +21128,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$12, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.message ? (openBlock(), createElementBlock("p", _hoisted_2$6, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
+				createElementVNode("div", { class: normalizeClass(unref(Placeholder_module_default).placeholderCaption) }, [__props.title ? (openBlock(), createElementBlock("strong", _hoisted_1$11, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.message ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(__props.message), 1)) : createCommentVNode("", true)], 2),
 				renderSlot(_ctx.$slots, "default")
 			], 2);
 		};
@@ -21163,7 +21354,7 @@ var FluxPublishButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxQuantitySelector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = [
+var _hoisted_1$10 = [
 	"disabled",
 	"max",
 	"min",
@@ -21236,7 +21427,7 @@ var FluxQuantitySelector_default = /* @__PURE__ */ defineComponent({
 						max: __props.max,
 						min: __props.min,
 						step: __props.step
-					}, null, 14, _hoisted_1$11), [[vModelText, modelValue.value]]),
+					}, null, 14, _hoisted_1$10), [[vModelText, modelValue.value]]),
 					createVNode(FluxSecondaryButton_default, {
 						class: normalizeClass(unref(Form_module_default).quantitySelectorButton),
 						disabled: unref(disabled) || modelValue.value >= __props.max,
@@ -21283,7 +21474,7 @@ var Snackbar_module_default = {
 };
 //#endregion
 //#region src/component/FluxSnackbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = ["onClick"];
+var _hoisted_1$9 = ["onClick"];
 //#endregion
 //#region src/component/FluxSnackbar.vue
 var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
@@ -21399,7 +21590,7 @@ var FluxSnackbar_default = /* @__PURE__ */ defineComponent({
 						tabindex: "-1",
 						type: "button",
 						onClick: ($event) => onAction(actionKey)
-					}, [createElementVNode("span", null, toDisplayString(actionLabel), 1)], 10, _hoisted_1$10);
+					}, [createElementVNode("span", null, toDisplayString(actionLabel), 1)], 10, _hoisted_1$9);
 				}), 128))], 2)) : createCommentVNode("", true),
 				__props.isCloseable ? (openBlock(), createBlock(FluxAction_default, {
 					key: 1,
@@ -21602,7 +21793,7 @@ var Root_module_default = {
 };
 //#endregion
 //#region src/component/FluxRoot.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = ["inert"];
+var _hoisted_1$8 = ["inert"];
 //#endregion
 //#region src/component/FluxRoot.vue
 var FluxRoot_default = /* @__PURE__ */ defineComponent({
@@ -21620,7 +21811,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$9),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$8),
 				createVNode(FluxOverlayProvider_default),
 				createVNode(FluxSnackbarProvider_default),
 				createVNode(FluxTooltipProvider_default)
@@ -21758,8 +21949,8 @@ var SegmentedControl_module_default = {
 };
 //#endregion
 //#region src/component/FluxSegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = ["aria-label"];
-var _hoisted_2$5 = [
+var _hoisted_1$7 = ["aria-label"];
+var _hoisted_2$4 = [
 	"aria-checked",
 	"aria-label",
 	"tabindex",
@@ -21790,7 +21981,7 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 			isAlive.value = false;
 		});
 		watchEffect(() => updateHighlight(unref(modelValue)), { flush: "post" });
-		he$1(controlRef, () => updateHighlight(unref(modelValue)));
+		ye$1(controlRef, () => updateHighlight(unref(modelValue)));
 		function activate(index) {
 			modelValue.value = index;
 			(itemRefs.value?.[index])?.focus();
@@ -21865,8 +22056,8 @@ var FluxSegmentedControl_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					name: item.icon,
 					size: 15
-				}, null, 8, ["name"])) : createCommentVNode("", true), item.label ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)], 10, _hoisted_2$5)], 64);
-			}), 256))], 42, _hoisted_1$8);
+				}, null, 8, ["name"])) : createCommentVNode("", true), item.label ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)], 10, _hoisted_2$4)], 64);
+			}), 256))], 42, _hoisted_1$7);
 		};
 	}
 });
@@ -21995,7 +22186,7 @@ var FluxSplitViewPane_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxSplitView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = [
+var _hoisted_1$6 = [
 	"aria-orientation",
 	"aria-valuenow",
 	"tabindex",
@@ -22060,7 +22251,7 @@ var FluxSplitView_default = /* @__PURE__ */ defineComponent({
 						tabindex: pane.isResizable ? 0 : -1,
 						onPointerdown: ($event) => unref(onHandlePointerDown)($event, index),
 						onKeydown: ($event) => unref(onHandleKeyDown)($event, index)
-					}, null, 42, _hoisted_1$7)) : createCommentVNode("", true)], 64);
+					}, null, 42, _hoisted_1$6)) : createCommentVNode("", true)], 64);
 				}), 128))]),
 				_: 1
 			}, 8, ["class", "style"]);
@@ -22085,8 +22276,8 @@ var Statistic_module_default = {
 };
 //#endregion
 //#region src/component/FluxStatistic.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = { key: 1 };
-var _hoisted_2$4 = ["src", "alt"];
+var _hoisted_1$5 = { key: 1 };
+var _hoisted_2$3 = ["src", "alt"];
 var _hoisted_3$1 = { key: 0 };
 //#endregion
 //#region src/component/FluxStatistic.vue
@@ -22122,12 +22313,12 @@ var FluxStatistic_default = /* @__PURE__ */ defineComponent({
 						"class",
 						"color",
 						"name"
-					])) : __props.imageSrc ? (openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("img", {
+					])) : __props.imageSrc ? (openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("img", {
 						class: normalizeClass(unref(Statistic_module_default).statisticImage),
 						src: __props.imageSrc,
 						alt: __props.imageAlt
-					}, null, 10, _hoisted_2$4)])) : createCommentVNode("", true),
-					createElementVNode("div", { class: normalizeClass(unref(Statistic_module_default).statisticData) }, [createElementVNode("span", null, toDisplayString(__props.label), 1), createElementVNode("strong", null, toDisplayString(__props.value ?? unref(Z$2)), 1)], 2),
+					}, null, 10, _hoisted_2$3)])) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(unref(Statistic_module_default).statisticData) }, [createElementVNode("span", null, toDisplayString(__props.label), 1), createElementVNode("strong", null, toDisplayString(__props.value ?? unref(Z$1)), 1)], 2),
 					__props.changeIcon || __props.changeValue ? (openBlock(), createElementBlock("div", {
 						key: 2,
 						class: normalizeClass(unref(clsx)(unref(Statistic_module_default).statisticChange, __props.changeColor === "gray" && unref(Statistic_module_default).isGray, __props.changeColor === "primary" && unref(Statistic_module_default).isPrimary, __props.changeColor === "danger" && unref(Statistic_module_default).isDanger, __props.changeColor === "info" && unref(Statistic_module_default).isInfo, __props.changeColor === "success" && unref(Statistic_module_default).isSuccess, __props.changeColor === "warning" && unref(Statistic_module_default).isWarning))
@@ -22164,8 +22355,8 @@ var Stepper_module_default = {
 };
 //#endregion
 //#region src/component/FluxStepperSteps.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = ["onClick"];
-var _hoisted_2$3 = { key: 1 };
+var _hoisted_1$4 = ["onClick"];
+var _hoisted_2$2 = { key: 1 };
 //#endregion
 //#region src/component/FluxStepperSteps.vue
 var FluxStepperSteps_default = /* @__PURE__ */ defineComponent({
@@ -22196,9 +22387,9 @@ var FluxStepperSteps_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [__props.current > step ? (openBlock(), createBlock(FluxIcon_default, {
 						key: 0,
 						name: "check"
-					})) : (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(step), 1))]),
+					})) : (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(step), 1))]),
 					_: 2
-				}, 1024)], 10, _hoisted_1$5);
+				}, 1024)], 10, _hoisted_1$4);
 			}), 128))], 6);
 		};
 	}
@@ -22373,11 +22564,11 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const tabBarRef = useTemplateRef("tabBar");
 		D$1(tabBarRef, "scroll", () => checkScroll());
-		de$1(tabBarRef, () => {
+		he$1(tabBarRef, () => {
 			checkScroll();
 			updateHighlight();
 		}, { childList: true });
-		he$1(tabBarRef, () => updateHighlight());
+		ye$1(tabBarRef, () => updateHighlight());
 		const isEndArrowVisible = ref(false);
 		const isStartArrowVisible = ref(false);
 		const activeItemX = ref(0);
@@ -22485,7 +22676,7 @@ var FluxTabBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/component/FluxTabBarItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = { key: 1 };
+var _hoisted_1$3 = { key: 1 };
 //#endregion
 //#region src/component/FluxTabBarItem.vue
 var FluxTabBarItem_default = /* @__PURE__ */ defineComponent({
@@ -22577,7 +22768,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$4, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]),
+				}, null, 8, ["name"])) : createCommentVNode("", true), __props.label ? (openBlock(), createElementBlock("span", _hoisted_1$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]),
 				_: 1
 			}, 8, [
 				"component-type",
@@ -22696,79 +22887,6 @@ var FluxTableBar_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/component/FluxTableHeader.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = ["aria-sort"];
-var _hoisted_2$2 = ["aria-label", "onClick"];
-//#endregion
-//#region src/component/FluxTableHeader.vue
-var FluxTableHeader_default = /* @__PURE__ */ defineComponent({
-	__name: "FluxTableHeader",
-	props: {
-		isShrinking: { type: Boolean },
-		isSortable: { type: Boolean },
-		isSticky: { type: Boolean },
-		minWidth: { default: 0 },
-		sort: {}
-	},
-	emits: ["sort"],
-	setup(__props, { emit: $emit }) {
-		const { isBordered } = useTableInjection_default();
-		const translate = useTranslate_default();
-		const sortingIcon = computed(() => {
-			switch (__props.sort) {
-				case "ascending": return "arrow-down-a-z";
-				case "descending": return "arrow-up-a-z";
-				default: return "arrow-up-arrow-down";
-			}
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("th", {
-				class: normalizeClass(unref(clsx)(unref(Table_module_default).tableHeader, unref(isBordered) && unref(Table_module_default).isBordered, __props.isShrinking && unref(Table_module_default).isShrinking, __props.isSticky && unref(Table_module_default).isSticky)),
-				scope: "col",
-				"aria-sort": __props.isSortable ? __props.sort ?? "none" : void 0,
-				style: normalizeStyle({ minWidth: `${__props.minWidth}px` })
-			}, [createElementVNode("div", { class: normalizeClass(unref(Table_module_default).tableHeaderContent) }, [renderSlot(_ctx.$slots, "default"), __props.isSortable ? (openBlock(), createBlock(FluxFlyout_default, { key: 0 }, {
-				opener: withCtx(({ open }) => [createElementVNode("button", {
-					class: normalizeClass(unref(Table_module_default).tableSort),
-					"aria-label": unref(translate)("flux.sort"),
-					tabindex: "-1",
-					type: "button",
-					onClick: open
-				}, [createVNode(FluxIcon_default, {
-					size: 16,
-					name: sortingIcon.value
-				}, null, 8, ["name"])], 10, _hoisted_2$2)]),
-				default: withCtx(() => [createVNode(FluxMenu_default, null, {
-					default: withCtx(() => [createVNode(FluxMenuGroup_default, null, {
-						default: withCtx(() => [createVNode(FluxMenuItem_default, {
-							"is-highlighted": __props.sort === "ascending",
-							"icon-leading": "arrow-down-a-z",
-							label: unref(translate)("flux.sortAscending"),
-							onClick: _cache[0] || (_cache[0] = ($event) => $emit("sort", "ascending"))
-						}, null, 8, ["is-highlighted", "label"]), createVNode(FluxMenuItem_default, {
-							"is-highlighted": __props.sort === "descending",
-							"icon-leading": "arrow-up-a-z",
-							label: unref(translate)("flux.sortDescending"),
-							onClick: _cache[1] || (_cache[1] = ($event) => $emit("sort", "descending"))
-						}, null, 8, ["is-highlighted", "label"])]),
-						_: 1
-					}), __props.sort ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(FluxSeparator_default), createVNode(FluxMenuGroup_default, null, {
-						default: withCtx(() => [createVNode(FluxMenuItem_default, {
-							"icon-leading": "circle-xmark",
-							"is-destructive": "",
-							label: unref(translate)("flux.sortRemove"),
-							onClick: _cache[2] || (_cache[2] = ($event) => $emit("sort", null))
-						}, null, 8, ["label"])]),
-						_: 1
-					})], 64)) : createCommentVNode("", true)]),
-					_: 1
-				})]),
-				_: 1
-			})) : createCommentVNode("", true)], 2)], 14, _hoisted_1$3);
-		};
-	}
-});
-//#endregion
 //#region src/component/FluxTagStack.vue
 var FluxTagStack_default = /* @__PURE__ */ defineComponent({
 	__name: "FluxTagStack",