@flux-ui/components 3.0.0-next.66 → 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. */
@@ -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`,
@@ -12161,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`,
@@ -13359,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,
@@ -13588,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) {
@@ -13617,7 +13629,7 @@ var FilterBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Menu.module.scss
-var { "button": _0$9, "buttonLabel": _1$3, "buttonIcon": _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`,
@@ -13625,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 ${_0$9}`,
+	menuItem: `menu-item ${_1$3}`,
 	badge: `badge`,
-	menuItemIcon: `menu-item-icon ${_2$2}`,
-	menuItemLabel: `menu-item-label ${_1$3}`,
+	menuItemIcon: `menu-item-icon ${_0$9}`,
+	menuItemLabel: `menu-item-label ${_2$2}`,
 	menuItemActive: `menu-item-active`,
 	menuItemDestructive: `menu-item-destructive`,
 	menuItemHighlighted: `menu-item-highlighted`,
@@ -13637,7 +13649,7 @@ var Menu_module_default = {
 	menuCollapsibleOpened: `menu-collapsible-opened menu-collapsible`,
 	menuCollapsibleBody: `menu-collapsible-body`,
 	menuCollapsibleContent: `menu-collapsible-content`,
-	menuItemSelectableIcon: `menu-item-selectable-icon ${_2$2}`,
+	menuItemSelectableIcon: `menu-item-selectable-icon ${_0$9}`,
 	menuItemSelected: `menu-item-selected`,
 	menuItemCommand: `menu-item-command`,
 	menuItemCommandIcon: `menu-item-command-icon`,
@@ -14440,7 +14452,7 @@ var FilterItem_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) {
@@ -14769,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);
@@ -15225,16 +15237,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 { "secondaryButtonIcon": _0$8, "secondaryButtonLabel": _1$2, "secondaryButton": _2$1 } = Button_module_default;
 var Pagination_module_default = {
 	pagination: `pagination`,
-	paginationButton: `pagination-button ${_1$2}`,
+	paginationButton: `pagination-button ${_2$1}`,
 	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 ${_0$8}`,
+	paginationButtonLabel: `pagination-button-label ${_1$2}`,
 	paginationBar: `pagination-bar`,
 	paginationBarLimit: `pagination-bar-limit`,
 	paginationBarLimitDisplayingOf: `pagination-bar-limit-displaying-of`,
@@ -15496,13 +15508,13 @@ 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`,
@@ -15593,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,
@@ -15600,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, __props.isBordered && unref(Table_module_default).isBordered]) }, [
+			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),
@@ -15621,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)
@@ -15756,6 +15775,8 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 		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 [];
@@ -15783,7 +15804,7 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 			return value === id;
 		}
 		function onRowClick(item, event) {
-			if (!__props.selectionMode) return;
+			if (!__props.selectionMode || unref(treeDisabled)) return;
 			if (event.target?.closest("a, button, input, label, select, textarea, [role=\"button\"]")) return;
 			onSelectRow(item);
 		}
@@ -15808,8 +15829,13 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 			}
 			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,
@@ -15820,7 +15846,7 @@ var FluxDataTable_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(limitedItems.value, (item, index) => {
 					return openBlock(), createBlock(FluxTableRow_default, {
 						key: __props.uniqueKey ? item[__props.uniqueKey] : index,
-						class: normalizeClass(__props.selectionMode && unref(Table_module_default).isSelectableRow),
+						class: normalizeClass(__props.selectionMode && !unref(treeDisabled) && unref(Table_module_default).isSelectableRow),
 						"is-selected": __props.selectionMode ? isItemSelected(item) : false,
 						onClick: ($event) => onRowClick(item, $event)
 					}, {
@@ -16386,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;
@@ -18419,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));
@@ -20922,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) => {
@@ -21955,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();
@@ -22292,7 +22318,7 @@ var FluxStatistic_default = /* @__PURE__ */ defineComponent({
 						src: __props.imageSrc,
 						alt: __props.imageAlt
 					}, 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$2)), 1)], 2),
+					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))
@@ -22309,7 +22335,7 @@ var FluxStatistic_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/css/component/Stepper.module.scss
-var { "sparklesContainerActive": _0$2, "sparklesContainer": _1, "sparklesParticles": _2 } = {
+var { "sparklesContainer": _0$2, "sparklesContainerActive": _1, "sparklesParticles": _2 } = {
 	sparklesContainer: `sparkles-container`,
 	sparklesParticles: `sparkles-particles`,
 	sparklesContainerActive: `sparkles-container-active`,
@@ -22320,11 +22346,11 @@ var { "sparklesContainerActive": _0$2, "sparklesContainer": _1, "sparklesParticl
 var Stepper_module_default = {
 	stepperStep: `stepper-step`,
 	stepperSteps: `stepper-steps`,
-	stepperStepsItem: `stepper-steps-item ${_1}`,
+	stepperStepsItem: `stepper-steps-item ${_0$2}`,
 	icon: `icon`,
-	stepperStepsItemComplete: `stepper-steps-item-complete ${_0$2} stepper-steps-item ${_1}`,
-	stepperStepsItemCurrent: `stepper-steps-item-current stepper-steps-item ${_1}`,
-	stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${_1}`,
+	stepperStepsItemComplete: `stepper-steps-item-complete ${_1} stepper-steps-item ${_0$2}`,
+	stepperStepsItemCurrent: `stepper-steps-item-current stepper-steps-item ${_0$2}`,
+	stepperStepsItemIdle: `stepper-steps-item-idle stepper-steps-item ${_0$2}`,
 	stepperStepsItemParticles: `stepper-steps-item-particles ${_2}`
 };
 //#endregion
@@ -22538,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);